/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}
@keyframes slidein { from {margin-top: -20px; opacity: 0;} to {opacity: 1;}}
@keyframes mymove {from {margin-left: -50px; opacity: 0;} to {opacity: 1;}}


/* The element to apply the animation to */
.slide {animation: slidein 2s;}
.fade {animation-name: fadein; animation-duration: 1s;}
.mymove {animation: mymove 2s;}

/* Layout */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;color: #464844;position: relative;font-family: "omnes-pro",sans-serif;font-style: normal;font-weight: 500;color:#464844;}
pre {tab-size: 8; }
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}

/* DISPLAY */
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.cap {text-transform: capitalize;}

/* TO DELETE */
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mlr10 {margin-left: 10px;margin-right: 10px;}

/* Youtube Player */
.vid {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom: 20px;}
.vid iframe,
.vid object,
.vid embed 
{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Colors */
.greydark {color: #464844;}
.bggreydark {background-color: #464844;}
.bggreylight {background-color: #F6F6F5;}
.green {color: #a4c300;}
.bggreen {background-color: #a4c300;}
.blue {color: #00a8c3;}
.bgblue {background-color: #00a8c3;}
.red {color:#c50c29;}
.bgred {background-color:#c50c29;}
.orange {color: #EA690A;}
.bgorange {background-color: #EA690A;}


/* FONTS & WEIGHT */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a {color:#;}
a, a:active, a:visited, a:focus, .btn-custom:hover {text-decoration:none;}
a:active {background-color: transparent !important;}
a:hover {color:#AEBC14;text-decoration:underline;}
.fw400 {font-weight: 400;}
.fw300 {font-weight: 300;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

/* FONT SIZE */
.fs07 {font-size: 0.70em;} .fs08 {font-size: 0.80em;} .fs09 {font-size: 0.90em;} .fs10 {font-size: 1.00em;} .fs11 {font-size: 1.10em;} .fs12 {font-size: 1.20em;} .fs13 {font-size: 1.30em;}.fs14 {font-size: 1.40em;}.fs15 {font-size: 1.50em;} .fs16 {font-size: 1.60em;} .fs17 {font-size: 1.70em;} .fs18 {font-size: 1.80em;} .fs19 {font-size: 1.90em;} .fs20 {font-size: 2.00em;} .fs21 {font-size: 2.10em;} .fs22 {font-size: 2.20em;} .fs23 {font-size: 2.30em;} .fs24 {font-size: 2.40em;} .fs25 {font-size: 2.50em;} .fs30 {font-size: 3.00em;}


.futura,
.home-bando h1,
.home-metiers h2,
.section-titre,
.home-experience li,
.navbar-md .navbar-nav>li>a,
.dropdown-menu>li>a,
.home-raisons .thumb h4,
.footer h5,
.bando .content .title,
.pages h1,
.pages h2,
.pages h3,
.agences-details h3,
.formlabel,
.btncustom,
.col-agences .titre,
.blocagence h3,
.temoignages h3,
.top .info li,
.mentions-legales h3,
.navbar-md .navbar-toggle,
.rdv
{font-family: "futura-pt-bold",sans-serif;font-weight: 700;letter-spacing: -0.01em;}

p {margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;font-size:1.20em;line-height: 1.40em;text-align: justify;}
.omnes-reg {font-weight: 500;}
.omnes-bold {font-weight: 600;}

/* Buttons */
.btn-custom {padding: 5px 10px;border: 0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color: #ffffff;text-transform: uppercase;background-color:#EA690A;}
.btn-custom:hover {color: #ffffff;background-color: #464844;}
.icon {margin-right: 10px;}


/* Top-logo */
.top {padding: 20px 0px 20px 0px;}
.top .logo {text-align: left;}
.top .info {padding: 15px 0px 0px 0px;}
.top .info li {display: inline;text-transform: uppercase;font-size: 1.00em;}
.top .info li a {color: #FFFFFF; background-color:#a4c300;padding: 10px 10px 10px 10px}
.top .info li :hover {background-color:#00a8c3;}




/* NAV LG HORIZONTAL */
.nav-lg {text-align: center;background-color: #464844;padding: 10px;border-top:1px solid #676a6b;}
.nav-lg li {display:inline-block;font-size: 1.00em; margin-left:10px;margin-right:10px;text-transform: uppercase;}
.nav-lg li a {color:#ffffff;;text-decoration: none;}
.nav-lg li a:hover {color:#3DC8E8;text-decoration: none;}
.nav-lg li a:focus {background-color: transparent !important;}
.dropdown-menu {background-color: #464844;border: 0px;-moz-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; -o-animation: fadein 0.5s;}
.dropdown-menu li a {color: #FFFFFF;font-size: 0.90em;margin: 0px;}
.dropdown-menu li a:hover {color: #3DC8E8;margin: 0px;background-color: transparent !important;}



/* NAV XS */
.nav-xs {background-color: #464844;}
.nav-xs li {font-size: 1.00em;line-height: 1.60em; text-transform: uppercase;}
.nav-xs li a {color:#ffffff;;text-decoration: none;}
.nav-xs li a:hover {color:#3DC8E8;text-decoration: none;}
.nav-xs li a:focus {background-color: transparent !important;}




/* Home Sections Titre & SS Titre */
.section-titre {font-size: 2.10em;text-transform: uppercase;text-align: center;padding: 0px;margin: 0px 0px 10px 0px;}
.section-ss-titre {font-size: 1.50em;padding: 0px 100px 0px 100px;margin: 0px 0px 40px 0px;text-align: center;}

/* Pages Titre & SS Titre */
.pages p {margin-bottom: 20px;}
.pages h1 {font-size: 2.50em;padding: 0px 0px 20px 0px;margin: 0px 0px 20px 0px;border-bottom: 2px dotted #E3E4E3;}
.pages h2 {font-size: 1.50em;padding: 0px;margin: 0px 0px 10px 0px;}
.pages h3 {font-size: 1.50em;padding: 0px;margin: 0px 0px 10px 0px;}
.pages ul {margin: 0px 0px 10px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;}
.pages li {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:1.30em;line-height: 1.40em;}
.news img {padding: 0px 0px 20px 0px;margin: 0px 0px 20px 0px;border-bottom: 2px dotted #E3E4E3;}





/* Home Bando */
.home-bando {margin: 40px 0px 40px 0px;}
.home-bando h1 {font-size: 4.00em;line-height: 1.00em;}

/* Home Métiers */
.home-metiers {}
.home-metiers h2 {padding: 10px;font-size: 1.60em;text-transform: uppercase;display: inline;background-color: #FFFFFF;color: #464844;}
.home-metiers h2:hover {color: #EA690A;}

/* Agence thumb */
.home-agences {padding: 40px 0px 20px 0px;}
.agences-thumb {padding: 0px;text-align: center; margin-bottom: 20px;}
.agences-thumb h3 {text-transform: uppercase;height: 3vh;}
.agences-thumb h3.col {font-size: 1.00em;}
.agences-thumb .rdv {font-size: 0.90em;text-align: center;background-color: #00a8c3;}
.agences-thumb .rdv a {color: #ffffff;}

/* COL Agences */
.col-agences {padding:20px;margin-bottom: 40px;background-color: #F6F6F5;}
.col-agences .titre {padding: 0px;margin: 0px 0px 20px 0px;font-size:1.60em;text-transform:uppercase;display: block;}

/* Home Partenaires */
.home-partenaires {padding: 40px 0px 40px 0px;margin-bottom: 40px;}
.home-partenaires .thumb {margin-bottom: 20px;}

/* Home Experience */
.home-experience {padding: 40px 0px 40px 0px;margin-bottom: 40px;}
.home-experience p {margin-bottom: 20px;}
.home-experience ul {border-top: 5px solid #F6F6F5;border-bottom: 5px solid #F6F6F5;padding: 20px 0px 20px 0px;}
.home-experience li {font-size: 1.40em;line-height: 1.00em;margin-bottom: 30px;}
.home-experience li .fa {margin-right: 10px;}

/* Home Raisons */
.home-raisons {padding: 40px;margin-bottom: 40px;}
.home-raisons .thumb {text-align: center;padding: 0px;}
.home-raisons .thumb h4 {padding: 0px;margin: 0px 0px 10px 0px;font-size: 1.20em;}
.home-raisons .thumb p {padding: 0px;margin: 0px;font-size: 1.20em;text-align: center;}

/* Thumb News */
.thumb-news {margin-bottom:40px;height:250px;text-align: center;background-color: #F6F6F5;}
.thumb-news h4 {font-size: 1.20em;padding: 0px 5px 0px 5px;margin: 0px;line-height: 1.20em;}
.thumb-news img {margin-bottom: 10px;}

/* Bando */
.bando { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; padding: 0px; margin-bottom: 40px;}
.bando .v-center { display:table; width: 100% !important; padding: 0px; height: 300px; }
.bando .content { display:table-cell; vertical-align:middle; text-align:right; animation: fadein 2s; }
.bando .content .title { background-color: #464844; color: #FFFFFF; padding: 20px; font-size: 2.00em; text-transform: uppercase; border-right: 5px solid #00a8c3;}
.contact {background-image: url('https://www.atoutpretconseil.fr/images/bando-contact.jpg');}
.actu {background-image: url('https://www.atoutpretconseil.fr/images/bando-actualites.jpg');}
.assurance {background-image: url('https://www.atoutpretconseil.fr/images/bando-assurance.jpg');}
.particuliers {background-image: url('https://www.atoutpretconseil.fr/images/bando-particuliers.jpg');}
.jaimemoncourtier { background-image: url('https://www.atoutpretconseil.fr/images/bando-jaimemoncourtier.jpg');}
.parrainage {background-image: url('https://www.atoutpretconseil.fr/images/bando-parrainage.jpg'); }
.nos-agences {background-image: url('https://www.atoutpretconseil.fr/images/bando-agences.jpg');}
.nous-rejoindre {background-image: url('https://www.atoutpretconseil.fr/images/bando-nous-rejoindre.jpg');}

/* Agences */
.agences-details {background-color: #F6F6F5;padding: 20px;}
.agences-details h3 {margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;font-size:1.00em;text-transform:uppercase;border-bottom: 1px dotted #464844;}
.agences-details ul {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; list-style:none;}
.agences-details li {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:1.20em;}
.agences-details li a {color: #464844;text-decoration: underline;}
.agences-details li a:hover {color: #00a8c3;}

/* Form Container */
.form {background-color: #F6F6F5;padding: 20px;margin-top: 40px;border: 1px solid #E3E4E3;}
.form p {font-size: 1.00em;}
.form a {text-decoration: underline;color: #464844;}
.formlabel {font-size: 1.00em;text-transform: uppercase;}
.formfield {border: 1px solid #E3E4E3;padding:20px;border-radius: 0px;margin-bottom: 10px;}

/* SmallPrint */
.smallprint {background-color: #595B57;padding: 20px 0px 10px 0px;}
.smallprint img {margin-bottom: 20px;}
.smallprint p {padding: 0px;margin: 0px 0px 10px 0px;font-size: 1.10em;color: #FFFFFF;}

/* Footer */
.footer {background-color: #464844;padding: 40px 0px 40px 0px;}
.footer h5 {font-size: 1.10em;color: #ffffff;text-transform: uppercase;margin: 0px 0px 10px 0px;padding: 0px;}
.footer li {font-size: 1.10em;}
.footer li a {color: #FFFFFF;}
.footer li a:hover {color: #a4c300;}
.icons li {display: inline; padding: 0px 0px 0px 0px;margin: 0px 10px 0px 10px;}
.icons li img {height: 60px;width: 60px;}

/* Mentions Légales */
.mentions-legales h3 {font-size: 1.20em; margin: 0px 0px 5px 0px; padding: 0px;text-transform: uppercase;}
.mentions-legales p {margin: 0px 0px 30px 0px;}
.mentions-legales ul {margin-bottom: 30px;}
.mentions-legales li {font-size: 1.30em;padding: 0px;margin: 0px;line-height: 1.40em;}
.mentions-legales a {color: #EA690A;}
.mentions-legales a:hover {color: #EA690A;text-decoration: underline;}

/* WEB */
.web {padding:30px;text-align: center}
.web p {padding:0px;margin: 0px 0px 5px 0px; font-size: 0.90em;text-transform: uppercase; text-align: center;}