html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*-------FIN RESET CSS-----*/

/*-------MOBILE ONLY-------*/
#menuToggle{
    display: none;
}
/*-------FIN MOBILE ONLY-------*/

/*--------GÉNÉRAL---------*/
body{
position: relative;
font-family: 'Open Sans', sans-serif;
font-family: 'Alegreya Sans', sans-serif;overflow-x: hidden; /*animations*/
}

.wrapper{
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
#main img {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: -4px;
}
#slider .bx-clone {
  /*display: none;*/
}
.clear{
clear: both;
}
.bold{
font-weight: bold;
}
.orange{
color: #f37234;
}
.rouge {
color: #9c1f17;
}
span.dot {
padding: 0 1%;
}
.line-through{
    text-decoration: line-through;
}
.exposant {
position: relative;
bottom: 1px;
font-size: .6em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}
#msg_success {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 879px;
z-index: 8888;
background-color: rgb(137, 197, 79);
background-color: rgba(137, 197, 79, 0.90);
color: #fff;
text-transform: uppercase;
font-size: 2.2em;
padding: 49px;
text-align: center;
line-height: 1.2;
font-weight: bold;
display: none;
}
#close_msg {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
cursor: pointer;
}
.trans_all_slow{
  -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.trans_all_medium{
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.trans_all_fast{
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

/*--------FIN GÉNÉRAL---------*/


/***********HEADER 1****************/
#header1{
position: relative;
        
background: url('../images/header_bg.jpg') no-repeat;background-size: cover;padding: 1% 1% 3%;}

#header1 #logo{
position: absolute;
width: 18%;z-index: 9;}

#header1 #logo > a > img{
max-width: 100%;
}

#link_stores{
    float: right;
    width: 28%;
    margin-top:10px;
}
#link_stores a{
}

#link_stores a img{
    max-width: 100%;
    display: block;
    float: left;
    width: 50%;
}

/*----------NAV----------*/
#header1 #nav{
    position: relative;
    float: left;
    width: 49%;
    text-align: left;
    padding: 2% 0 0 20%;
}
#header1 #nav ul{
    position: relative;
}
#header1 #nav ul li{
    display: inline;
    position: relative;
}
#header1 #nav ul li a {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: 24px;
    padding: 16px 4%;
    font-weight: bold;
    border-radius: 10px;
}
/*#header1 #nav ul li a.mobile_only{
    display:none;
}*/

#header1 #nav ul li a:hover, #header1 #nav ul li a.active{
    background-color: #FFFFFF;
    color: rgb(235, 176, 76);
}

/*-----sous-menu----*/
/*#header1 #nav ul li ul {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    z-index: 999999;
    left: 0;
    white-space: nowrap;
    min-width: 100%;
    text-align: left;
    border: 1px solid #222;
}    */

/*#header1 #nav ul li ul li {
    display: block;
    float:none;
} */
/*#header1 #nav ul li ul li a {
    text-decoration: none;
    margin: 0;
    background-color: #fff;
    display: block;
    padding: 10px 15px;
    border-top: 1px solid #222;
} */
/*#header1 #nav ul li ul li:first-child a{
    border:none;
} */
/*#header1 #nav ul li ul li a:hover {
    background-color:#E6E6E6;    
    color: red;
} */
/*#header1 #nav span.arrow_down{
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #5A5A5A;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 25px;
}   */
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 1****************/






/***********HEADER 2****************/
#header2{
position: relative;
}
#header2{
background: url('../images/h2_main_index.jpg') no-repeat center fixed; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position-y: 0%;
}
#header2.index{
background: url('../images/h2_main_index.jpg') no-repeat center fixed; 
   -webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-position-y: 0px;
}
#header2.propos{
background: url('../images/h2_main_propos.jpg') no-repeat; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#header2.services{
background: url('../images/h2_main_services.jpg') no-repeat; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#header2.realisations{
background: url('../images/h2_main_realisations.jpg') no-repeat; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#header2.contact{
background: url('../images/h2_main_contact.jpg') no-repeat; 
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#header2 #logo {
position: relative;
width: 46%;
margin: 0 auto;
padding: 15% 0 50%;
float: none;
text-align: center;
}
#header2 #logo.normal_page {
width: 20%;
padding: 7% 0;
}

#header2 #logo > a > img{
display: block;
max-width: 100%;
background-color: #fff;
margin: 0 auto;
}

#header2 #header_2_scrolldown_btn {
cursor: pointer;
}
#header2 #header_2_scrolldown_btn img{
    max-width: 100%;
    width: 15%;
    opacity: 0.8;
          -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
#header2 #header_2_scrolldown_btn img:hover, #header2 #header_2_scrolldown_btn img.active{
    width: 20%;
}

/*----------NAV----------*/
#header2 #nav{
position: relative;
text-align: center;
}
#header2 #nav ul{
position: relative;
}
#header2 #nav ul li{
display: inline;
position: relative;
}
#header2 #nav ul li a {
display: inline-block;
text-decoration: none;
color: #000;
font-size: 16px;
text-transform: uppercase;
padding: 5% 2% 1%;
font-weight: bold;
}
#header2 #nav ul li a:hover, #header2 #nav ul li a.active{
background-color: #E6E6E6;
}
/*-----sous-menu----*/
#header2 #nav ul li ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
z-index: 999999;
left: 0;
white-space: nowrap;
min-width: 100%;
text-align: left;
border: 1px solid #222;
}
#header2 #nav ul li ul li {
    display: block;
    float:none;
}
#header2 #nav ul li ul li a {
text-decoration: none;
margin: 0;
display: block;
padding: 10px 15px;
border-top: 1px solid #222;
}
#header2 #nav ul li ul li:first-child a{
border:none;
}
#header2 #nav ul li ul li a:hover {
    background-color:#E6E6E6;    
}
#header2 #nav span.arrow_down{
width: 0; 
height: 0; 
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #5A5A5A;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 2****************/







/***********HEADER 3****************/
#header3{
position: relative;
padding: 4% 0;
background: url('../images/header3_index.jpg');
background-size: cover;
box-shadow: -6px 2px 22px -1px #292929;
}

#header3.index{
    background: url('../images/h3_main_index.jpg');
    background-size: cover;
}
#header3.propos{
    background: url('../images/h3_main_propos.jpg');
    background-size: cover;
}
#header3.services{
    background: url('../images/h3_main_services.jpg');
    background-size: cover;
}
#header3.realisations{
    background: url('../images/h3_main_realisations.jpg');
    background-size: cover;
}
#header3.contact{
    background: url('../images/h3_main_contact.jpg');
    background-size: cover;
}
#header3 #logo {
position: relative;
float: left;
padding: 0;
}
/*----------NAV----------*/
#header3 #nav {
position: relative;
text-align: right;
float: left;
width: 50%;
}
#header3 #nav ul{
padding: 0% 20% 0;
    position: relative;
}
#header3 #nav ul li{
line-height: 2;
position: relative;
}
#header3 #nav ul li a {
text-decoration: none;
color: #000;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
#header3 #nav ul li a:hover, #header3 #nav ul li a.active{
color: #fff;
}
/*----------FIN NAV----------*/
/*-----sous-menu----*/
#header3 #nav ul li ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
z-index: 999999;
right: 0;
white-space: nowrap;
text-align: left;
border: 1px solid #222;}
#header3 #nav ul li ul li {
    display: block;
    float:none;
}
#header3 #nav ul li ul li a {
text-decoration: none;
margin: 0;
background-color: #fff;
display: block;
padding: 0 15px;
border-top: 1px solid #222;
}
#header3 #nav ul li ul li:first-child a{
border:none;
}
#header3 #nav ul li ul li a:hover {
    background-color:#E6E6E6;    
}
#header3 #nav span.arrow_down{
width: 0; 
height: 0; 
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000000;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 3****************/





/***********HEADER 4****************/
#header4{        
position: absolute;    
top: 0;  z-index: 9999;  width: 100%;
}
#header4 #logo{
position: relative;
float: left;
width: 20%;
}
#header4 #logo > a > img{
max-width: 100%;
}
/*----------NAV----------*/
#header4 #nav{
position: relative;
float: right;
width: 80%;
text-align: right;
}
#header4 #nav ul{
position: relative;
}
#header4 #nav ul li{
display: inline;
position: relative;
}
#header4 #nav ul li a {
display: inline-block;
text-decoration: none;
color: #FFF;
font-size: 16px;
text-transform: uppercase;
padding: 2% 0 1%;
margin: 0 1%;
font-weight: bold;
}
#header4 #nav ul li a:hover, #header4 #nav ul li a.active{
border-bottom: 1px solid #FFF;
}
/*-----sous-menu----*/
#header4 #nav ul li ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
z-index: 999999;
left: 0;
white-space: nowrap;
min-width: 100%;
text-align: left;
border: 1px solid #222;}
#header4 #nav ul li ul li {
    display: block;
    float:none;
}
#header4 #nav ul li ul li a {
text-decoration: none;
margin: 0;
background-color: #fff;
display: block;
padding: 10px 15px;
border-top: 1px solid #222;
}
#header4 #nav ul li ul li:first-child a{
border:none;
}
#header4 #nav ul li ul li a:hover {
    background-color:#E6E6E6;    
}
#header4 #nav span.arrow_down{
width: 0; 
height: 0; 
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #5A5A5A;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 4****************/






/***********HEADER 5****************/
#header5{
position: relative;
background-color: #fff;
}
#header5 #logo {
float: left;
width: 25%;
background-color: #fff;
height: 100%;
position: absolute;
left: 0;
text-align: center;
}
#header5 #div_logo_infos > a {
display: block;
padding: 2%;
line-height: 1.2;
text-decoration: none;
color: #4B4B4B;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#header5 #div_logo_infos > a:hover {
color: red;
}
#header5 #logo > div:first-child{
background-color: #F5F5F5;
}
#header5 #logo > div:first-child  img{
max-width: 100%;
padding:2% 0 10%;
width: 100%;
}
#header5 #div_logo_infos{
background-color: #ccc;
height: 100%;
border-top: 2px solid #302929;
}
#header5 #div_logo_infos > a > img {
display: block;
margin: 11% auto 2%;
width: 14%;
}
#header5 #logo.no_slider{
float: none;
width: 100%;
background-color: #fff;
height: 100%;
position: relative;
text-align: center;
}
#header5 #logo.no_slider > div:first-child img {
max-width: 100%;
padding: 1%;
width: 12%;
}
#header5 #infos_header {
position: relative;
float: right;
width: 20%;
background-color: #E6E6E6;
height: 100%;
max-height: 120px;
padding: 31px 15px;
}
#header5 #infos_header > a{
display: block;
text-align: right;
font-size: 14px;
text-decoration: none;
color: #000;
line-height: 1.5;
}
#header5 #main_and_logo{
background-color: #292424;
position: relative;
width: 100%;
}
/*----------NAV----------*/
#header5 #nav {
position: relative;
width: 100%;
float: right;
text-align: center;
}
#header5 #nav ul{
position: relative;
}
#header5 #nav ul li{
display: inline;
position: relative;
}
#header5 #nav ul li a {
display: inline-block;
text-decoration: none;
color: #000;
font-size: 16px;
text-transform: uppercase;
padding: 2% 2%;
font-weight: bold;
}
#header5 #nav > ul li a:hover, #header5 #nav > ul li a.active{
border-top: 5px solid #5d7485;
}
/*-----sous-menu----*/
#header5 #nav ul li ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
z-index: 999999;
left: 0;
white-space: nowrap;
text-align: left;
border: 1px solid #222;}
#header5 #nav ul li ul li {
    display: block;
    float:none;
}
#header5 #nav ul li ul li a {
text-decoration: none;
margin: 0;
background-color: #fff;
display: block;
padding: 10px 15px;
}
#header5 #nav ul li ul li:first-child a{
border:none;
}
#header5 #nav ul li ul li a:hover {
    border: none;
    color: red;
}
#header5 #nav span.arrow_down{
width: 0; 
height: 0; 
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000000;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/*-----OVERWRITE SLIDER----*/
#slider_header5{
position: relative;
width: 75%;
float: right;
visibility: hidden;
background-color: #1A1A1A;
}
#slider_header5 .bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
}
#slider_header5 .bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border: none;
left: 0;
background:none;
clear: both;
-moz-box-shadow: 1px 5px 12px -1px #000;  
-webkit-box-shadow: 1px 5px 12px -1px #000;  
box-shadow: 1px 5px 12px -1px #000;
}

#slider_header5 .bx-wrapper .bx-viewport .caption{
position:absolute;
top: 35%;

right: 10%;
width: 80%;
padding: 1%;
text-align: center;
line-height: 1.1;
transform: rotateX(0deg);
transition: transform 0.4s;
color: #fff;
text-shadow: -1px 3px 4px #000;
}

#slider_header5 .bx-wrapper .bx-viewport .caption.deux{
text-align: left;
left: 5%;
bottom: 5%;
}
#slider_header5 .bx-wrapper .bx-viewport .caption.trois{
text-align: left;
left: 5%;
bottom: 0;
top: 10%;
}
#slider_header5 .bx-wrapper .bx-viewport .caption.quatre{
text-align: right;
left: -4%;
bottom: 5%;
}
#slider_header5 .bx-wrapper .bx-viewport .caption.cinq{
bottom: 0;
top: 22%;
left: 0;
width: 100%;
text-align: center;
}
#slider_header5 .bx-wrapper .bx-viewport .caption p{
color: #fff;
text-transform: uppercase;
font-size: 12px;
}

#slider_header5 .bx-wrapper .bx-viewport .caption h1{
text-transform: uppercase;
font-size: 41px;
line-height: 1.2;
}

#slider_header5 .bx-wrapper .bx-viewport .caption h2{
text-transform: uppercase;
font-size: 80px;
padding: 2% 0 0;
}
#slider_header5 .bx-wrapper .bx-viewport .caption .big{
font-size: 60px;
}
#slider_header5 .bx-wrapper .bx-viewport .caption img{
background-color: rgba(200, 11, 11, 0.5);
max-width: 40%;
padding: 1%;
margin: 0 0 10px;
}
#slider_header5 .bx-wrapper .bx-caption {
left: 10%;
bottom: 0;
text-align: center;
padding-bottom: 30px;
background: none;
}
#slider_header5 .bx-wrapper .bx-caption span, #slider_header5 .bx-wrapper .bx-caption span.big_caption {
bottom: 181px;
font-size: 33px;
text-transform: uppercase;
margin: 0 auto;
color: #fff;
font-weight: 900;
text-align: left;
padding: 10px 0 0 15px;
text-shadow: 2px 2px 2px #000;
}
#slider_header5 .bx-wrapper .bx-caption span.big{
font-size: 60px;
padding: 0;
}
#slider_header5 .bx-wrapper .bx-pager, #slider_header5 .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 10px;
width: auto;
left: 2%;
right: inherit;
z-index: 999;
}
#slider_header5 .bx-wrapper .bx-pager .bx-pager-item, #slider_header5 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
padding-right: 6px;
}
#slider_header5 .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-weight: bold;
color: #a2a2a2;
padding-top: 20px;
}
#slider_header5 .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider_header5 .bx-wrapper .bx-pager.bx-default-pager a.active {
border: 2px solid #d76a1d;
}
#slider_header5 .bx-wrapper .bx-pager.bx-default-pager a {
background: #D3D3D3;
background: transparent;
text-indent: -9999px;
display: block;
width: 13px;
height: 13px;
margin: 0 0px;
border: 2px solid #FFFFFF;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 15px;
box-shadow: 1px 3px 3px #000;
}
#slider_header5 .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 25px;
height: 25px;
text-indent: -9999px;
z-index: 9999;
}
#slider_header5 .bx-wrapper .bx-prev {
left: 15px;
background: url(../images/slider_prev.png) no-repeat;
}
#slider_header5 .bx-wrapper .bx-next {
right: 15px;
background: url(../images/slider_next.png) no-repeat;
}
#slider_header5 .bx-wrapper .bx-next:hover {
background-position: 0;
}
/***********FIN HEADER 5****************/

/**********PRE HEADER**********************/
/*------PH1------------*/
#ph1{
    text-align: right;
    background-color: #191715;
    text-transform: uppercase;
    color: #ccc;
    padding: 7px 10px 7px 0;
}
#ph1 p{
    font-size: 20px;
}
#ph1 span{
    font-size: 13px;
    padding: 10px;
}
#ph1 img{
    vertical-align: middle;
    max-width: 3%;
}
/*------FIN PH1------------*/
/**********FIN PRE HEADER**********************/









/*-----OVERWRITE SLIDER----*/
#slider{
position: relative;
width: 100%;
visibility: hidden;
background-color: #1A1A1A;
}
#slider .bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
}
#slider .bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border: none;
left: 0;
background:none;
clear: both;
}

#slider .bx-wrapper .bx-viewport .caption{
position:absolute;
top: 27%;

left: 10%;
width: 50%;
padding: 1%;
text-align: left;

transform: rotateX(0deg);
transition: transform 0.4s;
color: #fff;

text-shadow: 1px 1px 1px #000;}



#slider .bx-wrapper .bx-viewport .caption.deux{
}

#slider .bx-wrapper .bx-viewport .caption.trois{
}

#slider .bx-wrapper .bx-viewport .caption.quatre{
}

#slider .bx-wrapper .bx-viewport .caption.cinq{
}


#slider .bx-wrapper .bx-viewport .caption p{
color: #fff;
text-transform: uppercase;
font-size: 12px;
}

#slider .bx-wrapper .bx-viewport .caption h1{

font-size: 60px;
line-height: 1.2;
font-weight: 500;}

#slider .bx-wrapper .bx-viewport .caption h2{

font-size: 35px;
padding: 2% 0 0;
line-height: 1.2;}
#slider .bx-wrapper .bx-viewport .caption div{
    padding: 4% 0 0;
}
#slider .bx-wrapper .bx-viewport .caption div a{
    display: inline-block;
    padding: 0 2% 0 0;
}
#slider .bx-wrapper .bx-viewport .caption div a img{}


#slider .bx-wrapper .bx-viewport .caption .big{
font-size: 60px;
}

#slider .bx-wrapper .bx-viewport .caption img{

max-width: 100%;

padding: 0%;

margin: 0 0 10px;

width: 200px;
}

#slider .bx-wrapper .bx-caption {
left: 10%;
bottom: 0;
text-align: center;
padding-bottom: 30px;
background: none;
}
#slider .bx-wrapper .bx-caption span, #slider .bx-wrapper .bx-caption span.big_caption {
bottom: 181px;
font-size: 33px;
text-transform: uppercase;
margin: 0 auto;
color: #fff;
font-weight: 900;
text-align: left;
padding: 10px 0 0 15px;
text-shadow: 2px 2px 2px #000;
}
#slider .bx-wrapper .bx-caption span.big{
font-size: 60px;
padding: 0;
}
#slider .bx-wrapper .bx-pager, #slider .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 10px;
width: auto;
left: 2%;
right: inherit;
z-index: 999;
}
#slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
padding-right: 6px;
}
#slider .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-weight: bold;
color: #a2a2a2;
padding-top: 20px;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {
border: 2px solid #d76a1d;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a {
background: #D3D3D3;
background: transparent;
text-indent: -9999px;
display: block;
width: 13px;
height: 13px;
margin: 0 0px;
border: 2px solid #FFFFFF;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 15px;
box-shadow: 1px 3px 3px #000;
}
#slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 25px;
height: 25px;
text-indent: -9999px;
z-index: 9999;
}
#slider .bx-wrapper .bx-prev {
left: 15px;
background: url(../images/slider_prev.png) no-repeat;
}
#slider .bx-wrapper .bx-next {
right: 15px;
background: url(../images/slider_next.png) no-repeat;
}
#slider .bx-wrapper .bx-next:hover {
background-position: 0;
}

/*------SLIDER FICHE-------*/
#slider_fiche{
position: relative;
width: 100%;
max-width: 500px;}
#slider_fiche img.loupe{
    display: block;
    top: 0;
    right: 0;
    z-index: 9999;
    background-color: rgb(40,48,61);    
    background-color: rgba(126, 0, 2, 0.4);    position: absolute;    
    max-width: 36px;    right: 0;    bottom: 7px;    padding: 5px;
}

#slider_projet img{
visibility: hidden;
}
#fiche_gauche .bx-wrapper {
position: relative;
margin: 0 auto 10px;
padding: 0;
}
div#bx-pager img {
width: 20%;
padding: 0 0 2px;
margin: 0 2px;
border-bottom: 3px solid transparent;
}
#fiche_gauche #bx-pager > a.active img, #fiche_gauche #bx-pager img:hover{
border-bottom: 3px solid #3E93DF;
}
#fiche_gauche .bx-controls-direction a{
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
#fiche_gauche #slider_fiche:hover .bx-controls-direction a{
opacity: 1;
}
/*------FIN SLIDER FICHE-------*/
/*-----FIN OVERWRITE SLIDER----*/


/*--------FOOTER F1-------*/
#footer_f1 {
background-color: #000;
color: #fff;
padding: 1%;
text-align: center;
font-size: 12px;
line-height: 1.6;
}
#footer_f1 > p > a {
color: #fff;
text-decoration: none;
}
/*--------FIN FOOTER F1-------*/

/*--------FOOTER F5-------*/
#footer_f5 {
background-color: #2c2c2c;
color: #E4E4E4;
padding: 1% 0;
font-size: 12px;
}

#footer_f5 div.item_f5:nth-child(1){
    width: 80%;
    float: left;
}
#footer_f5 div.item_f5:nth-child(1) img{
    max-width: 20%;
    padding: 0 0 0 2%;
}
#footer_f5 div.item_f5:nth-child(1) p{
    color: rgb(255,255,255);
    color: rgba(255,255,255, 0.3);
    text-transform:uppercase;
    padding: 1% 0 0 2%;
}
#footer_f5 div.item_f5:nth-child(1) p a{
    text-decoration:none;
    color: rgb(255,255,255);  color: rgba(255,255,255, 0.3);
}
#footer_f5 div.item_f5:nth-child(2){
    width: 20%;
    float: left;
    text-align: right;
    margin: 0.5% 0 0;
}

#footer_f5 div.item_f5:nth-child(2) p{
    color: #000000;
    font-size: 16px;
    text-transform:uppercase;
    font-weight:bold;
}

#footer_f5 div.item_f5:nth-child(2) img{
    padding: 1% 2% 0 0;
    max-width: 20%;
}
#footer_f5 div.item_f5:nth-child(2) img:hover{
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

#footer_f5 > p > a {
color: #fff;
text-decoration: none;
}
/*--------FIN FOOTER F5-------*/

/*--------FOOTER F6-------*/
#footer_f6{
    padding: 2% 0;
    text-align: center;
    background-color: #141416;
}
#footer_f6 .wrapper_f6{
    max-width: 30%;
    margin: 0 auto;
}
#footer_f6 #f6_sociaux{
    max-width: 70%;
    margin: 0 auto;
}
#footer_f6 #f6_sociaux div{
    float: left;
    width: 15%;
    margin: 0 2%;
}
#footer_f6 #f6_sociaux div:first-child{
    margin: 0 2% 0 16%;
}

#footer_f6 #f6_sociaux div img{
    max-width: 100%;
}
#footer_f6 #f6_sociaux div img:hover{
        -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
#footer_f6 #f6_logo{
    margin: 4% auto;
    max-width: 40%;
}
#footer_f6 #f6_logo img{
    max-width: 100%;
}
#footer_f6 p{
    text-align: center;
    color: #ABABAB;
    font-size: 14px;
    line-height: 1.4;
}
#footer_f6 p a{
    text-decoration: none;
    color: #ABABAB;
}

#footer_f6 #f6_scroll_top{
    max-width: 20%;
    display: block;
    margin: 5% auto 0;
    cursor: pointer;
}

#footer_f6 #f6_scroll_top:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
}
/*--------FIN FOOTER F6-------*/


/*-------PRE FOOTER PF1-------*/
#pf1{
background-color: #58595b;
padding: 7px 0;
}
#pf1 div.item_pf1{
float: left;
width: 31%;
margin: 0 1%;
}
#pf1 img{
max-width: 8%;
vertical-align: middle;
padding: 0 2% 0 0;
}
#pf1 a{
text-decoration: none;
color: #ccc;
}
#pf1 a:hover{
}
/*-------FIN PRE FOOTER PF1-------*/



/*---------FORMULAIRE DE CONTACT----------*/
#form_contact_div{
width: 500px;
background-color: #ccc;
padding: 25px;
}
#form_contact_div > h2 {
font-size: 24px;
text-transform: uppercase;
font-weight: 300;
color: #000;
background: transparent;
}
#form_contact form{
position: relative;
width: 100%;
}
#form_contact label {
font-size: 14px;
padding: 25px 0 8px;
display: inline-block;
}
#form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#form_contact input, #form_contact textarea {
width: 90%;
height: 20px;
padding: 5px;
font-size: 14px;
}
#form_contact textarea{
height: 150px;
margin-bottom: 20px;
font-size: 14px;
padding: 5px;
}
#form_contact input[type="submit"] {
width: auto;
background-color: #fff;
color: #000;
height: auto;
cursor: pointer;
border: none;
float: right;
font-weight: bold;
padding: 2% 5%;
text-transform: uppercase;
font-size: 14px;
}
#form_contact input[type="submit"]:hover{
background-color: #89c54f;
color: #fff;
}
/*---------FIN FORMULAIRE DE CONTACT----------*/




/**********SÉRIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1{
padding: 2% 0;
}
#bloc_a1 div.item_a1 {
float: left;
width: 46%;
margin: 3% 2%;
color: #9E9E9E;
}
#bloc_a1 img{
max-width: 100%;
padding: 0 0 3% 0;
width: 100%;
}
#bloc_a1 h3{
font-size: 30px;
padding-bottom: 20px;
font-weight: bold;
padding: 0 10% 5% 0;
}
#bloc_a1 p{
line-height: 1.4;
font-size: 14px;
padding: 0 10% 3% 0;
}
#bloc_a1 a {
text-decoration: none;
background-color: #ccc;
color: #535353;
padding: 2% 10px;
margin-top: 10px;
display: block;
width: 30%;
text-align: center;
font-weight: bold;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_a1 a:hover{
background-color: #9E9E9E;
color: #fff;
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A2-----------------*/
#bloc_a2{
background-color: #5A5A5A;
padding: 2% 0;
}
#bloc_a2 div.item_a2{
float: left;
width: 29%;
margin: 3% 2%;
color: #242424;
text-align: center;
}
#bloc_a2 div.item_a2 > div {
padding: 5% 5px;
background-color: #ccc;
max-width: 365px;
margin: -2px auto 0;
}
#bloc_a2 img{
max-width: 100%;
padding: 0 0 0 0;
}
#bloc_a2 h3{
font-size: 20px;
padding-bottom: 20px;
font-weight: bold;
padding: 3% 5% 0;
text-transform: uppercase;
}
#bloc_a2 h6{
line-height: 1.4;
font-size: 14px;
padding: 2% 5%;
}
/*---------FIN BLOC A2-----------------*/
/*---------BLOC A3-----------------*/
#bloc_a3{
text-align: center;
padding: 4% 10%;
}
#bloc_a3 h1{
font-size: 36px;
}
#bloc_a3 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a3 p {
font-size: 18px;
line-height: 1.4;
max-width: 900px;
margin: 0 auto;
}
/*---------FIN BLOC A3-----------------*/
/*---------BLOC A4-----------------*/
#bloc_a4{
text-align: center;
padding: 4% 10%;
background-color: #fff;
}
#bloc_a4 div.hand_separateur{
padding: 0 5% 50px;
}
#bloc_a4 div.hand_separateur > div {
height: 14px;
border-bottom: 1px solid #000;
float: left;
width: 35%;
}
#bloc_a4 div.hand_separateur > div:nth-child(2){
border: none;
width: 30%;
}
#bloc_a4 p{
font-size: 16px;
line-height: 1.6;
padding-bottom: 25px;
}
#bloc_a4 a {
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color: #000;
padding: 5px 15px;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_a4 a:hover{
background-color: #ccc;
color: #242424;
}
/*---------FIN BLOC A4-----------------*/
/*---------BLOC A5-----------------*/
#bloc_a5{
padding: 2% 0;
background-color: #5F5F5F;
color: #fff;
}
#bloc_a5 h1 {
font-size: 30px;
font-weight: bold;
padding-bottom: 4%;
}
#bloc_a5 #bloc_a5_a{
float: left;
width: 30%;
padding-left: 10%;
}
#bloc_a5 #bloc_a5_b{
float: left;
width: 50%;
}
#bloc_a5 p{
font-size: 16px;
line-height: 1.6;
padding: 2% 0;
}
/*---------FIN BLOC A5-----------------*/
/*---------BLOC A8-----------------*/
#bloc_a8{
text-align: center;
padding: 2% 5%;
background-color: #3C3333;
}
#bloc_a8 div.item_a8 {
float: left;
width: 49%;
height: 260px;
margin: 0.5%;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
text-align: right;
position: relative;
color: #fff;
}
#bloc_a8 div.item_a8:nth-child(1){
background: url('http://lorempixel.com/1168/202/technics');
width: 99%;
float:none;
height: 202px;
}
#bloc_a8 div.item_a8:nth-child(2){
background: url('http://lorempixel.com/568/288/technics');
}
#bloc_a8 div.item_a8:nth-child(3){
background: url('http://lorempixel.com/572/286/technics');
}
#bloc_a8 div.item_a8 h3{
position: absolute;
bottom: 0;
padding: 2%; 
text-shadow: 2px 2px 3px #000;
}

#bloc_a8 div.item_a8 h3 span{
padding: 2% 0 0;
display: block; 
}
/*---------FIN BLOC A8-----------------*/
/*---------BLOC A10-----------------*/
#bloc_a10{
background-color: #fff;
padding: 2% 0;
}
#bloc_a10 div.item_a10 {
float: left;
width: 30%;
margin: 3% 1.5%;
color: #242424;
text-align: center;
}
#bloc_a10 img{
max-width: 100%;
padding: 0 0 3% 0;
}
#bloc_a10 h5{
font-size: 20px;
padding-bottom: 20px;
font-weight: bold;
padding: 3% 5%;
}
#bloc_a10 p{
line-height: 1.4;
font-size: 16px;
padding: 2% 5%;
}
#bloc_a10 a {
text-decoration: none;
background-color: #252525;
color: #fff;
padding: 2% 10px;
margin: 10px auto 0;
display: block;
width: 30%;
text-align: center;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_a10 a:hover{
background-color: #ccc;
color: #242424;
}
/*---------FIN BLOC A10-----------------*/
/*---------BLOC A11-----------------*/
#bloc_a11{
background-color: #AEBCC7;
padding: 2% 0;
}
#bloc_a11 div.item_a11 {
float: left;
width: 46%;
margin: 0 2%;
color: #242424;
}
#bloc_a11 img{
max-width: 30%;
}
#bloc_a11_gauche img{
padding-right: 1%; 
}
#bloc_a11 h4{
font-size: 20px;
padding-bottom: 20px;
font-weight: bold;
padding: 3% 0 5%;
}
#bloc_a11 p span{
font-size: 15px;
font-weight: bold;
padding-bottom: 5px;
display: block;
}
#bloc_a11_gauche p{
line-height: 1.2;
font-size: 16px;
padding: 4% 5% 0 0;
}
#bloc_a11_droite > ul{
padding: 0 5%;
}
#bloc_a11_droite > h4 {
padding: 3% 5% 1% 5%;
}
#bloc_a11_droite > ul > li{
padding: 5% 0;
line-height: 1.2;
}
#bloc_a11_droite > ul > li > img {
float: left;
margin-right: 5%;
max-width: 20%;
width: 20%;
border-radius: 50%;
}
#bloc_a11_droite > ul > li > P {
float: left;
width: 70%;
}
/*---------FIN BLOC A11-----------------*/
/*---------BLOC A12-----------------*/
#bloc_a12{
padding: 2% 0;
}
#bloc_a12 div.item_a12{
float: left;
width: 46%;
background-color: #2c2c2c;
color: #fff;
padding: 2%;
min-height: 200px;
}
#bloc_a12 div.item_a12 h2{
text-transform: uppercase;
font-weight: 600;
font-size: 30px;
line-height: 1.1;
padding: 0 0 2%;
}
#bloc_a12 div.item_a12 p{
font-size: 18px;
font-weight: 300;
line-height: 1.2;
padding: 0 0 5%;
}
#bloc_a12 div.item_a12 a{
text-decoration: none;
color: #fff;
background-color: #9c1f17;
padding: 10px 15px;
font-size: 23px;
display: inline-block;
float: right;
text-transform: uppercase;
}
#bloc_a12 div.item_a12 a:hover{
background-color: #C52B22;
}
#bloc_a12 div.item_a12:nth-child(1){
}
#bloc_a12 div.item_a12:nth-child(2){
background-color: #363636;
}
#bloc_a12 div.item_a12:nth-child(2) p:last-child{
text-decoration: none;
color: #fff;
background-color: #9c1f17;
padding: 10px 30px;
font-size: 23px;
display: inline-block;
float: right;
font-weight: 600;
}
/*---------FIN BLOC A12-----------------*/
/*---------BLOC A17-----------------*/
#bloc_a17 img{
max-width:100%;
}
#bloc_a17{
background: url('http://lorempixel.com/1270/400') no-repeat;
background-size: cover;
padding: 7% 0;
}
#bloc_a17 div.item_a17{
float: left;
text-align: center;
}
#bloc_a17 div.item_a17:nth-child(1){
width: 56%;
padding: 0 2%;
}
#bloc_a17 div.item_a17:nth-child(2){
width: 36%;
padding: 0 2%;
}
#bloc_a17 h4{
font-family: 'Fjalla One', sans-serif;
font-size: 29px;
color: #000;
text-transform: uppercase;
padding: 0;
}
#bloc_a17 h4 span{
display: block;
line-height: 1.2;
font-size: 80px;
}
#bloc_a17 a{
color: #000;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
padding: 12px 25px;
margin: 0;
display: inline-block;
border: 3px solid #000;
font-weight: 600;
}
#bloc_a17 a:hover{
background-color: #C7C7C7;
}
/*---------FIN BLOC A17-----------------*/
/*---------BLOC A19-----------------*/
#bloc_a19{
text-align: center;
padding: 3% 10%;
margin: 3% 0;
background-color: #90A4B8;
}
#bloc_a19 h3{
    font-size: 34px;
    font-weight: bold;
    padding: 0 0 3%;
    text-transform: uppercase;
}

#bloc_a19 div.item_a19{
float: left;
width: 33%;
}
#bloc_a19 div.item_a19 img{
max-width: 100%;
width: 55%;
}
/*---------FIN BLOC A19-----------------*/
/*---------BLOC A20-----------------*/
#bloc_a20{
padding: 3% 2%;
background-color: #3e93df;
color: #fff;text-align: center;}
#bloc_a20 h1{
font-size: 45px;
padding: 0 0 1%;
font-weight: bold;}

#bloc_a20 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a20 p {
font-size: 30px;
line-height: 1.4;

font-weight: 300;}
/*---------FIN BLOC A20-----------------*/
/*---------BLOC A22-----------------*/
#bloc_a22{
padding: 3% 0;
}
#bloc_a22 div.item_a22{
float: left;
width: 48%;
margin: 0 1%;
border-bottom: 5px solid #3a3a3a;
}
#bloc_a22 div.item_a22 h2{
font-size: 30px;
text-transform: uppercase;
text-align: center;
padding: 0 0 3%;
}
#bloc_a22 div.item_a22 > div{
height: 277px;
position: relative;
}
#bloc_a22 div.item_a22:nth-child(1) > div{
background: url('http://lorempixel.com/600/300') no-repeat;
}
#bloc_a22 div.item_a22:nth-child(2) > div{
background: url('http://lorempixel.com/600/300/city') no-repeat;
}
#bloc_a22 div.item_a22 > div p{
background-color: rgb(0,0,0);
background-color:rgba(0,0,0,0.8);
color:#fff;
padding: 1% 5%;
line-height: 1.4;
font-size: 22px;
position: absolute;
bottom: 17%;
}
#bloc_a22 div.item_a22 > div a{
background-color: #c6251d;
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 5px 10px;
display: block;
width: 180px;
text-align: center;
position: absolute;
bottom: 5%;
right: 5%;
}
#bloc_a22 div.item_a22 > div a:hover{
background-color: #E42A21;
}
/*---------FIN BLOC A22-----------------*/

/*---------BLOC A23-----------------*/
#bloc_a23{
    padding: 3% 0;
}
#bloc_a23 #bloc_a23_a{
    width: 44%;
}
#bloc_a23 .bloc_a23_div{
    float: left;
    width: 20%;
    margin: 0 1%;
}
#bloc_a23 p{
    font-size: 22px;
    font-weight: bold;
    line-height: 2;
    padding: 0 5% 0 0;
}
#bloc_a23 ul{
    padding: 0 10%;
    line-height: 2;
}
#bloc_a23 li:before{
    content:"•";
    padding:0 5px;
    font-weight:bold;
}

/*---------FIN BLOC A23-----------------*/

/*---------BLOC A24-----------------*/
#bloc_a24{
    padding: 5% 0;
    /* background-color: rgb(231, 231, 231); */
    overflow: hidden;
}
#bloc_a24 h2{
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
    padding: 0 0 3%;
}
#bloc_a24 div.a24_div{
    float: left;
    width: 48%;
    margin: 2% 1%;
}
#bloc_a24 div.a24_div img:hover{
    border-radius:50%;
}
#bloc_a24 div.a24_div img{
    float: left;
    width: 42%;
    margin: 0 4% 0 0;
}
#bloc_a24 div.a24_div h3{
    text-transform: uppercase;
    font-size: 20px;
}
#bloc_a24 div.a24_div p{
    padding: 3% 0;
    line-height: 1.8;
}
#bloc_a24 div.a24_div a{
    text-decoration: none;
    color: #fff;
    background-color: red;
    border: 2px solid red;
    padding: 17px;
    display: inline-block;
    text-transform: uppercase;
}
#bloc_a24 div.a24_div a:hover{
    background-color: transparent;
    color: #000;
}



/*---------FIN BLOC A24-----------------*/

/*---------BLOC A25-----------------*/

#bloc_a25{
    margin: 0 0 0;
    background-color: #000;
}
#bloc_a25 #a25_gauche{
    float: left;
    background-color: #000;
    width: 50%;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

#bloc_a25 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
}
 
#bloc_a25 .video-container iframe,
#bloc_a25 .video-container object,
#bloc_a25 .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}








#bloc_a25 #a25_gauche h2{
    font-size: 54px;
    text-transform: uppercase;
    font-weight: 900;
}
#bloc_a25 #a25_gauche p{
    font-size: 20px;
    padding: 3% 0;
    line-height: 1.3;
    font-weight: 600;
}

#bloc_a25 #a25_droite{
    float: left;
    width: 30%;
    padding: 7% 10%;
    background-color: rgb(0, 144, 163);
    background: url('../images/a25_bg.jpg') no-repeat;
    background-size: cover;
    color: #fff;
}
#bloc_a25 #a25_droite h3{
    font-size: 40px;
    font-weight: bold;
}
#bloc_a25 #a25_droite p{
    padding: 2% 0;
    line-height: 1.6;
}
#bloc_a25 #a25_droite a{
    text-decoration: none;
    color: #000;
    background-color: #FFF;
    display: inline-block;
    padding: 12px 31px;
    margin: 2% 0;
    border-radius: 2px;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    border-radius: 13px;
}
#bloc_a25 #a25_droite a:hover{
    background-color: red;
}

/*---------FIN BLOC A25-----------------*/

/*---------BLOC A26-----------------*/
#bloc_a26{
    padding: 4% 0;
}
#bloc_a26 .item_a26{
    float: left;
    width: 48%;
    margin: 1%;
}

#bloc_a26 .item_a26 div.item_a26_a{
    float: left;
    width: 65%;
    background-color: rgb(93, 116, 133);
    color: #fff;
    position: relative;
}
#bloc_a26 .item_a26 div.item_a26_a > div{
    padding: 30px 30px 40px;
}

#bloc_a26 .item_a26 > div.item_a26_b{
    float: left;
    width: 35%;
}

#bloc_a26 .item_a26:nth-child(1) > div.item_a26_b{
    background: url('http://lorempixel.com/200/300/technics') no-repeat;
    background-size: cover;
}
#bloc_a26 .item_a26:nth-child(2) > div.item_a26_b{
    background: url('http://lorempixel.com/200/300/city') no-repeat;
    background-size: cover;
}

#bloc_a26 .item_a26:nth-child(3) > div.item_a26_b{
    background: url('http://lorempixel.com/200/300/people') no-repeat;
    background-size: cover;
}

#bloc_a26 .item_a26:nth-child(4) > div.item_a26_b{
    background: url('http://lorempixel.com/200/300/food') no-repeat;
    background-size: cover;
}

#bloc_a26 .item_a26 h5{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
#bloc_a26 .item_a26 p{
    font-size: 14px;
    line-height: 1.6;
    padding: 10% 0;
}
#bloc_a26 .item_a26 a{
    color: #fff;
    text-decoration: none;
    background-color: #222;
    padding: 10px 20px;
    margin: 2% 0;
    position: absolute;
    bottom: 10px;
}
#bloc_a26 .item_a26 a:hover{
    background-color: #ccc;
    color: #222;
}
/*---------FIN BLOC A26-----------------*/
/*---------BLOC A27-----------------*/
#bloc_a27{
    padding: 0 0 4%;
    overflow: hidden;
}
#bloc_a27 .border-top{
    border-top: 1px solid #000;
    padding: 4% 0 0;
}

#bloc_a27 .item_a27{
    float: left;
    width: 21%;
    margin: 0 2%;
}
#bloc_a27 .item_a27 span{
    font-size: 60px;
    font-weight: bold;
    color: red;
    padding: 0 0 5%;
    display: block;
}
#bloc_a27 .item_a27 > div{
  border-bottom: 1px solid #000;
  padding: 0 0 5%;
}
#bloc_a27 .item_a27 h4{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
#bloc_a27 .item_a27 ul{
    padding: 5% 0;
    line-height: 1.2;      
    display: table;    border-collapse: separate;    
    border-spacing: 3px 10px;
}
#bloc_a27 .item_a27 li{
    font-size: 14px;      
    display: table-row;
}
#bloc_a27 .item_a27 li:before{       /* aha! */      
          display: table-cell; /* aha! */      
    content: "·";      
    color: red;      font-size: 50px;      vertical-align:middle;      
    line-height: 15px;
      text-align: left;}
#bloc_a27 .item_a27 a{
    color: red;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
#bloc_a27 .item_a27 a:hover{
    color: blue;
}
/*---------FIN BLOC A27-----------------*/
/*---------BLOC A28-----------------*/
#bloc_a28{
    padding: 0 0 10%;
}
#bloc_a28 .item_a28{
    position: relative;    display: block;    
    width: 25%;    float: left;
    background: rgba(237, 186, 23, 0.8);
    padding: 0 0 0.3%;
    overflow:hidden;
}
#bloc_a28 .item_a28:hover .item_a28_overlay{
    opacity: 1;
}
#bloc_a28 .item_a28:hover img{
    -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
#bloc_a28 .item_a28 a{}
#bloc_a28 .item_a28 img{
    width: 100%;    height: auto;
    max-width: 100%;
}
#bloc_a28 .item_a28 .item_a28_overlay{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(237, 186, 23);    
    background: rgba(237, 186, 23, 0.8);
    color: #333333;
}
#bloc_a28 .item_a28 .item_a28_overlay .item_a28_overlay_inner{
    position: absolute;    left: 0;    bottom: 0;    margin: 0 17% 15%;
}
#bloc_a28 .item_a28 .item_a28_overlay h4{
    font-size: 34px;
    padding: 5% 0;
    display: inline-block;
    font-weight: bold;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
    font-size: 20px;
    line-height: 1.4;
}




/*---------FIN BLOC A28-----------------*/


/**********FIN SÉRIE A*******************/


/**********SÉRIE P*******************/
/*---------BLOC P1-----------------*/
#bloc_p1{
background-color: #ccc;
padding: 2%;
}
#bloc_p1 img{
max-width: 100%;
}
#bloc_p1_gauche{
float: left;
width: 65%;
}
#bloc_p1_droite{
float: left;
width: 35%;
}
#bloc_p1_droite img{
padding: 0 0 5% 0;
}
#bloc_p1 h1{
text-transform: uppercase;
font-size: 30px;
padding: 2% 0;
}
#bloc_p1 p{
font-size: 14px;
line-height: 1.6;
padding: 0 5% 5% 0;
}
/*---------FIN BLOC P1-----------------*/
/*---------BLOC P2-----------------*/
#bloc_p2{
background-color: #DAE7F1;
padding: 2%;
}
#bloc_p2 img{
max-width: 100%;
}
#bloc_p2_gauche{
float: left;
width: 30%;
}
#bloc_p2_droite{
float: left;
width: 70%;
}
#bloc_p2_droite img{
padding: 0 2% 0 0;
width: 45%;
text-align: right;
}
#bloc_p2 h1{
text-transform: uppercase;
font-size: 30px;
padding: 2% 0;
}
#bloc_p2 p{
font-size: 14px;
line-height: 1.6;
padding: 0 5% 0 0;
}
/*---------FIN BLOC P2-----------------*/
/*---------BLOC P3-----------------*/
#bloc_p3{

padding: 6% 2%;
}
#bloc_p3 img{
max-width: 100%;
}
#bloc_p3_gauche{
float: left;
width: 46%;
margin: 5% 2% 0;
}
#bloc_p3_droite{
float: left;
width: 25%;
margin: 0 10%;
text-align: center;}
#bloc_p3_droite h4{
    padding: 6% 0 0;
    font-size: 25px;
    font-weight: bold;
    color: #EAA645;
}
#bloc_p3 #bloc_p3_droite p{
    font-style: italic;
    font-weight: normal;
    color: #636363;
    font-size: 20px;
}

#bloc_p3_droite img{
padding: 0 2% 0 0;
text-align: right;
width: 100%;
}
#bloc_p3 h1{
text-transform: uppercase;
font-size: 30px;
padding: 2%;
}
#bloc_p3 p{
font-size: 22px;
line-height: 1.2;
font-weight: 300;padding: 0 0 5%;}
#bloc_p3 p.orange{
    color: #e79d3e;
}
#bloc_p3 p.bleu{
    color: #3e93df;
}
#bloc_p3 p.bold{
    font-weight: bold;
}



/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4{
background-color: #E6E6E6;
padding: 10px;
}
#bloc_p4 div.item_p4 {
float: left;
width: 25%;
margin: 3% 0;
color: #737373;
}
#bloc_p4 img{
max-width: 95%;
}
#bloc_p4 h3{
font-size: 18px;
text-transform: uppercase;
padding-bottom: 20px;
font-weight: bold;
padding: 5% 10% 5% 0;
}
#bloc_p4 p{
line-height: 1.4;
font-size: 14px;
padding: 0 10% 0 0;
}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5{
background-color: #82A0CE;
padding: 20px;
}
#bloc_p5 div.item_p5 {
float: left;
width: 50%;
margin: 3% 0;
color: #242424;
}
#bloc_p5 div.item_p5 h3 {
font-size: 16px;
text-transform: uppercase;
padding-bottom: 20px;
color: #fff;
font-weight: bold;
}
#bloc_p5 div.item_p5 p{
display: block;
line-height: 1.4;
font-size: 14px;
}
#bloc_p5 div.item_p5 .rond_text{
float: left;
width: 60%;
}
#bloc_p5 .rond_lettre {
float: left;
width: 25%;
text-align: center;
margin: 0 5% 0 0;
}
#bloc_p5 .rond_lettre img{
    max-width: 100%;
    border-radius: 50%;
}

/*---------FIN BLOC P5-----------------*/
/*---------BLOC P6-----------------*/
#bloc_p6{
background-color: #99b565;
padding: 3%;
text-align: center;
}
#bloc_p6 div.item_p6 {
float: left;
width: 33%;
margin: 1% 0;
color: #fff;
text-align: left;
}
#bloc_p6 img{
max-width: 100%;
width: 100%;
}
#bloc_p6 p{
line-height: 1.4;
font-size: 15px;
padding: 2% 7% 2% 5%;
}
#bloc_p6 h2{
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
padding: 2% 5%;
}
/*---------FIN BLOC P6-----------------*/
/*---------BLOC P7-----------------*/
#bloc_p7{
padding: 5% 1%;
background-color: #ccc;
}
#bloc_p7 h1{
color: #fff;
text-transform: uppercase;
font-size: 30px;
text-align: center;
font-weight: bold;
padding-bottom: 4%;
}
#bloc_p7 div.item_p7 {
float: left;
width: 48%;
margin: 0 1%;
}
#bloc_p7 div.item_p7 img{
max-width: 100%; 
}
#bloc_p7 div.item_p7 p {
font-size: 14px;
line-height: 1.6;
padding: 2% 0;
}
/*---------FIN BLOC P7-----------------*/
/*---------BLOC P8-----------------*/
#bloc_p8{
    padding: 3% 0;
}
#bloc_p8 div.bloc_p8_div.un{
    float: left;
    width: 28%;
    padding: 0 1%;
}
#bloc_p8 div.bloc_p8_div.un img{
    max-width: 100%;
    border-radius: 0;
}
#bloc_p8:hover div.bloc_p8_div.un img{
    border-radius: 50%;
}


#bloc_p8 div.bloc_p8_div.deux{
    float: left;
    width: 62%;
    padding: 4% 3%;
}
#bloc_p8 div.bloc_p8_div.deux h4{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 2%;
}
#bloc_p8 div.bloc_p8_div.deux p{
    font-size: 16px;
    line-height: 1.6;
    padding: 0 0 2%;
}
#bloc_p8 div.bloc_p8_div.deux a{
    text-decoration: none;
    background-color: red;
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    margin: 2% 0;
    text-transform: uppercase;
    font-size: 16px;
}
#bloc_p8 div.bloc_p8_div.deux a:hover{
    background-color: #ccc;
    color: #222;
}
/*---------FIN BLOC P8-----------------*/
/*---------BLOC P9-----------------------------*/
#bloc_p9{
    background-color: orange;
    padding: 5% 0;
}
#bloc_p9 .wrapper > div{
    float: left;
    width: 31%;
    margin: 0 1%;
}

#bloc_p9_01{}
#bloc_p9_02{}
#bloc_p9_03{}
#bloc_p9 h4{
    font-size: 26px;
    font-weight: bold;
    padding: 0 0 25px;
}
#bloc_p9 p{
    font-weight: 300;
    font-size: 14px;
    line-height: 2;
}
#bloc_p9 span{
    font-size: 43px;
    color: rgb(214, 0, 0);
    font-weight: 600;
    font-family: 'Open-sans', sans-serif;
    padding: 0 0 25px;
    display: inline-block;
}
#bloc_p9 span#nl_button{
    background-color: rgb(214, 0, 0);
    color: #fff;
    padding: 11px 16px;
    font-size: 20px;
    font-weight: normal;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    width: 4%;
    float: left;
    margin: 25px 0 0;
    height: 21px;
}
#bloc_p9 span#nl_button:hover{
    background-color: rgb(39, 44, 51);
}

#bloc_p9 input{
    padding: 10px;
    font-size: 16px;
    margin: 25px -4px 0 0;
    width: 70%;
    float: left;
    height: 19px;
}
#bloc_p9 a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    background-color: rgb(214, 0, 0);
    padding: 13px 0;
    display: inline-block;
    margin: 25px 0 0;
    width: 80%;
    text-align: center;
    border-radius: 5px;
}
#bloc_p9 a:hover{
    background-color: rgb(39, 44, 51);
}
/*---------FIN BLOC P9-----------------------------*/

/**********FIN SÉRIE P*******************/



/**********SÉRIE S*******************/
/*---------BLOC S1-----------------*/
#bloc_s1{
background-color: #C0C0C0;
padding: 20px;
}
#bloc_s1 img{
max-width: 100%;
padding: 1% 0;
width: 100%;
}
#bloc_s1_gauche{
float: left;
width: 40%;
}
#bloc_s1_droite{
float: left;
width: 56%;
margin: 0 auto;
}
#bloc_s1 h1{
text-transform: uppercase;
font-size: 30px;
padding: 2% 0;
}
#bloc_s1 ul{
font-size: 16px;
line-height: 1.2;
list-style: disc;
padding-left: 10%;
}
#bloc_s1 ul li{
padding: 2% 0;
}
/*---------FIN BLOC S1-----------------*/
/*---------BLOC S1-----------------*/
#bloc_s4{
    padding: 2% 0;
}

#bloc_s4 h3{
    font-size: 28px;
    color: #912019;
    text-transform: uppercase;
    font-weight: bold;
    max-width: 80%;
    line-height: 1.2;
    padding: 0 0 2%;
}
#bloc_s4 h4{
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 600;
    padding: 0 0 3%;
}
#bloc_s4 h5{
    text-transform: uppercase;
    font-size: 25px;
    padding: 3% 0 4%;
}
#bloc_s4 p{
    font-size: 13px;
    line-height: 1.2;
    padding: 0 0 4%;
}
#bloc_s4 div.item_s4{
    float: left;
    width: 49%;
    margin: 0 0.5%;
}
#bloc_s4 #bloc_s4_a > div{
    background-color: lightgrey;
    padding: 3%;
}
#bloc_s4 #bloc_s4_b > div{
    background-color: #ccc;
    margin: 0 0 2%;
    padding: 0 1%;
}
#bloc_s4 #bloc_s4_b > div > div:nth-child(1) p{
    font-size: 50px;
    color: #912019;
    font-weight: bold;
    text-align: center;
}
#bloc_s4 #bloc_s4_b > div > div:nth-child(1){
    float: left;
    width: 10%;
    padding: 1% 0 0;
}
#bloc_s4 #bloc_s4_b > div > div:nth-child(2){
    float: left;
    width: 82%;
    padding: 2%;
}
/*---------FIN BLOC S4-----------------*/
/*---------BLOC S5-----------------*/
#bloc_s5{
background-color: #EEAB33;
}
#bloc_s5 div.item_s5 {
float: left;
width: 33%;
margin: 3% 0;
}
#bloc_s5 h2{
font-size: 25px;
text-transform: uppercase;
padding-bottom: 20px;
font-weight: bold;
padding: 0 4% 5%;
}
#bloc_s5 p{
line-height: 1.4;
font-size: 14px;
padding: 0 6% 0 4%;
}
#bloc_s5 ul{
list-style: disc;
padding: 0 5% 0 10%;
}
#bloc_s5 ul li{
padding: 5px 0;
font-size: 14px;
line-height: 1.4;
}
/*---------FIN BLOC S5-----------------*/
/*---------BLOC S7-----------------*/
#bloc_s7 {
padding: 10px 4%;
}
#bloc_s7 div.item_s7:not(.clear) {
width: 28%;
float: left;
margin: 3% 2.6%;
}
#bloc_s7 > div > div > div:nth-child(1) {
float: left;
width: 17%;
padding-right: 6%;
}
#bloc_s7 > div > div > div:nth-child(1) img{
max-width: 100%;
}
#bloc_s7 > div > div > div:nth-child(2){
float: left;
width: 70%;
}
#bloc_s7 > div > div > div:nth-child(2) h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
padding: 15px 0;
line-height: 1.2;
}
#bloc_s7 > div > div > div:nth-child(2) ul{
line-height: 1.4;
font-size: 14px;
}
/*---------FIN BLOC S7-----------------*/
/**********FIN SÉRIE S*******************/





/**********SÉRIE C*******************/
/*---------BLOC C1----------*/
#bloc_c1{
background-color: #ABABAB;
padding: 3% 1%;
}
#bloc_c1_a{
float: left;
width: 48%;
margin: 0 1%;
}
#bloc_c1_b{
float: left;
width: 48%;
margin: 0 1%;
}
#map_bloc_c1{
width: 100%;
height: 344px;
margin-top: 25px;
}
#bloc_c1_a > p, #bloc_c1_b > p {
text-transform: uppercase;
font-size: 20px;
padding: 0 0 15px 0;
width: 90%;
}
#bloc_c1_a #form_contact label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c1_a #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c1_a #form_contact input[type="submit"] {
width: auto;
background-color: #dddddd;
color: #000;
height: auto;
cursor: pointer;
border: none;
float: right;
font-weight: bold;
padding: 2% 5%;
text-transform: uppercase;
font-size: 14px;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_c1_a #form_contact input[type="submit"]:hover{
background-color: #666;
color: #dddddd;
}
#bloc_c1_a #form_contact{
position: relative;
width: 100%;
}
#bloc_c1_a #form_contact input, #bloc_c1_a #form_contact textarea {
width: 96%;
height: 20px;
padding: 2%;
font-size: 14px;
background-color: #dddddd;
border: none;
}
#bloc_c1_a #form_contact textarea {
height: 120px;
padding: 2%;
margin: 0 0 5px 0;
}
/*---------FIN BLOC C1----------*/
/*---------BLOC C2----------*/
#bloc_c2{
background-color: #c2c2c2;
padding: 3% 1%;
}
#bloc_c2_a{
float: left;
width: 23%;
text-align: center;
margin: 0 1%;
}
#bloc_c2_b{
float: left;
width: 37%;
margin: 0 1%;
}
#bloc_c2_c{
float: left;
width: 34%;
margin: 0 1%;
}
#bloc_c2_a a{
text-decoration: none;
color: #000;
display: block;
margin: 40px 0;
line-height: 1.2;
font-size: 14px;
}
#bloc_c2_a a img{
display: block;
margin: 0 auto;
padding: 0 0 10px 0;
max-width: 18%;
}
#map_bloc_c2{
width: 100%;
height: 335px;
margin-top: 25px;
}
#bloc_c2_b > p, #bloc_c2_c > p {
text-transform: uppercase;
font-size: 20px;
padding: 0 0 15px 0;
width: 90%;
}
#bloc_c2_b #form_contact label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c2_b #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c2_b #form_contact input[type="submit"] {
width: auto;
background-color: #dddddd;
color: #000;
height: auto;
cursor: pointer;
border: none;
float: right;
font-weight: bold;
padding: 2% 5%;
text-transform: uppercase;
font-size: 14px;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_c2_b #form_contact input[type="submit"]:hover{
background-color: #666;
color: #dddddd;
}
#bloc_c2_b #form_contact{
position: relative;
}
#bloc_c2_b #form_contact input,#bloc_c2_b #form_contact textarea {
width: 96%;
height: 20px;
padding: 2%;
font-size: 14px;
background-color: #dddddd;
border: none;
}
#bloc_c2_b #form_contact textarea {
height: 120px;
padding: 2%;
margin: 0 0 5px 0;
}
/*---------FIN BLOC C2----------*/
/*---------BLOC C3-----------------*/
#bloc_c3{
background-color: #FFB84D;
padding: 3% 5%; 
}
#bloc_c3 a.item_c3{
float: left;
display: inline-block;
width: 25%;
text-align: center;
text-decoration: none;
color: #5A5252;
line-height: 1.4;
}
#bloc_c3 a.item_c3 img{
display: block;
margin: 0 auto 5%;
max-width: 25%;
}
/*---------FIN BLOC C3-----------------*/
/*---------BLOC C4----------*/
#bloc_c4{
background-color: #3E93DF;
padding: 5% 1%;
color: #fff;}
#bloc_c4 #bloc_c4_form_gauche {
float: left;
width: 40%;
padding: 0 3%;
}
#bloc_c4 #bloc_c4_form_droite {
float: left;
width: 50%;
padding: 0 2%;
}
#bloc_c4_a > p{

font-size: 35px;


text-align: center;font-style: italic;padding: 0 0 5%;}
#bloc_c4_a #form_contact label {
font-size: 17px;
padding: 10px 0 2px;
display: inline-block;
font-style: italic;}
#bloc_c4_a #form_contact label.form_error{
color: #FFB556;
padding: 0 0 5px 0;
}
#bloc_c4_a #form_contact input[type="submit"] {

background-color: #E79D3E;
color: #FFF;
height: auto;
cursor: pointer;
border: none;
float: none;
font-weight: bold;
padding: 12px 0;

font-size: 17px;
border: 3px solid #E79D3E;
border-radius: 6px;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
text-transform: none;font-style: italic;width: 80%;margin: 4% auto 0;display: block;max-width: 150px;border-radius: 20px;}
#bloc_c4_a #form_contact input[type="submit"]:hover{
background-color: transparent;

}
#bloc_c4_a #form_contact{
position: relative;
width: 90%;
}
#bloc_c4_a #form_contact input, #bloc_c4_a #form_contact textarea {
width: 97%;
height: 20px;
padding: 5px;
font-size: 14px;
background-color: #FFFFFF;
border: none;
border: none;
border-radius: 9px;
}
#bloc_c4_a #form_contact textarea {
height: 140px;
padding: 5px;
margin: 0 0 5px 0;
}
/*---------FIN BLOC C4----------*/
/*---------BLOC C5----------*/
#bloc_c5{
background-color: #AAAD9A;
padding: 3% 1%;
}
#bloc_c5_a{
float: left;
width: 46%;
margin: 0 2%;
}
#bloc_c5_b{
float: left;
width: 46%;
margin: 0 2%;
}
#bloc_c5_a > p, #bloc_c5_b > p{
text-transform: uppercase;
font-size: 20px;
padding: 0 0 15px 0;
width: 90%;
}
#bloc_c5_a #form_contact label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c5_a #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c5_a #form_contact input[type="submit"] {
width: auto;
background-color: #fff;
color: #000;
height: auto;
cursor: pointer;
border: none;
float: right;
font-weight: bold;
padding: 2% 5%;
text-transform: uppercase;
font-size: 14px;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#bloc_c5_a #form_contact input[type="submit"]:hover{
background-color: #666;
color: #dddddd;
}
#bloc_c5_a #form_contact{
position: relative;
}
#bloc_c5_a #form_contact input, #bloc_c5_a #form_contact textarea {
width: 96%;
height: 20px;
padding: 2%;
font-size: 14px;
background-color: #fff;
border: none;
}
#bloc_c5_a #form_contact textarea {
height: 120px;
padding: 2%;
margin: 0 0 5px 0;
}
#bloc_c5_b > div{
float: left;
width: 50%;
padding: 3% 0;
line-height: 1.4;
}
#bloc_c5_b a{
display: inline-block;
text-decoration: none;
color: #000;
font-size: 14px; 
}
#bloc_c5_b > div p{
font-size: 20px;
font-weight: bold;
padding: 2px 0;
text-transform: uppercase;
}
/*---------FIN BLOC C5----------*/
/*---------BLOC C6-----------------*/
#bloc_c6 {
background-color: #FFF;
padding: 2% 0;
}
#bloc_c6 > div > div{
float: left;
width: 21%;
margin: 2% 1.6%;
color: #000;
background-color: #e89933;
text-align: center;
padding: 30px 0;
}
#bloc_c6 img {
display: block;
margin: 0 auto;
max-width: 75%;
}
#bloc_c6 a {
text-decoration: none;
color: #000;
padding: 14% 0 5%;
display: block;
line-height: 1.4;
height: 50px;
font-size: 18px;
}
/*---------FIN BLOC C6-----------------*/
/*---------BLOC C7----------*/
#bloc_c7{
padding: 2% 0 0;

}
#bloc_c7 h3{
text-align: center;
font-size: 30px;
padding: 0 0 1%;
}
#bloc_c7 p{
text-align: center;
font-size: 20px;
padding: 0 0 2%;
}

#map_wrapper{
position: relative;
overflow: hidden;            
}
#map_bloc_c7{
width: 100%;
height: 300px;            
}
.map_shadow{
position: absolute;
box-shadow: 0px 9px 19px 8px rgba(0, 0, 0, 0.3);
}
.map_shadow.top {
top: -10px;
left: 0;
right: 0;
height: 10px;
}
.map_shadow.bottom {
bottom: -5px;
left: 0;
right: 0;
height: 5px;
}
.map_shadow.none{
display: none;
}
/*---------FIN BLOC C7----------*/
/*---------BLOC C8-----------------*/
#bloc_c8{
background-color: #CC5D5D;
padding: 3% 5%; 
}
#bloc_c8 .r_mail {
display: inline-block;
text-decoration: none;
color: #000;
}
#bloc_c8 .r_phone {
font-size: 35px;
text-decoration: none;
color: #000;
padding: 2% 0;
display: inline-block;
}
#bloc_c8 .r_adresse {
line-height: 1.4;
font-size: 14px;
}
/*---------FIN BLOC C8-----------------*/
/*---------BLOC C11-----------------*/
#bloc_c11 {
background-color: #E6E6E6;
padding: 10px 4%;
}
#bloc_c11 div.item_c11 {
float: left;
width: 30%;
margin: 3% 1.6%;
color: #fff;
background-color: #168ec6;
text-align: center;
padding: 30px 0;
}
#bloc_c11 div.item_c11 h6 {
text-transform: uppercase;
padding: 5% 5px;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
}
#bloc_c11 div.item_c11 p {
text-transform: uppercase;
font-size: 14px;
}
#bloc_c11 div.item_c11 img {
display: block;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 10px;
max-width: 20%;
}
#bloc_c11 div.item_c11 a {
text-decoration: none;
color: #fff;
}
/*---------FIN BLOC C11-----------------*/
/**********FIN SÉRIE C*******************/




/*---------GALLERIE RÉALISATION-----------------------------*/

/*---------GALLERIE WRAPPER-----------------*/
#gallerie_wrapper{
padding: 2% 2%; 
}
.real_avant{
    padding: 2% 0 5%;
}
.real_apres{}

.real_avant h5, .real_apres h5{
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin: 0 0 1%;
}

/*---------FIN GALLERIE WRAPPER-----------------*/
#content_realisations{
    visibility:hidden;
}
/*-------DEFAULT---------*/
.real_img_wrap img {
margin: 0.5%;
width: 23%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.real_img_wrap img:hover {
-webkit-filter: opacity(0.8);
/*-webkit-filter: grayscale(100%);*/
}

/*-------FIN DEFAULT---------*/

/*-------STYLES DE MENU RÉALISATION---------*/

/*-------STYLE 1---------*/
#menu_realisations.style_1 {
padding: 1% 0.5%;
}
#menu_realisations.style_1 a {
text-decoration: none;
font-size: 14px;
color: #000;
padding: 8px;
margin: 0 10px 10px 0;
font-weight: bold;
background-color: #d1d1d1;
display: inline-block;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#menu_realisations.style_1 a:first-letter{
text-transform: capitalize;
}
#menu_realisations.style_1 a:hover, #menu_realisations.style_1 a.active {
background-color: #000;
color: #d1d1d1;
}
/*-------FIN STYLE 1---------*/
/*-------STYLE 2---------*/
#menu_realisations.style_2 {
padding: 1% 0.5%;
}
#menu_realisations.style_2 a {
text-decoration: none;
font-size: 14px;
color: #000;
padding: 8px;
margin: 0 10px 10px 0;
font-weight: bold;
display: inline-block;
-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */
transition: color 0.2s, background-color 0.5s;
}
#menu_realisations.style_2 span:last-child{
display: none;
}
#menu_realisations.style_2 a:first-letter{
text-transform: capitalize;
}
#menu_realisations.style_2 a:hover, #menu_realisations.style_2 a.active {
color: #FF0000;
}
/*-------FIN STYLE 2---------*/
/*-------FIN STYLES DE MENU RÉALISATION---------*/

/*-------STYLES DE RÉALISATION---------*/
/*-------STYLE 3---------*/
div.real_style_3{
    float: left;
    width: 21%;
    margin: 1% 0.5%;
    border: 1px solid #9E9E9E;
    padding: 1%;
}
div.real_style_3 .real_img_wrap img{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
div.real_style_3 h4{
    text-transform: uppercase;

    font-weight: bold;
    padding: 3% 0;
}
div.real_style_3 p{
    font-size: 16px;
    line-height: 1.4;
}
div.real_style_3 a{
    
}
/*-------FIN STYLE 3---------*/
/*-------STYLE 4---------*/
.real_img_wrap.masonry.type4{
    width: 24%;
    margin: 0.5%;
    overflow: hidden;
    text-decoration: none;
}
.real_img_wrap.masonry.type4:hover > div{
    top:0;
    display: block;
}
.real_img_wrap.masonry.type4:hover img{
     -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.real_img_wrap.masonry.type4 img{
    width: 100%;
    margin: 0;
    max-width: 100%;
}
.real_img_wrap.masonry.type4 > div{
    position:absolute;
    top: -200%;
    left: 0;
    right: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;                
    /* display: none; */
    z-index: 99;
}
.real_img_wrap.masonry.type4 > div > div{
    padding: 10%;
}
.real_img_wrap.masonry.type4 > div > div h4{
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 5%;
    font-size: 20px;
}
.real_img_wrap.masonry.type4 > div > div p{
    line-height: 1.2;
    display: block;
}


/*-------FIN STYLE 4---------*/
.real_img_wrap.masonry.type5{
    width: 24%;
    margin: 0.5%;
    overflow: hidden;
    text-decoration: none;
}

.real_img_wrap.masonry.type5 > div{
    color: #FFF;
    text-align: center;                
    z-index: 99;
    position: relative;
  min-height: initial;
  background-color: #355067;
}
.real_img_wrap.masonry.type5 > div > div{
    padding: 10%;
}
.real_img_wrap.masonry.type5 > div > div h4{
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 5%;
    font-size: 20px;
}
.real_img_wrap.masonry.type5 > div > div p{
    line-height: 1.2;
    display: block;
}


.real_img_wrap.masonry.type5{
    background-color: rgb(119, 214, 255);
}

.real_img_wrap.masonry.type5 > div > div{
    padding: 10%;
}
.real_img_wrap.masonry.type5:hover img{
    -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity:0.7;
  -webkit-backface-visibility: hidden;
}
.real_img_wrap.masonry.type5 img{
    margin:0 0 -2px;
    width: 100%;
    max-width: 100%;
}

/*-------FIN STYLES DE RÉALISATION---------*/
p.aucune_image_real{
    font-size: 30px;
    font-weight: lighter;
    font-style: italic;
    padding: 2% 0 20%;
}

/*---------FIN GALLERIE RÉALISATION-----------------------------*/


/*----------IFRAME RV--------------*/
#rv_iframe_wrapper{
    padding: 2% 0;
}
#rv_iframe_wrapper iframe{
    width: 100%;        
}
/*----------FIN IFRAME RV--------------*/

#cus_ch_001{
    padding: 3% 2%;
    text-align: center;
}
#cus_ch_001 h2{
    font-size: 40px;
}

#cus_ch_002{
    background-color: #3e93df;
    padding: 5% 1%;
    color: #fff;
}
#cus_ch_002 .item_ch002{
    float: left;
    width: 23%;
    text-align: center;
    padding: 0 5%;
}
#cus_ch_002 .item_ch002 div{
    padding: 14% 0;
}

#cus_ch_002 .item_ch002 img{
    max-width: 100%;
}
#cus_ch_002 .item_ch002 h5{
    font-weight: bold;
    font-size: 27px;
    padding: 5% 0;
}
#cus_ch_002 .item_ch002 p{
    font-size: 19px;
    line-height: 1.2;
}

#cus_ch_002 .item_ch002.ch002_01{}
#cus_ch_002 .item_ch002.ch002_02{}
#cus_ch_002 .item_ch002.ch002_03{}


#cus_ch_003{
    padding: 6% 2% 0;
    text-align: center;
}
#cus_ch_003 h4{
    font-style: italic;
    font-size: 31px;
    padding: 0 0 2%;
}
#cus_ch_003 p{
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 1%;
}
#cus_ch_003 img#logo_iar{
    float: none;
    margin: 0 auto 10%;
    max-width: 175px;
}

#cus_ch_003 img{
    max-width: 100%;
    display: block;
    float: left;
    width: 26%;
    padding: 0 3.6%;
}


#facebook{
    padding: 4% 1%;
}
.facebook_item{
    float: left;
    width: 46%;
    margin: 0 2%;
}

.facebook_item:first-child{
    text-align: center;
    padding: 5% 0 0;
}
.facebook_item img{
    max-width: 100%;
    padding: 0 0 3%;
}

.facebook_item h2{
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    color: rgb(0, 0, 0);
    padding: 2% 0 3%;
    text-transform: uppercase;
}
.facebook_item p{
    width: 70%;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 300;
}
.facebook_item a{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #3C5A99;
    padding: 10px 30px;
    border-radius: 16px;
    font-size: 17px;
    margin: 20px 0 0;
    font-style: italic;
    font-weight: bold;
}
.facebook_item a:hover{
    background-color: rgb(231, 157, 62);
}


#footer_link{
    background: url('../images/ch_004_bg.jpg') no-repeat;
    background-size: cover;
    padding: 3% 1%;
    color: #fff;
}
#footer_link div.wrapper div:first-child{
    float: none;
    width: 100%;
    text-align: center;
}
#footer_link div.wrapper div:last-child{
    float: none;
    width: 100%;
    text-align: center;
    padding: 3% 0 0;
}

#footer_link div.wrapper div h4{
    font-weight: bold;
    font-style: italic;
    font-size: 52px;
    text-transform: uppercase;
}

#footer_link div.wrapper div h3{
    color: #484848;
    font-size: 22px;    
}


#footer_link div.wrapper div p{
    font-size: 18px;
    padding: 2% 0 0;
}
#footer_link div.wrapper div a{
padding: 0 0%;}
#footer_link div.wrapper div a img{
    max-width: 50%;
}




#press{
    text-align: center;
    padding: 3% 4%;
    background-color: #3E93DF;
    color: #fff;
}
#press h2{
    font-size: 45px;
    padding: 0 0 3%;
    font-weight: bold;
}
#press .bx-wrapper .bx-viewport{
    background: transparent;
    border: none;
    box-shadow: none;
}
#press .bx-wrapper .bx-pager{
bottom: -50px;}
#press .bx-wrapper .bx-pager.bx-default-pager a{
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
#press .bx-wrapper .bx-pager.bx-default-pager a:hover, #press .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #EAA645;
}
#press li{}
#press li p{
    font-size: 28px;
    font-style: italic;
}
#press li h5{
    padding: 2% 0 0;
}


.table_leg{
    padding: 8% 1%;
}
.table_leg table {
    color: #333;
    font-family: sans-serif;
    font-size: .9em;
    font-weight: 300;
    text-align: left;
    line-height: 40px;
    border-spacing: 0;
    border: 1px solid #428bca;
    width: 800px;
    margin: 20px auto 5%;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    background-color: transparent;
}
.table_leg .table-bordered {
    border: 1px solid #ddd;
}
.table_leg tr:hover{
    background-color: rgba(77, 182, 253, 0.14);
}

.table_leg td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}
.table_leg td a{
    color: #4097E2;
    text-decoration: none;
}
.table_leg td a:hover{
    text-decoration: underline;
}


.table_leg th {
    background: #E79D3E;
    font-weight: bold;
    padding: 0 15px;
    color: #fff;
    font-size: 22px;
}
.table_leg .campingDescr{
    background-color: #E79D3E;
    color: #fff;
    padding: 2%;
    line-height: 1.2;
    float: left;
    width: 46%;
    margin: 0 2%;
}
.table_leg .campingDescr h1{
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 4%;
}
.table_leg .campingDescr h3{
    font-size: 28px;
    font-weight: bold;
}
.table_leg .campingDescr h1 em{
    color: #2F4F4F;
    font-weight: 300;
    padding: 0;
}

.table_leg .campingDescr h2{
    font-size: 23px;
    font-weight: bold;
}
.table_leg .campingDescr h2 em{
    color: #2F4F4F;
    font-weight: 300;
}

.table_leg .campingDescr .Rating{
    padding: 2% 0;
}
.table_leg .campingDescr p.evaluationp{}


.table_leg .campingsImgs{
    float: left;
    width: 46%;
    margin: 0;
}
.table_leg .campingsImgs #map_canvas{
    width: 100%;
    height: 452px;
}

.findcamp{
    padding: 12% 4%;
    background-color: #3e93df;
    color: #fff;
}
.findcamp h1{
    font-size: 45px;
    font-weight: bold;
    padding: 0 0 2%;
}
.findcamp p.headerCaption{
    font-size: 25px;
    max-width: 700px;
    padding: 0 0 4%;
    line-height: 1.2;
    color: #EBB04C;
}

.findcamp button#browse_camp{
    padding: 10px 25px 10px 58px;
    font-size: 25px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 20px;
    color: #fff;
    margin: 0 0 4%;
    cursor: pointer;
    position: relative;
}
.findcamp button#browse_camp:before {
    content: "\25b6";
    position: absolute;
    left: 16px;
    top: -8px;
    font-size: 40px;
}
.findcamp button#browse_camp:hover{
    background-color: #fff;
    color: #3E93DF;
}
.findcamp #searchform{}
.findcamp #searchform span{
    font-size: 25px;
    padding: 0 10px 0 0;
}
.findcamp #searchform input{
    padding: 5px;
    font-size: 20px;
}
.findcamp #searchform input[type="submit"]{
    border: 2px solid #E79D3E;
    padding: 5px 25px;
    background-color: #E79D3E;
    color: #fff;
    cursor: pointer;
}
.findcamp #searchform input[type="submit"]:hover{
    background-color: transparent;
}
.table_leg .pagination li{
    display: inline-block;
}

.table_leg .pagination li.active a.pagi{
    background-color: #E79D3E;
}

.table_leg .pagination a.pagi{
    text-decoration: none;
    background-color: #3E92DE;
    display: inline-block;
    padding: 5px 13px 8px;
    /* width: 25px; */
    /* height: 25px; */
    color: #fff;
    margin: 2px;
    font-size: 25px;
}
.table_leg .pagination a.pagi:hover{
    background-color: #E79D3E;
}


 .findcamp.index{
    padding: 9% 2%;
    background-color: #fff;
    color: #3E93DF;
    text-align: center;
}
.findcamp.index h1{
    font-size: 30px;
    font-weight: bold;
    padding: 0;
    color: #3A3734;
}
.findcamp.index p.headerCaption{
    font-size: 25px;
    max-width: 700px;
    padding: 0 0 4%;
    line-height: 1.2;
    color: #EBB04C;
}

.findcamp.index button#browse_camp{
    padding: 10px 25px 10px 58px;
    font-size: 25px;
    background: transparent;
    border: 2px solid #3E93DF;
    border-radius: 20px;
    color: #3E93DF;
    margin: 30px auto;
    cursor: pointer;
    position: relative;
}
.findcamp.index button#browse_camp p{
}

.findcamp.index button#browse_camp:before {
    content: "\25b6";
    position: absolute;
    left: 16px;
    top: -8px;
    font-size: 40px;
    color: #3E93DF;
}
.findcamp.index button#browse_camp:hover:before{
    color: #fff;
}

.findcamp.index button#browse_camp:hover{
    background-color: #3E93DF;
    color: #FFFFFF;
}
.findcamp.index #searchform{}
.findcamp.index #searchform span{
    font-size: 25px;
    padding: 0 10px 0 0;
    color: #3A3734;
    font-weight: 300;
}
.findcamp.index #searchform input{
    padding: 5px;
    font-size: 20px;
}
.findcamp.index #searchform input[type="submit"]{
    border: 2px solid #E79D3E;
    padding: 5px 25px;
    background-color: #E79D3E;
    color: #fff;
    cursor: pointer;
}
.findcamp.index #searchform input[type="submit"]:hover{
    color: #E79D3E;
    background-color: transparent;
}


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












@media all and ( max-width: 1024px ){

#slider .bx-wrapper .bx-viewport .caption{
    top: 10%;
}
#slider .bx-wrapper .bx-viewport .caption h3{
    font-size: 40px;
}
#slider .bx-wrapper .bx-viewport .caption h5{
    font-size: 22px;
}

/*---------BLOC A11-----------------*/
#bloc_a11_droite > ul > li > P {
width: 60%;
}
/*---------FIN BLOC A11-----------------*/
#bloc_a28 .item_a28 .item_a28_overlay h4{
    font-size: 20px;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
    font-size: 14px;
}

.inputpart{ width:90%!important;}

.partinput{ width:90%!important; padding:0 15px;}
.partinputprivate{ width:90%!important; padding:0 15px;}
.leftbasicpart{ width:46%!important; margin-left:2%;}
.rightmain{width:46%!important; margin-right:2%;}
}/*------FIN 1024px-------------------------------------------------------------------------------------------*/
/******************************************************************************************************************************************/



@media all and ( max-width: 768px ){
.parallax {
    background-position: center 0 !important;
    background-size: cover;
}
/************HEADER 1*************/
#header1 #nav ul li a {
font-size: 17px;
}
/************FIN HEADER 1*************/

/************HEADER 2*************/
#header2 #nav ul li a {
font-size: 11px;
}
/************FIN HEADER 2*************/
/************HEADER 4*************/
#header4 #nav ul li a {
font-size: 11px;
}
/************FIN HEADER 4*************/
/************HEADER 5*************/
#header5 #logo {
width: 100%;
position: relative;
}
#header5 #logo > div:first-child img, #header5 #logo.no_slider > div:first-child img {
max-width: 100%;
padding: 2% 0;
width: 65%;
}
#header5 #div_logo_infos {
display: none;
}
#slider_header5{
width: 100%;
}
#header5 #nav ul li a{
    font-size: 12px;
}
/************FIN HEADER 5*************/

/*-----OVERWRITE SLIDER----*/
.bx-wrapper .bx-caption span, .bx-wrapper .bx-caption span.big_caption {
font-size: 20px;
}
.bx-wrapper .bx-caption span.big{
font-size: 35px;
}
/*-----FIN OVERWRITE SLIDER----*/


/*-------FOOTER-------------------------*/

/*----F5-----*/
#footer_f5 div.item_f5:nth-child(2) img {
max-width: 28%;
}
/*----FIN F5-----*/
/*---F6----*/
#footer_f6 #f6_sociaux div{
}
#footer_f6 #f6_scroll_top{
    max-width: 50%;
}
/*---FIN F6----*/
/*-------FIN FOOTER-------------------------*/

/*-------PRE FOOTER-------------------------*/
/*-------PRE FOOTER PF1--------*/
#pf1 div.item_pf1{
    float: none;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #6F6F6F;
    padding: 0.5% 0;
}
#pf1 div.item_pf1:last-child{
    border: none;
}
#pf1 img {
max-width: 24px;
}
/*-------FIN PRE FOOTER PF1--------*/
/*-------FIN PRE FOOTER-------------------------*/



/**********SÉRIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1 div.item_a1 {
width: 96%;
}
#bloc_a1 img {
max-width: 48%;
padding: 0 1% 3% 0;
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A5-----------------*/
#bloc_a5{
    padding: 5% 0;
}
#bloc_a5 h1 {
padding-bottom: 0;
}
#bloc_a5 #bloc_a5_a, #bloc_a5 #bloc_a5_b{
width: 92%;
padding: 4%;
margin: 0;
}
/*---------FIN BLOC A5-----------------*/
/*-----------BLOC A11------------*/
#bloc_a11 div.item_a11{
width: 90%;
float: none;
margin: 0 auto;
padding: 2% 0 5%;
}
#bloc_a11_droite > ul {
padding: 0;
}
#bloc_a11_droite > h4 {
padding: 0 0 3%;
}
#bloc_a11_droite > ul > li > P {
width: 70%;
}
/*-----------FIN BLOC A11------------*/
/*---------BLOC A12-----------------*/
#bloc_a12 div.item_a12 {
width: 96%;
}
/*---------FIN BLOC A12-----------------*/
/*---------BLOC A17-----------------*/
#bloc_a17 h4 {
font-size: 24px;
}
#bloc_a17 h4 span {
font-size: 50px;
}
/*---------FIN BLOC A17-----------------*/
/*---------BLOC A19-----------------*/
#bloc_a19 div.item_a19 img{
width: 80%;
}
/*---------FIN BLOC A19-----------------*/
/*---------BLOC A20-----------------*/
#bloc_a20 {
padding: 5%;
}
/*---------FIN BLOC A20-----------------*/
/*---------BLOC A22-----------------*/
#bloc_a22{
padding: 10% 0;
}
#bloc_a22 div.item_a22 h2{
font-size: 25px;
}
/*---------FIN BLOC A22-----------------*/
/*---------BLOC A23-----------------*/
#bloc_a23 #bloc_a23_a{
    float: none;
    width: 90%;
    text-align: center;
    margin: 2% auto;
}
#bloc_a23 .bloc_a23_div{
    float: none;
    width: 90%;
    margin: 2% auto;
    text-align: center;
}
/*---------FIN BLOC A23-----------------*/
/*---------BLOC A24-----------------*/
#bloc_a24 div.a24_div{
    width: 46%;
    padding: 0 1%;
    text-align: center;
}
#bloc_a24 div.a24_div img{
    float: none;
    width: 100%;
    margin: 3% auto 7%;
    display: block;
}
/*---------FIN BLOC A24-----------------*/
/*---------BLOC A25-----------------*/
#bloc_a25 #a25_gauche{
    float: none;
    width: 100%;
}
#bloc_a25 #a25_droite{
    float: none;
    width: 80%;
}
/*---------FIN BLOC A25-----------------*/
/*---------BLOC A26-----------------*/
#bloc_a26 .item_a26 {
  float: none;
  width: 96%;
  margin: 2% auto;
}
/*---------FIN BLOC A26-----------------*/
/*---------BLOC A27-----------------*/
#bloc_a27 .item_a27{
    width: 42%;
    margin: 4% 4%;
}
/*---------FIN BLOC A27-----------------*/
/*---------BLOC A28-----------------*/
#bloc_a28 .item_a28{
    width: 50%;
}
/*---------FIN BLOC A28-----------------*/


/**********FIN SÉRIE A*******************/

/**********SÉRIE P*******************/
/*---------BLOC P1-----------------*/

#bloc_p1_gauche{
float: left;
width: 100%;
}
#bloc_p1_droite{
float: right;
width: 100%;
}
#bloc_p1_droite img {
width: 45%;
padding: 2% 2% 0 0;
}
/*---------FIN BLOC P1-----------------*/
/*---------BLOC P2-----------------*/
#bloc_p2_gauche{
float: left;
width: 50%;
}
#bloc_p2_droite{
float: right;
width: 50%;
}
#bloc_p2_droite img{
padding: 0 2% 2% 0;
width: 100%;
}
/*---------FIN BLOC P2-----------------*/
/*---------BLOC P3-----------------*/
#bloc_p3_gauche{
width: 90%;
float: none;margin: 5% auto;}
#bloc_p3_droite{
width: 80%;
float: none;text-align: center;}
#bloc_p3_droite img{
padding: 5% 2% 0 0;
text-align: center;
max-width: 300px;margin: 0 auto;}
/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4 div.item_p4 {
width: 50%;
}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5{
padding: 20px;
text-align: center;
}
#bloc_p5 div.item_p5 {
width: 100%;
}
#bloc_p5 div.item_p5 .rond_text{
float: none;
width: 80%;
margin: 0 auto;
}
#bloc_p5 .rond_lettre {
float: none;
margin: 0 auto 20px;
}
/*---------FIN BLOC P5-----------------*/
/*---------BLOC P6-----------------*/
#bloc_p6{
padding: 3% 10%;
}
#bloc_p6 div.item_p6 {
width: 100%;
text-align: center;
}
#bloc_p6 img{
max-width: 90%;
}
#bloc_p6 p{
padding: 1% 7% 1% 5%;
}
#bloc_p6 h2{
padding: 3% 5% 0%;
}
/*---------FIN BLOC P6-----------------*/
/*---------BLOC P7-----------------*/
#bloc_p7 div.item_p7 {
float: left;
width: 100%;
margin: 3% 0;
text-align: center;
}
#bloc_p7 div.item_p7 p {
padding: 2% 10%;
}
/*---------FIN BLOC P7-----------------*/
/*---------BLOC P8-----------------*/
#bloc_p8 div.bloc_p8_div.un{
    float: none;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
#bloc_p8 div.bloc_p8_div.deux{
    float: none;
    width: 90%;
    margin: 4% auto;
    text-align: center;
}
/*---------FIN BLOC P8-----------------*/
/*---------BLOC P9-----------------*/
#bloc_p9 .wrapper > div{
    float: none;
    width: 70%;
    margin: 4% auto;
    padding: 0 0 5%;
    text-align: center;
    border-bottom: 1px solid #626262;
}
/*---------FIN BLOC P9-----------------*/

/**********FIN SÉRIE P*******************/

/**********SÉRIE S*******************/
/*---------BLOC S4-----------------*/
#bloc_s4 div.item_s4 {
float: none;
width: 94%;
margin: 0 auto 4%;
}
/*---------FIN BLOC S4-----------------*/
/*---------BLOC S7-----------------*/
#bloc_s7 div.item_s7:not(.clear) {
width: 44.8%;
min-height: 315px;
}
/*---------FIN BLOC S7-----------------*/
/**********FIN SÉRIE S*******************/

/**********SÉRIE C*******************/
/*---------FIN BLOC C1-----------------*/
#bloc_c1 #bloc_c1_a{
width: 98%;
margin: 0 auto;
float: none;
}
#bloc_c1_b{
width: 98%;
margin: 2% auto;
float: none;
}
/*---------FIN BLOC C1-----------------*/
/*---------BLOC C2----------*/
#bloc_c2{
padding: 3% 0;
}
#bloc_c2_a{
width: 40%;
text-align: center;
}
#bloc_c2_b{
width: 54%;
}
#bloc_c2_c{
width: 100%;
}
#bloc_c2_b > p{
padding: 20px 0;
}
#bloc_c2_c > p{
display: none;
}
/*---------FIN BLOC C2----------*/
/*---------BLOC C3-----------------*/
#bloc_c3 a.item_c3{
width: 40%;
padding: 5%;
}
/*---------FIN BLOC C3-----------------*/
/*---------BLOC C4----------*/
#bloc_c4 #bloc_c4_form_gauche {
width: 100%;
padding: 0 6%;
}
#bloc_c4 #bloc_c4_form_droite {
width: 100%;
padding: 0 6%;
}
/*---------FIN BLOC C4----------*/
/*---------BLOC C5----------*/
#bloc_c5 #bloc_c5_a, #bloc_c5 #bloc_c5_b{
width: 96%;
float: none;
margin: 10% auto;
}
#bloc_c5 #bloc_c5_b{
text-align: center;
}
#bloc_c5_b > p{
width: 100%;
}
/*---------FIN BLOC C5----------*/
/*---------BLOC C6-----------------*/
#bloc_c6 > div > div {
width: 46%;
margin: 2% 2%;
}
/*---------FIN BLOC C6-----------------*/
/*---------BLOC C11-----------------*/
#bloc_c11 {
padding: 10px 4%;
}
#bloc_c11 div.item_c11 {
width: 90%;
margin: 3% auto;
float: none;
}
/*---------FIN BLOC C11-----------------*/
/**********FIN SÉRIE C*******************/




/*-------STYLES DE RÉALISATION---------*/
/*-------DEFAULT---------*/
.real_img_wrap img {
width: 30%;
}
/*-------FIN DEFAULT---------*/
/*-------STYLE 3---------*/
div.real_style_3{
    float: left;
    width: 43%;
    margin: 2%;
}
/*-------FIN STYLE 3---------*/
/*-------STYLE 4---------*/
.real_img_wrap.masonry{
    width: 49%;
}
/*-------FIN STYLE 4---------*/

/*-------FIN STYLES DE RÉALISATION---------*/
.custom_500_item{
    float: none;
    width: 80%;
    margin: 6% auto;
    text-align: center;
}
#cus_ch_004 div.wrapper div:first-child, #cus_ch_004 div.wrapper div:last-child{
    float: none;
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

.table_leg .campingDescr{
float: none;width: 90%;margin: 2% auto;}
.table_leg .campingsImgs{
float: none;      width: 94%;      margin: 2% auto;}
.table_leg .campingsImgs #map_canvas{
    height: 452px;
}
.findcamp #searchform span{
    display: block;
    padding: 0 0 2%;
}

}/*------FIN 768px-------------------------------------------------------------------------------------------*/
/******************************************************************************************************************************************/

@media all and ( max-width: 767px ){
    
.loginbox{ width:100%!important;}    

.leftpartinput {
    width: 91%!important;
    padding: 0 15px;
}

.rightpartinput {
    width: 91%!important;
    padding: 0 15px; float:left!important;
}
.formlabel22{ padding:0 15px; width:94%!important;}
.inputlowebutton{ margin-left:15px;}
.leftbasicpart{ width:96%!important; margin-left:2%;}
.rightmain{width:96%!important; margin-right:2%;}
.rightbasicpart22{ width:96%!important; margin-left:2%;}

}



@media all and ( max-width: 560px ){
/***************HEADER 1***************/
#header1 #nav ul li a {
font-size: 15px;

}
/***************FIN HEADER 1***************/

/***************HEADER 2***************/
#header2 #nav ul li a {
font-size: 10px;
padding: 7% 1%;
}
/***************FIN HEADER 2***************/
/***************HEADER 4***************/
#header4 #nav ul li a {
font-size: 10px;
padding: 7% 1%;
}
/***************FIN HEADER 4***************/

/*---------OVERWRITE SLIDER-----------------*/
.bx-wrapper .bx-caption{
display: none;
}
/*---------FIN OVERWRITE SLIDER-----------------*/


/*---------BLOC A8-----------------*/
#bloc_a8 div.item_a8 {
float: none;
width: 98%;
margin: 5% auto;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
text-align: right;
position: relative;
}
/*---------FIN BLOC A8-----------------*/

}/*------FIN 560px-------------------------------------------------------------------------------------------*/
/******************************************************************************************************************************************/





@media all and ( max-width: 480px ){

#slider .bx-wrapper .bx-viewport .caption{
width: 90%;}
#slider .bx-wrapper .bx-viewport .caption h3{
font-size: 28px;}
#slider .bx-wrapper .bx-viewport .caption h5{
font-size: 16px;}
#slider .bx-wrapper .bx-viewport .caption div{
    display: none;
}

.comlabel{ width:100%!important;}
.totalinput span{ width:100%!important;}


/*************NAV MOBILE******************/


/*---------NAV-------------*/
#menuToggle {
    display: block;
    background-color: #000;
    max-height: 57px;
}
#menuToggle div.icone{
    float: left;
    width: 25%;
    text-align: center;
    padding: 2% 0;
}
#menuToggle div.icone a{
    color: #fff;
    text-decoration: none;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
}
#menuToggle div.icone a img{
    display: block;
    margin: 0 auto;
}


/*************FIN NAV MOBILE******************/

/*************HEADER 1***************/
#header1 {
max-height: 100%;
padding: 0;}
#header1 #logo{
width: 60%;
text-align: center;
position: relative;margin: 3% auto;}
#link_stores{
    float: none;
    width: 85%;
    margin: 0 auto;
}
#link_stores a img{
    float: none;
    margin: 0 auto;
    padding: 50% 0 0%;
}
#link_stores a:last-child img{
    padding: 5% 0 5%;
}

#header1 #nav {
display: none;
width: 100%;
text-align: center;
background-color: #2b2b2b;
padding: 20px 0;
float: none;}
#header1 #nav ul li {
display: block;
}
#header1 #nav ul li a.mobile_only{
    display:inline-block;
}
#header1 #nav ul li a, #header1 #nav ul li ul li a{
color: #fff;
padding: 0;
font-size: 18px;
width: 50%;
border-bottom: 2px solid #414141;
padding: 10px 0;
border-radius: 0;}
#header1 #nav ul li a:hover, #header1 #nav ul li a.active, #header1 #nav ul li ul li a:hover, #header1 #nav ul li ul li a:active{
background-color: transparent;
color: #E79D3E;
}
#header1 #nav ul li ul li:first-child a {
border-bottom: 2px solid #414141;
}
#header1 #nav span.arrow_down{
display: none;
}
/*-----sous-menu----*/
#header1 #nav ul li ul {
position: relative;
display: block;
border: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 0;
left: 0;
top: 0;
white-space: nowrap;
width: 100%;
}

#header1 #nav ul li ul li {
display: block;
float:none;

}
#header1 #nav ul li ul li a {
text-decoration: none;
margin: 0 auto;
background-color: inherit;
text-align: center;
border-top: none;
}
/*-------fin sous-menu-----*/
/*---------FIN NAV-------------*/
/*************FIN HEADER 1***************/


/*************HEADER 2***************/
#header2 {
max-height: 100%;
}
#header2 #logo{
width: 100%;
text-align: center;
padding: 15% 0;
}
#header2 #header_2_scrolldown_btn {
display: none;
}
#header2 #nav {
display: none;
width: 100%;
text-align: center;
background-color: #2b2b2b;
padding: 20px 0;
}
#header2 #nav ul li {
display: block;
}
#header2 #nav ul li a, #header2 #nav ul li ul li a{
color: #fff;
padding: 0;
font-size: 16px;
width: 50%;
border-bottom: 2px solid #414141;
padding: 10px 0;
}
#header2 #nav ul li ul li:first-child a {
border-bottom: 2px solid #414141;
}
#header2 #nav ul li a:hover, #header2 #nav ul li a.active, #header2 #nav ul li ul li a:hover, #header2 #nav ul li ul li a:active{
background-color: transparent;
color: #C52424;
}
#header2 #nav span.arrow_down{
display: none;
}
/*-----sous-menu----*/
#header2 #nav ul li ul {
position: relative;
display: block;
border: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 0;
left: 0;
top: 0;
white-space: nowrap;
width: 100%;
}

#header2 #nav ul li ul li {
display: block;
float:none;

}
#header2 #nav ul li ul li a {
text-decoration: none;
margin: 0 auto;
background-color: inherit;
text-align: center;
border-top: none;
}
/*-------fin sous-menu-----*/
/*---------FIN NAV-------------*/
/*************FIN HEADER 2***************/


.inputname{ width:100%!important;}
.inputpart span{width:100%!important;}
.inputpart{ width:90%!important;}

/*************HEADER 3***************/
#header3{
padding: 0;
max-height: 100%;
}
#header3 #logo{
width: 100%;
text-align: center;
padding: 2% 0;
}
#header3 #logo img{
width: 65%;
}
#header3 #nav {
display: none;
width: 100%;
text-align: center;
background-color: rgba(0,0,0,0.5);
padding: 20px 0;
margin-top: -3px;
}
#header3 #nav ul{
padding: 0;
}
#header3 #nav ul li {
display: block;
line-height: 2.4;
}
#header3 #nav ul li a {
color: #fff;
padding: 0;
font-size: 16px;
width: 50%;
}
#header3 #nav ul li a:hover,#header3  #nav ul li a.active{
background-color: transparent;
color: #ccc;
}
/*-----sous-menu----*/
#header3 #nav ul li ul {
position: relative;
display: block;
border: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 0;
left: 0;
top: 0;
white-space: nowrap;
width: 100%;
}

#header3 #nav ul li ul li {
display: block;
float:none;

}
#header3 #nav ul li ul li a {
text-decoration: none;
margin: 0 auto;
text-align: center;
border-top: none;
background: none;
}
#header3 #nav ul li ul li a:hover{
    background: none;
}
/*-------fin sous-menu-----*/
#header3 #nav span.arrow_down{
display: none;
}
/*************FIN HEADER 3***************/

/*************HEADER 4***************/
#header4 {
max-height: 100%;
position: relative;
}
#header4 #logo{
width: 100%;
text-align: center;
}
#header4 #nav {
display: none;
width: 100%;
text-align: center;
background-color: #2b2b2b;
padding: 20px 0;
}
#header4 #nav ul li {
display: block;
}
#header4 #nav ul li a, #header4 #nav ul li ul li a{
color: #fff;
padding: 0;
font-size: 16px;
width: 50%;
border-bottom: 2px solid #414141;
padding: 10px 0;
}
#header4 #nav ul li ul li:first-child a {
border-bottom: 2px solid #414141;
}
#header4 #nav ul li a:hover, #header4 #nav ul li a.active, #header4 #nav ul li ul li a:hover, #header4 #nav ul li ul li a:active{
background-color: transparent;
color: #C52424;
}
#header4 #nav span.arrow_down{
display: none;
}
/*-----sous-menu----*/
#header4 #nav ul li ul {
position: relative;
display: block;
border: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 0;
left: 0;
top: 0;
white-space: nowrap;
width: 100%;
}

#header4 #nav ul li ul li {
display: block;
float:none;

}
#header4 #nav ul li ul li a {
text-decoration: none;
margin: 0 auto;
background-color: inherit;
text-align: center;
border-top: none;
}
/*-------fin sous-menu-----*/
/*---------FIN NAV-------------*/
/*************FIN HEADER 4***************/

/*************HEADER 5***************/
#header5 {
max-height: 100%;
}
#header5 #logo{
width: 100%;
text-align: center;
}
#header5 #nav {
display: none;
width: 100%;
text-align: center;
background-color: #2b2b2b;
padding: 20px 0;
}
#header5 #nav ul li {
display: block;
}
#header5 #nav ul li a, #header5 #nav ul li ul li a{
color: #fff;
padding: 0;
font-size: 16px;
width: 50%;
border-bottom: 2px solid #414141;
padding: 10px 0;
}
#header5 #nav ul li ul li:first-child a {
border-bottom: 2px solid #414141;
}
#header5 #nav ul li a:hover, #header5 #nav ul li a.active, #header5 #nav ul li ul li a:hover, #header5 #nav ul li ul li a:active{
background-color: transparent;
color: #C52424;
border-top: none;
}
#header5 #nav span.arrow_down{
display: none;
}
/*-----sous-menu----*/
#header5 #nav ul li ul {
position: relative;
display: block;
border: none;
margin: 0;
padding: 0;
z-index: 999999;
min-width: 0;
left: 0;
top: 0;
white-space: nowrap;
width: 100%;
}

#header5 #nav ul li ul li {
display: block;
float:none;

}
#header5 #nav ul li ul li a {
text-decoration: none;
margin: 0 auto;
background-color: inherit;
text-align: center;
border-top: none;
}
/*-------fin sous-menu-----*/
/*---------FIN NAV-------------*/
/*************FIN HEADER 5***************/

/**********PRE HEADER**********************/
/*------PH1------------*/
#ph1{
display: none;
}
/*------FIN PH1------------*/
/**********FIN PRE HEADER**********************/



/*---------OVERWRITE SLIDER-------------*/
.bx-wrapper .bx-controls-direction a{
display: none;
}
/*---------FIN OVERWRITE SLIDER-------------*/

/*----------------FOOTER-------------------*/

/*---F5----*/
#footer_f5 div.item_f5:nth-child(1), #footer_f5 div.item_f5:nth-child(2) {
width: 94%;
float: none;
text-align: center;
margin: 0 auto;
}
#footer_f5 div.item_f5:nth-child(1) img {
max-width: 45%;
}
#footer_f5 div.item_f5:nth-child(2) img {
max-width: 15%;
margin: 5% 0;
}
#footer_f5{
padding: 10% 0;
}
/*---FIN F5----*/
/*---F6----*/
#footer_f6 .wrapper_f6 {
  max-width: 60%;
}
/*---FIN F6----*/

/*----------------FIN FOOTER-------------------*/

/*-------PRE FOOTER-------------------------*/
/*-------PRE FOOTER PF1--------*/
#pf1{
display: none;
}
/*-------FIN PRE FOOTER PF1--------*/
/*-------FIN PRE FOOTER-------------------------*/


/**********SÉRIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1{
padding: 10% 0;
}
#bloc_a1 img{
max-width: 100%;
padding: 0 0 3% 0;
}
#bloc_a1 a{
width: auto;
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A2-----------------*/
#bloc_a2 div.item_a2 {
width: 96%;
float: none;
}
/*---------FIN BLOC A2-----------------*/
/*---------BLOC A3-----------------*/
#bloc_a3 {
padding: 10%;
}
#bloc_a3 div.separateur{
width: 50%;
}
/*---------FIN BLOC A3-----------------*/
/*---------BLOC A4-----------------*/
#bloc_a4{
padding: 15% 10%;
}
#bloc_a4 a {
width: 60%;
display: block;
margin: 0 auto;
}
/*---------FIN BLOC A4-----------------*/
/*---------BLOC A8-----------------*/
#bloc_a8 div.item_a8 h3 {
font-size: 23px;
}
/*---------FIN BLOC A8-----------------*/
/*---------BLOC A10-----------------*/
#bloc_a10{
background-color: #fff;
padding: 5% 0;
}
#bloc_a10 div.item_a10 {
float: none;
width: 90%;
margin: 0 auto;
padding: 8% 0;
}
#bloc_a10 h5{
padding: 1% 5%;
}
/*---------FIN BLOC A10-----------------*/
/*---------BLOC A11-----------------*/
#bloc_a11 div.item_a11 {
width: 92%;
padding: 10% 0;
}
#bloc_a11 h4{
text-align: center;
padding: 0 0 10%;
}
#bloc_a11_gauche p{
text-align:center;
padding: 4% 0;
}
#bloc_a11_droite > h4 {
padding: 0 0 5%;
text-align: center;
}
#bloc_a11_droite > ul > li > img {
float: none;
text-align: center;
width: 40%;
max-width: 40%;
margin: 0 auto;
padding: 5% 0;
display: block;
}
#bloc_a11_droite > ul > li > P {
float: none;
padding: 0;
width: 90%;
margin: 0 auto;
text-align: center;
}
#bloc_a11_droite > ul > li{
padding: 0 0 10%;
}
#bloc_a11_droite > ul {
padding: 0;
}
/*---------FIN BLOC A11-----------------*/
/*---------BLOC A12-----------------*/
#bloc_a12 div.item_a12{
margin: 0 0 2%;
}
#bloc_a12 div.item_a12 a {
font-size: 14px;
}
/*---------FIN BLOC A12-----------------*/
/*---------BLOC A17-----------------*/
#bloc_a17 div.item_a17:nth-child(1), #bloc_a17 div.item_a17:nth-child(2) {
float: none;
width: 94%;
margin: 5% auto;
}
/*---------FIN BLOC A17-----------------*/
/*---------BLOC A20-----------------*/
#bloc_a20 h1 {
padding: 5% 0;
}
/*---------FIN BLOC A20-----------------*/
/*---------BLOC A22-----------------*/
#bloc_a22 div.item_a22{
float: none;
width: 90%;
margin: 10% auto;
}
/*---------FIN BLOC A22-----------------*/
/*---------BLOC A24-----------------*/
#bloc_a24 div.a24_div{
    float: none;
    width: 96%;
    margin: 10% auto;
}
/*---------FIN BLOC A24-----------------*/
/*---------BLOC A26-----------------*/
#bloc_a26 .item_a26 {
  float: none;
  width: 96%;
  margin: 2% auto;
}
#bloc_a26 .item_a26 div.item_a26_a > div {
  padding: 10% 10% 30%;
}
/*---------FIN BLOC A26-----------------*/
/*---------BLOC A27-----------------*/
#bloc_a27 .item_a27{
    float: none;
    width: 90%;
    
    margin: 12% auto;
}
/*---------FIN BLOC A27-----------------*/
/*---------BLOC A28-----------------*/
#bloc_a28 .item_a28{
    float: none;
    width: 100%;
}
#bloc_a28 .item_a28 .item_a28_overlay h4{
    font-size: 24px;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
    font-size: 16px;
}

/*---------FIN BLOC A28-----------------*/
/**********FIN SÉRIE A*******************/

/**********SÉRIE P*******************/
/*---------BLOC P1-----------------*/
#bloc_p1 {
padding: 10% 5%;
}
#bloc_p1_droite img {
width: 100%;
padding: 2% 2% 0 0;
}
/*---------FIN BLOC P1-----------------*/
/*---------BLOC P2-----------------*/
#bloc_p2 {
padding: 10% 5%;
}
#bloc_p2_gauche{
width: 100%;
}
#bloc_p2_droite{
width: 100%;
}
#bloc_p2_droite img{
padding: 5% 2% 2% 0;
width: 100%;
}
/*---------FIN BLOC P2-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4{
padding: 40px 10px;
}
#bloc_p4 div.item_p4 {
width: 100%;
text-align: center;
}
#bloc_p4 h3{
padding: 5%;
}
#bloc_p4 p{
padding: 0 5% 10% 5%;
}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5 .rond_lettre {
margin: 2% auto 10%;
width: 60%;
}
/*---------FIN BLOC P5-----------------*/
/*---------BLOC P6-----------------*/
#bloc_p6 img{
padding-bottom: 5%;
}
#bloc_p6 p {
padding: 1% 7% 10% 5%;
}
/*---------FIN BLOC P6-----------------*/
/*---------BLOC P7-----------------*/
#bloc_p7 h1 {
padding: 5%;
}
#bloc_p7 div.item_p7 {
margin: 6% 0;
}
#bloc_p7 div.item_p7 p {
padding: 2% 5%;
}
/*---------FIN  BLOC P7-----------------*/
/*---------BLOC P8-----------------*/
#bloc_p8{
    padding: 5% 0;
}
#bloc_p8 div.bloc_p8_div.deux p{
    padding: 5% 0;
}
/*---------FIN BLOC P8-----------------*/
/*---------BLOC P9-----------------*/
#bloc_p9 input{
    width: 50%;
}
/*---------FIN BLOC P9-----------------*/

/**********FIN SÉRIE P*******************/

/**********SÉRIE S*******************/
/*---------BLOC S1-----------------*/
#bloc_s1 h1{
text-align: center;
}
#bloc_s1_gauche{
width: 100%;
text-align: center;
}
#bloc_s1_droite{
width: 100%;
padding: 5% 0; 
}
/*---------FIN BLOC S1-----------------*/
/*---------BLOC S4-----------------*/
#bloc_s4 h3 {
font-size: 20px;
max-width: 100%;
}
/*---------FIN BLOC S4-----------------*/
/*---------BLOC S5-----------------*/
#bloc_s5{
padding: 20px 0;
}
#bloc_s5 div.item_s5 {
width: 100%;
margin: 5% 0;
text-align: center;
}
#bloc_s5 ul{
text-align: left;
}
/*---------FIN BLOC S5-----------------*/
/*---------BLOC S7-----------------*/
#bloc_s7 div.item_s7:not(.clear) {
width: 100%;
min-height: inherit;
margin: 7% 0;
text-align: center;
}
#bloc_s7 > div > div > div:nth-child(1) {
float: none;
width: 100%;
padding-right: 0;
}
#bloc_s7 > div > div > div:nth-child(1) img{
max-width: 100%;
}
#bloc_s7 > div > div > div:nth-child(2){
float: none;
width: 100%;
}
/*---------FIN BLOC S7-----------------*/
/**********FIN SÉRIE S*******************/

/**********SÉRIE C*******************/
/*---------FIN BLOC C1-----------------*/
#bloc_c1 #bloc_c1_a{
width: 98%;
margin: 5% auto;
float: none;
}
#bloc_c1_b{
width: 98%;
margin: 5% auto;
}
/*---------FIN BLOC C1-----------------*/
/*---------BLOC C2----------*/
#bloc_c2_a{
width: 96%;
float: none;
text-align: center;
margin: 2% auto;
}
#bloc_c2_b{
width: 96%;
float: none;
margin: 2% auto;
}
#bloc_c2_b #form_contact{
margin: 0 auto;
}
#bloc_c2_c{
width: 96%;
float: none;
margin: 0 auto;
}
#bloc_c2_b > p{
text-align: center;
width: 100%;
}
/*---------FIN BLOC C2----------*/
/*---------BLOC C3-----------------*/
#bloc_c3 a.item_c3{
width: 100%;
padding: 5% 0;
}
#bloc_c3 a.item_c3 img {
display: block;
margin: 0 auto 2%;
}
/*---------FIN BLOC C3-----------------*/
/*---------BLOC C4----------*/
#bloc_c4{


}
/*---------FIN BLOC C4----------*/
/*---------BLOC C5----------*/
#bloc_c5 {
padding: 3%;
}
#bloc_c5_a #form_contact {
width: 100%;
}
#bloc_c5 #bloc_c5_a, #bloc_c5 #bloc_c5_b{
width: 100%;
}
#bloc_c5 #bloc_c5_b{
width: 100%;
}
#bloc_c5_b > div{
width: 100%;
}
/*---------FIN BLOC C5----------*/
/*---------BLOC C6-----------------*/
#bloc_c6 > div > div {
float: none;
width: 90%;
margin: 5% auto;
}
/*---------FIN BLOC C6-----------------*/
/**********FIN SÉRIE C*******************/




/*-------STYLES DE RÉALISATION---------*/
/*-------DEFAULT---------*/
.real_img_wrap img {
width: 48%;
}
/*-------FIN DEFAULT---------*/
/*-------STYLE 3---------*/
div.real_style_3{
    float: left;
    width: 86%;
    margin: 4% 2%;
    padding: 4%;
}
/*-------FIN STYLE 3---------*/
/*-------STYLE 4---------*/
.real_img_wrap.masonry > div{
    position: relative;
}
.real_img_wrap.masonry > div > div h4{
}
.real_img_wrap.masonry > div > div p{
}
/*-------FIN STYLE 4---------*/
/*-------STYLE 5---------*/
.real_img_wrap.masonry.type5 > div > div h4{
    font-size: 16px;
}
.real_img_wrap.masonry.type5 > div > div p{
    font-size: 13px;
}
/*-------FIN STYLE 5---------*/
/*-------FIN STYLES DE RÉALISATION---------*/

#cus_ch_002 .item_ch002{
    float: none;
    width: 90%;
}
.findcamp button#browse_camp{
    font-size: 18px;
    margin: 6% 0 13%;
}
.findcamp button#browse_camp:before{
    content: "\25b6";
    position: absolute;
    left: 19px;
    top: -3px;
    font-size: 30px;
}

.findcamp #searchform input[type="submit"]{
    margin: 2% 0;
}

.findcamp.index button#browse_camp{
    font-size: 17px;
}
.findcamp.index button#browse_camp:before{
    left: 26px;
    top: -5px;
    font-size: 30px;
}
.table_leg td a{
    font-size: 12px;
}


}

.leftboxheading{ float:left;}
.loginbox{ /*float:right;*/ background:#fff; width:47%; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding-bottom:20px; display:inline-block;}
#divlostpass{ margin:0px auto;}
#divnopass{margin:0px auto;}
.loginhead{ background:#e79d3e; padding:10px 15px; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.loginhead h2{ color:#fff; font-size:30px;}
.inputpart{ width:95%; padding:0 15px; margin-top:15px; float:left;}
.inputname{ float:left; width:30%; font-size:20px; color:#000; line-height:30px;}
.inputpart span{ float:left; width:70%;}
.inputpart span input[type=text], input[type=password]{ border:1px solid #ccc; padding:8px 6px; width:95%;}
.lostpasswordpart{ float:right; margin-top:20px; color:#000;}
.loginbox p{ float:left; font-size:30px; padding:20px 15px 0 15px; font-size:15px; color:#000;}
.loginbox p a{ color:#000;}
.leftlogbut{ background:#3e93df; padding:7px 20px; color:#fff; font-size:17px; float:right; border:none; margin-right:15px; margin-top:15px;}
.leftlogbut:hover{ background:#2068a8;}
.create-but{background:#e59438; padding:7px 20px; color:#fff; font-size:17px; float:left; border:none; margin-left:15px; margin-top:15px;}
.create-but:hover{background:#a96212;}



.formpart{ width:100%; float:left; padding:8% 0;}
.formpart h3{ color:#000; font-size:27px; padding-bottom:10px; border-bottom:1px solid #ccc; float:left; width:100%; margin-top:1px;}
.mainnamepart{ width:100%; float:left; margin-bottom:20px;}
.mainnamepart h2{color:#000; font-size:45px; float:left;}
.rightlogoutpart{ float:right;}
.rightlogoutpart span{ float:left; line-height:32px;}
a.logoutbut{background:#3e93df; padding:7px 20px; color:#fff; font-size:17px; float:left; border:none; margin-left:10px; text-decoration:none;}
a.logoutbut:hover{ background:#2068a8;}
.leftformpart{ float: left;
    padding: 0 35px 0 0;
    width: 47%;}
.rightformpart{width:45%; float:right;}
.fullformpart{ width:100%; float:left;}
.form-inputmain{ width:100%; float:left; margin-top:20px;}
.formlabel{ font-size:20px; color:#000; float:left; width:30%; line-height:44px;}
.formlabeldata{ font-size:20px; color:#0fa13d; float:left; width:100%; line-height:44px;}
.form-inputmain span{ float:left; width:70%;}
.form-inputmain span input[type=text]{ border:1px solid #ccc; padding:10px 7px; width:96%;}
.form-inputmain span input[type=password]{ border:1px solid #ccc; padding:10px 7px; width:96%;}
.form-inputmain span select{border:1px solid #ccc; padding:10px 7px; width:100%;}

.form-inputmain22{width:100%; float:left; margin-top:20px;}
.formlabel22{ font-size:20px; color:#000; float:left; width:14%; line-height:44px;}
.form-inputmain22 span{ float:left; width:83%;}
.form-inputmain22 span textarea{border:1px solid #ccc; padding:10px 7px; width:98.5%; resize:none;}
.leftbasicpart{ width:48%; float:left; border:1px solid #000; padding:0px 0 10px 0; text-align:center; margin-top:20px;}
.leftbasicpart h2{ color:#fff; font-size:30px; font-weight:bold; background:#1499cc; padding:10px 0;}
.leftbasicpart h4{ color:#000; font-size:25px; padding-top:10px;}
.leftbasicpart p{ color:#000; font-size:20px; padding-top:15px;}

.rightbasicpart{width:100%; float:left; border:1px solid #000; padding:0px 0 10px 0; text-align:center; margin-top:20px;}
.rightbasicpart h2{ color:#fff; font-size:30px; font-weight:bold; background:#1499cc; padding:10px 0;}
.rightbasicpart h4{ color:#000; font-size:25px; padding-top:10px;}
.rightbasicpart p{ color:#000; font-size:20px; padding-top:15px;}
.rightbasicpart22{width:48%; float:left; border:1px solid #000; padding:0px 0 10px 0; text-align:center; margin-top:20px;}

a.buynowbut{background:#3e93df; padding:11px 45px; color:#fff; font-size:17px; border:none; text-decoration:none; margin-top:20px; display:inline-block;}
a.buynowbut:hover{ background:#2068a8;}

.inputlowebutton{background:#3e93df; padding:11px 45px; color:#fff; font-size:17px; float:left; border:none; text-decoration:none; margin-top:20px; margin-right: 16px;}
.inputlowebutton:hover{ background:#2068a8;}
.inputlowebutton[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  border: 0px outset ButtonFace;
  color: GrayText;
  cursor: inherit;
  background-color: #ddd;
  background: #ddd;
}

.mediaimg{ width:100%; float:left;}
.partinput{ width:100%; float:left; margin-top:40px}
.partinputprivate{ width:100%; float:left; margin-top:40px;background-color: #FDAB48;}
.leftpartinput{ width:48%; float:left;}
.rightpartinput{width:48%; float:right;}
.rightmain{ width:48%; float:right; text-align:center;}

.totalinput{ width:100%; float:left; margin-top:10px;}
.comlabel{font-size:20px; color:#000; float:left; width:30%; line-height:44px;}
.comlabelprivate{font-size:20px; color:#000; float:left; width:29%; line-height:44px;margin-left:5px}
.comlabelprivateBold{font-weight: bold; font-size:20px; color:#000; float:left; width:29%; line-height:44px;margin-left:5px}

.totalinput span{float:left; width:70%;}
.totalinput span input[type=text]{ border:1px solid #ccc; padding:10px 7px; width:96%;}
.totalinput span input[type=password]{ border:1px solid #ccc; padding:10px 7px; width:96%;}
.totalinput span select{border:1px solid #ccc; padding:10px 7px; width:100%;}
.mappart{ width:100%; float:left;}

.totalinput22{width:100%; float:left; margin-top:10px;}
.comlabel22{font-size:20px; color:#000; float:left; width:100%; line-height:44px;}
.totalinput22 span{float:left; width:100%;}
.totalinput22 span textarea{border:1px solid #ccc; padding:10px 7px; width:96%; height:341px;}

#media-list li img {
    width: 100px;
    height: 100px
}

#media-list li {
    height: 102px
}

#media-list li video {
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

div#hint_brand .modal-dialog {
    top: 110px;
    width: 567px;
    max-width: 100%
}

li.myupload span {
    position: relative;
    width: 100px;
    height: 100px;
    display: block;
    background: #fff
}

li.myupload span input {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

li.myupload span i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ccc;
    font-size: 54px
}
li.myupload span i  img{ width:auto!important; height:auto!important;}
#media-list li {
    float: left;
    border: 1px solid #ccc;
    background: #ccc;
    position: relative;
    margin: 0 5px 5px 0;
    width: 102px
}

#media-list li:last-child {
    margin-right: 0
}

.post-thumb {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none
}

#media-list li:hover .post-thumb {
    display: block
}

a.remove-pic {
    position: absolute;
    top: -4px;
    right: 7px;
    font-size: 12px;
    color: #fff;
    
    border-radius: 50%;
    display: block;
    height: 25px;
    width: 25px;
    text-align: center;
    padding: 3px 0; background: url('../images/cross-img.png') right no-repeat;
}

.inner-post-thumb {
    position: relative
}

.user-post-text-wrap {
    position: relative
}

.user-pic-post {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0
}

.user-pic-post img {
    width: 100%
}

.user-txt-post {
    padding: 0 0 0 65px
}

textarea.form-control.upostTextarea {
    border: 0;
    box-shadow: none;
    height: 85px;
    resize: none
}

.user-post-text-wrap {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px
}

.user-post-btn-wrap {
    margin: 25px 0 0
}

ul.btn-nav {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.btn-nav li {
    position: relative;
    float: left;
    margin: 0 10px 0 0
}

ul.btn-nav li span input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=100)
}

ul#media-list {
    list-style: none;
    padding: 0;
    margin: 0
}