|
Server IP : 10.128.40.6 / Your IP : 216.73.216.233 Web Server : Apache System : Linux webd006.cluster128.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : logmcpe ( 111175) PHP Version : 7.3.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0705) : /home/logmcpe/www/mc-pro.fr/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
*, *:before, *:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
html, body {
font-size:100%
}
body {
background:white;
color:#454545;
padding:0;
margin:0;
font-family:'Open Sans', sans-serif;
font-weight:400;
font-style:normal;
line-height:1;
position:relative
}
a:focus {
outline:0
}
section {
min-width:980px
}
img, object, embed {
max-width:100%;
height:auto
}
object, embed {
height:100%
}
img {
-ms-interpolation-mode:bicubic
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width:none!important
}
.left {
float:left!important
}
.right {
float:right!important
}
.text-left {
text-align:left!important
}
.text-right {
text-align:right!important
}
.text-center {
text-align:center!important
}
.text-justify {
text-align:justify!important
}
.hide {
display:none
}
.antialiased {
-webkit-font-smoothing:antialiased
}
img {
display:inline-block
}
textarea {
height:auto;
min-height:50px
}
select {
width:254px
}
.row {
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
max-width:980px;
*zoom:1
}
.row:before, .row:after {
content:" ";
display:table
}
.row:after {
clear:both
}
.row .column, .row .columns {
position:relative;
padding-left:.9375em;
padding-right:.9375em;
width:100%;
float:left
}
.row.collapse .column, .row.collapse .columns {
position:relative;
padding-left:0;
padding-right:0;
float:left
}
.row .row {
width:auto;
margin-left:-0.9375em;
margin-right:-0.9375em;
margin-top:0;
margin-bottom:0;
max-width:none;
*zoom:1
}
.row .row:before, .row .row:after {
content:" ";
display:table
}
.row .row:after {
clear:both
}
.row .row.collapse {
width:auto;
margin:0;
max-width:none;
*zoom:1
}
.row .row.collapse:before, .row .row.collapse:after {
content:" ";
display:table
}
.row .row.collapse:after {
clear:both
}
.slide-on {
background-color:#ccc
}
@media only screen {
.row .column, .row .columns {
position:relative;
padding-left:.9375em;
padding-right:.9375em;
float:left
}
[class*="column"]+[class*="column"]:last-child {
float:right
}
[class*="column"]+[class*="column"].end {
float:left
}
}
.row .large-1 {
position:relative;
width:8.33333%
}
.row .large-2 {
position:relative;
width:16.66667%
}
.row .large-3 {
position:relative;
width:25%
}
.row .large-4 {
position:relative;
width:33.33333%
}
.row .large-5 {
position:relative;
width:41.66667%
}
.row .large-6 {
position:relative;
width:50%
}
.row .large-7 {
position:relative;
width:58.33333%
}
.row .large-8 {
position:relative;
width:66.66667%
}
.row .large-9 {
position:relative;
width:75%
}
.row .large-10 {
position:relative;
width:83.33333%
}
.row .large-11 {
position:relative;
width:91.66667%
}
.row .large-12 {
position:relative;
width:980px
}
.row .large-offset-1 {
position:relative;
margin-left:8.33333%
}
.row .large-offset-2 {
position:relative;
margin-left:16.66667%
}
.row .large-offset-3 {
position:relative;
margin-left:25%
}
.row .large-offset-4 {
position:relative;
margin-left:33.33333%
}
.row .large-offset-5 {
position:relative;
margin-left:41.66667%
}
.row .large-offset-6 {
position:relative;
margin-left:50%
}
.row .large-offset-7 {
position:relative;
margin-left:58.33333%
}
.row .large-offset-8 {
position:relative;
margin-left:66.66667%
}
.row .large-offset-9 {
position:relative;
margin-left:75%
}
.row .large-offset-10 {
position:relative;
margin-left:83.33333%
}
.push-2 {
position:relative;
left:16.66667%;
right:auto
}
.pull-2 {
position:relative;
right:16.66667%;
left:auto
}
.push-3 {
position:relative;
left:25%;
right:auto
}
.pull-3 {
position:relative;
right:25%;
left:auto
}
.push-4 {
position:relative;
left:33.33333%;
right:auto
}
.pull-4 {
position:relative;
right:33.33333%;
left:auto
}
.push-5 {
position:relative;
left:41.66667%;
right:auto
}
.pull-5 {
position:relative;
right:41.66667%;
left:auto
}
.push-6 {
position:relative;
left:50%;
right:auto
}
.pull-6 {
position:relative;
right:50%;
left:auto
}
.push-7 {
position:relative;
left:58.33333%;
right:auto
}
.pull-7 {
position:relative;
right:58.33333%;
left:auto
}
.push-8 {
position:relative;
left:66.66667%;
right:auto
}
.pull-8 {
position:relative;
right:66.66667%;
left:auto
}
.push-9 {
position:relative;
left:75%;
right:auto
}
.pull-9 {
position:relative;
right:75%;
left:auto
}
.push-10 {
position:relative;
left:83.33333%;
right:auto
}
.pull-10 {
position:relative;
right:83.33333%;
left:auto
}
.small-push-2 {
left:inherit
}
.small-pull-2 {
right:inherit
}
.small-push-3 {
left:inherit
}
.small-pull-3 {
right:inherit
}
.small-push-4 {
left:inherit
}
.small-pull-4 {
right:inherit
}
.small-push-5 {
left:inherit
}
.small-pull-5 {
right:inherit
}
.small-push-6 {
left:inherit
}
.small-pull-6 {
right:inherit
}
.small-push-7 {
left:inherit
}
.small-pull-7 {
right:inherit
}
.small-push-8 {
left:inherit
}
.small-pull-8 {
right:inherit
}
.small-push-9 {
left:inherit
}
.small-pull-9 {
right:inherit
}
.small-push-10 {
left:inherit
}
.small-pull-10 {
right:inherit
}
.column.large-centered, .columns.large-centered {
position:relative;
margin-left:auto;
margin-right:auto;
float:none!important
}
@media only screen and (min-width:48em) {
.large-block-grid-1>li {
width:100%;
padding:0 10px 10px
}
.large-block-grid-1>li:nth-of-type(1n+1) {
clear:both
}
.large-block-grid-2>li {
width:50%;
padding:0 10px 10px
}
.large-block-grid-2>li:nth-of-type(2n+1) {
clear:both
}
.large-block-grid-3>li {
width:33.33333%;
padding:0 10px 10px
}
.large-block-grid-3>li:nth-of-type(3n+1) {
clear:both
}
.large-block-grid-4>li {
width:25%;
padding:0 10px 10px
}
.large-block-grid-4>li:nth-of-type(4n+1) {
clear:both
}
.large-block-grid-5>li {
width:20%;
padding:0 10px 10px
}
.large-block-grid-5>li:nth-of-type(5n+1) {
clear:both
}
.large-block-grid-6>li {
width:16.66667%;
padding:0 10px 10px
}
.large-block-grid-6>li:nth-of-type(6n+1) {
clear:both
}
.large-block-grid-7>li {
width:14.28571%;
padding:0 10px 10px
}
.large-block-grid-7>li:nth-of-type(7n+1) {
clear:both
}
.large-block-grid-8>li {
width:12.5%;
padding:0 10px 10px
}
.large-block-grid-8>li:nth-of-type(8n+1) {
clear:both
}
.large-block-grid-9>li {
width:11.11111%;
padding:0 10px 10px
}
.large-block-grid-9>li:nth-of-type(9n+1) {
clear:both
}
.large-block-grid-10>li {
width:10%;
padding:0 10px 10px
}
.large-block-grid-10>li:nth-of-type(10n+1) {
clear:both
}
.large-block-grid-11>li {
width:9.09091%;
padding:0 10px 10px
}
.large-block-grid-11>li:nth-of-type(11n+1) {
clear:both
}
.large-block-grid-12>li {
width:8.33333%;
padding:0 10px 10px
}
.large-block-grid-12>li:nth-of-type(12n+1) {
clear:both
}
[class*="small-block-grid-"]>li {
clear:none!important
}
}
p.lead {
font-size:1.21875em;
line-height:1.6
}
.subheader {
line-height:1.4;
color:#bdbdbd;
font-weight:300;
margin-top:.2em;
margin-bottom:.5em
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin:0;
padding:0;
direction:ltr
}
a {
color:#009bd9;
text-decoration:none;
line-height:inherit
}
a:hover, a:focus {
color:#0789c0
}
a img {
border:0
}
p {
font-family:inherit;
font-weight:normal;
font-size:0.95em;
line-height:1.6;
margin-bottom:1.25em;
text-rendering:optimizeLegibility
}
p aside {
font-size:.875em;
line-height:1.35;
font-style:italic
}
p.white a { color:#c2d100!important;}
h1, h2, h3, h4, h5, h6 {
font-family:'Francois One', sans-serif;
font-weight:400;
font-style:normal;
color:#707070;
text-rendering:optimizeLegibility;
margin-top:.2em;
margin-bottom:.5em;
line-height:1.2125em
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size:60%;
color:#bdbdbd;
line-height:0
}
h1 {
font-size:2em
}
h2 {
font-size:1.5em
}
h3 {
font-size:1.375em
}
h4 {
font-size:1.125em
}
h5 {
font-size:1.125em
}
h6 {
font-size:1em
}
hr {
border:solid #ddd;
border-width:1px 0 0;
clear:both;
margin:1.25em 0 1.1875em;
height:0
}
em, i {
font-style:italic;
line-height:inherit
}
strong, b {
font-weight:bold;
line-height:inherit
}
small {
font-size:60%;
line-height:inherit
}
code {
font-family:Consolas, "Liberation Mono", Courier, monospace;
font-weight:bold;
color:#7f0a0c
}
ul, ol, dl {
font-size:1em;
line-height:1.6;
margin-bottom:1.25em;
list-style-position:outside;
font-family:inherit
}
ul li ul, ul li ol {
margin-left:1.25em;
margin-bottom:0;
font-size:1em
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style:inherit
}
ul.square {
list-style-type:square
}
ul.circle {
list-style-type:circle
}
ul.disc {
list-style-type:disc
}
ul.no-bullet {
list-style:none
}
ol li ul, ol li ol {
margin-left:1.25em;
margin-bottom:0
}
dl dt {
margin-bottom:.3em;
font-weight:bold
}
dl dd {
margin-bottom:.75em
}
abbr, acronym {
text-transform:uppercase;
font-size:90%;
color:#707070;
border-bottom:1px dotted #ddd;
cursor:help
}
abbr {
text-transform:none
}
blockquote {
margin:0 0 1.25em;
padding:.5625em 1.25em 0 1.1875em;
border-left:1px solid #ddd
}
blockquote cite {
display:block;
font-size:.8125em;
color:#a3a3a3
}
blockquote cite:before {
content:"\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
color:#a3a3a3
}
blockquote, blockquote p {
line-height:1.6;
color:#bdbdbd
}
.vcard {
display:inline-block;
margin:0 0 1.25em 0;
border:1px solid #ddd;
padding:.625em .75em
}
.vcard li {
margin:0;
display:block
}
.vcard .fn {
font-weight:bold;
font-size:.9375em
}
.vevent .summary {
font-weight:bold
}
.vevent abbr {
cursor:default;
text-decoration:none;
font-weight:bold;
border:0;
padding:0 .0625em
}
.print-only {
display:none!important
}
@media print {
* {
background:transparent!important;
color:black!important;
box-shadow:none!important;
text-shadow:none!important
}
a, a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
pre, blockquote {
border:1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
tr, img {
page-break-inside:avoid
}
img {
max-width:100%!important
}
@page {
margin:.5cm
}
p, h2, h3 {
orphans:3;
widows:3
}
h2, h3 {
page-break-after:avoid
}
.hide-on-print {
display:none!important
}
.print-only {
display:block!important
}
.hide-for-print {
display:none!important
}
.show-for-print {
display:inherit!important
}
}
button, .button {
border:0;
cursor:pointer;
font-family:inherit;
font-weight:700;
line-height:1;
margin:0 0 1.25em;
position:relative;
text-decoration:none;
text-align:center;
display:inline-block;
padding-top:.75em;
padding-right:1.5em;
padding-bottom:.8125em;
padding-left:1.5em;
font-size:1.125em;
text-transform:uppercase;
background-color:#009bd9;
color:white;
background-size:1px 200px;
background:#009bd9;
background:-moz-linear-gradient(top, #4cb9e7 0, #009bd9 50%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cb9e7), color-stop(50%, #009bd9));
background:-webkit-linear-gradient(top, #4cb9e7 0, #009bd9 50%);
background:-o-linear-gradient(top, #4cb9e7 0, #009bd9 50%);
background:-ms-linear-gradient(top, #4cb9e7 0, #009bd9 50%);
background:linear-gradient(to bottom, #4cb9e7 0, #009bd9 50%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb9e7', endColorstr='#009bd9', GradientType=0)
}
button:hover, button:focus, .button:hover, .button:focus {
background-position:100px;
background:#009bd9;
background:-moz-linear-gradient(top, #009bd9 0, #009bd9 50%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bd9), color-stop(50%, #009bd9));
background:-webkit-linear-gradient(top, #009bd9 0, #009bd9 50%);
background:-o-linear-gradient(top, #009bd9 0, #009bd9 50%);
background:-ms-linear-gradient(top, #009bd9 0, #009bd9 50%);
background:linear-gradient(to bottom, #009bd9 0, #009bd9 50%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009bd9', endColorstr='#009bd9', GradientType=0);
color:white
}
button.large, .button.large {
padding-top:1em;
padding-right:2em;
padding-bottom:1.0625em;
padding-left:2em;
font-size:1.25em
}
button.small, .button.small {
padding-top:.5625em;
padding-right:1.125em;
padding-bottom:.625em;
padding-left:1.125em;
font-size:.8125em
}
button.tiny, .button.tiny {
padding-top:.4375em;
padding-right:.875em;
padding-bottom:.5em;
padding-left:.875em;
font-size:.6875em
}
button.left-align, .button.left-align {
text-align:left;
text-indent:.75em
}
button.right-align, .button.right-align {
text-align:right;
padding-right:.75em
}
input.button, button.button {
padding-top:.8125em;
padding-bottom:.75em
}
input.button.tiny, button.button.tiny {
padding-top:.5em;
padding-bottom:.4375em
}
input.button.small, button.button.small {
padding-top:.625em;
padding-bottom:.5625em
}
input.button.large, button.button.large {
padding-top:1.03125em;
padding-bottom:1.03125em
}
@media only screen {
.button {
-webkit-transition:background 300ms ease-out;
-moz-transition:background 300ms ease-out;
transition:background 300ms ease-out
}
.button:active {
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset
}
.button.radius {
-webkit-border-radius:3px;
border-radius:3px
}
.button.round {
-webkit-border-radius:1000px;
border-radius:1000px
}
}
@media only screen and (min-width:48em) {
.button {
display:inline-block
}
}
form {
margin:0 0 1em
}
form .row .row {
margin:-0.5em
}
form .row .row .column, form .row .row .columns {
padding:0 .5em
}
form .row .row.collapse {
margin:0
}
form .row .row.collapse .column, form .row .row.collapse .columns {
padding:0
}
form .row input.column, form .row input.columns {
padding-left:.5em
}
label {
font-size:.875em;
color:#4d4d4d;
cursor:pointer;
display:block;
font-weight:500;
margin-bottom:.1875em
}
label.right {
float:none;
text-align:right
}
label.inline {
margin:0 0 1em 0;
padding:.625em 0
}
.prefix, .postfix {
display:block;
position:relative;
z-index:2;
text-align:center;
width:100%;
padding-top:0;
padding-bottom:0;
border-style:solid;
border-width:1px;
overflow:hidden;
font-size:.875em;
height:2.3125em;
line-height:2.3125em
}
.postfix.button {
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
text-align:center;
line-height:2.125em
}
.prefix.button {
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
text-align:center;
line-height:2.125em
}
.prefix.button.radius {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px
}
.postfix.button.radius {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px
}
.prefix.button.round {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-bottomleft:1000px;
-moz-border-radius-topleft:1000px;
-webkit-border-bottom-left-radius:1000px;
-webkit-border-top-left-radius:1000px;
border-bottom-left-radius:1000px;
border-top-left-radius:1000px
}
.postfix.button.round {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-topright:1000px;
-moz-border-radius-bottomright:1000px;
-webkit-border-top-right-radius:1000px;
-webkit-border-bottom-right-radius:1000px;
border-top-right-radius:1000px;
border-bottom-right-radius:1000px
}
span.prefix {
background:#f2f2f2;
border-color:#d9d9d9;
border-right:0;
color:#333
}
span.prefix.radius {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px
}
span.postfix {
background:#f2f2f2;
border-color:#ccc;
border-left:0;
color:#333
}
span.postfix.radius {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px
}
.input-group.radius>*:first-child, .input-group.radius>*:first-child * {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px
}
.input-group.radius>*:last-child, .input-group.radius>*:last-child * {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px
}
.input-group.round>*:first-child, .input-group.round>*:first-child * {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-bottomleft:1000px;
-moz-border-radius-topleft:1000px;
-webkit-border-bottom-left-radius:1000px;
-webkit-border-top-left-radius:1000px;
border-bottom-left-radius:1000px;
border-top-left-radius:1000px
}
.input-group.round>*:last-child, .input-group.round>*:last-child * {
-webkit-border-radius:0;
border-radius:0;
-moz-border-radius-topright:1000px;
-moz-border-radius-bottomright:1000px;
-webkit-border-top-right-radius:1000px;
-webkit-border-bottom-right-radius:1000px;
border-top-right-radius:1000px;
border-bottom-right-radius:1000px
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
background-color:white;
font-family:inherit;
border:1px solid #ccc;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.75);
display:block;
font-size:1em;
margin:0 0 1em 0;
padding:.5em;
height:2.3125em;
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .15s linear;
-moz-transition:all .15s linear;
transition:all .15s linear
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
background:#fafafa;
border-color:#009bd9;
outline:0
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
background-color:#ddd
}
fieldset {
border:solid 1px #ddd;
padding:1.25em;
margin:1.125em 0
}
fieldset legend {
font-weight:bold;
background:white;
padding:0 .1875em;
margin:0;
margin-left:-0.1875em
}
.error input, input.error, .error textarea, textarea.error {
border-color:#c60f13;
background-color:rgba(198, 15, 19, 0.1)
}
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
background:#fafafa;
border-color:#999
}
.error label, label.error {
color:#c60f13
}
.error small, small.error {
display:block;
padding:.375em .25em;
margin-top:-1.3125em;
margin-bottom:1em;
font-size:.75em;
font-weight:bold;
background:#c60f13;
color:white
}
form.custom .custom {
display:inline-block;
width:16px;
height:16px;
position:relative;
top:2px;
border:solid 1px #ccc;
background:white
}
form.custom .custom.radio {
-webkit-border-radius:1000px;
border-radius:1000px
}
form.custom .custom.checkbox:before {
content:"";
display:block;
line-height:.8;
height:14px;
width:14px;
text-align:center;
position:absolute;
top:0;
left:0;
font-size:14px;
color:#fff
}
form.custom .custom.radio.checked:before {
content:"";
display:block;
width:8px;
height:8px;
-webkit-border-radius:1000px;
border-radius:1000px;
background:#222;
position:relative;
top:3px;
left:3px
}
form.custom .custom.checkbox.checked:before {
content:"\00d7";
color:#222
}
form.custom .custom.dropdown {
display:block;
position:relative;
top:0;
height:2.3125em;
margin-bottom:1.25em;
margin-top:0;
padding:0;
width:100%;
background:white;
background:-moz-linear-gradient(top, white 0, #f3f3f3 100%);
background:-webkit-linear-gradient(top, white 0, #f3f3f3 100%);
background:linear-gradient(to bottom, white 0, #f3f3f3 100%);
-webkit-box-shadow:none;
box-shadow:none;
font-size:.875em;
vertical-align:top
}
form.custom .custom.dropdown ul {
overflow-y:auto;
max-height:200px
}
form.custom .custom.dropdown .current {
cursor:default;
white-space:nowrap;
line-height:2.25em;
color:rgba(0, 0, 0, 0.75);
text-decoration:none;
overflow:hidden;
display:block;
margin-left:.5em;
margin-right:2.3125em;
color:#009bd9;
font-weight:bold
}
form.custom .custom.dropdown .selector {
cursor:default;
position:absolute;
width:2.5em;
height:2.3125em;
display:block;
right:0;
top:0
}
form.custom .custom.dropdown .selector:after {
content:"";
display:block;
content:"";
display:block;
width:0;
height:0;
border:solid 5px;
border-color:#aaa transparent transparent transparent;
position:absolute;
left:.9375em;
top:50%;
margin-top:-3px
}
form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
content:"";
display:block;
width:0;
height:0;
border:solid 5px;
border-color:#222 transparent transparent transparent
}
form.custom .custom.dropdown .disabled {
color:#888
}
form.custom .custom.dropdown .disabled:hover {
background:transparent;
color:#888
}
form.custom .custom.dropdown .disabled:hover:after {
display:none
}
form.custom .custom.dropdown.open ul {
display:block;
z-index:10;
min-width:100%;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
form.custom .custom.dropdown.small {
max-width:134px
}
form.custom .custom.dropdown.medium {
max-width:254px
}
form.custom .custom.dropdown.large {
max-width:434px
}
form.custom .custom.dropdown.expand {
width:100%!important
}
form.custom .custom.dropdown.open.small ul {
min-width:134px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
form.custom .custom.dropdown.open.medium ul {
min-width:254px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
form.custom .custom.dropdown.open.large ul {
min-width:434px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
form.custom .custom.dropdown ul {
position:absolute;
width:auto;
display:none;
margin:0;
left:-1px;
top:auto;
-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1);
margin:0;
padding:0;
background:white;
border:solid 1px #ccc;
font-size:16px
}
form.custom .custom.dropdown ul li {
color:#555;
font-size:.875em;
cursor:default;
padding-top:.25em;
padding-bottom:.25em;
padding-left:.375em;
padding-right:2.375em;
min-height:1.5em;
line-height:1.5em;
margin:0;
white-space:nowrap;
list-style:none
}
form.custom .custom.dropdown ul li.selected {
background:#eee;
color:black
}
form.custom .custom.dropdown ul li:hover {
background-color:#e4e4e4;
color:black
}
form.custom .custom.dropdown ul li.selected:hover {
background:#eee;
cursor:default;
color:black
}
form.custom .custom.dropdown ul.show {
display:block
}
form.custom .custom.disabled {
background-color:#ddd
}
.contain-to-grid {
width:100%;
background:#111
}
.fixed {
width:100%;
left:0;
position:fixed;
top:0;
z-index:99
}
.top-bar {
overflow:hidden;
height:45px;
line-height:45px;
position:relative;
background:#111;
margin-bottom:1.875em
}
.top-bar ul {
margin-bottom:0;
list-style:none
}
.top-bar .row {
max-width:none
}
.top-bar form, .top-bar input {
margin-bottom:0
}
.top-bar input {
height:2.45em
}
.top-bar .button {
padding-top:.5em;
padding-bottom:.5em;
margin-bottom:0
}
.top-bar .title-area {
position:relative
}
.top-bar .name {
height:45px;
margin:0;
font-size:16px
}
.top-bar .name h1 {
line-height:45px;
font-size:1.0625em;
margin:0
}
.top-bar .name h1 a {
font-weight:bold;
color:white;
width:50%;
display:block;
padding:0 15px
}
.top-bar .toggle-topbar {
position:absolute;
right:0;
top:0
}
.top-bar .toggle-topbar a {
color:white;
text-transform:uppercase;
font-size:.8125em;
font-weight:bold;
position:relative;
display:block;
padding:0 15px;
height:45px;
line-height:45px
}
.top-bar .toggle-topbar.menu-icon {
right:15px;
top:50%;
margin-top:-16px;
padding-left:40px
}
.top-bar .toggle-topbar.menu-icon a {
text-indent:-48px;
width:34px;
height:34px;
line-height:33px;
padding:0;
color:white
}
.top-bar .toggle-topbar.menu-icon a span {
position:absolute;
right:0;
display:block;
width:16px;
height:0;
-webkit-box-shadow:0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
box-shadow:0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white
}
.top-bar.expanded {
height:auto;
background:transparent
}
.top-bar.expanded .title-area {
background:#111
}
.top-bar.expanded .toggle-topbar a {
color:#888
}
.top-bar.expanded .toggle-topbar a span {
-webkit-box-shadow:0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
box-shadow:0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888
}
.top-bar-section {
left:0;
position:relative;
width:auto;
-webkit-transition:left 300ms ease-out;
-moz-transition:left 300ms ease-out;
transition:left 300ms ease-out
}
.top-bar-section ul {
width:100%;
height:auto;
display:block;
background:#333;
font-size:16px;
margin:0
}
.top-bar-section .divider {
border-bottom:solid 1px #4d4d4d;
border-top:solid 1px #1a1a1a;
clear:both;
height:1px;
width:100%
}
.top-bar-section ul li>a {
display:block;
width:100%;
color:white;
padding:12px 0 12px 0;
padding-left:15px;
font-size:.8125em;
font-weight:bold;
background:#333;
height:45px
}
.top-bar-section ul li>a:hover {
background:#2b2b2b
}
.top-bar-section ul li>a.button {
background:#009bd9;
font-size:.8125em
}
.top-bar-section ul li>a.button:hover {
background:#0678a8
}
.top-bar-section ul li>a.button.secondary {
background:#c2d100
}
.top-bar-section ul li>a.button.secondary:hover {
background:#95a300
}
.top-bar-section ul li>a.button.success {
background:#5da423
}
.top-bar-section ul li>a.button.success:hover {
background:#457a1a
}
.top-bar-section ul li>a.button.alert {
background:#c60f13
}
.top-bar-section ul li>a.button.alert:hover {
background:#970b0e
}
.top-bar-section ul li.active a {
background:#2b2b2b
}
.top-bar-section .has-form {
padding:15px
}
.top-bar-section .has-dropdown {
position:relative
}
.top-bar-section .has-dropdown>a:after {
content:"";
display:block;
width:0;
height:0;
border:solid 5px;
border-color:transparent transparent transparent rgba(255, 255, 255, 0.5);
margin-right:15px;
margin-top:-4.5px;
position:absolute;
top:22px;
right:0
}
.top-bar-section .has-dropdown.moved {
position:static
}
.top-bar-section .has-dropdown.moved>.dropdown {
visibility:visible
}
.top-bar-section .dropdown {
position:absolute;
left:100%;
top:0;
visibility:hidden;
z-index:99
}
.top-bar-section .dropdown li {
width:100%
}
.top-bar-section .dropdown li a {
font-weight:normal;
padding:8px 15px
}
.top-bar-section .dropdown li.title h5 {
margin-bottom:0
}
.top-bar-section .dropdown li.title h5 a {
color:white;
line-height:22.5px;
display:block
}
.top-bar-section .dropdown label {
padding:8px 15px 2px;
margin-bottom:0;
text-transform:uppercase;
color:#555;
font-weight:bold;
font-size:.625em
}
.top-bar-js-breakpoint {
width:58.75em!important;
visibility:hidden
}
.js-generated {
display:block
}
@media only screen and (min-width:58.75em) {
.top-bar {
background:#111;
*zoom:1;
overflow:visible
}
.top-bar:before, .top-bar:after {
content:" ";
display:table
}
.top-bar:after {
clear:both
}
.top-bar .toggle-topbar {
display:none
}
.top-bar .title-area {
float:left
}
.top-bar .name h1 a {
width:auto
}
.top-bar input, .top-bar .button {
line-height:2em;
font-size:.875em;
height:2em;
padding:0 10px;
position:relative;
top:8px
}
.top-bar.expanded {
background:#111
}
.contain-to-grid .top-bar {
max-width:62.5em;
margin:0 auto
}
.top-bar-section {
-webkit-transition:none 0 0;
-moz-transition:none 0 0;
transition:none 0 0;
left:0!important
}
.top-bar-section ul {
width:auto;
height:auto!important;
display:inline
}
.top-bar-section ul li {
float:left
}
.top-bar-section ul li .js-generated {
display:none
}
.top-bar-section li a:not(.button) {
padding:0 15px;
line-height:45px;
background:#111
}
.top-bar-section li a:not(.button):hover {
background:black
}
.top-bar-section .has-dropdown>a {
padding-right:35px!important
}
.top-bar-section .has-dropdown>a:after {
content:"";
display:block;
width:0;
height:0;
border:solid 5px;
border-color:rgba(255, 255, 255, 0.5) transparent transparent transparent;
margin-top:-2.5px
}
.top-bar-section .has-dropdown.moved {
position:relative
}
.top-bar-section .has-dropdown.moved>.dropdown {
visibility:hidden
}
.top-bar-section .has-dropdown:hover>.dropdown, .top-bar-section .has-dropdown:active>.dropdown {
visibility:visible
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
border:0;
content:"\00bb";
margin-top:-7px;
right:5px
}
.top-bar-section .dropdown {
left:0;
top:auto;
background:transparent;
min-width:100%
}
.top-bar-section .dropdown li a {
color:white;
line-height:1;
white-space:nowrap;
padding:7px 15px;
background:#1e1e1e
}
.top-bar-section .dropdown li label {
white-space:nowrap;
background:#1e1e1e
}
.top-bar-section .dropdown li .dropdown {
left:100%;
top:0
}
.top-bar-section>ul>.divider {
border-bottom:0;
border-top:0;
border-right:solid 1px #2b2b2b;
border-left:solid 1px black;
clear:none;
height:45px;
width:0
}
.top-bar-section .has-form {
background:#111;
padding:0 15px;
height:45px
}
.top-bar-section ul.right li .dropdown {
left:auto;
right:0
}
.top-bar-section ul.right li .dropdown li .dropdown {
right:100%
}
}
.keystroke, kbd {
background-color:#ededed;
border-color:#dbdbdb;
color:#222;
border-style:solid;
border-width:1px;
margin:0;
font-family:"Consolas", "Menlo", "Courier", monospace;
font-size:.9375em;
padding:.125em .25em 0;
-webkit-border-radius:3px;
border-radius:3px
}
.label {
font-weight:500;
text-align:center;
text-decoration:none;
line-height:1;
white-space:nowrap;
display:inline-block;
position:relative;
padding:.1875em .625em .25em;
font-size:.875em;
background-color:#009bd9;
color:#fff
}
.label.radius {
-webkit-border-radius:3px;
border-radius:3px
}
.label.round {
-webkit-border-radius:1000px;
border-radius:1000px
}
.label.alert {
background-color:#c60f13;
color:#fff
}
.label.success {
background-color:#5da423;
color:#fff
}
.label.secondary {
background-color:#c2d100;
color:#fff
}
.inline-list {
margin:0 auto 1.0625em auto;
margin-left:-1.375em;
margin-right:0;
padding:0;
list-style:none;
overflow:hidden
}
.inline-list>li {
list-style:none;
float:left;
margin-left:1.375em;
display:block
}
.inline-list>li>* {
display:block
}
@media only screen {
div.switch {
position:relative;
width:100%;
padding:0;
display:block;
overflow:hidden;
border-style:solid;
border-width:1px;
margin-bottom:1.25em;
-webkit-animation:webkitSiblingBugfix infinite 1s;
height:36px;
background:white;
border-color:#ccc
}
div.switch label {
position:relative;
left:0;
z-index:2;
float:left;
width:50%;
height:100%;
margin:0;
font-weight:bold;
text-align:left;
-webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.switch input {
position:absolute;
z-index:3;
opacity:0;
width:100%;
height:100%
}
div.switch input:hover, div.switch input:focus {
cursor:pointer
}
div.switch>span {
position:absolute;
top:-1px;
left:-1px;
z-index:1;
display:block;
padding:0;
border-width:1px;
border-style:solid;
-webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.switch input:not(:checked)+label {
opacity:0
}
div.switch input:checked {
display:none!important
}
div.switch input {
left:0;
display:block!important
}
div.switch input:first-of-type+label, div.switch input:first-of-type+span+label {
left:-50%
}
div.switch input:first-of-type:checked+label, div.switch input:first-of-type:checked+span+label {
left:0
}
div.switch input:last-of-type+label, div.switch input:last-of-type+span+label {
right:-50%;
left:auto;
text-align:right
}
div.switch input:last-of-type:checked+label, div.switch input:last-of-type:checked+span+label {
right:0;
left:auto
}
div.switch span.custom {
display:none!important
}
div.switch label {
padding:0 .375em;
line-height:2.3em;
font-size:.875em
}
div.switch input:first-of-type:checked ~ span {
left:100%;
margin-left:-2.1875em
}
div.switch>span {
width:2.25em;
height:2.25em
}
div.switch>span {
border-color:#b3b3b3;
background:white;
background:-moz-linear-gradient(top, white 0, #f2f2f2 100%);
background:-webkit-linear-gradient(top, white 0, #f2f2f2 100%);
background:linear-gradient(to bottom, white 0, #f2f2f2 100%);
-webkit-box-shadow:2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
box-shadow:2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke
}
div.switch:hover>span, div.switch:focus>span {
background:white;
background:-moz-linear-gradient(top, white 0, #e6e6e6 100%);
background:-webkit-linear-gradient(top, white 0, #e6e6e6 100%);
background:linear-gradient(to bottom, white 0, #e6e6e6 100%)
}
div.switch:active {
background:transparent
}
div.switch.large {
height:44px
}
div.switch.large label {
padding:0 .375em;
line-height:2.3em;
font-size:1.0625em
}
div.switch.large input:first-of-type:checked ~ span {
left:100%;
margin-left:-2.6875em
}
div.switch.large>span {
width:2.75em;
height:2.75em
}
div.switch.small {
height:28px
}
div.switch.small label {
padding:0 .375em;
line-height:2.1em;
font-size:.75em
}
div.switch.small input:first-of-type:checked ~ span {
left:100%;
margin-left:-1.6875em
}
div.switch.small>span {
width:1.75em;
height:1.75em
}
div.switch.tiny {
height:22px
}
div.switch.tiny label {
padding:0 .375em;
line-height:1.9em;
font-size:.6875em
}
div.switch.tiny input:first-of-type:checked ~ span {
left:100%;
margin-left:-1.3125em
}
div.switch.tiny>span {
width:1.375em;
height:1.375em
}
div.switch.radius {
-webkit-border-radius:4px;
border-radius:4px
}
div.switch.radius>span {
-webkit-border-radius:3px;
border-radius:3px
}
div.switch.round {
-webkit-border-radius:1000px;
border-radius:1000px
}
div.switch.round>span {
-webkit-border-radius:999px;
border-radius:999px
}
div.switch.round label {
padding:0 .5625em
}
@-webkit-keyframes webkitSiblingBugfix {
from {
position:relative
}
to {
position:relative
}
}
}
.has-tip {
border-bottom:dotted 1px #ccc;
cursor:help;
font-weight:bold;
color:#333
}
.has-tip:hover, .has-tip:focus {
border-bottom:dotted 1px #045577;
color:#009bd9
}
.has-tip.tip-left, .has-tip.tip-right {
float:none!important
}
.tooltip {
display:none;
position:absolute;
z-index:999;
font-weight:bold;
font-size:.9375em;
line-height:1.3;
padding:.5em;
max-width:85%;
left:50%;
width:100%;
color:white;
background:black;
-webkit-border-radius:3px;
border-radius:3px
}
.tooltip>.nub {
display:block;
left:5px;
position:absolute;
width:0;
height:0;
border:solid 5px;
border-color:transparent transparent black transparent;
top:-10px
}
.tooltip.opened {
color:#009bd9!important;
border-bottom:dotted 1px #045577!important
}
.tap-to-close {
display:block;
font-size:.625em;
color:#888;
font-weight:normal
}
@media only screen and (min-width:48em) {
.tooltip>.nub {
border-color:transparent transparent black transparent;
top:-10px
}
.tooltip.tip-top>.nub {
border-color:black transparent transparent transparent;
top:auto;
bottom:-10px
}
.tooltip.tip-left, .tooltip.tip-right {
float:none!important
}
.tooltip.tip-left>.nub {
border-color:transparent transparent transparent black;
right:-10px;
left:auto;
top:50%;
margin-top:-5px
}
.tooltip.tip-right>.nub {
border-color:transparent black transparent transparent;
right:auto;
left:-10px;
top:50%;
margin-top:-5px
}
}
.lt-ie9 .row {
width:980px;
max-width:980px;
min-width:768px;
margin-right:auto;
margin-left:auto
}
.lt-ie9 .row .row {
width:auto;
max-width:none;
min-width:0;
margin:0 -15px
}
.lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns {
padding:0
}
.lt-ie9 .row .row {
width:auto;
max-width:none;
min-width:0;
margin:0 -15px
}
.lt-ie9 .row .row.large-collapse {
margin:0
}
.lt-ie9 .column, .columns {
float:left;
min-height:1px;
padding:0 15px;
position:relative
}
.lt-ie9 .column.large-centered, .columns.large-centered {
float:none;
margin:0 auto
}
.lt-ie9 [class*="column"]+[class*="column"]:last-child {
float:right
}
.lt-ie9 [class*="column"]+[class*="column"].end {
float:left
}
.lt-ie9 .large-1, .lt-ie9 .row .large-1 {
width:8.33333%
}
.lt-ie9 .large-2, .lt-ie9 .row .large-2 {
width:16.66667%
}
.lt-ie9 .large-3, .lt-ie9 .row .large-3 {
width:25%
}
.lt-ie9 .large-4, .lt-ie9 .row .large-4 {
width:33.33333%
}
.lt-ie9 .large-5, .lt-ie9 .row .large-5 {
width:41.66667%
}
.lt-ie9 .large-6, .lt-ie9 .row .large-6 {
width:50%
}
.lt-ie9 .large-7, .lt-ie9 .row .large-7 {
width:58.33333%
}
.lt-ie9 .large-8, .lt-ie9 .row .large-8 {
width:66.66667%
}
.lt-ie9 .large-9, .lt-ie9 .row .large-9 {
width:75%
}
.lt-ie9 .large-10, .lt-ie9 .row .large-10 {
width:83.33333%
}
.lt-ie9 .large-11, .lt-ie9 .row .large-11 {
width:91.66667%
}
.lt-ie9 .large-12, .lt-ie9 .row .large-12 {
width:100%
}
.lt-ie9 .row .large-offset-1 {
margin-left:8.33333%
}
.lt-ie9 .row .large-offset-2 {
margin-left:16.66667%
}
.lt-ie9 .row .large-offset-3 {
margin-left:25%
}
.lt-ie9 .row .large-offset-4 {
margin-left:33.33333%
}
.lt-ie9 .row .large-offset-5 {
margin-left:41.66667%
}
.lt-ie9 .row .large-offset-6 {
margin-left:50%
}
.lt-ie9 .row .large-offset-7 {
margin-left:58.33333%
}
.lt-ie9 .row .large-offset-8 {
margin-left:66.66667%
}
.lt-ie9 .row .large-offset-9 {
margin-left:75%
}
.lt-ie9 .row .large-offset-10 {
margin-left:83.33333%
}
.lt-ie9 .pull-2 {
right:16.66667%
}
.lt-ie9 .pull-3 {
right:25%
}
.lt-ie9 .pull-4 {
right:33.33333%
}
.lt-ie9 .pull-5 {
right:41.66667%
}
.lt-ie9 .pull-6 {
right:50%
}
.lt-ie9 .pull-7 {
right:58.33333%
}
.lt-ie9 .pull-8 {
right:66.66667%
}
.lt-ie9 .pull-9 {
right:75%
}
.lt-ie9 .pull-10 {
right:83.33333%
}
.lt-ie9 .push-2 {
left:16.66667%
}
.lt-ie9 .push-3 {
left:25%
}
.lt-ie9 .push-4 {
left:33.33333%
}
.lt-ie9 .push-5 {
left:41.66667%
}
.lt-ie9 .push-6 {
left:50%
}
.lt-ie9 .push-7 {
left:58.33333%
}
.lt-ie9 .push-8 {
left:66.66667%
}
.lt-ie9 .push-9 {
left:75%
}
.lt-ie9 .push-10 {
left:83.33333%
}
.lt-ie9 .row {
*zoom:1
}
.lt-ie9 .row:before, .row:after {
content:" ";
display:table
}
.lt-ie9 .row:after {
clear:both
}
header nav {
font-family:'Francois One', sans-serif;
font-size:1.125em;
font-weight:400;
line-height:18px;
text-transform:uppercase;
margin-top:115px
}
header nav ul {
list-style:none;
text-align:right;
margin:0;
padding:0;
margin-top:0;
float:right
}
header nav ul li {
display:inline-block;
margin:0;
padding:0;
padding-right:18px
}
header nav ul li:last-child {
padding-right:0
}
header nav ul li a {
display:block;
height:47px;
color:#707070;
-webkit-transition:color 200ms ease-out;
-moz-transition:color 200ms ease-out;
-o-transition:color 200ms ease-out;
transition:color 200ms ease-out
}
header nav ul li a:hover {
color:#009bd9
}
header nav ul li a.active {
color:#009bd9;
background:url(../img/nav-hover.gif) no-repeat bottom center
}
header .logo {
margin-top:20px;
float:left
}
section.blue {
background:#009bd9;
background-image:-webkit-radial-gradient(50% 50%, ellipse closest-side, #4cb9e7, #009bd9 150%);
background-image:-moz-radial-gradient(50% 50%, ellipse closest-side, #4cb9e7, #009bd9 150%);
background-image:-ms-radial-gradient(50% 50%, ellipse closest-side, #4cb9e7, #009bd9 150%);
background-image:-o-radial-gradient(50% 50%, ellipse closest-side, #4cb9e7, #009bd9 150%);
background-image:radial-gradient(50% 50%, ellipse closest-side, #4cb9e7, #009bd9 150%)
}
section.grey {
background:#f1f2ec
}
section.grey .align-center img {
margin-top:35px
}
section.padding {
padding:30px 0
}
section.blue h1 {
color:#fff;
text-align:center;
line-height:32px;
padding:0;
margin:0 0 50px 0
}
section.blue h1.interieur {
color:#fff;
text-align:left;
line-height:32px;
padding:0;
margin:50px 0 20px 0
}
section.blue img {
margin:25px 0
}
h2 {
text-transform:uppercase;
color:#c2d100
}
.rowtop {
margin-top:30px
}
.rowminitop {
margin-top:5px
}
.rowmedtop, .row .rowmedtop {
margin-top:25px
}
.list1, .list2, .list3, .list4 {
background:url(../img/mask-arrow.png) no-repeat top right #cbd53e;
display:block;
height:78px;
width:100%;
margin-top:10px;
-webkit-transition:background-color 250ms ease-out;
-moz-transition:background-color 250ms ease-out;
-o-transition:background-color 250ms ease-out;
transition:background-color 250ms ease-out
}
.list1 p, .list2 p, .list3 p, .list4 p {
color:#454545;
margin:0 34px 0 15px
}
.list2 p {
color:#454545;
margin:0 34px 0 15px;
letter-spacing:-0.071em
}
.list1 h3, .list2 h3, .list3 h3, .list4 h3 {
color:#454545;
border-bottom:1px solid #c2d100;
margin:0 34px 0 15px;
padding:0;
padding-top:20px;
font-family:'Open Sans', sans-serif;
font-weight:700;
text-transform:uppercase;
font-size:1.125em
}
.list2 {
background-color:#d5dd65;
}
.list3 {
background-color:#e0e68b;
}
.list4 {
background-color:#eaeeb0;
}
a:hover .list1, a:hover .list2, a:hover .list3, a:hover .list4 {
background-color:#c2d100
}
.slogan, .slogan2 {
font-family:'Francois One', sans-serif;
font-size:1.5em;
line-height:1.2em;
margin-top:20px;
letter-spacing:-0.045em
}
.slogan2 {
margin:-5px 0 0 0;
padding:0;
color:#c2d100;
letter-spacing:normal;
font-size:1.125em
}
p.small {
font-size:.875em;
line-height:1.125em
}
p.big {
font-size:1.125em
}
.right {
float:right
}
.list1 .small, .list2 .small, .list3 .small {
padding-top:5px
}
p.numb {
font-weight:700;
margin-top:10px;
clear:both
}
.margin {
padding:20px 0
}
.bold {
font-weight:700
}
.black {
color:#000
}
.blue {
color:#009bd9
}
.green {
color:#c2d100
}
.align-center {
text-align:center
}
.align-right {
text-align:right
}
.left {
float:left
}
.right {
float:right
}
h2.prestation {
font-size:1.125em;
margin:0;
padding:0
}
p.line-height {
line-height:1.125em;
margin-top:8px;
padding:0
}
p.line-height2 {
line-height:1.250em
}
p.letter-spacing {
letter-spacing:-0.05em
}
.clear {
clear:both
}
ul.star {
list-style:none;
margin-top:20px
}
ul.star li {
background:url(../img/puce.png) no-repeat center left;
padding-left:68px;
font-size:.875em;
letter-spacing:-0.08em
}
ul.star li:last-child {
margin-bottom:0
}
ul.star2 li {
background:url(../img/puce-2.png) no-repeat center left;
display:inline-block;
height:48px;
font-weight:700;
font-size:1em;
color:#8a8a8a;
padding:8px 30px 0 45px
}
a.link {
font-family:'Open Sans', sans-serif;
font-size:.75em;
letter-spacing:0;
background:url(../img/arrow-link.png) no-repeat center right;
padding-right:15px
}
a.link:hover {
color:#009bd9;
padding-right:20px;
-webkit-transition:all 250ms ease-out;
-moz-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out
}
ul.star2 li a {
color:#8a8a8a!important;
}
ul.star2 li a:hover {
color:#000000!important;
}
h2.min {
text-transform:normal
}
ul.logos {
list-style:none;
margin-top:25px
}
ul.logos li {
display:inline;
margin-right:20px
}
ul.process {
list-style:none
}
.line {
height:30px;
border-top:2px solid #d8d9d0;
margin-top:45px;
display:block
}
.number {
display:block;
height:85px;
text-align:center;
color:#009bd9;
padding:15px 0;
line-height:60px;
font-size:3.750em;
font-family:'Francois One', sans-serif;
width:50px;
margin-right:10px
}
footer {
margin:30px 0 50px;
color:#a6a6a6;
font-size:.688em
}
footer .fbig {
font-size:1.27em
}
footer a {
color:#a6a6a6
}
footer a:hover {
color:#a6a6a6;
text-decoration:underline
}
div.pr {
display:none
}
select {
color:#009bd9;
font-weight:bold;
opacity:1
}
::-webkit-input-placeholder {
color:#009bd9;
font-weight:bold;
opacity:1
}
::-moz-placeholder {
color:#009bd9;
font-weight:bold;
opacity:1
}
:-ms-input-placeholder {
color:#009bd9;
font-weight:bold;
opacity:1
}
textarea:-ms-input-placeholder {
color:#009bd9;
font-weight:bold;
opacity:1
}
input:-moz-placeholder {
color:#009bd9;
font-weight:bold;
opacity:1
}
textarea {
height:200px
}
input:focus::-moz-placeholder {
color:transparent
}
input:focus::-webkit-input-placeholder {
color:transparent
}
textarea:focus::-moz-placeholder {
color:transparent
}
textarea:focus::-webkit-input-placeholder {
color:transparent
}
#count1, #count2, #count3 {
text-align:center;
display:block;
width:150px;
text-shadow:-1px 0 #099adb, 0 1px #099adb, 1px 0 #099adb, 0 -1px #099adb;
line-height:3em
}
#bubble1, #bubble2, #bubble3 {
font-family:'Francois One', sans-serif;
font-size:3em;
margin-left:80px;
margin-top:35px;
font-weight:300;
font-style:normal;
color:#fff;
position:relative;
width:150px;
height:150px;
padding-top:3px;
float:left
}
#bubble1 {
background:url('../img/societe_01.jpg') no-repeat
}
#bubble2 {
background:url('../img/societe_02.jpg') no-repeat
}
#bubble3 {
background:url('../img/societe_03.jpg') no-repeat
}
.white {
color:#fff;
}
.titre-vert { font-size: 1.5em; color: #c2d100; text-transform:uppercase}