import url(fontface.css);
/* RESET ET STYLE FIXE  ****************************************************/
/* *************************************************************************/

html, body{ height:100% }
body { width:100%; margin:0; padding:0 }
a{ -webkit-transition:color 300ms ease-out; -moz-transition:color 300ms ease-out; -o-transition:color 300ms ease-out; transition:color 300ms ease-out; }
a img { border:none }
img{ max-width:100% }
ul, ol { list-style-position:inside; padding-left:15px }
menu, dir{ padding-left:15px }
blockquote p{ font-size:inherit }
table, table td, table th{ font-size:inherit; border:1px solid #7C7C7C }
main, section, article, aside, footer, header, nav, hgroup { display:block }
iframe { border:none }

*[data-anim]{ opacity:0 }

.row { margin-right:0 !important; margin-left:0 !important }

.nopad{ padding-left:0; padding-right:0 }
.nopad-l{ padding-left:0 }
.nopad-r{ padding-right:0 }
.nomargin{ margin:0 }
.hide{ display:none }
.center{ text-align:center }
.right{ text-align:right}
.justify{ text-align:justify }
.clear:after { content:''; display:block; clear:both }
.bold{ font-weight:bold }
.underline{ text-decoration:underline }
.relative{ position:relative }
.inline-block{ display:inline-block; vertical-align:top }
.noflicker{ -webkit-transform: translateZ(0) }
.retrait{ margin-left:-15px !important; margin-right:-15px !important }
.transition{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -webkit-transform:translateZ(0); }
.cover{ -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important }

hr.trait { height:1px; margin:-0.5em 0; padding:0; color:#e0e0e1; background-color:#e0e0e1; border:0 }

.body-page-1 .page-contenu{ text-align:justify; line-height: 21px; }
.page-contenu img{ margin:10px }

.tousnet{
    width: 100%;
    height: 634px;
    background:url(../images/tous.jpg) center top no-repeat;
    padding: 20px 0 0;
}
.tousnet h2, .indicateur h2{
    font-family: 'federoregular';
    color: #3b9edb;
    font-size: 25px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0 0 15px;
    background:url(../images/title.png) left bottom no-repeat;
    margin-bottom: 35px;
}
.tousnet ul{
    font-size: 20px;
    color: #206996;
    font-family: 'federoregular';
    list-style-type: none;
    line-height: 30px;
}
.tousnet ul li{
    padding: 0 0 0 25px;
    background:url(../images/li2.png) left center no-repeat;
}
.tousnet .ntext{
    text-align: center;
    color: #085d9f;
    font-size: 25px;
    letter-spacing: 0.025em;
    font-family: 'federoregular';
    padding: 20px 0 0;
}
.nosplus{
    width: 100%;
    height: 521px;
    background:url(../images/plus.png) center 0 no-repeat;
    position: relative;
    margin: -17px 0 0;
    font-size: 20px;
    color: #403806;
    font-family: 'federoregular';
    padding: 20px 0 0;
}
.nosplus h2{
    font-family: 'federoregular';
    color: #ffffff;
    font-size: 23px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0 0 15px;
    background:url(../images/title2.png) left bottom no-repeat;
    margin-bottom: 16px;
}
.nosplus ul , .indicateur ul{
    font-size: 20px;
    color: #403806;
    font-family: 'federoregular';
    list-style-type: none;
    line-height: 30px;
    padding: 0;
}
.g-recaptcha{float: left;}
.nosplus ul li,.indicateur li{
    padding: 0 0 0 31px;
    background:url(../images/li3.png) left center no-repeat;
}
.nosplus .nmap{
    width: 100%;
    height: 198px;
    background:url(../images/map.jpg) left center no-repeat;
    border: 1px solid #ffffff;
    margin: 12px 0 0;
}
.nosplus .tel{
    font-size: 35px;
    letter-spacing: 0.2em;
    margin: 0;
}
.nosplus .adresse{
    margin: 0;
    line-height: normal;
}
.body-contact .nosplus {
    padding: 15px 0 0;
}




/**call Tracker**/
.sidebar-scroll-right .callTracker { width: 100%; height:50px; overflow: inherit;}
.callTracker{/*width: 173px; overflow: hidden;height: 33px;*/position: relative;}
.callTracker span,.callTracker a { display: inline-block;text-align: left;/*position: absolute;left: 30px;top: 0px;width: 160px;*/min-width: 145px;padding: 0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; height: 100%; text-decoration: none;}
.callTracker .t_phone {opacity: 0;display:none;}
.callTracker .t_affiche {cursor: pointer;}
header .callTracker span,header .callTracker a {top:5px;}
header .callTracker .t_affiche {font-size: 90%;}
.callTracker.active .t_phone {opacity: 1;display:inline-block;}
.callTracker.active .t_affiche {opacity: 0;display:none;}
.pied .callTracker a,.coordonnees .callTracker a{ position: relative;left: 0px;}
/**call Tracker**/






/* STYLE GENERAL ***********************************************************/
/* *************************************************************************/

/* Commenter ces lignes pour un site non-responsive */

@media (min-width: 992px){ .container { max-width:1170px } }
@media (min-width: 1200px){ .container { max-width:1170px } }


/* décommenter ces lignes pour un site non-responsive
.container { width:940px !important; max-width:940px !important }

@media (max-width: 991px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float:left }
.col-md-1 { width:8.333333333333332% }
.col-md-2 { width:16.666666666666664% }
.col-md-3 { width:25% }
.col-md-4 { width:33.33333333333333% }
.col-md-5  { width:41.66666666666667% }
.col-md-6  { width:50% }
.col-md-7  { width:58.333333333333336% }
.col-md-8  { width:66.66666666666666% }
.col-md-9  { width:75% }
.col-md-10 { width:83.33333333333334% }
.col-md-11 { width:91.66666666666666% }
.col-md-12 { width:100% }
.col-md-offset-1 { margin-left:8.333333333333332% }
.col-md-offset-2 { margin-left:16.666666666666664% }
.col-md-offset-3 { margin-left:25% }
.col-md-offset-4 { margin-left:33.33333333333333% }
.col-md-offset-5  { margin-left:41.66666666666667% }
.col-md-offset-6  { margin-left:50% }
.col-md-offset-7  { margin-left:58.333333333333336% }
.col-md-offset-8  { margin-left:66.66666666666666% }
.col-md-offset-9  { margin-left:75% }
.col-md-offset-10 { margin-left:83.33333333333334% }
.col-md-offset-11 { margin-left:91.66666666666666% }
.col-md-offset-12 { margin-left:100% }
}
*/
body {color:#636363;font-family:'Verdana-Regular';font-size: 14px;background:#ffffff;}

.col-md-4.img-side {
    height: 520px;
    background: url(../images/img-side.jpg) no-repeat;
    background-size: contain;
    background-position: center;
}

.hide-print.indicateur {
    padding: 20px 0;
    background: #bbe0f2;
    padding-top: 0;
}

a, a:link, a:visited{color: #085d9f;text-decoration: none;font-weight: 900;}
a:hover{text-decoration:underline}
blockquote { border-color:#E5DC00;/***color principal***/}
::selection {color: #fff; background:#E5DC00;/***color principal***/}
::-moz-selection {color: #fff; background:#E5DC00;/***color principal***/}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { color:#085d9f }
h1, .h1{ font-family: 'federoregular'; text-transform: uppercase; font-size:30px; line-height:30px; letter-spacing: 0.1em; background:url(../images/bg-titre.png) left center no-repeat; padding:0; margin-bottom:35px  }
.body-page-1 h1{ text-align: center; text-transform: none; }
h2, .h2{ font-size:27px }
h3, .h3{ font-size:24px }
h4, .h4{ font-size:21px }
h5, .h5{ font-size:19px }
h6, .h6{ font-size:16px }

h1 a,h1 a:visited,h1 a:link,h2 a,h2 a:visited,h2 a:link,h3 a,h3 a:visited,h3 a:link,h4 a,h4 a:visited,h4 a:link,h5 a,h5 a:visited,h5 a:link,h6 a,h6 a:visited,h6 a:link { font-size:inherit; color: inherit; font-family:inherit; text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration:underline; color: inherit;}

/* CORPS DE LA PAGE  *******************************************************/
/* *************************************************************************/

.main-page{ position:relative; overflow:hidden }

.tete{ position:relative; z-index:8000; height: 172px; }
.tete .logo-site{ margin:0; padding:4px 0 17px }
.tete .tel{ font-size:24px; color:#919191; padding:30px 0 0 0 }

.fluid-menu{ padding: 0 0 0 20px; }

.navh{ margin:0; z-index:8000; }
.navh .menu_principal { margin:0; padding:0; list-style:outside none; display:table; /*table-layout:fixed;*/width:100% }
.navh .menu_principal > li { position:relative; display:table-cell; vertical-align:middle; text-align:center; padding: 0px 0px; }
.navh .menu_principal a, 
.navh .menu_principal a:visited { font-family: 'federoregular'; text-transform: uppercase; color:#282828; display:block; font-size:15px; padding:138px 5px 6px; margin-right:1px; text-decoration:none;
background:#ffffff;
-webkit-transition:all 400ms ease;
   -moz-transition:all 400ms ease;
     -o-transition:all 400ms ease;
        transition:all 400ms ease;
}
.navh .menu_principal a:hover,
.navh .menu_principal li.active > a{ background:#e5dc00;  }
.navh .menu_principal li.active > a:hover{ cursor:default }

/* NIVEAU 2 MENU DEROULANT 
.navh .menu_principal > li ul { position:absolute; top:50px; left:50%; min-width:200px; list-style:outside none; background:rgba(0,0,0,1); z-index:9999; opacity:0; filter:alpha(opacity=0); padding:10px 0;
-webkit-transform:scaleY(0) translateX(-50%); 
   -moz-transform:scaleY(0) translateX(-50%); 
     -o-transform:scaleY(0) translateX(-50%); 
    -ms-transform:scaleY(0) translateX(-50%); 
        transform:scaleY(0) translateX(-50%); 
-webkit-transform-origin:50% 0;   
   -moz-transform-origin:50% 0;    
     -o-transform-origin:50% 0; 
    -ms-transform-origin:50% 0; 
        transform-origin:50% 0; 
-webkit-transition:all 500ms ease; 
   -moz-transition:all 500ms ease; 
     -o-transition:all 500ms ease; 
    -ms-transition:all 500ms ease; 
        transition:all 500ms ease;
 }
.navh .menu_principal > li:hover ul { opacity:1; filter:alpha(opacity=100); 
-webkit-transform:scaleY(1) translateX(-50%); 
   -moz-transform:scaleY(1) translateX(-50%); 
     -o-transform:scaleY(1) translateX(-50%); 
    -ms-transform:scaleY(1) translateX(-50%); 
        transform:scaleY(1) translateX(-50%); 
}
.navh .menu_principal > li ul:before { content:''; width:0; height:0; position:absolute; color:#000; left:50%; margin-left:-4px; top:-8px; border-style:solid; border-width:0 8px 8px 8px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; }
.navh .menu_principal > li ul li { display:block; text-align:left }
.navh .menu_principal > li ul li a,
.navh .menu_principal > li ul li a:visited{ display:block; color:#fff; padding:5px 20px !important; text-transform:none; background:none; margin:0 }
.navh .menu_principal > li ul li a:hover,
.navh .menu_principal > li ul li.active a { color:#c8c8c8; background:none  }
*/

.fluid-slider{ position: relative; height: 400px; overflow: hidden; }
.body-page-1 .fluid-slider{ height: inherit; overflow: visible; }
    
.slog1{
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 32px;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
}
.slog1 .s1text{ padding: 0 0 0 39px; }
.slog2{
    width: 100%;
    position: absolute;
    z-index: 999;
    bottom: 45px;
}
.body-page-1 .slog2{
    top: 29%;
}
.slog2 .s2text {
    width: 100%;
    height: auto;
    line-height: 67px;
    text-align: center;
    text-transform: uppercase;
    color: #191a1e;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
    background: #e5dc0096;
    font-size: 27px;
    margin: 41px 0 0;
}
.slog2 .s2text span{
    font-size: 30px;
}

.slog3{
    width: 100%;
    position: absolute;
    z-index: 999;
    bottom: 45px;
}
.body-page-1 .slog3{
    bottom: -34px;
}
.slog3 .s2text {
    width: 100%;
    height: auto;
    line-height: 34px;
    text-align: center;
    text-transform: none;
    color: #191a1e;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
    background: #e5dc00;
    font-size: 15px;
    margin: 41px 0 0;
    padding: 5px 0px;
}
.slog3 .s2text span{
    font-size: 30px;
}


.fluid-contenu{ position:relative; z-index:8000 }
.fluid-contenu .corps{ padding:20px 0px 40px 0px }
.body-page-1 .fluid-contenu .corps{ padding:46px 0 40px }

.sidebar{ padding-top:8px; text-align:right }
.sidebar .photoa{
    font-family: 'federoregular';
    background:url(../images/photo-accueil.png) right top no-repeat;
    padding: 35px;
    height:339px;
    font-size: 18px;
    color: #403806;
}
.sidebar .photoa ul{
    padding: 0;
    list-style-type: none;
}
.sidebar .photoa ul li{
    padding: 0 22px 0 0;
    background:url(../images/li.png) right center no-repeat;
}

/* BLOC VIEW ACTUALITE */


/***********/

/* BLOCK NEWSLETTER
.block #newsletter_form{  }
.block #newsletter_form label{ font-weight:normal }
.block #newsletter_form input{ border:none; border-radius:5px }
.block #newsletter_form input[type="text"]{ background:#E2CFAE; box-shadow:1px 1px 3px rgba(0,0,0,0.5) inset; height:32px; line-height:1; line-height:32px \9; padding:0px 12px; }
.block #newsletter_form input[type="submit"]{ background:#A69C6B; color:#fff; padding: 6px 10px;  }
*/

/* BLOCK TRADUCTION
.traduction{ padding:0 }
.traduction ul{ padding:0; margin:0; list-style-type:none; list-style-image:none }
.traduction ul li{ padding:0; display:inline-block }
.traduction ul li a{ text-decoration:none; color:inherit }
.traduction ul li a:hover{ text-decoration:underline }
.traduction ul li.active a{ text-decoration:underline; cursor:default }
*/

/* BLOCK FORMULE
.formule-jour{ }
.formule-jour h2{  }
.formule-jour ul{ list-style-type:none; list-style-position:inside; padding:0  }
.formule-jour ul li.item{ display:table; width:100%; padding:5px 0; }
.formule-jour ul li.item .cell{ display:table-cell; vertical-align:top; }
.formule-jour ul li.item .cell.cell1{  }
.formule-jour ul li.item .cell.cell1 .description{ font-size:smaller }
.formule-jour ul li.item .cell.cell2{ padding-left:5px; }
.formule-jour ul li.separateur{ list-style-image:none  }
.formule-jour .prix{ font-size:19px; display:inline-block; }
*/

/* BLOCK FILTRE GARAGE (RECHERCHE VEHICULES) 
.recherche-vehicule{ border: 1px solid #ebebeb; padding: 11px 19px 19px; margin:0; background: #f8f8f8; border-radius:15px;  }
.recherche-vehicule h2{ margin: 0px 0 10px !important; padding: 20px 0 0 0; font-size: 16px; }
.recherche-vehicule select{ height: 28px; line-height: 28px; padding: 4px; width: 100%; }
.recherche-vehicule select#yr_vhc_frm,
.recherche-vehicule select#yr_vhc_to{ width:48% }
.recherche-vehicule input[type="submit"] { width:100%; text-align:center; }
*/

.encarts{ padding:20px 0 40px 0 !important }
.encarts .encart{ margin:0; width:290px; }
.encarts .encart.encart1{  }
.encarts .encart.encart2{ margin:auto }
.encarts .encart.encart3{ float:right }
.encarts .encart h2{ text-align:center; font-size:24px }
.encarts .encart h2 a{ color:#EA0047; text-decoration:none }

    /* Effet image */
    .encarts .encart .img-fond{ display:block; height:177px; overflow:hidden; display:block; border: 3px solid #C0C0C0; border-radius: 5px; -webkit-transform: translateZ(0); }
    .encarts .encart .img-fond .cont{ height:177px; display:block }
    .encarts .encart:hover .img-fond .cont{ 
    -webkit-transform: scale(1.15) rotate(5deg);
       -moz-transform: scale(1.15) rotate(5deg);
        -ms-transform: scale(1.15) rotate(5deg);
         -o-transform: scale(1.15) rotate(5deg);
            transform: scale(1.15) rotate(5deg);
    }
    .encarts .encart.encart1 .img-fond .cont{ background:url(../images/encart-1.jpg) no-repeat }
    .encarts .encart.encart2 .img-fond .cont{ background:url(../images/encart-2.jpg) no-repeat }
    .encarts .encart.encart3 .img-fond .cont{ background:url(../images/encart-3.jpg) no-repeat }


/************* Actualités *************
.actus{
    width:100%;
    padding:22px 0;
    background:#e5e9eb;
}
.actus h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 35px;
}

.actus .item .row {
    background:#ffffff;
    padding-top: 20px;
}
.actus .item .row .col-md-8{
    padding:0 20px;
}
.actus .item .row .col-md-4{
    padding:0 20px 0 0;
}
.actus .item .row .col-md-12{
    padding:0 20px;
}
.actus .view .voirtous{
    float: right;
    margin-top: 20px;
}
.actus .view .voirtous a{
    text-decoration:none;
}


.actus .view .item{ padding:0 7px; margin:15px 0 0 0; }
.actus .view .item:last-child{ float:right;}
.actus .view .item h3{ margin: 15px 0 5px 0; text-transform:uppercase; font-size:17px; color:#232323;}
.actus .view .item h3 a,.actus .view .item h3 a:visited{font-size:17px; color:#232323;text-decoration:none;}
.actus .view .item .date_post{color: #ea0047; font-size: 16px;}
.actus .view .item .content{
    color:#0a0b20;
    font-size: 14px;
    min-height: 188px;
}
.actus .view .item .plus{ text-align:center; padding-top:10px;  }
.actus .view .item .plus a,.actus .view .item .plus a:visited{
    padding: 13.5px 15px;
    display: block;
    float: left;
    width: 100%;
    background: #ea0047;
    font-size: 19px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.actus .view .item .plus a:hover{ background:#000; color:#fff;  }
.actus .view .item .propor { width: 100%; position: relative; margin-top: 5px;}
.actus .view .item .propor:after { padding-top:75%; display:block; content: ''; }
.actus .view .item .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.view .item .propor .imagecont{ height:100%; display:block; border:1px solid #8e8e8e; width:100%; overflow:hidden; position:relative }
.actus .view .item .propor .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat }
.actus .view .voirtous a,.actus .view .voirtous a:visited{ text-decoration:underline }
.actus .view .voirtous a:hover{ text-decoration:underline; color:#000; }

 BLOC VIEW ACTUALITE */

/* Footer */
.pied{ position:relative; z-index:8000; background:#effaff url(../images/footer.jpg) center 0 no-repeat; padding: 7px 0 25px; }
.pied .bande1{}
.pied .bande2{}
.pied h2{
    color:#206dab;
    text-align: left;
    font-size: 15px;
    margin-top: 30px;
}

.pied .navf{ text-align:center }
.pied .navf .menu_footer { color:#206dab; padding:15px 0 15px 0; list-style-type:none; margin:0 }
.pied .navf .menu_footer li { border-right:1px solid #206dab; display:inline; margin-right:-4px }
.pied .navf .menu_footer li:last-child { border:none }
.pied .navf .menu_footer li a,
.pied .navf .menu_footer li a:visited{ font-family: 'federoregular'; font-size:15px; padding:0 35px; color:inherit; text-decoration:none }
.pied .navf .menu_footer li a:hover { text-decoration:underline }
.pied .navf .menu_footer li.active a:hover{ cursor:default; text-decoration:none }

.pied .menu_referencement { color:#828282; padding:0 0 15px 0; list-style-image:none; list-style-type:none; margin:0; float:left; text-align:justify  }
.pied .menu_referencement li{ margin:0 }

.pied .menu_referencement li{ display:inline }
.pied .menu_referencement li:after{ content:" - " }
.pied .menu_referencement li:last-child:after{ content:"" }

.pied .menu_referencement li a,
.pied .menu_referencement li a:visited{ color:inherit; font-size:11.37px; text-decoration:none }
.pied .menu_referencement li a:hover { text-decoration:underline }
.pied .menu_referencement li.active a:hover { cursor:default; text-decoration:none }

.pied address{ margin:0; padding:15px 0 15px 0; color:#fff;  }
.pied address p{ background-repeat:no-repeat; margin:0  }
.pied address p.adresse{ background-image:url(../images/ico-adresse.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p.tel.tel1{ background-image:url(../images/ico-tel1.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p.tel.tel2{ background-image:url(../images/ico-tel2.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p.mail{ background-image:url(../images/ico-mail.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p a{ text-decoration:none; color:inherit }
.pied address p a:hover{ text-decoration:underline }

.pied .copyright-footer{  margin:15px 0px 0px 0px; color:#282828; font-size:10px; text-align:center }
.pied .copyright-footer a{ color:inherit; text-decoration:none }
.pied .copyright-footer a:hover{ text-decoration:underline }

.btn-like{ text-align:center; padding:10px 0px 0px 0px }

.btn-partage{ text-align:center; padding:0px }
.btn-partage .btnp{ width:20px; height:20px; background-repeat:no-repeat; background-position:center center; display:inline-block; transition:all 400ms ease }
.btn-partage .btnp:hover{ transform:rotate(360deg) }
.btn-partage .btnp.btn-fb{ background-image:url(../images/ico-fb.png) }
.btn-partage .btnp.btn-twitter{ background-image:url(../images/ico-twitter.png) }
.btn-partage .btnp.btn-google{ background-image:url(../images/ico-google.png) }


/* SUDO SLIDER *************************************************************/
/* *************************************************************************/

.cont-slider{ position:relative;  }

.sudo-slider{ width:100%; }
.sudo-slider img{ width:100%; float: left }

a.sudolien.precedent,
a.sudolien.suivant{ z-index:9000; position:absolute; top:0; display:inline-block; width:32px; height:32px; }
a.sudolien.precedent{ right:63px; background:url(../images/g.png) }
a.sudolien.suivant{ right:15px; background:url(../images/d.png) }
a.sudolien.precedent:hover,
a.sudolien.suivant:hover{ opacity:0.8 }

.cont-slider .controls {
    z-index: 9000;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: left;
    width: 1170px;
    margin: auto;
    padding: 0 15px;
}
.cont-slider .controls ol{ margin:0; padding:0; list-style-type:none }
.cont-slider .controls ol li{ display:inline-block }
.cont-slider .controls ol li a{ display:block; width:263px; height:15px; background-color: rgba(255, 255, 255, 0.5); margin:0 30px 0 0 }
.cont-slider .controls ol li.current a{ background-color: rgba(229, 220, 0, 1); }
.cont-slider .controls ol li a span{ display:none }

.caption{ position:absolute; top:15px; left:15px; font-size:20px; color:#fff; opacity:0 }
.caption.active{
-webkit-animation:caption 2s ease-in-out;
-webkit-animation-fill-mode:forwards;
-webkit-animation-delay:0s;     
   -moz-animation:caption 2s ease-in-out;
   -moz-animation-fill-mode:forwards;   
   -moz-animation-delay:0s;
     -o-animation:caption 2s ease-in-out;
     -o-animation-fill-mode:forwards;
     -o-animation-delay:0s;  
        animation:caption 2s ease-in-out;
        animation-fill-mode:forwards;
        animation-delay:0s;
}
@-webkit-keyframes caption 
{
    0%{ opacity:0; transform:translateX(40px) }
    100%{ opacity:1; transform:translateX(0px) }
}   
@-moz-keyframes caption 
{
    0%{ opacity:0; transform:translateX(40px) }
    100%{ opacity:1; transform:translateX(0px) }
}   
@-o-keyframes caption 
{
    0%{ opacity:0; transform:translateX(40px) }
    100%{ opacity:1; transform:translateX(0px) }
}   
@keyframes caption 
{
    0%{ opacity:0; transform:translateX(40px) }
    100%{ opacity:1; transform:translateX(0px) }
}

/*
.miettes-externes{}
.miettes-externes a{ display:inline-block; width:26px; height:26px; background:url(../images/miette.png) center center no-repeat }
.miettes-externes a:hover,
.miettes-externes a.current{ background:url(../images/miette-h.png) center center no-repeat }
*/


/* SCROLL PERSONNALISE  ****************************************************/
/* *************************************************************************/
/*
.scrollbars{ width:100%; height:300px }
.scrollbar-path-vertical, 
.scrollbar-path-horizontal { position: absolute; background-color: #eee; background-color: rgba(220,220,220,0.5); z-index: 100; }
.scrollbar-path-horizontal { bottom: 5px; left: 0; width: 100%; height: 10px; }
.scrollbar-path-vertical {   right: 5px; top: 0; height: 100%; width: 10px; }
.scrollbar-path-vertical {   box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1) }
.scrollbar-path-horizontal { box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1) }
.scrollbar-handle{ position: relative; top: 0; left: 0; background-color: #58eebc; }
.scrollbar-path-vertical .scrollbar-handle { height: 20%; width: 100%; }
.scrollbar-path-horizontal .scrollbar-handle { width: 20%; height: 100%; }
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle { border-radius: 5px; }
.scrollbar-content { padding:0 20px 0 0; float:none !important }
*/


/* MODULE CONTACT  *********************************************************/
/* *************************************************************************/

.contact h2 {  }

.contact .plan h2{ margin-top:20px }
.contact .plan { padding-top: 38px; font-size:0 }
.contact .plan .block #googlemapapi,
.contact .plan iframe{ width:100% !important; height:367px !important; box-shadow: none; }

.contact .coordonnees { margin-top: 75px; }
.contact .coordonnees h2{ margin-top:20px }
.contact .coordonnees address p{ }
.contact .coordonnees address p.adresse{  }
.contact .coordonnees address p.tel.tel1{  }
.contact .coordonnees address p.tel.tel2{  }
.contact .coordonnees address p.fax{  }
.contact .coordonnees address p.mail{  }
.contact .coordonnees address p span.intitule{ font-weight:bold }
.contact .coordonnees address p span.texte{  }
.contact .coordonnees address p a{ text-decoration:none; color:inherit }
.contact .coordonnees address p a:hover{ text-decoration:underline }

/* Texte description */
.contact .description-contact{ padding:0px 0px 10px 0px }

/* Enlever padding conteneur champs */
.contact .formulaire .form-group label.col-md-4{ display: none; }
.contact .formulaire .form-group div.col-md-12{ padding-left:0 !important; padding-right:0 !important}

/* Changement largeurs labels+champs */
/*
.contact .formulaire .form-group .col-md-4 { width:20% !important }
.contact .formulaire .form-group .col-md-8 { width: 80% !important }
*/

 /* Style des champs */
.contact .formulaire .control-label { text-align:left !important; font-weight:normal } /* Labels */
.contact .formulaire .form-group { margin-bottom: 1px; padding:0 !important; margin-left:0 !important; margin-right:0 !important } /* Espace entre lignes */
.contact .formulaire .form-group .form-control { background:#ffffff; border:1px solid #f5f5ec; box-shadow:none; border-radius:0px; width:100% !important; font-size:inherit; }
.contact .formulaire .form-group textarea.form-control{ height:133px; position:static }
.contact .formulaire .form-group input.form-control { height:38px; line-height:1; line-height:38px \9; padding:0px 12px; } /* Ne pas toucher le padding */
.contact .formulaire .form-group select.form-control { height: 38px; line-height:38px; padding:5px } 

/* Jouer avec le padding pour corriger FF */

/* Changement des images des champs select pour webkit + firefox (Utiliser quand champs avec fond noir par exemple) */
/*
@media screen and (-webkit-min-device-pixel-ratio:0), 
       screen and (-moz-images-in-menus:0) {
    .form-horizontal select.form-control { -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none; background-image:url(../images/image-select.png) !important; background-repeat:no-repeat !important; background-position:right center !important; line-height: normal !important; }
    .form-horizontal select.form-control option { color:inherit }
}
*/


/* Captcha + Bouton submit (MODELE 1) */ 
/* 
.contact .formulaire .form-group input[name="captcha"]{ width:50% !important; height:38px !important; display:inline-block; float:none !important; margin-right:4% !important }
.contact .formulaire .form-group input[name="captcha"] + a{ width:46%; display:inline-block; }
.contact .formulaire .form-group #captcha { width:100%; height:38px !important; border-radius:0; padding:0; }
.contact .formulaire .form-group input.btn-primary{ margin: 8px auto 0 auto; display:block; width:100% } 
*/

/* Captcha + Bouton submit (MODELE 2) */ 
.contact .formulaire .form-group input[name="captcha"]{ width:31% !important; height:38px !important; display:inline-block; float:none !important; margin-right:2% !important }
.contact .formulaire .form-group input[name="captcha"] + a{ width:35%; display:inline-block; margin-right:2%; position: relative; top: -1px;}
.contact .formulaire .form-group #captcha { width:100%; height:38px !important; border-radius:0; padding:0; border: 1px solid #f5f5ec;  }
.contact .formulaire .form-group input.btn-primary{width:30%;display:inline-block;/* margin: -97px 0 0; */float: right;}

/* Texte required */
.contact .formulaire .form-actions { font-size:12px }

/* Agrandir le plan */
.contact a.btn.btn-default{ float:right }

/* Bouton submit + Agrandir le plan + bouton page erreur 404 */
.body-error404  a.btn.btn-default,
.contact .formulaire input.btn-primary,
.contact a.btn.btn-default
{
    padding: 9px 10px;
    background: #e5dc00;
    color: #000000;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    text-decoration: none;
    transition: all 400ms ease;
}
.contact .btn-map {
    float: right;
    background: #e5dc00;
    color: #000000;
    padding: 8px 15px;
    border-radius: 5px;
    margin: 1px 0 0 !important;
}

.body-error404  a.btn.btn-default:hover,
.body-error404  a.btn.btn-default:active,
.contact .formulaire input.btn-primary:hover,
.contact .formulaire input.btn-primary:active,
.contact a.btn.btn-default:hover,
.contact a.btn.btn-default:active
{ opacity:0.8; filter:alpha(opacity=80) }

/* Couleurs des placeholder */
*::-webkit-input-placeholder {   color:#4b4b4b !important }    
*:-moz-placeholder {            color:#4b4b4b !important; opacity:1 !important }    /* FF 4-18 */
*::-moz-placeholder {           color:#4b4b4b !important; opacity:1 !important }    /* FF 19+  */ 
*:-ms-input-placeholder {       color:#4b4b4b !important }                          /* IE 10+  */

/* Formulaire pageseo */
.pageseo .formulaire .form-group input[name="captcha"]{ width:100% !important; margin-right:0% !important; text-align:left !important ;  }
.pageseo .formulaire .form-group input[name="captcha"] + a{ position: absolute; width:140px; top: 0; right: 0; margin-right:0px !important; }
.pageseo .formulaire .form-group input.btn-primary { width: 100%; margin-top: 8px; }


/* MODULE GALERIE  *********************************************************/
/* *************************************************************************/

.gallery .description-galerie{ padding: 0 0 35px; }

/* Espace entre colonnes de photos */
.gallery .ligne-photos .col-md-1,
.gallery .ligne-photos .col-md-2,
.gallery .ligne-photos .col-md-3,
.gallery .ligne-photos .col-md-4,
.gallery .ligne-photos .col-md-6{ padding-left:15px !important; padding-right:15px !important }



/* Espace gauche et droite des lignes de photos */
.gallery .ligne-photos{ margin-left:-15px !important; margin-right:-15px !important  }

.gallery .ligne-photos .propor {width:100%;position:relative;height: 100%;margin-bottom:30px;}

/* Images en gris / en couleur au survol (il y a conflit quand galerie simple + multigalerie) */
/*
.gallery .ligne-photos .propor {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
 }
.gallery .ligne-photos .propor:hover {    filter: none; -webkit-filter: grayscale(0%);  }
*/

.gallery .ligne-photos .propor:after { padding-top: 72%; display: block; content: ''; }
.gallery .ligne-photos .propor .propor-cont{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.gallery .ligne-photos .propor .propor-cont .imagecont{ height:100%; display:block; border:1px solid #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
 width:100%; overflow:hidden; position:relative; -webkit-transform: translateZ(0) }
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }

/* Effet photo */
.gallery .ligne-photos .propor  .propor-cont .imagecont .masque { display:block; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; background:rgba(229, 220, 0, 0.6) url('../images/ico-zoom.png') no-repeat center center }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque { opacity:1; filter:alpha(opacity=100) }
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{ 
-webkit-transform:scale(1.15);
   -moz-transform:scale(1.15);
     -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
        transform:scale(1.15);
} 

/* GALERIE MULTIPLE */

.gallery .nav{ margin:10px 0px; padding-right:10px }
.gallery .nav li{ display:inline-block; width:100%; margin-bottom: 10px }
.gallery .nav li a{ background:#222; display:block; color:#fff; padding:10px 10px; text-align:center; border-radius:0; text-decoration:none }
.gallery .nav li a:hover,
.gallery .nav li.active a{ background:#424445; color:#fff }
.gallery .nav li.active a{ cursor: default }

.gallery .tab-content{ padding-top:10px; padding-bottom:10px; }
.gallery .tab-content h2{ padding-left:15px; margin-bottom:20px }


/* MODULE ACTUALITES  ******************************************************/
/* *************************************************************************/
.view .item{ border-top:1px solid #BEBEBE; padding:15px 0 0 0; margin:15px 0 0 0;  }
.view .item:first-child{ border:0; padding-top:0  }
.view .item a{  }
.view .item h3{ margin: 15px 0 5px 0; text-transform:uppercase; font-size:12px }
.view .item h3 a{  }
.view .item .date_post{  }
.view .item .plus{ text-align:right; padding-top:10px;  }
.view .item .plus a{ display:inline-block; border:1px solid #bebebe; padding:5px 15px }
.view .item .plus a:hover{ background:#ea0047; color:#fff;  }
.view .item .propor { width: 100%; position: relative }
.view .item .propor:after { padding-top:75%; display:block; content: ''; }
.view .item .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.view .item .propor .imagecont{ height:100%; display:block; border:3px solid #ea0047; width:100%; overflow:hidden; position:relative }
.view .item .propor .imagecont .imagefond{ image-rendering: optimizeQuality;image-rendering: auto; display:block; height:100%; width:100%; overflow:hidden; background:url(../images/noPhoto.jpg) center center no-repeat; }
.view .voirtous { margin:15px 0;}
.view .voirtous a{ text-decoration:underline }
.view .voirtous a:hover{ text-decoration:underline; color:#000; }


.news .ligne-actus{ margin-left:-15px !important }
.news .ligne-actus{ margin-bottom:40px }
.news .ligne-actus.full{ border-bottom:1px solid #BEBEBE; padding:15px 0; margin:0px !important  }
.news .ligne-actus.full:last-child{ border:none }

.news .date-article{ margin: 0 0 5px 0; }
.news .contenu-article{ margin:0; text-align:justify }
.news h2,.news h3{ font-size:22px; margin-top:10px }
.news h2 a,.news h3 a{ text-decoration:none }
.news h2 a:hover,.news h3 a:hover{ text-decoration:underline }
.news .propor { width: 100%; position: relative }
.news .propor:after { padding-top:75%; display:block; content: ''; }
.news .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.news .propor .imagecont{ height:100%; display:block;border:3px solid #ea0047;  width:100%; overflow:hidden; position:relative }
.news .propor .imagecont .imagefond{image-rendering: optimizeQuality;image-rendering: auto; display:block; height:100%; width:100%; overflow:hidden; background:url(../images/noPhoto.jpg) center center no-repeat; }
.news .propor .imagecont .masque { display:block; position:absolute; top:-100%; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) url('../images/ico-zoom.png') no-repeat center center }
.news .propor .imagecont:hover .masque { top:0 }
.news .plus a {border: 1px solid #ea0047;display: inline-block; padding: 5px 15px;}
.news .plus {padding-top: 10px;text-align: right;}
.news .plus a:hover { background: #ea0047 none repeat scroll 0 0;color: #fff;}
.news .retour-liste{ padding:20px 0 0 0; text-align:right; }


.news .pagination{ text-align:center; padding:10px 0 0 0; display:block;  }
.news .pagination li{ display:inline-block }
.news .pagination li a{ border:none }
.news .pagination li.active a{ background:#444444; color:#fff; border:none;   }

.deux-par-ligne .news .ligne-actus.full,.deux-par-ligne .view .item {padding: 15px 1%; float:left; border:0; width: 50%;border-left:1px solid #BEBEBE;}
.deux-par-ligne .view .item:first-child {border:0;}


.news.deux-par-ligne .ligne-actus.full{ padding: 15px 1%; float:left; border:0; width: 50%;border-left:1px solid #BEBEBE;}
.news.deux-par-ligne .ligne-actus.full:nth-child(2n){ border:0;}
/* MODULE FORMULES  ********************************************************/
/* *************************************************************************/
/*
.formules .formule{ margin:0 0 30px 0;  }
.formules .formule .haut{ display:table; width:100%; background:#a60101; margin:0 0 10px 0; }
.formules .formule .haut h2{ display:table-cell; vertical-align:middle; margin:0; padding: 5px 0 5px 15px; font-size:26px; color:#fff;  }
.formules .formule .haut .prix{ display:table-cell; vertical-align:middle; color:#fff; padding: 5px 0 0 0; width:115px; text-align:center; font-size:18px; }
.formules .formule ul{ list-style-type:none; list-style-image:none; padding:0; border:1px dotted #a60101; padding:15px 10px; text-align:center;  }
.formules .formule ul .item{ padding:10px 0 15px 0; font-size:17px; }
.formules .formule ul .item .description{ font-size:small;  }
.formules .formule ul .item .prix-item{ font-weight:bold;   }
.formules .formule hr { border-top: 1px solid #595959 }
*/

/* MODULE CARTE  ***********************************************************/
/* *************************************************************************/

/*
.carte .tableau{ display:table; table-layout:fixed; width:100% }
.carte .cellule{ display:table-cell; vertical-align:top }
.carte .group{  }
.carte h2{ padding:10px 0; border-bottom:1px solid #C2C2C2   }
.carte .price{ width:17% }
    .carte ul{ margin:0; padding:0; list-style-type:none; list-style-image:none  }
    .carte ul li.item{ display:table; table-layout:fixed; width:100% }
    .carte ul li.item .item-title{ display:table-cell; vertical-align:top; padding:0px 20px 5px 0px }
    .carte ul li.item .price{  display:table-cell; vertical-align:top; text-align:center  }
    .carte ul li.item small{ display:block  }
    
.carte .group .propor {  width: 100%;  position: relative;  margin-bottom:20px }
.carte .group .propor:after { padding-top: 72%; display: block; content: ''; }
.carte .group .propor .propor-cont{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.carte .group .propor .propor-cont .imagecont{ height:100%; display:block; border:1px solid #81b836; width:100%; overflow:hidden; position:relative; border-radius:10px;  }
.carte .group .propor .propor-cont .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
.carte .group .propor .propor-cont .imagecont .masque { display:block; position:absolute; top:-100%; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) url('../images/ico-zoom.png') no-repeat center center }
.carte .group .propor .propor-cont .imagecont:hover .masque { top:0 }
.carte .group .propor .propor-cont .imagecont:hover .imagefond{ 
-webkit-transform:scale(1.15);
   -moz-transform:scale(1.15);
     -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
        transform:scale(1.15);
}
.carte .group .noimage{ background:#fff url(../images/noim.jpg) no-repeat center center; background-size:auto !important; display:block; height:100%; width:100%; overflow:hidden;  }
*/


/* MODULE TEMOIGNAGES  *****************************************************/
/* *************************************************************************/
/*
.modal-backdrop.in { z-index:9996 }
.modal-open .modal { z-index:9997 }

.temoignages .bulle { background-color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 20px 20px 30px; position: relative; margin: 0 0 30px 0; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.temoignages .bulle:before { content:""; border-bottom:9px solid transparent; border-right:9px solid #fff; border-top:9px solid transparent; height:0; left:-9px; position:absolute; top:9px; width:0; }
.temoignages .bulle .pseudo { font-weight:bold }
.temoignages .bulle .etoiles { display:inline-block }
.temoignages .bulle .date { text-align:right; margin:0 }
.temoignages .propor { width: 100%; position: relative }
.temoignages .propor:after { padding-top:100%; display:block; content: ''; }
.temoignages .propor .propor-cont{ position:absolute; top:0; bottom:0; right:0; left:0; }
.temoignages .propor .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative }
.temoignages .propor .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
.temoignages .noimage{ background:#fff url(../images/noim2.jpg) no-repeat center center  }

.temoignages .modal-title { font-family:Arial, Verdana, sans-serif; font-size:15px; text-transform:uppercase; color:#525252; background:none; padding:0; }
.temoignages .form-horizontal .control-label { padding-top:0px }
.temoignages .form-horizontal fieldset .form-group:nth-of-type(1) .control-label,
.temoignages .form-horizontal fieldset .form-group:nth-of-type(2) .control-label{ padding:19px 0 0 0  } 
*/


/* MODULE CATALOGUE / GARAGE / IMMO *****************************************/
/* *************************************************************************/

/*
.etiquette{ position:absolute; z-index:9000; }
.etiquette.nouveaute{ background:url(../images/ico-nouveaute.png); top:5px; left:5px; width:20px; height:19px; }
.etiquette.favoris{ background:url(../images/ico-favoris.png); top:5px; right:5px; width:18px; height:15px; }
.etiquette.promotion{ background:url(../images/ico-promotion.png); bottom:5px; left:5px }

.fil-arianne{ }
.fil-arianne a{ text-decoration:none }
.fil-arianne a:hover{ text-decoration:underline }
.fil-arianne span{ color:#e22326 }


.cat-liste .titre-liste{ background: #3f3f3f; border-radius: 3px; margin-bottom:20px }
.cat-liste .titre-liste h2{ background:none; margin:0 }
.cat-liste #filtres{ display:inline-block; padding:9px 15px; font-size:11px; text-align: right }
.cat-liste #filtres form{ display:inline-block;  }
.cat-liste #filtres form#form_ipp{ padding-right:20px  }
.cat-liste #filtres form label,
.cat-liste #filtres form b{ font-weight:normal  }
.cat-liste #filtres p{ margin:0 }
.cat-liste #filtres select{ height: 36px; line-height: 36px; padding: 7px; border: none; border-radius: 5px; } 
.cat-liste #pagination{ padding:8px 0; text-align:center }
.cat-liste #pagination ul{ margin:0; padding:0; list-style-type:none; list-style-image:none;  }
.cat-liste #pagination ul li{ display:inline-block; width:41px;  }
.cat-liste #pagination ul li a{ display:block; height:41px; line-height:41px; font-weight:bold; font-size:18px; text-decoration:none; }
.cat-liste #pagination ul li a:hover,
.cat-liste #pagination ul li.active a{ color:#fff; background:orange; }



.modele-liste{ margin-left:-10px !important; margin-right:-10px !important; padding:0 }
.modele-liste .col-md-2,
.modele-liste .col-md-3,
.modele-liste .col-md-4,
.modele-liste .col-md-6{ padding-left:10px !important; padding-right:10px !important }
.modele-liste .item{ background:#3f3f3f; padding:10px; border-radius:3px; margin-bottom:30px; position:relative; overflow:hidden }
.modele-liste .item .div-proportionnel-item { width: 100%; position: relative }
.modele-liste .item .div-proportionnel-item:after { padding-top:100%; display: block; content: ''; }
.modele-liste .item .div-proportionnel-item .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.modele-liste .item .div-proportionnel-item .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative }
.modele-liste .item .div-proportionnel-item .imagecont:hover{ opacity:0.8; filter:alpha(opacity=80);  }
.modele-liste .item .div-proportionnel-item .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
.modele-liste .item .noimage{ background:#fff url(../images/noim.jpg) no-repeat center center  }
.modele-liste .item .tableau{ width:100% }
.modele-liste .item h2,
.modele-liste .item h3{ margin:0; height:50px; text-align:center; padding:0;   }
.modele-liste .item h2 a,
.modele-liste .item h3 a{ color:#fff;  }
.modele-liste .item .prix{ font-size:18px }



.cat-produit .item-titre{ font-size:20px; margin:0 0 0 0 }
.cat-produit .item-date{  }
.cat-produit .item-description{ font-size:14px }
.cat-produit .item-prix{ font-size: 20px; }
.cat-produit .particularites{ margin:0; padding:0; list-style-type:none }
.cat-produit .equipements ul{ margin:0; padding:0; list-style-type:none }
.cat-produit .btn-retour{ padding-top:20px }
.cat-produit .btn-retour a{ display:inline-block; background:#c9b570; padding: 10px 20px; border-radius:3px; font-weight: bold; font-size:12px; text-transform:uppercase }
.cat-produit .titre-similaire{ font-size:20px; margin-bottom: 20px; color:#c90e03;text-transform:uppercase; padding: 5px 0 5px 15px; color: #fff;  }

.cat-produit .cont-sliderthumb{  }
.cat-produit .cont-sliderthumb .div-proportionnel {  width: 100%;  position: relative;   }
.cat-produit .cont-sliderthumb .div-proportionnel:after { padding-top: 72%; display: block; content: ''; }
.cat-produit .cont-sliderthumb .div-proportionnel .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative; cursor:zoom-in }
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat;}
.cat-produit .noimage{ display:block; background:#fff url(../images/noim.jpg) no-repeat center center;  width: 100%; height:400px  }
.cat-produit .sudo-slider-thumb{ padding:0 }
.cat-produit .noimage{ background:#fff url(../images/noim.jpg) no-repeat center center; background-size:auto !important  }
.cat-produit .cont-miniatures{ overflow:hidden; position:relative; margin: 10px 0 0 0 }
.cat-produit .miniatures { width:300000px }
.cat-produit .miniatures .miniature{ width:115px; float:left; margin-right: 10px }
.cat-produit .miniatures .div-proportionnel {  width: 100%;  position: relative; }
.cat-produit .miniatures .div-proportionnel:after { padding-top: 72%; display: block; content: ''; }
.cat-produit .miniatures .div-proportionnel .cont-propor { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.cat-produit .miniatures .div-proportionnel .imagecont{ height:100%; display:block; width:100%; overflow:hidden; position:relative }
.cat-produit .miniatures .div-proportionnel .imagecont .imagefond{ image-rendering: optimizeQuality; display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat; }
.cat-produit .cont-miniatures .precedent-miniatures{ position:absolute; top:50%; margin-top:-16px; left:15px; display:none; width:32px; height:32px; background:url(../images/ico-thumb-g.png) }
.cat-produit .cont-miniatures .suivant-miniatures{ position:absolute; top:50%; margin-top:-16px; right:15px; display:none; width:32px; height:32px; background:url(../images/ico-thumb-d.png) }
.cat-produit .cont-miniatures:hover .precedent-miniatures,
.cat-produit .cont-miniatures:hover .suivant-miniatures{ display:block }

.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"],
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]{ z-index:9000; position:absolute; top:50%; display:none; width:32px; height:32px; margin-top:-16px }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"]{ left:0px; background:url(../images/ico-thumb-g.png) }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]{ right:0px; background:url(../images/ico-thumb-d.png) }
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"]:hover,
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]:hover{ opacity:0.8 }
.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="prev"],
.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="next"]{ display:block }

.cat-produit .controlsthumb{ display:inline-block; z-index:9000; position:absolute; bottom:-40px; left:0; right:0; text-align:center }
.cat-produit .controlsthumb{ display:none !important }
.cat-produit .controlsthumb ol{ margin:0; padding:0; list-style-type:none }
.cat-produit .controlsthumb ol li{ display:inline-block }
.cat-produit .controlsthumb ol li a{ display:block; width:23px; height:23px; background:url(../images/miette.png); margin:0 2px }
.cat-produit .controlsthumb ol li.current a{ background:url(../images/miette-h.png) }
.cat-produit .controlsthumb ol li a span{ display:none }


/* MENU MOBILE 1  **********************************************************/
/* *************************************************************************/
/*
.header-wrapper{ display:block; text-align:center }
.header-wrapper .logo-site{ height:100px; padding:10px 10px; margin:0 }
.header-wrapper .logo-site img{ max-height:100% }
#ppocornerBig > object{ display:none !important;}
#ppocornerSmall> object{ display:none !important;}
.inner-header{ display:none !important;}
section.menu{ display:none; }
#email-address, #phone-number { display:table; width:100%; }
.menu-wrapper-index { display:table; width:100%; background:none repeat scroll 0 0 #EBEBEB; height:70px; z-index:9999; position:relative; box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12); }
.menu-wrapper { display:table; opacity:.97; width:100%; background:none repeat scroll 0 0 #EBEBEB; margin-bottom:23px; height:51px; z-index:9999; position:relative; -moz-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12); box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.12); }
.menu-back, .menu-call, .menu-call-index, .menu-email, .menu-email-index, .menu-button { min-width:50px; cursor:pointer; text-align:center; font-size:10px; color:#000; font-weight: 700; }
.menu-call-a, .menu-email-a, .menu-button { display:table-cell; text-decoration:none !important; }

.menu-spacer-wrapper { display:table-cell; width:1px; height:0; }
.menu-spacer-index { margin:0 0 -7px 0; height:51px; border-right:1px solid #ccc; }
.menu-spacer { margin:0 0 0 0; height:51px; border-right:1px solid #ccc; }

.menu-back:hover,
.menu-call-index:hover,
.menu-call:hover,
.menu-email-index:hover,
.menu-email:hover,
.menu-button-hover-touch, .menu-button-hover{ background-color:#cb5145; }

.menu-back { min-height:51px;   background: url(../images/menu-mobile-1/icon-back.png) no-repeat center 20px; }
.menu-back:hover { background-size: 21px 100px; background-position:center -68px; }

.menu-call-index { margin:0; padding:45px 0 14px 0; background: url(../images/menu-mobile-1/icon-call.png) no-repeat center 18px; }
.menu-call-index:hover { background: url(../images/menu-mobile-1/icon-call.png) no-repeat center -66px; }
.menu-call { min-height:51px; background: url(../images/menu-mobile-1/icon-call.png) no-repeat center 18px; }
.menu-call:hover { background-position:center -66px; }

.menu-email-index { margin:0; padding:45px 0 14px 0; background: url(../images/menu-mobile-1/icon-email.png) no-repeat center 17px; }
.menu-email-index:hover {   background: url(../images/menu-mobile-1/icon-email.png) no-repeat center -66px; }
.menu-email { min-height:51px; background: url(../images/menu-mobile-1/icon-email.png) no-repeat center 17px; }
.menu-email:hover {   background-position: center -66px; }

.menu-button { background: url(../images/menu-mobile-1/icon-menu.png) no-repeat center 18px; }
.menu-button-hover-touch, .menu-button-hover { background: url(../images/menu-mobile-1/icon-menu-hover.png) no-repeat center 18px !important; }

.menu-tooltip-index { opacity:.97; width:0; height:0; margin:0 auto !important; top:21px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #202020; position:relative; z-index:999999999; display:none; }
.menu-tooltip { opacity:.97; width:0; height:0; margin:0 auto !important; top:11px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #202020; position:relative; z-index:999999999; display:none; }
#menu-index { background: none repeat scroll 0 0 #EBEBEB; border-radius: 2px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.55); display: none; margin: 21px 10px 0 0; min-width: 175px; opacity: 0.97; position: absolute; right: 5px; top:100%; width: auto; z-index: 99999999 !important; }
#menu { width:auto; min-width:175px; position:fixed; margin: 62px 10px 0 0; z-index:9999 !important; right:0; background: none repeat scroll 0 0 #EBEBEB; display:none; border-radius: 2px; box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.55); }
.menu-active { display:block !important; }
.menu { text-align:center; position:relative; padding:6px 13px 6px 13px; margin:0; min-width:240px; }
.menu a { color:#2D2D2D; padding: 11px 24px 11px 24px; margin: 0 13px 0 13px; display:block; font-weight: 700; cursor:pointer; }
.menu a:hover, .menu a:active { color:#2D2D2D; text-decoration:none; }
.sub-menu a { padding: 7px 0 8px 0; display:block; border-bottom: none; line-height:22px; }
.sub-menu a:hover, .sub-menu a:active { text-decoration:none; }
.menu ul { list-style: none }
.menu li { list-style: none; padding:0; margin:0 0 2px 0; z-index:-1; position:static; width:100%; border-top:1px solid #000; }
.menu li:first-child { border-top:none !important; }
.menu li a { font-size:13px; }
.sub-menu { margin:0 0 0 0 !important; padding:4px 0 15px 0; position:static; width:100%; }
.sub-menu ul { list-style: none; position:static; }
.sub-menu li { list-style: none; margin:0; padding:0; float:none; border-top:none !important; }
.sub-menu li a { color:#888; margin:0; padding:2px 0 2px 5px; border-top:none !important; }
.menu li.sub a { background-position: right center; background-repeat: no-repeat; } 
.menu li.sub a:hover { }
.menu li.sub > ul a { background-image: none; font-size:12px; }
.sub-menu li.text a { color:#555 !important; font-size:13px; line-height:18px; padding: 0 10px 3px 0; display:block; cursor:default; }
.sub-menu li.text a:hover {  color:#555 !important; }
*/

/* MENU MOBILE 2 ***********************************************************/
/* *************************************************************************/
/*
.menu-mobile-dynamique { margin:0; padding:0; list-style-type:none; list-style-position:inside;  }
.menu-mobile-dynamique li{  }
.menu-mobile-dynamique li a{ font-weight:400; color:#FFF; text-decoration:none; font-size:16px; padding-left:60px; padding-top:10px; margin-top:3px; margin-right:1.5px; margin-left:1px; background-color:#00a6e8; -webkit-tap-highlight-color:rgba(0,0,0,0.5); background-image:url(../images/menu-mobile-2/arrow-right.png); display:block; height:43px; background-position:10px 4px!important; background-repeat:no-repeat; }
.menu-mobile-dynamique li a:hover{ }

.header{ margin:10px; margin-top:20px; margin-bottom:20px; }
.deploy-navigation{ float:right; display:block; width:38px; height:38px; background-image:url(../images/menu-mobile-2/deploy.png); background-color: #f0a20a;background-repeat:no-repeat; background-position:center center; margin-top:-5px; }
.hide-navigation{ float:right; display:block; width:38px; height:38px; background-image:url(../images/menu-mobile-2/deploy.png); background-color: #f0a20a; background-repeat:no-repeat; background-position:center center; margin-top:-5px; }
.decoration{ background-color:#d5d5d5; height:1px; display:block; margin-left:10px; margin-right:10px;   margin-bottom:20px; }
.content{ margin-top:-5px; margin-left:10px; margin-right:10px; margin-bottom:15px; }
.deployed-navigation{ position:static; display:block; margin-left:10px; margin-right:10px; margin-bottom:15px; }
.deployed-decoration{ background-color:#d5d5d5; height:1px; display:block; margin-left:10px; margin-right:10px;  margin-bottom:5px; }
.navigation-icon{ background-color: #f0a20a!important; font-weight:400; color:#FFFFFF; text-decoration:none; font-size:16px; padding-left:60px; padding-top:10px; margin-top:3px; margin-right:1.5px; margin-left:1px; background-color:#00a6e8; -webkit-tap-highlight-color:rgba(0,0,0,0.5); display:block; height:31px; background-position:10px 4px!important; background-repeat:no-repeat; }
.icon{ display:inline-block; height:32px; width:32px; border-radius:32px; }
.demo{margin-left:5px; margin-right:2px; margin-bottom:5px;}
*/


/* MENU MOBILE 3 ***********************************************************/
/* *************************************************************************/

.header-sidebars{ background-color:#ffffff }
.sidebar-left,
.sidebar-right{ background-color:#010104 }

.sidebar-left a,
.sidebar-right a,
.sidebar-bottom-controls a,
.contactButton ,
.nav-item-active,
.sidebar-form label,
.sidebar-send-button,
.sidebar-divider-text{ color:#fff !important  }

.header-sidebars{ height:50px; z-index:9999; position:fixed; left:0px; right:0px; top:0px; width:100%; box-shadow:0px 2px 3px 1px rgba(0, 0, 0, 0.1); }
.header-sidebars .header-top{ display:table; height:50px; width:100% }
.top-logo{ display:table-cell; vertical-align:middle; position:relative; z-index:9999; text-align: center; }
.top-logo img{ max-width:200px; max-height: 42px; }
.deploy-left-sidebar{ display:table-cell; background-color:#E5DC00; background-image:url(../images/menu-mobile-3/nav.png); background-repeat:no-repeat; height:50px; width:50px; background-position:center center; }
.deploy-right-sidebar{ display:table-cell; background-color:#E5DC00; background-image:url(../images/menu-mobile-3/contact.png); background-repeat:no-repeat; width:50px; height:50px; background-position:center center; }
.deploy-back-home{ background-image:url(../images/menu-mobile-3/home.png); background-repeat:no-repeat; background-color:#f9fafc; width:50px; height:50px; background-position:center center; float:right; margin-top:-50px; }
.delete-right-sidebar{ display:none; background-image:url(../images/menu-mobile-3/contact.png); background-repeat:no-repeat; background-color:#f9fafc; width:50px; height:50px; background-position:center center; float:right; margin-top:-50px; }
.sidebar-left{ font-family: Arial, Helvetica !important; box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.3); width:270px; position:fixed; z-index:9999; top:0px; left:-270px; bottom:0px; overflow:hidden; position:fixed; }
.sidebar-scroll-left{ padding-right:20px; left:0px; width:310px; overflow: scroll!important; overflow-x:hidden!important; -webkit-overflow-scroll:touch!important;   height:100%; }
.sidebar-scroll-right{ width:290px; overflow: scroll!important; overflow-x:hidden!important; -webkit-overflow-scroll:touch!important;    height:100%; }
.sidebar-right{ font-family: Arial, Helvetica !important; box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.3); background-repeat:repeat; position: fixed; overflow:hidden; z-index:99999; right:-280px; top:0px; bottom:0px; width:270px; margin-right:10px; }
.sidebar-decoration{ background-image:url(../images/menu-mobile-3/sidebar-deco.png); background-repeat:repeat-x; height:2px;     margin-bottom:15px; }
.sidebar-left a,
.sidebar-right a { text-decoration: none; display: block; overflow:hidden; position:relative; }

.sidebar-header-left{ height:50px; background-color:#ffffff; border-bottom: 1px solid #ffffff; position: relative;}
.sidebar-left-logo{  max-width:180px; max-height:42px; position:absolute; top:5px; left:20px; }
.sidebar-right-logo{ max-width:180px; max-height:42px; position:absolute; top:5px; right:20px; }
.close-sidebar-left{ background-color: #E5DC00; background-image:url(../images/menu-mobile-3/accessdenied.png); background-size:17px 17px; background-repeat:no-repeat; background-position:16px 18px; height:50px; width:50px; margin-left:220px; display:block; }
.sidebar-divider-text{ font-size:13px; font-weight:700; padding-top: 15px; padding-left: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.4); margin-bottom: 0; }

.home-nav{background-image:url(../images/menu-mobile-3/home.png);}
.info-nav{background-image:url(../images/menu-mobile-3/infoabout.png);}
.folio-nav{background-image:url(../images/menu-mobile-3/bendedright.png);}
.mail-nav{background-image:url(../images/menu-mobile-3/mail.png);}
.newsletter-nav{background-image:url(../images/menu-mobile-3/rss.png);}
.call-nav { background-image: url(../images/menu-mobile-3/phonehook.png); }
.text-nav { background-image: url(../images/menu-mobile-3/speechbubble4.png); }
.facebook-nav { background-image: url(../images/menu-mobile-3/facebook.png); } 
.twitter-nav { background-image: url(../images/menu-mobile-3/twitter.png); }

.sidebar-bottom-controls { background-color: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.4); }
.sidebar-bottom-controls a { font-size:12px; background-repeat: repeat-y; text-align: center; float: left; width: 33%; text-transform: uppercase; line-height: 10px; border-top: 1px solid rgba(255,255,255,0.2); display: block; }
.facebook-bottom { display: block; padding-top: 26px; background-image: url(../images/menu-mobile-3/facebook.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.twitter-bottom { display: block; background-image: url(../images/menu-mobile-3/twitter.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.close-bottom-left,
.close-bottom-right { display: block; padding-top: 26px; background-image: url(../images/menu-mobile-3/accessdenied.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }

.nav-item:hover{ background-color: rgba(0,0,0,0.4); }
.nav-item{ font-size:15px; -webkit-tap-highlight-color: rgba(0,0,0,0); background-size:20px 20px; background-color: rgba(0,0,0,0.2); text-shadow:0px 1px 1px rgba(0,0,0,1); color:#d2d2d2; height:50px; line-height:49px; background-repeat:no-repeat; padding-left:60px; background-position:20px center; border-bottom: 1px solid rgba(0,0,0,0.4); border-top: 1px solid rgba(255,255,255,0.2); }
.icon-active{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/location.png); background-size:10px 15px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:240px; }
.icon-page{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png); background-size:8px 11px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:240px; }
.icon-drop{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/godrop.png); background-size:10px 8px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:239px; }
.submenu a{ text-shadow:0px 2px 0px rgba(0,0,0,1); background-image:url(../images/menu-mobile-3/sidebar-deco.png); background-repeat:repeat-x; padding-top:12px; padding-bottom:12px; padding-left:25px; font-size:10px; color:#878787; text-transform:uppercase; font-weight:900; }
.submenu a em{ background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png); background-size:8px 11px; background-repeat:no-repeat; float:left; width:10px; height:15px; display:block; margin-top:5px; padding-right:35px; }
.submenu a:first-child{ background-image:none!important; }
.submenu{ display:none; }
.submenu-active{ display:block; }
.sidebar-notifications a { margin-bottom:15px; background-repeat:no-repeat; background-position:0 center; padding-left:38px; margin-left:20px; font-size:10px; color:#878787; font-family:'Lato', sans-serif; font-weight:700; text-transform:uppercase; line-height:10px; }

.sidebar-header-right{ height:50px; background-color:#ffffff; border-bottom: 1px solid #ffffff; position: relative; }
.close-sidebar-right{ background-color: #E5DC00; background-image:url(../images/menu-mobile-3/accessdenied.png); background-size:17px 17px; background-repeat:no-repeat; background-position:16px 18px; height:50px; width:50px; margin-left:0px; display:block; }
.right-sidebar-copyright{ margin:20px 0; }
.footer-text a{ padding-top:10px; font-size:10px; color:#8a8a8a; }
.copyright-sidebar{ font-size:10px; text-align:center; text-transform:uppercase; }

.menu-mobile-dynamique { margin:0; padding:0; list-style-type:none; list-style-position:inside; list-style-image: none;  }
.menu-mobile-dynamique li{ background-color: rgba(0,0,0,0.2); width:100%;  }
.menu-mobile-dynamique li.parent{ background-image: url(../images/menu-mobile-3/left-sidebar/gopage.png); background-position: 241px 20px; background-repeat:no-repeat;   }
.menu-mobile-dynamique li a{ display:table-cell; width: 270px; vertical-align:middle; line-height:18px; font-size:15px; background-image: url(../images/menu-mobile-3/bendedright.png); -webkit-tap-highlight-color: rgba(0,0,0,0); background-size:10px 13px; text-transform:uppercase; text-shadow:0px 1px 1px rgba(0,0,0,1); color:#fff; height:50px; background-repeat:no-repeat; padding-left:50px; background-position:20px center; border-bottom: 1px solid rgba(0,0,0,0.4); border-top: 1px solid rgba(255,255,255,0.2); }
.menu-mobile-dynamique li a:hover{ background-color: rgba(0,0,0,0.2); }
.menu-mobile-dynamique ul{ list-style-image:none; list-style-position:inside;list-style-type: none; padding-left:0   }
.menu-mobile-dynamique ul li a{ background:none;  color:#BEBEBE;   }

.small-notification p { margin: 10px 13px; padding-bottom: 2px; line-height: 18px; }
.text-input { overflow: hidden;position: relative;font-size: 11px; color: #666; width: 230px; margin-left: 20px; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; display: block; box-sizing: border-box; background-color: rgba(255,255,255,0.1); border: solid 1px #3d3d3d; }
#contactEmail { margin-bottom: -5px!important; }
#contactMessage { display: none; }
#contactName { display: none;margin-bottom: 10px; }
#left_label_name { overflow: hidden;position: relative;display: none;text-align: left; margin-left: 200px; font-size: 11px; color: #8c8c8c; opacity: 0.3; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
#name_label { overflow: hidden;position: relative;display: none; margin-top: 20px; margin-left: 20px; font-family: 'Lato', sans-serif; font-size: 12px; color: #c5c5c5; }
#email_label { margin-top: 20px; margin-left: 20px; font-size: 12px; color: #c5c5c5;display: block; overflow: hidden; position: relative; }
#left_label_mail { display: block;overflow: hidden;position: relative;line-height: 18px;text-align: left; margin-left: 200px; font-size: 11px; color: #8c8c8c; opacity: 0.3; font-family: 'Open Sans', sans-serif; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
.contact-button-house{line-height: 18px; margin-bottom: 20px; font-size: 11px;display: block; overflow: hidden; position: relative;vertical-align: baseline; outline: none;}
.contactButton { display: block;overflow: hidden;position: relative;margin-left: 20px; margin-top: 30px; height: 36px; font-family: 'Lato', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; width: 230px; background-color: rgba(255,255,255,0.1); border: solid 1px #3d3d3d; } 

.buttonWrap { padding: 10px!important; min-width: 43%; }
.contactSubmitButton { display: block!important; height: 36px!important; margin-right: 4px; float: left; margin-bottom: 20px; }
.contactNameField { padding-bottom: 5px; font-size: 12px; }
.contactField { font-size: 15px; overflow: hidden; position: relative;  color: #fff; min-width: 100%; display: block; box-sizing: border-box;height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
.contactTextarea { font-size: 15px; overflow: hidden;position: relative; color: #fff; min-width: 100%; display: block; box-sizing: border-box;  margin-bottom: 20px; padding-left: 12px; padding-right: 12px; padding-top: 9px; padding-bottom: 9px; line-height: 18px; height: 90px; }
.menu-mobile-dynamique input { -webkit-appearance:none; border-radius: 0; }
.sidebar-form{ display:none; margin-left:20px; width:230px; box-sizing:border-box; }
.sidebar-form2{ display:none; }
.sidebar-form label{ font-size:13px; border-radius:0px!important; color:#c5c5c5; text-transform:uppercase; padding-top:10px;display: block; opacity:0.8; filter:alpha(opacity=80);  }
.sidebar-form label span{ text-transform:lowercase; float: right; opacity: 0.5}
.sidebar-form input{ background-color:rgba(255,255,255,0.1); border:solid 1px #3d3d3d; }
.sidebar-form textarea{ background-color:rgba(255,255,255,0.1); border:solid 1px #3d3d3d; margin-bottom:0px; }
.sidebar-send-button{ font-size:13px; display:block; width:100%; color:#d2d2d2; font-family:'Lato', sans-serif; text-transform:uppercase; font-weight:700; }
.success-subscribe{ margin-top:20px; width:230px; margin-left:20px;  }
.sidebar-form{ margin-bottom:0px!important; margin-top:-10px!important; }
.sidebar-form  .formSuccessMessageWrap{ width:230px; margin-top:20px; margin-bottom:0px; }
.sidebar-form .small-notification{ margin-top:20px; }
.sidebar-form #emailError{ margin-top:20px; width:230px; margin-left:20px; border-radius:0px; height:36px; }
.sidebar-form #emailError p{ text-align:center; color:rgb(255,129,129); margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.sidebar-form #emailError2{ margin-top:20px; width:230px; margin-left:20px; border-radius:0px; height:36px; }
.sidebar-form #emailError2 p{ text-align:center; color:rgb(255,129,129); margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.subscribe-notification{ width:230px!important; margin-left:20px; border-radius:0px!important; margin-bottom:-15px!important;    margin-top:20px!important; background-image:none!important; }
.subscribe-notification p{ background-image:none!important; text-align:center; color:rgb(255,129,129)!important; margin:8px 0px; display:block; text-transform:uppercase; padding-left:0px;  margin-top:20px;  }
.formValidationError{ margin-bottom:-15px; }
.sidebar-form .formValidationError div{ margin-top:20px; width:230px; border-radius:0px!important; height:36px;  margin-top:20px!important; }
.sidebar-form .formSubmitButtonErrorsWrap{ overflow:visible!important; margin-bottom:20px; }
.sidebar-form  .formValidationError p{ text-align:center; color:rgb(255,129,129)!important; margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.menu-mobile-dynamique label { display: block; overflow: hidden; position: relative; border: 0; vertical-align: baseline; outline: none;}
.red-notification { background-color: #E5DC00; border-radius: 5px; border: solid 1px #E5DC00; }
.formValidationError .red-notification p { background-image: none!important; display: block!important; padding-left: 0px!important; text-align: center!important; }
.no-bottom { margin-bottom: 0px!important; }

.menu-mobile-dynamique .sub-menu{   display:none; }


/* AUTRES STYLES FIXES  ****************************************************/
/* *************************************************************************/

/* Bouton remonter */
.remonter { position:fixed; z-index:9999; display:none; bottom:10px; right:10px; width:52px; background:rgba(0,0 ,0, 0.5); border-radius:5px }
.remonter a { display:block; padding:12px 10px; text-align:center;  }
.remonter a:hover { opacity:0.8; filter:alpha(opacity=80) }

/* Div IE <8 déprécié */
.deprecated-ie{ text-align:center; color:#000; background:#eee }
.deprecated-ie p{ line-height:30px; margin:0 }
.deprecated-ie a{ line-height:30px; font-family:Helvetica, arial, sans-serif; font-size:13px; color:#000; text-decoration:underline }

/* Fix pour fond noir lightbox qui n'apparait pas sur chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
.lightboxOverlay { overflow:scroll }
.lightboxOverlay::-webkit-scrollbar { width:0px }
}


/* MEDIA QUERIES  **********************************************************/
/* *************************************************************************/

/* Tablettes (col-sm) */
@media (min-width:768px) and (max-width:991px)
{  
    .pad-sm{ padding-left:15px !important; padding-right:15px !important }
    .pad-sm-l{ padding-left:15px !important }
    .pad-sm-r{ padding-right:15px !important }
    .nopad-sm{ padding-left:0 !important; padding-right:0 !important }
    .nopad-sm-l{ padding-left:0 !important }
    .nopad-sm-r{ padding-right:0 !important }
}

/* Mobile + Tablettes (col-xs + col-sm) */
@media (max-width:991px)
{ 
.body-page-1 .slog3 {
    bottom: -34px;
    display: none;
}
    .cont-slider .controls { display: none} 
    .container { max-width:none; width:auto } 
    
    /* Changement largeurs labels+champs contact */
    .contact .formulaire  .form-group .col-md-4 { width:100% !important }
    .contact .formulaire  .form-group .col-md-8 { width:100% !important }
    
    /* Captcha Contact */
    .contact .formulaire .form-group input[name="captcha"]{ width:100% !important; margin-right:0% !important; text-align:left !important ;  }
    .contact .formulaire .form-group input[name="captcha"] + a{ position: absolute; width:140px; top: 0; right: 0; margin-right:0px !important; }
    .contact .formulaire .form-group input.btn-primary { width: 100%; margin-top: 8px; }
    
    /* Forcer l'affichage des flèches de la lightbox car pas de hover sur mobile */
    .lb-prev { opacity:1 !important; background: url(../images/lightbox-g.png) left 48% no-repeat; }
    .lb-next { opacity:1 !important; background: url(../images/lightbox-d.png) right 48% no-repeat; }
    
    /* Désactiver la scrollbar personnalisée */
    .scrollbars{ width:100%; height:auto }
    .scrollbar-content { padding:0 }
    
.formSuccessMessageWrap,
.formSuccessMessageWrap h4{
    color: #ffffff;
}
.cont-slider .controls ol li a {
    display: block;
    width: 160px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 30px 0 0;
}    
.slog2 .s2text {
    width: 100%;
    height: auto;
    line-height: 51px;
    text-align: center;
    text-transform: uppercase;
    color: #191a1e;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
    background: #e5dc00;
    font-size: 13px;
    margin: 41px 0 0;
}    
.sidebar .photoa {
    font-family: 'federoregular';
    background: #effaff url(../images/photo-accueil.png) left top no-repeat;
    padding: 35px;
    height: 329px;
    font-size: 18px;
    color: #403806;
    margin: 10px 0 0;
}
article.page{
    text-align: justify;
}
h1, .h1 {
    font-family: 'federoregular';
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0.1em;
    background: url(../images/bg-titre.png) left center no-repeat;
    padding: 0;
    margin-bottom: 25px;
}    
.tousnet {
    width: 100%;
    height: 634px;
    background: url(../images/tous.jpg) -782px top no-repeat;
    padding: 20px 0 0;
}    
.tousnet .ntext {
    text-align: center;
    color: #085d9f;
    font-size: 22px;
    letter-spacing: 0.025em;
    font-family: 'federoregular';
    padding: 22px 0 0;
    line-height: 20px;
}    
.fluid-slider {
    position: relative;
    height: 300px;
    overflow: hidden;
} 
.gallery .description-galerie {
    padding: 0 0 35px;
    text-align: justify;
}    
.contact .btn-map {
    float: right;
    background: #e5dc00;
    color: #000000;
    padding: 8px 15px;
    border-radius: 5px;
    margin: 1px 0 0 !important;
    width: 100%;
}    
    
    
    
    
    
    
    
    
}

/* Pc normal (col-md) */
@media (min-width: 991px) and (max-width: 1199px) { }

/* Mobile + Tablettes + Pc normal (col-xs + col-sm + col-md) */
@media (max-width: 1199px){ .remonter{ display:none !important } }

/* Pc large (col-lg) */
@media (min-width: 1200px){ }

/* Mobile (col-xs) */
@media (max-width:767px)
{
    .pad-xs{ padding-left:15px !important; padding-right:15px !important }
    .pad-xs-l{ padding-left:15px !important }
    .pad-xs-r{ padding-right:15px !important }
    .nopad-xs{ padding-left:0 !important; padding-right:0 !important }
    .nopad-xs-l{ padding-left:0 !important }
    .nopad-xs-r{ padding-right:0 !important }   

.cont-slider .controls{ display: none; }
.slog1 {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 10px;
    color: #000000;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
}
a.sudolien.precedent, a.sudolien.suivant{ display: none; }
.body-page-1 .slog2 {
    bottom: 0px;
}
.slog3 .s2text {line-height: 20px;font-size: 12px;}
.slog2 {
    width: 100%;
    position: relative;
    z-index: 999;
    bottom: 45px;
}
.slog2 .s2text {
    width: 100%;
    height: initial;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #191a1e;
    letter-spacing: 0.1em;
    font-family: 'federoregular';
    background: #e5dc00;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
}
.slog2 .s2text span {
    font-size: 14px;
}
.body-page-1 .fluid-contenu .corps {
    padding: 15px 0 30px;
}
h1, .h1 {
    font-family: 'federoregular';
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.1em;
    background: url(../images/bg-titre.png) left center no-repeat;
    padding: 0;
    margin-bottom: 25px;
}
.sidebar .photoa {
    font-family: 'federoregular';
    background: #effaff;
    padding: 20px 20px 15px;
    height: initial;
    font-size: 18px;
    color: #403806;
    margin: 10px 0 0;
}
.tousnet {
    width: 100%;
    height: 634px;
    background: #BBE0F2;
    padding: 20px 0 0;
}
.tousnet h2 {
    font-family: 'federoregular';
    color: #3b9edb;
    font-size: 22px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0 0 15px;
    background: url(../images/title.png) left bottom no-repeat;
    margin-bottom: 35px;
}
.tousnet {
    width: 100%;
    height: initial;
    background: #BBE0F2;
    padding: 20px 0;
}
.tousnet .ntext {
    text-align: center;
    color: #085d9f;
    font-size: 20px;
    letter-spacing: 0.025em;
    font-family: 'federoregular';
    padding: 24px 10px;
    line-height: 20px;
    background: #73C0EE;
    margin: 10px 0 0;
}
.slog1 .s1text {
    padding: 0;
    margin-top: 21%;
}

.nosplus {
    width: 100%;
    height: initial;
    background: #E5DC00;
    position: relative;
    margin: 0;
    font-size: 20px;
    color: #403806;
    font-family: 'federoregular';
    padding: 10px 0 20px;
}
.nosplus h2 {
    font-family: 'federoregular';
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0 0 15px;
    background: url(../images/title2.png) left bottom no-repeat;
    margin-bottom: 16px;
}
.fluid-slider {
    position: relative;
    height: initial;
    overflow: hidden;
}
.fluid-contenu .corps {
    padding: 15px 0px 20px;
}
.contact .plan .block #googlemapapi, .contact .plan iframe {
    width: 100% !important;
    height: 245px !important;
    box-shadow: none;
}
.contact .btn-map {
    float: right;
    background: #e5dc00;
    color: #000000;
    padding: 8px 15px;
    border-radius: 5px;
    margin: 15px 0 0 !important;
    width: 100%;
}
.nosplus .tel {
    font-size: 30px;
    letter-spacing: 0.2em;
    margin: 0;
}
.body-contact .nosplus {
    padding: 10px 0 20px;
}




}

/* Abderrahmane Oubbaih le 02/11/2020 - tâche : ajout d'une bande covid-19 */
.covid-message{
    display: none;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    background-color: #206dab;
    color: #fff;
    position: relative;
    position: -webkit-sticky;
    top: 0;
    z-index: 1000000;
    text-align: center;
}
.covid-message p{font-size: 19px;margin-top: 17px;margin-bottom: 17px;} 

@media (max-width:1024px){
    .covid-message{
        font-size: 2vw;
        z-index: 0;
    }
}

@media (max-width:767px){
    .covid-message{
        z-index: 1;
        font-size: 2.3vw;
    }
}
@media (max-width:400){
    .covid-message{
        font-size: 3.5vw;
    }
}
svg#logo_FD{fill:#838383}svg#logo_FD{width: 150px !important;}