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

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

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

img {
    width:33%;
}
/* 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:#424445;font-family:Arial, Helvetica, sans-serif;font-size:14px;background: #5f5f5f;}

a, a:link, a:visited{ color:#ea0047;text-decoration:none  }
a:hover{text-decoration:underline}
blockquote { border-color:#ea0047;/***color principal***/}
::selection {color: #fff; background:#ea0047;/***color principal***/}
::-moz-selection {color: #fff; background:#ea0047;/***color principal***/}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { color:#EA0047 }
h1, .h1{ font-size:32px; line-height:32px; background:url(../images/bg-titre.png) left center no-repeat; padding:0; margin-bottom:20px  }
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 }
.tete .logo-site{ margin:0; padding:30px 0 30px 0 }
.tete .tel{ font-size:24px; color:#919191; padding:30px 0 0 0 }

.fluid-menu{ background:#EA0047 }

.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 { color:#fff; display:block; font-size:21px; padding:10px 5px; margin-right:1px; text-decoration:none;
background:url(../images/btn-h.png) center 70px no-repeat;
-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:url(../images/btn-h.png) center bottom no-repeat  }
.navh .menu_principal li.active > a:hover{ cursor:default }

body{padding:0 0 0px 0;background: #191918;text-align: center;width: 100%;overflow-x: hidden; font-family: 'Dosis', sans-serif;} 
.content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 43px 10px 50px;
}
a.boutton {
        background: #d01f2e;
    color: #fff;  

    padding: 10px;
    margin: 10px 0 0;
    text-decoration: none;
}
.boutton:hover {
        background: #fff;
    color: #d01f2e;
  text-decoration: none;

} .index {
    color: #fff;
    font-size: 16px;

    margin: 0 auto;
    line-height: 24px;
}
.index2{ display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;}
.contents2 {
    display: table-cell;
    vertical-align: middle;
    max-width: 1100px;
}
.texte{margin: 10px 0 50px;}

/* 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  **********************************************************/
/* *************************************************************************/

/* 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 } 
 }

/* 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)
{ 
  .container { width: 100%; } 
  
  /* 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.webp?1791484335) left 48% no-repeat; }
  .lb-next { opacity:1 !important; background: url(../images/lightbox-d.webp?1791484335) right 48% no-repeat; }
  
  /* Désactiver la scrollbar personnalisée */
  .scrollbars{ width:100%; height:auto }
  .scrollbar-content { padding:0 }
   header .logo-div, nav{ display: none }
}

/* 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){ }