/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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-------*/
#icone_mobile{
display: none;
}
/*-------FIN MOBILE ONLY-------*/

/*--------GENERAL---------*/
body{position: relative;font-family: 'Open Sans', sans-serif;font-family: 'Catamaran', 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: -2px;
}
#slider .bx-clone {
  /*display: none;*/
}
.clear{
clear: both;
}
.bold{
font-weight: bold;
}
.orange{
color: #f37234;
}
.rouge {color: #000000;}
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;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.grayscale.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.line_middle{
  display: table;
  white-space: nowrap;
}
.line_middle:before, .line_middle:after{
    border-top: 1px solid black;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.6em;
    width: 30%;
}
.line_middle:before{
    right: 3%;
}
.line_middle:after{
    left: 3%;
}

#error_404{
    text-align: center;
    padding: 23% 2%;
}
#error_404 h1{
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 0 20px;
}
#error_404 p{
    font-size: 22px;
    font-weight: 300;
}

.bouton{
    text-decoration: none;
    color: #fff;
    background-color: #1d4094;
    padding: 25px 65px;
    display: inline-block;
}

/*--------FIN GENERAL---------*/


/*--------OWL CAROUSEL------------------*/
.owl-carousel .owl-dots{
    text-align: center;
    margin: 20px auto 0;
}
#caroussel_item.owl-carousel .owl-dot{
    width: 8px;
    height: 8px;
}
.owl-carousel .owl-dot{
    width: 20px;
    height: 20px;
    background-color: #afafaf;
    display: inline-block;
    margin: 0 2px;
    border-radius: 0;
}
.owl-carousel .owl-dot.active{
    background-color: #000000;
}
#caroussel_item.owl-carousel.thumbs .owl-dot{
    margin: 4px 0.5% 0;
    width: 18.3%;
    background-size: cover;
    border: 1px solid #000000;
}
.owl-carousel.thumbs .owl-dots{
    text-align:left;
    margin: 0 auto 0;
}

.owl-carousel .owl-stage {
    margin: 0 auto;
}

.owl-prev{
    background-color: red;
}


#vedette_caroussel_nav{}
#vedette_caroussel_nav .owl_nav{
    top: 50%;
    position: absolute;
    cursor: pointer;
    width: 20px;
    padding: 10px;
    background-color: black;
}
#vedette_caroussel_nav .owl_nav.prev{
    left: 0;
}
#vedette_caroussel_nav .owl_nav.next{
    right: 0;
}


#main_caroussel_nav{}
#main_caroussel_nav .owl_nav{
    top: 60%;
    position: absolute;
    cursor: pointer;
    width: 20px;
    padding: 10px;
    background-color: black;
    z-index: 9999;
}
#main_caroussel_nav .owl_nav.prev{
    left: 10px;
}
#main_caroussel_nav .owl_nav.next{
    right: 10px;
}

/*--------OWL CAROUSEL------------------*/





/*****CATALOGUE***********************************************************************************************/
#catalogue {padding: 5% 2% 6%;background-color: #fff;}
#catalogue.emplois {padding: 4% 2%;background-color: #fff;}

#catalogue #cata_title{
    color: #404040;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px;
}
#catalogue #cata_desc{
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 60px;
    max-width: 90%;
    font-size: 18px;
    font-weight: 300;
}

#produits_catalogue {float: left;width: 76%;}
.emplois #produits_catalogue {float: none;width: 100%;padding: 5% 2%;}
#produits_catalogue .no-item{
    text-align: center;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 300;
}
div#produits_head {margin: 0 0 20px;border-bottom: 1px solid #474747;padding: 1% 0.5%;width: 97%;}

div#produits_head > p {float: left;width: 50%;font-size: 14px;color: #727272;padding: 20px 0 0;line-height: 1.2;}

div#reserved-display-btn {
float: right;
margin-bottom: 5px;
}

div#reserved-display-btn img{
max-width: 100%;
}

select#reserved-select-tri {
float: right;
padding: 3px 5px;
border: 1px solid #D8D8D8;
color: #7E7E7E;
width: 25%;
}

div#produits_head > p:first-letter{
text-transform: capitalize;
}

div#produits_head > p > a{
text-decoration: none;
color: #727272;
}

div#produits_head > p > a:hover{
color: #7e0002;
}

div#reserved-display-btn img{
cursor: pointer;
padding: 5px;
}

div#reserved-display-btn img:hover, div#reserved-display-btn img.active{
background-color: #EBEBEB;
}

/*------SEARCH BAR-----------*/
#reserved-search-bar {width: 50%;position: relative;margin: 0 0 0;text-align: right;float: right;}

#reserved-search-bar input[type="text"] {width: 70%;padding: 9px 15px;font-size: 16px;color: #000000;vertical-align: top;margin: 1px -13px;background-color: #ffffff;border: none;border-radius: 0;border: 1px solid rgba(0, 0, 0, 0.23);}

#reserved-search-bar input[type="submit"] {border: none;background-color: #000000;background-image: url('../images/glass_icon.png');background-repeat: no-repeat;background-size: 45%;background-position: 11px 10px;font-weight: bold;color: #fff;border-radius: 0px;height: 39px;width: 39px;cursor: pointer;}
#reserved-search-bar input[type="submit"]:hover{
    background-color: black;
}


#reserved-display-results {
background: rgb(0,0,0);
background: rgba(0,0,0,0.85);
position: absolute;
right: 0;
z-index: 999;
width: auto;
box-shadow: 2px 4px 5px #646464;
border-radius: 5px;
display: none;
}

#reserved-search-bar #reserved-display-results a {
margin: 10px;
color: #ccc;
text-decoration: none;
text-transform: uppercase;
display: block;
line-height: 1;
text-align: right;
font-size: 12px;
border-bottom: 1px solid #ccc;
padding: 0 0 7px;
float: none;
}

#reserved-search-bar #reserved-display-results a:hover {
color: #82B244;
}

#reserved-search-load {
position: absolute;
right: -45px;
top: 15%;
width: 3%;
padding: 0 2% 0 0;
display: none;
}

#reserved-display-results img {
width: 25%;
padding: 0 3% 0 0;
vertical-align: middle;
display: block;
float: left;
}

div#pagination {border-top: 1px solid #ececec;padding: 11px 0 0;margin: 4px 0 0;}

#pagination #pages ul {
text-align: center;
}

#pagination ul li {
font-size: 12px;
background-color: #EBEBEB;
padding: 5px 10px;
margin: 2px;
cursor: pointer;
width: 10px;
display: inline;
}

#pagination #pages ul li.pagination_nav {
background: none;
}

#pagination #pages ul li.pagination_nav.disable {
color: rgb(218, 218, 218);
cursor: default;
}

#pagination ul li:hover, #pagination ul li.active{
background-color: #ccc;
}

#pagination #par_page ul li {
font-size: 10px;
padding: 5px 7px;
}

#reserved-nbr-item-infos_wrapper{
width: 20%;
float: left;
}

#pagination #pages{
width: 50%;
float: left;
}

#pagination #par_page{
width: 30%;
float: left;
}

#pagination label {
font-size: 14px;
color: #727272;
padding: 2% 2% 0;
line-height: 1.2;
}

#pagination #par_page label, #pagination #par_page ul {
float: right;
}
/*------FIN SEARCH BAR-----------*/

/*--------------PRODUITS--------------*/
#produits_catalogue div.reserved-item {position: relative;float: left;width: 23.4%;margin: 0 1% 10px 0;padding: 0;text-align: center;color: #3e3e3e;}

#produits_catalogue div.reserved-item h4 {}

#produits_catalogue div.reserved-item p {}

#produits_catalogue div.reserved-item p.prix {}

#produits_catalogue div.reserved-item p.prix span {
text-decoration: line-through;
font-size: 14px;
padding: 0 10px 0 0;
color: #474747;
}

#produits_catalogue div.reserved-item img{
display: block;
margin: 0 auto;
max-width: 100%;
}

#produits_catalogue div.reserved-item a.savoir_plus {margin: 35px 0 0;text-decoration: none;background-color: transparent;border: 1px solid #000000;color: #000000;padding: 10px 25px;display: inline-block;margin: 30px 0 0;text-transform: none;font-size: 13px;font-weight: 400;text-transform: uppercase;}

#produits_catalogue div.reserved-item a.savoir_plus:hover{
    background-color: black;
    color: white;
}
/*---Display List-----*/
#produits_catalogue div.reserved-item.display_list {
width: 95%;
float: none;
min-height: 140px;
}
.reserved-item_insert_date{
    display:none;
}
#produits_catalogue div.reserved-item.display_list img {
float: left;
width: 35%;
margin: 1% 2% 0 0;
}

#produits_catalogue div.reserved-item.display_list h4 {
float: left;
padding: 2% 0;
width: 60%;
text-align: left;
}

#produits_catalogue div.reserved-item.display_list a.savoir_plus {
right: 0;
width: 20%;
}

#produits_catalogue div.reserved-item.display_list p{
text-align: left;
}


#catalogue div.pis_item {text-align: center;position: relative;border: 1px solid rgba(70, 87, 103, 0.3);}
#catalogue div.pis_item .iib_wrap{
    padding: 20px 0;
}
#catalogue div.pis_item .info_item_bou{
    padding: 0 5%;
}
#catalogue div.pis_item:hover .iib_wrap{
}
#catalogue div.pis_item h4 {
    font-size: 19px;
    line-height: 1;
    padding: 0;
    font-weight: 300;
}

#catalogue div.pis_item p {font-size: 14px;padding: 10px 0;line-height: 1.2;}
#catalogue div.pis_item .promo_label{
    position: absolute;
    background-color: #000000;
    border: 2px solid #fff;
    top: -10px;
    left: -11px;
    padding: 8px;
    width: 50px;
    height: 50px;
    border-radius:50%;
    font-size: 13px;
    color:#fff;
    line-height: 48px;
    text-align:center;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
#catalogue div.pis_item p.prix {font-weight: 300;font-size: 25px;display: block;}

#catalogue div.pis_item p.prix span {text-decoration: line-through;font-size: 17px;padding: 0 10px 0 0;display: inline-block;font-weight: 300;}

#catalogue div.pis_item img{display: block;margin: 0 auto;max-width: 100%;width: 100%;display: block;margin: 0 auto;max-width: 100%;width: auto;max-height: 200px;vertical-align: middle;display: inline-block;}

.cata_img_wrapper{
    text-align: center;
    border-bottom: 1px solid rgba(70, 87, 103, 0.3);
    padding: 7px 0;
}
.cata_img_wrapper span{
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
/*---FIN Display List-----*/

/*--------------FIN PRODUITS--------------*/



/*--------SIDE MENU--------------*/
#side_cata_fiche{
    float: left;
    width: 20%;
}
#side_catalogue {float: left;width: 20%;margin: 0 2% 0 0;border-radius: 3px;padding: 0 1% 0;}
#side_cata_fiche #side_catalogue{
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#categorie_catalogue{
}
#marque_catalogue{
}
#side_catalogue > p {
padding: 10px 5px;
border-radius: 3px;border: none;
margin: 3px 0 5px;
cursor: pointer;}
#side_catalogue > p > a{
color: #7e0002;
}

#side_catalogue > p.active, #side_catalogue > p:hover {
background-color: rgb(235, 235, 235);
}

#side_catalogue p {font-size: 16px;padding: 30px 0 0;border-radius: 3px;border: none;}

#side_catalogue a {text-decoration: none;color: #465767;padding: 10px 10px;display: block;background-color: transparent;border: 1px solid rgba(70, 87, 103, 0.22);margin: 5px 0;font-size: 13px;max-width: 220px;}

#side_catalogue li.active a, #side_catalogue li a:hover{
    background-color: #000000;
    color: #fff;
}
#side_catalogue > div > ul li:hover span.reserved-arrow::after, #side_catalogue > div > ul li.active span.reserved-arrow::after{
    color:#fff;
}
#side_catalogue li.active ul li a:hover, #side_catalogue li.active ul li a.active{background-color: #1c1c1c;border-color: #1c1c1c;}



#side_catalogue > div > ul {padding: 0;line-height: 1.2;}

#side_catalogue > div > ul li {padding: 0;border-radius: 0;border: none;0: 3px 0;
position: relative;background-color: transparent;margin: 0;}

#side_catalogue > div > ul li span.reserved-arrow::after {content: '\25b6';color: #a6a6a6;font-size: 10px;display: inline-block;position: absolute;right: 10px;top: 13px;}

#side_catalogue > div > ul li span.reserved-arrow.down::after{
content: '\25bc';
}



#side_catalogue > div > ul > li > ul {padding: 0px 0 0px 10px;
display: none;}


#side_catalogue > div > ul > li span{
cursor: pointer;
}

.tinynav{
display: none;
}
/*--------FIN SIDE MENU--------------*/
/**********FIN CATALOGUE********************/



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 20px 0 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-----------FICHE--------------*/
div#fiche {padding: 3% 2% 9%;}

div#fiche a#back_to_product{
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #2e2e2e;
    color: #2e2e2e;
    display: block;
    margin: 0 0 20px;
    padding: 9px 20px 7px;
    max-width: 100px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
div#fiche a#back_to_product:hover{
    background-color: #2e2e2e;
    color: #fff;
}

#fiche a#back_soins{
    display: block;
    border: 1px solid #76b3e0;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0px;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: none;
    color: #465767;
    width: 150px;
}
#fiche a#back_soins:hover{
    background-color: #76b3e0;
    color: white;
}

#fiche_add_cart{
    display: block;
    border: 1px solid #76b3e0;
    font-size: 22px;
    font-weight: 300;
    padding: 15px 0px 15px 20px;
    margin: 10px 0px 20px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    width: 97%;
    background-color: #76b3e0;
    cursor: pointer;
}
div#payment_info > a, div#payment_info button {
    text-decoration: none;
    background-color: #c52328;
    color: #fff;
    border: 2px solid #c52328;
    display: inline-block;
    padding: 10px 40px 13px;
    font-size: 20px;
    margin: 0 0 20px;
    width: auto;
    text-align: center;
    cursor: pointer;
}
div#payment_info > a i, div#payment_info button i {
    padding: 0 11px 0 0;
}


#fiche_add_cart:hover{
    background-color: transparent;
    color: #c52328;
}



div#fiche h1 {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #2e2e2e;
    font-size: 33px;
    font-weight: 400;
    text-transform: none;
    line-height: 1.2;
}

div#fiche_gauche {float: left;width: 30%;margin: 5px 0 0 2%;}
.promotion div#fiche_gauche{
    width: 25%;
    margin: 0;
}
.promotion div#fiche_droite{
    width: 72%;
}
.promotion div#fiche_droite.full_width{
    max-width: 1100px;
    border:none;
    padding: 20px 0 0;
    float: none;
    width: 100%;
}

div#fiche_droite {float: left;width: 65%;/* border-left: 1px solid rgba(0, 0, 0, 0.12); */padding: 30px 0 0 0;}
#postuler_btn:hover{
    background-color: #2e2e2e;
}
#slider_projet {

}

#fiche_option_item{
    padding: 4% 0 2%;
}
#fiche_option_item p.cat_option_name{
    text-align: right;
}
#fiche_option_item select{
    display: block;
    padding: 5px;
    margin: 5px 0 30px;
    float: right;
    font-size: 14px;
}
#fiche_option_item select option{}



.wysiwyg {margin: 20px 0;}

.wysiwyg p {line-height: 1.6;font-size: 16px;padding: 0 0 15px;font-weight: 300;}

.wysiwyg img{
    max-width:100%;
    height: auto !important;
}


.wysiwyg h2{
    font-size: 22px;
    padding: 2% 0;
}

.wysiwyg h3{
    font-size: 19px;  
    padding: 2% 0;
}
.wysiwyg a{
    color: #76b3e0;
}
.wysiwyg a:hover{
    color: #465767;
}



.wysiwyg p strong{
    font-weight: 600;
}

.wysiwyg p em{
    font-style: italic;
}
.wysiwyg p s{
    text-decoration: line-through;
}

.wysiwyg ol{
    list-style-type: decimal;
    line-height: 1.4;
    padding: 1% 0 1% 10%;
    text-align: left;
}

.wysiwyg ul{
    list-style: disc;
    line-height: 1.2;
    padding: 10px 0 10px 10%;
    text-align: left;
}
.wysiwyg ul li{
    padding: 0 0 10px;
}


.wysiwyg blockquote{
  padding-left: 15px;
  margin: 5% 0 5% 5%;
  border-left: 3px solid #ccc;
  font-style: italic;
} 


#fiche_gauche h5, #fiche_droite h5 {
font-size: 20px;
border-bottom: 1px solid #000;
padding: 1% 0;
margin: 0 0 2%;
color: #7e0002;
}

#fiche_sommaire {
background-color: #7e0002;
color: #fff;
padding: 10px 0;
margin-bottom: 5%;
width: 100%;
}

#fiche_sommaire p {
font-size: 20px;
font-weight: bold;
padding: 5% 5% 0;
text-transform: uppercase;
}

#fiche_sommaire ul {
font-size: 16px;
padding: 5% 10%;
line-height: 1.2;
list-style: square;
text-align: left;
}

#fiche_sommaire ul li{
padding: 5px 0;
}

div#fiche_spec {
}

#fiche_spec ul{
background-color: #fff;
}

#map_fiche{
    padding: 10% 0 0;
    width: 100%;
    margin: 0 auto;
}
#map_fiche p{
    padding: 3% 0;
}
#map_fiche iframe{
    max-width: 100%;
}

#fiche_spec ul li:nth-child(odd) {
font-weight: bold;
line-height: 1.2;
font-size: 15px;
background-color: #9B9B9B;
color: #fff;
padding: 3px 5px;
border-radius: 1px;
}

#fiche_spec ul li:nth-child(even) {
padding: 5px 0px 10px;
color: #444444;
font-weight: bold;
font-size: 13px;
}

#fiche_spec ul li:nth-child(even):before {
    content:'';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 0 5px 0 0;
}

div#fiche_download {
padding: 5% 0;
background-color: #272727;
margin-bottom: 5%;
color: #fff;
}

div#fiche_download p{
font-size: 20px;
font-weight: bold;
padding: 0 5% 3%;
text-transform: uppercase;
}

div#fiche_download a {
display: block;
padding: 10px 0 0 4%;
text-decoration: none;
color: #fff;
font-weight: bold;
cursor: pointer;
}

div#fiche_download a img {
vertical-align: middle;
max-width: 100%;
margin-right: 2%;
width: 7%;
}

div#fiche_download a:hover{
color: #C72000;
}


#fiche_option_item_chbx{
    font-family: 'Open Sans Condensed', sans-serif;
}
#fiche_option_item_chbx .cat_option{
    background-color: rgba(241, 238, 238, 0.33);
    margin: 15px 0;
    padding: 15px 3%;
}
#fiche_option_item_chbx .cat_option p{
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: bold;
    color: #929292;
}



#fiche_option_item_chbx .cat_option span{
    display: block;
    padding: 0 0 5px;
    font-size: 20px;
}
#fiche_option_item_chbx .cat_option span b{
    font-weight:bold;
    color: #454444;
}

#fiche_option_item_chbx .cat_option input{
    margin: 3px 7px 0px 5px;
}



#fiche_option_item{
    padding: 4% 0 2%;
}
#fiche_option_item select{
    display: block;
    padding: 5px;
    margin: 5px 0;
    font-size: 14px;
}
#fiche_option_item select option{}

div#payment_info {text-align: left;}
div#payment_info > a{
    text-decoration: none;
    background-color: transparent;
    color: #303030;
    border: 1px solid #3f3f3f;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 300;
    font-size: 16px;
    border-radius: 0px;
    margin: 1% 0;
    width: 95%;
    max-width: 200px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0px;
    margin: 0 0 20px;
    text-align: center;
}
div#payment_info > a:hover{
    background-color: rgb(59, 59, 59);
    color: white;
}

#payment_info p.prix {color: #000000;font-weight: 900;font-size: 40px;padding: 0;margin: 20px 0;}

#payment_info p.prix span {
text-decoration: line-through;
font-size: 20px;
padding: 0 10px 0 0;
color: #474747;
}

#media_share{
    text-align: right;
    padding: 2% 0;
}
#media_share a{}
#media_share img{
    max-width: 30px;
}
#media_share img:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}
#media_share p{
    font-weight: 300;
    color: #292929;
    padding: 5px 5px 10px;
}



.video-container {
position: relative;
padding-bottom: 33%;
padding-top: 30px; height: 0; overflow: hidden;
width: 86%;
margin: 0 auto;
}

.video-container.fiche {
padding-bottom: 56.25%;
width: 100%;
margin-top: 3%;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

div#no_item_found {
padding: 5% 0 20%;
text-align: center;
font-size: 30px;
text-transform: uppercase;
font-weight: bold;
}
/*-----------FIN FICHE--------------*/
/*****FIN CATALOGUE***********************************************************************************************/


/*****PANIER***********************************************************************************************/

.none{
    display: none;
}
.mobile-only{
    display:none;
}
div#panier_container {margin: 0 auto;width: 100%;padding: 50px 0 0;}

#panier_head{
    background-color: #626166;
    color: #fff;
    overflow: hidden;
    margin: 0 0 15px;
}
#panier_head > div{
    float: left;
    text-align: center;
    padding: 20px 0;
    font-weight: 300;
    font-size: 22px;
}
#panier_head_image{
    width: 20%;
}
#panier_head_titre{
    width: 30%;
}
#panier_head_qte{
    width: 15%;
}
#panier_head_total{
    width: 20%;
}
#panier_head_supprimer{
    width: 10%;
}

#panier{
}
#panier > h6{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5% 0 30%;
}
.panier_item{
    border-top: 1px solid #d4d4d4;
    padding: 7px 0;
    margin: 0% 0;
}
.panier_item:last-child{
    border-bottom: 1px solid #d4d4d4;
}
.panier_item > div:not(.clear){
    text-align: center;
}
.panier_item_image{
    float: left;
    width: 20%;
    margin: 0;
    max-height: 125px;
    overflow: hidden;
}
.panier_item_image img{
    width: 100px;
    max-width: 100%;
}
.panier_item_nom{
    float: left;
    width: 30%;
    padding: 1% 0 0;
}
.panier_item_nom a{
    text-decoration: none;
    font-size: 24px;
    color: #000;
    padding: 0 0 10px;
    display: block;
}
.panier_item_prix{
}
.panier_item_prix span{
    text-decoration: line-through;
    font-size: 20px;
    font-style: italic;
    padding: 5px 0px;
    display: inline-block;
}
.panier_item_prix p{
    font-size: 30px;
    font-weight: bold;
    color: rgb(137, 73, 73);
}
.panier_item_qte{
    float: left;
    width: 15%;
    padding: 3% 0;
    margin: 0 auto;
}
.panier_item_qte a{
    float: left;
    width: 40%;
}
.panier_item_qte p{
    float: left;
    
    width: 20%;
    font-size: 30px;
    text-align: center;
}
.panier_item_qte img{
    width: 24%;
    display: block;
    margin: 8px 5px 0;
}
.panier_item_qte img.moins{
    margin: 8px 8px 0 0;
    float: right;
}

.panier_item_subtotal{
    float: left;
    width: 20%;
    text-align: center;
    padding: 3% 0;
}
.panier_item_subtotal p{
    font-size: 25px;
}
.panier_item_delete{
    float: left;
    width: 10%;
    padding: 10px 0;
}
.panier_item_delete a{
    text-decoration:none;
    font-size: 60px;
    font-weight: 200;
    color: #000;
}
.panier_item_delete a:hover{
    color: #c52328;
    font-weight: bold;
}


.panier_item_delete img{
    width: 20%;
}

#panier_header{
    position: absolute;
    background-color: #c52328;
    color: #fff;
    right: 0;
    top: 0;
    z-index: 9999;
}

#panier_header img{
    width: 25px;
    vertical-align: bottom;
    padding: 0 10px 0 0;
}
#panier_header p{
}

#panier_header span{
    
}
#panier_header a{
    text-decoration:none;
    color:#fff;
    font-size: 24px;
    font-weight: 300;
    padding: 13px;
    display: block;
}
#panier_header:hover{
    background-color: #626166;
}

#panier_bottom{
    padding: 2% 2% 3%;
    background-color: rgb(247, 247, 247);
    margin: 2% 0 0;
}

#panier_bottom #fiche_client{
    padding: 0;
    float: left;
    width: 68%;
    background-color: transparent;
}
#panier_bottom #fiche_client #fiche_infos_client{}
#panier_bottom #fiche_client #fiche_infos_client div{
    float: none;
    width: auto;
    margin: 0 1%;
    padding: 3%;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse{
    background-color: transparent;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse h4{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    font-style: italic;
    padding: 0 0 10px;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse p{
    line-height: 1.2;
    text-align: left;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse p span{
    color: #E91B23;
    display: inline-block;
    padding: 10px 2% 0;
    width: 46%;
    text-align: right;
}
#panier_bottom #fiche_client #fiche_infos_client #fiche_btns{
    padding: 0;
    width: 20%;
}
#panier_bottom #fiche_client #fiche_infos_client #fiche_btns a{
    display: block;
    text-decoration: none;
    background-color: #E91B23;
    color: #fff;
    padding: 15px 2%;
    width: 96%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
#panier_bottom #fiche_client #fiche_infos_client #fiche_btns a:hover{
    background-color: red;
}

#form_commande_user_wrapper{
    float: left;
    width: 65%;
}
#fcuw_gauche, #fcuw_droite{
    float: left;
    width: 50%;
}
#form_commande_user_wrapper h4, #calcul_panier h4{
    font-size: 30px;
    padding: 15px 0 25px;
    font-weight: bold;
}

#form_commande_user{}
#form_commande_user p{
    color: #fff;
    margin: 10px 0;
}

#form_commande_user label{
    display: block;
    padding: 0 0 4px;
    font-size: 18px;
}
#form_commande_user .half{
    float:left;
    width: 45%;
    margin:0 1% 0 0;
}

#form_commande_user label.form_error{
    color: #D21515;
    font-style: italic;
    font-size: 14px;
}

#form_commande_user input{
    display: block;
    padding: 12px 10px;
    margin: 0 0 20px;
    border-radius: 0;
    border: 1px solid rgba(1, 32, 78, 0.35);
    background-color: rgba(255, 255, 255, 0.55);
    font-size: 16px;
    width: 85%;
}
#form_commande_user select{
  display: block;
    
  padding: 7px 6px;
    margin: 0 0 15px;
    border-radius: 5px;
    border: 1px solid rgba(1, 32, 78, 0.35);
    background-color: rgba(255, 255, 255, 0.55);
    font-size: 15px;
    
  width: 84%;
}

#form_commande_user input[type="submit"]{
    display: block;
    width: auto;
    border: none;
    padding: 12px 6%;
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    margin: 20px 0 0;
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    cursor: pointer;
    border-radius: 0;
}
#form_commande_user input[type="submit"]:hover{
    background-color: transparent;
    color: #000;
}


#calcul_panier{
padding: 0;
width: 35%;
margin: 0 auto;
float: right;
max-width: 350px;
}

#calcul_panier .erreur_transport{
    background-color: #c52328;
    color: #fff;
    padding: 25px 5px;
    text-align: center;
    margin: 0 0 5px;
    font-size: 16px;
    font-style: italic;
}

#calcul_panier_infos{
margin: 0 0 2%;
padding: 25px 5%;
line-height: 1.4;
text-align: right;
background-color: rgb(0, 0, 0);
color: #fff;
}

#calcul_panier .transport_service_option{
    padding: 3%;
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    cursor: pointer;
}
#calcul_panier .transport_service_option a{
    text-decoration:none;
    color:#fff;
}


#calcul_panier .transport_service_option.chosen, #calcul_panier .transport_service_option:hover{
    background-color: #2A5F2A;
    -webkit-box-shadow: inset 5px 5px 6px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 5px 5px 6px -5px rgba(0,0,0,0.75);
    box-shadow: inset 5px 5px 6px -5px rgba(0,0,0,0.75);
}

#calcul_panier .transport_service_option:nth-child(even){
    border-top:none;
}

#calcul_panier_infos #cal_pan_div{
    padding: 15px 0;
}

#calcul_panier_infos #cal_pan_div h6{
    padding: 10px 10px 7px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.49);
    font-size: 24px;
    line-height: 1;
    font-weight: 300;
}
#calcul_panier_infos #cal_pan_div p{
    font-size: 15px;
    text-transform: none;
    padding: 0;
}
#calcul_panier_infos #cal_pan_div p#fdt_gr{
    font-size: 22px;
    text-transform: uppercase;
    font-style: italic;
}


#calcul_panier_infos p{
    font-size: 24px;
    line-height: 1;
    padding: 0 0 5px;
    font-weight: 300;
}
#calcul_panier_infos p.taxes{
    font-size: 18px;
    text-transform: lowercase;
}

#calcul_panier_infos p.infos_livr{
    font-size: 12px;
    text-transform: none;
    padding: 3% 0;
}


#calcul_panier_infos p#gtp{
    font-size: 33px;
    padding: 4% 0;
    font-weight: bold;
}

#calcul_panier_infos span{
    font-weight: bold;
    line-height: 1.2;
}
#calcul_panier_infos span.dol{
    font-size: 18px;
}
#calcul_panier_infos span.dol.small{
    font-size: 13px;
}


#calcul_panier_infos span.grand_total{
    font-size:40px;
}


#commander_container{
    padding: 0 0 5%;

    margin: 0 auto;
}

#pan_keep_sho{}
#pan_keep_sho a{
    text-decoration: none;
    background-color: #353538;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0 0;
    text-transform: uppercase;
    font-size: 14px;
}
#pan_keep_sho a:hover{
    background-color: #C81209;
}



#commander_container a{
    display: block;
    margin: 0 0 2%;
    text-decoration: none;
    background-color: #c52328;
    color: #fff;
    padding: 15px 1%;
    min-width: 34%;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

#commander_container a:hover{
    background-color: rgb(42, 95, 42);
}

div#panier_info{
    float: none;
    width: 100%;
}
div#transport_info{
border: 1px solid #E4E4E4;
padding: 2%;
line-height: 1.2;
}


div#transport_info_div_img{
float: left;
width: 7%;
}
div#transport_info_div_img img{
    max-width: 100%;
}
div#transport_info p{
float: left;
width: 70%;
text-align: left;
font-size: 14px;
text-transform: inherit;
color: #6B6B6B;
font-weight: 400;
margin: 11px 15px 0;
}

div#escompte_info{border: 1px solid #E4E4E4;padding: 2%;margin: 0 0 50px;line-height: 1.2;}
div#escompte_info_div_image{
float: left;
width: 7%;
}
div#escompte_info_div_image img{
    max-width: 100%;
}

div#escompte_info p{float: left;width: 70%;text-align: left;font-size: 29px;text-transform: inherit;color: #6B6B6B;font-weight: 400;margin: 7px 15px 0;}




#empty_cart_div{
    text-align: center;
    padding: 10% 2% 20%;
}
#empty_cart_div h6{
    font-size: 50px;
    font-weight: 300;
}
#empty_cart_div a{
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border: 2px solid #c52328;
    display: inline-block;
    padding: 10px 40px 13px;
    font-size: 20px;
    margin: 40px 0 0;
    width: auto;
    text-align: center;
}
#empty_cart_div a:hover{
    background-color: #c52328;
    color: #fff;
}
/**FIN PANIER****************************************************************************************************************************************/

/*------PH1------------*/
#ph1{
    text-align: right;
    background-color: #15669b;
    padding: 5px 0;
}
#nav_ph{display: inline;}
#nav_ph a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.69);
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
    border-bottom: 1px solid transparent;
}
#nav_ph a#ftp_link{
    font-weight: 600;
}

#nav_ph a:hover, #nav_ph a.active{color: white;}

#infos_ph{
    display: inline;
    margin: 0 0 0 20px;
}
#infos_ph a{
    text-decoration: none;
    color: #fff;
    color: rgba(0, 0, 0, 0.69);
    margin: 0 0;
    border-bottom: 1px solid transparent;
    font-weight: 600;
    font-size: 18px;
}
#infos_ph a i{
    padding: 0 6px 0 0;
    vertical-align: text-bottom;
    font-size: 20px;
}

#infos_ph a:hover{color: white;}

#social_ph a i{
    vertical-align: baseline;
    padding: 0 5px;
    color: #fff;
    color: rgba(0, 0, 0, 0.69);
    font-size: 20px;
}
#social_ph a i:hover{
             /* IE 9 */
             /* Chrome, Safari, Opera */
             color: #ffffff;
}


#social_ph{
    display: inline;
    padding: 0 2% 0 2%;
}

/*------FIN PH1------------*/
/***********HEADER 1****************/
#header1{position: absolute;padding: 0;z-index: 9999;width: 100%;background-color: rgba(255, 255, 255, 0.79);}
#header1 #logo{position: relative;float: none;width: 100%;box-sizing: border-box;max-width: 400px;margin: 5px auto 10px;}
#header1 #logo > a > img{max-width: 100%;width: 100%;}

#logos{
    text-align: center;
    position: absolute;
    right: 0;
    top: 10px;
    width: 22%;
    min-width: 120px;
    max-width: 250px;
}
#logos img{
    display: block;
    width: 50%;
    float: left;
}

/*----------NAV----------*/
#header1 #nav{position: relative;float: none;width: 100%;text-align: center;padding: 0;margin: 0;background-color: #2e2e2e;}
#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: 15px;padding: 21px 3% 19px;font-weight: 800;text-transform: uppercase;}
#header1 #nav ul li a:hover, #header1 #nav ul li a.active{background-color: #1d4094;}
/*-----sous-menu----*/
#header1 #nav ul li ul {position: absolute;display: none;margin: 0;padding: 0;box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);z-index: 999999;left: 0;white-space: nowrap;min-width: 100%;text-align: left;border-top: 10px solid rgb(255, 255, 255);border-bottom: 10px solid rgb(255, 255, 255);}
#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: 15px 25px;color: #111111;text-transform: none;font-size: 14px;}
#header1 #nav ul li ul li:first-child a{
border:none;
}
#header1 #nav ul li ul li a:hover {
    color: #6fc2ff;
    background-color: #f5f5f5;
}
#header1 #nav span.arrow_down{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #FFFFFF;display: inline-block;vertical-align: middle;margin: 0 0 0 5px;}

#header1 #nav ul li a.active span.arrow_down, #header1 #nav ul li a:hover span.arrow_down{
    border-top: 4px solid #6fc2ff;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 1****************/

/**********PRE HEADER**********************/
/*------PH1------------*/
#ph1{
	text-align: right;
	background-color: #ffffff;
	text-transform: uppercase;
	color: #000;
	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;*/
    max-height: 800px;
    overflow: hidden;
    background-color: black;
}
#slider .owl-carousel .owl-item img{
    opacity: 0.5;
}

#slider video{
    width: 100%;
}

.shrink{
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top; 

    position:absolute;
    top:0;
    left:0;
}

#slider .caption{
    position: absolute;
    top: 45%;
    text-align: left;
    width: 100%;
}
#slider .caption h3{
    color: #fff;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -3.5px;
}
#slider .caption p{
    color: white;
    font-size: 35px;
    font-weight: 100;
    max-width: 1000px;
}
#slider .caption a{
    margin: 20px 0 0;
}
#slider .caption a:hover{}




.template_slide_01{
    position:absolute;
    top: 45%;
    right: 24%;
    text-align: center;
    background-color: #8e8e8e;
    padding: 30px;
}
.template_slide_01 p{
  font-size: 25px;
  font-weight: 300;
  margin: 0 auto;
}


.template_slide_01 h3 {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 300;
  display: table;
  white-space: nowrap;
  margin: 0 auto;
}
.template_slide_01 h3:before, .template_slide_01 h3:after{
    border-top: 1px solid black;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.6em;
    width: 33%;
}
.template_slide_01 h3:before{
    right: 3%;
}
.template_slide_01 h3:after{
    left: 3%;
}

.template_slide_01 h5{
    text-transform: uppercase;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: 22px;
    padding: 15px 0 15px 18px;
}

.template_slide_01 a{
    display: inline-block;
    text-decoration: none;
    border: 1px solid #000000;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 22px;
    color: #000;
    margin: 30px 0 0;
}


#slide02 .caption.template_slide_01{
    left: 0;
    top: 9%;
    right: initial;
    right: auto;
}
#sl02_img{
    width: 550px;
    right: 2%;
    top: 6%;
    display: block;
    position: absolute;
    border: 1px solid #000;
}


#slide10 .caption.template_slide_01{
    top: 20%;
    right: 50%;
}
#slide06 .caption.template_slide_01{
    top: 14%;
    right: 0;
    background-color: rgba(255, 255, 255, 0.46);
    padding: 5%;
}


#slide04 .caption{
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.23);
    padding: 3% 4% 0;
}
#slide04 .caption h3{
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 0 0 30px;
}
#slide04 .caption ul{
    display: inline-block;
    width: 339px;
}
#slide04 .caption li{
    background-color: rgb(152, 152, 152);
    color: #fff;
    margin: 0 0 5px;
    padding: 12px 20px;
    font-weight: 300;
    font-size: 20px;
    font-style: italic;
    text-align: left;
}

#slide05 .caption{
    left: 10%;
    top: 10%;
    right: initial;
    right: auto;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.73);
    padding: 3% 3%;
    text-align: center;
}
#slide05 .caption h3{
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 -7px;
}
#slide05 .caption h5{
    font-size: 118px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 0.8;
}
#slide05 .caption p{
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    padding: 21px 0 20px;
    text-shadow: 0px 0px 1px #000;
    line-height: 1.1;
    text-transform: uppercase;
}
#slide05 .caption span{
    color: #fff;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
}
#slide06{
    max-height: 574px;
}


#slider .bx-wrapper .bx-pager {
    position: absolute;
    font-family: 'Open sans', sans-serif;
    font-weight: bold;
    font-size: .85em;
    color: #a2a2a2;
    padding: 0 0 0 0;
    top: 84%;
    bottom: inherit;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}


#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.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {border: 2px solid #000000;background: #000;}
#slider .bx-wrapper .bx-pager.bx-default-pager a {background: rgb(255, 255, 255);text-indent: -9999px;display: block;width: 15px;height: 15px;margin: 0 0px;border: 2px solid #FFFFFF;outline: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;box-shadow: none;}
#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%;}
#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 #7e0002;
}
#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: #2e2e2e;color: #fff;padding: 1%;text-align: center;font-size: 12px;line-height: 1.6;}
#footer_f1 > p{
    padding: 0 0 4px;
    font-size: 14px;
}
#footer_f1 > p > a {
color: #fff;
text-decoration: none;
}
/*--------FIN FOOTER F1-------*/

/*--------FOOTER F5-------*/
#footer_f5 {padding: 1% 0;}

#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(0, 0, 0);
	padding: 1% 0 0 2%;
}
#footer_f5 div.item_f5:nth-child(1) p a{
	text-decoration:none;
	color: rgb(0, 0, 0);
}
#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: #2e2e2e;
}
#footer_f6 .wrapper_f6{
    margin: 0 auto;
}
#footer_f6 #f6_sociaux{
    max-width: 70%;
    margin: 0 auto;
}
#footer_f6 #f6_sociaux div{
    float: left;
    width: 21%;
    margin: 0 2%;
}
#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: 0;
}
#footer_f6 #f6_logo img{
    max-width: 100%;
    width: 260px;
}
#footer_f6 p{
    text-align: center;
    color: #000000;
    font-size: 14px;
    line-height: 1.4;
}
#footer_f6 p a{
    text-decoration: none;
    color: #000000;
}

#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;margin: 0 0 5px;}
#form_contact textarea{height: 150px;margin-bottom: 20px;font-size: 14px;padding: 5px;font-family: 'Open Sans', sans-serif;}
#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;font-family: 'Open Sans', sans-serif;}
#form_contact input[type="submit"]:hover{
background-color: #89c54f;
color: #fff;
}
/*---------FIN FORMULAIRE DE CONTACT----------*/




/**********SERIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1{padding: 5% 2%;background-color: #2e2e2e;background: linear-gradient(rgba(0, 0, 0, 0.63),rgba(0, 0, 0, 0.7)),url(../images/bg_real_contact.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
#bloc_a1 div.item_a1 {float: left;width: 45%;color: #ffffff;box-sizing: border-box;}
#bloc_a1 #bloc_a1_gauche{
    width: 60%;
    padding: 0 100px 0 0;
}
#bloc_a1 #bloc_a1_gauche img{
    width: 80px;
    vertical-align: middle;
}
#bloc_a1 #bloc_a1_gauche span{
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
    line-height: 1.2;
    font-style: italic;
    padding: 0 0 0 20px;
}

#bloc_a1 #bloc_a1_droite{
    width: 40%;
}

#bloc_a1 img{
max-width: 100%;
padding: 0 0 3% 0;
width: 100%;
}
#bloc_a1 h3{font-size: 50px;padding-bottom: 20px;font-weight: 900;padding: 0 10% 5% 0;}
#bloc_a1 p{line-height: 1.4;font-size: 19px;font-weight: 300;padding: 0 0 20px;}
#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{padding: 0 2% 5%;margin: -50px 0 0;}
#bloc_a2 div.item_a2{float: left;width: 32.3333333%;margin: 0 0.5%;}
#bloc_a2 div.item_a2 > div {padding: 90px 40px 40px;background-color: #e6e6e6;color: #2e2e2e;margin: 0;box-sizing: border-box;}
#bloc_a2 img{max-width: 100%;width: 100%;}
#bloc_a2 h3{font-size: 45px;font-weight: 900;text-transform: uppercase;margin: 50px 0 30px;}
#bloc_a2 h4{font-size: 24px;font-weight: bold;color: #1d4094;}

#bloc_a2 span{
    width: 100px;
    height: 100px;
    background-color: #2e2e2e;
    display: block;
    line-height: 100px;
    font-size: 60px;
    font-weight: 100;
    border-radius: 100%;
    text-align: center;
    color: white;
}

#bloc_a2 h6{line-height: 1.4;font-size: 20px;padding: 10px 0;font-weight: 100;}
#bloc_a2 a{margin: 30px 0 0;}
#bloc_a2 a:hover{
    background-color: #2e2e2e;
}


/*---------FIN BLOC A2-----------------*/
/*---------BLOC A3-----------------*/
#bloc_a3{text-align: center;padding: 5% 2%;color: #2d2b2b;background: linear-gradient(rgba(0, 0, 0, 0.26),rgba(0, 0, 0, 0.48)),url(../images/bg_real_index.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
#bloc_a3.contact{
    background: linear-gradient(rgba(0, 0, 0, 0.26),rgba(0, 0, 0, 0.48)),url(../images/bg_real_contact.jpg) no-repeat;background-size: cover;background-attachment: fixed;
}
#bloc_a3 h1{color: #fff;font-size: 80px;font-weight: 900;text-transform: uppercase;}
#bloc_a3 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a3 p {font-size: 29px;line-height: 1.2;margin: 20px auto 40px;color: white;font-weight: 300;}
#bloc_a3 a{
    border: 1px solid transparent;
}
#bloc_a3 a:hover{
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
}

/*---------FIN BLOC A3-----------------*/
/*---------BLOC A4-----------------*/
#bloc_a4{text-align: center;padding: 5% 2%;}
#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: 5% 2%;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: 18px;line-height: 1.4;padding: 0 0 15px;}
/*---------FIN BLOC A5-----------------*/
/*---------BLOC A8-----------------*/
#bloc_a8{text-align: center;padding: 5% 2%;background-color: #a5a5a5;}
#bloc_a8 div.item_a8 {float: left;width: 49%;height: 260px;margin: 0.5%;text-align: right;position: relative;}
#bloc_a8 div.item_a8:nth-child(1){
background: url('http://placehold.it/1168x202&text=Bloc+A5');
width: 99%;
float:none;
height: 202px;
}
#bloc_a8 div.item_a8:nth-child(2){
background: url('http://placehold.it/568x288&text=Bloc+A5');
}
#bloc_a8 div.item_a8:nth-child(3){
background: url('http://placehold.it/572x286&text=Bloc+A5');
}
#bloc_a8 div.item_a8 h3{position: absolute;bottom: 0;padding: 2%;right: 0;font-size: 20px;font-weight: 300;}

#bloc_a8 div.item_a8 h3 span{padding: 10px 10px;display: inline-block;background-color: #000;color: #fff;margin: 15px 0 0;}
/*---------FIN BLOC A8-----------------*/
/*---------BLOC A10-----------------*/
#bloc_a10{padding: 5% 2%;background-color: #e6e6e6;}
#bloc_a10 div.item_a10 {float: left;width: 24%;margin: 3% 0.5%;text-align: center;}
#bloc_a10 img{
max-width: 100%;
padding: 0 0 3% 0;
}
#bloc_a10 h5{font-size: 24px;padding-bottom: 20px;font-weight: 400;padding: 10px 0;text-transform: uppercase;color: #4b4b4b;}
#bloc_a10 ul{}
#bloc_a10 ul li{
    font-size: 18px;
    font-weight: 300;
    padding: 0 0 3px;
}

#bloc_a10 h4{
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    color: #2e2e2e;
}

#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: #dcdcdc;padding: 5% 2%;}
#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: 30px;font-weight: bold;padding: 3% 0 5%;}
#bloc_a11 p span{font-size: 18px;font-weight: bold;padding: 0 0 10px 0;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;display: block;max-width: 100%;width: 75px;margin: 0 5% 0 0;}
#bloc_a11_droite > ul > li > P {
float: left;
width: 70%;
}
/*---------FIN BLOC A11-----------------*/
/*---------BLOC A12-----------------*/
#bloc_a12{padding: 5% 2%;}
#bloc_a12 div.item_a12{float: left;width: 46%;background-color: #afafaf;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: #000000;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: #6f6f6f;}
#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://placehold.it/1270x400&text=Bloc+A17') 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-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: 5% 2%;background-color: #636363;}
#bloc_a19 h3{
    font-size: 34px;
    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: 5% 2%;background-color: #fff;text-align: center;}
#bloc_a20 h1{font-size: 56px;padding: 0 0 2%;font-weight: 900;text-transform: uppercase;color: #2e2e2e;}
#bloc_a20 h2{font-size: 26px;padding: 0 0 2%;font-weight: 900;text-transform: uppercase;color: #2e2e2e;}

#bloc_a20 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a20 p {font-size: 22px;line-height: 1.4;font-weight: 300;padding: 0 0 20px;}
/*---------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://placehold.it/600x300') no-repeat;
}
#bloc_a22 div.item_a22:nth-child(2) > div{
background: url('http://placehold.it/600x300') 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: 5% 2%;
    background-color: #e6e6e6;
}
#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:"\25b6";
	padding:0 5px;
	font-weight:bold;
}

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

/*---------BLOC A24-----------------*/
#bloc_a24{
    padding: 5% 2%;
    overflow: hidden;
    background-color: #dedede;
}
#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{
    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: black;
    border: 2px solid black;
    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;
}
#bloc_a25 #a25_gauche{
    float: left;
    background: url('../images/a25_01.jpg') no-repeat;
    background-size: cover;
    width: 15%;
    padding: 7% 10%;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
#bloc_a25.metaux #a25_gauche{
    background: url('../images/a25_02.jpg') no-repeat;
    background-size: cover;
}

#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: 55%;
    padding: 7% 5%;
    background-color: #e6e6e6;
    color: #2e2e2e;
}
#bloc_a25.metaux #a25_droite{
    background-color: #ffffff;
    color: #2e2e2e;
}

#bloc_a25 #a25_droite h3{
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 0 30px;
}
#bloc_a25 #a25_droite p{
    padding: 0 0 20px;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 200;
}
#bloc_a25 #a25_droite img{
    width: 250px;
    max-width: 100%;
    margin: 30px 0 0;
}

#bloc_a25 #a25_droite a{margin: 20px 0 0;}
#bloc_a25 #a25_droite a:hover{
    background-color: #2e2e2e;
}

/*---------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(121, 121, 121);
    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://placehold.it/200x300&text=Bloc+A26') no-repeat;
    background-size: cover;
}
#bloc_a26 .item_a26:nth-child(2) > div.item_a26_b{
    background: url('http://placehold.it/200x300&text=Bloc+A26') no-repeat;
    background-size: cover;
}

#bloc_a26 .item_a26:nth-child(3) > div.item_a26_b{
    background: url('http://placehold.it/200x300&text=Bloc+A26') no-repeat;
    background-size: cover;
}

#bloc_a26 .item_a26:nth-child(4) > div.item_a26_b{
    background: url('http://placehold.it/200x300&text=Bloc+A26') 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: 5% 2%;
    background-color: #9a9a9a;
    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: #ffffff;
    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: "\2022";
          color: white;
          font-size: 20px;
          vertical-align:middle;
          line-height: 0;
          text-align: left;
          }
#bloc_a27 .item_a27 a{
    color: white;
    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;
}
#bloc_a28 .item_a28{
    position: relative;
    display: block;
    width: 25%;
    float: left;
    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%;
    display: block;
}
#bloc_a28 .item_a28 .item_a28_overlay{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    color: #7b7b7b;
}
#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 SERIE A*******************/


/**********SERIE P*******************/
/*---------BLOC P1-----------------*/
#bloc_p1{background-color: #929292;padding: 5% 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{padding: 5% 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{background-color: #C0C0C0;padding: 5% 2%;}
#bloc_p3 img{
max-width: 100%;
}
#bloc_p3_gauche{
float: left;
width: 46%;
margin: 0 2%;
}
#bloc_p3_droite{
float: left;
width: 46%;
margin: 0 2%;
}
#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: 14px;
line-height: 1.6;
}
/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4{padding: 5% 2%;}
#bloc_p4 div.item_p4 {float: left;width: 24%;margin: 0 0.5%;text-align: center;box-sizing: border-box;padding: 0 20px;color: #2e2e2e;}
#bloc_p4 img{
max-width: 95%;
}
#bloc_p4 i{
    text-align: center;
    display: inline-block;
    font-size: 70px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 100%;
    color: #2e2e2e;
    background-color: #e6e6e6;
}

#bloc_p4 h3{font-size: 24px;text-transform: uppercase;font-weight: 900;padding: 30px 0 0;line-height: 1;color: #2e2e2e;}
#bloc_p4 h2{font-size: 84px;text-transform: uppercase;font-weight: 900;padding: 0 0 60px;line-height: 1;color: #2e2e2e;text-align: center;}

#bloc_p4 p{line-height: 1.4;font-size: 14px;}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5{background-color: #777777;padding: 5% 2%;}
#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{padding: 5% 2%;text-align: center;}
#bloc_p6 div.item_p6 {float: left;width: 33%;margin: 1% 0;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% 2%;background-color: #9a9a9a;}
#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: 5% 2%;
}
#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 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: black;
    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: #d2d2d2;
    padding: 5% 2%;
}
#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(93, 93, 93);
    font-weight: 600;
    font-family: 'Open-sans', sans-serif;
    padding: 0 0 25px;
    display: inline-block;
}
#bloc_p9 span#nl_button{
    background-color: rgb(93, 93, 93);
    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(93, 93, 93);
    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 SERIE P*******************/



/**********SERIE S*******************/
/*---------BLOC S1-----------------*/
#bloc_s1{padding: 5% 2%;}
#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: 5% 2%;
    background-color: #949494;
}

#bloc_s4 h3{
    font-size: 28px;
    color: #000000;
    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: #000000;
	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{padding: 5% 2%;}
#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: 5% 2%;background-color: #e6e6e6;}
#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 SERIE S*******************/





/**********SERIE 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;}
#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: #ccc;
padding: 3% 1%;
}
#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{
text-transform: uppercase;
font-size: 20px;
padding: 0 0 15px 25px;
width: 90%;
}
#bloc_c4_a #form_contact label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c4_a #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c4_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;
border: 2px solid orange;
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;
}
#bloc_c4_a #form_contact input[type="submit"]:hover{
background-color: #666;
color: #dddddd;
}
#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: #dddddd;
border: none;
border: 2px solid orange;
border-radius: 6px;
}
#bloc_c4_a #form_contact textarea {
height: 120px;
padding: 5px;
margin: 0 0 5px 0;
}
/*---------FIN BLOC C4----------*/
/*---------BLOC C5----------*/
#bloc_c5{background-color: #2e2e2e;padding: 5% 2%;color: #e6e6e6;}
#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: 30px;padding: 0 0 15px 0;font-weight: 800;}
#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: #e6e6e6;color: #2e2e2e;height: auto;cursor: pointer;border: none;float: right;font-weight: 900;padding: 15px 60px;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;font-family: 'Catamaran', sans-serif;}
#bloc_c5_a #form_contact input[type="submit"]:hover{background-color: #1d4094;color: white;}
#bloc_c5_a #form_contact{
position: relative;
}
#bloc_c5_a #form_contact input, #bloc_c5_a #form_contact textarea {width: 96%;height: 20px;padding: 15px 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: 10px 0;line-height: 1.4;}
#bloc_c5_b a, #bloc_c5_b span{display: inline-block;text-decoration: none;color: #ffffff;font-size: 19px;font-weight: 200;}
#bloc_c5_b a:hover{
    color: #a9bdff;
}
#bloc_c5_b > div p{font-size: 20px;font-weight: 800;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: 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: 500px;}
.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: #e6e6e6;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 SERIE C*******************/




/*---------GALLERIE REALISATION-----------------------------*/

/*---------GALLERIE WRAPPER-----------------*/
#gallerie_wrapper{padding: 0 2% 5%;}
.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;
	margin: 15px 0 0;
	text-align: center;
}
#content_realisations .folder_desc{
    font-size: 18px;
    font-weight: 300;
    padding: 20px 0;
    text-align: center;
}
/*-------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 REALISATION---------*/

/*-------STYLE 1---------*/
#menu_realisations.style_1 {padding: 0 0.5% 0;text-align: center;min-height: 75px;}
#menu_realisations.style_1 .btn_realCat_wrap{
    position: relative;
}
#menu_realisations.style_1 a {text-decoration: none;font-size: 18px;color: #fff;padding: 15px 30px;margin: 0 10px 10px 0;font-weight: 700;background-color: #2e2e2e;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;text-transform: uppercase;}
#menu_realisations.style_1 .galerie_sub_wrap a{
    display: inline;
}
#menu_realisations.style_1 a:first-letter{
text-transform: capitalize;
}
#menu_realisations.style_1 a:hover, #menu_realisations.style_1 a.active {background-color: #1d4094;color: #ffffff;}

#menu_realisations.style_1 .galerie_sub_wrap{
    display:none;
    margin: 10px 0 0;
}
/*-------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 REALISATION---------*/

/*-------STYLES DE REALISATION---------*/
/*-------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 REALISATION---------*/
p.aucune_image_real{
    font-size: 30px;
    font-weight: lighter;
    font-style: italic;
    padding: 2% 0 20%;
}

/*---------FIN GALLERIE REALISATION-----------------------------*/


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


/*---------BLOC V----------*/
#bloc_v{
  background-color: #FFFFFF;
  padding: 5% 1% 5%;
}
#bloc_v > div.wrapper > a{
    font-size: 14px;
    color: #FFFFFF;
    padding: 14px 20px 10px;
    margin: 0 0 1%;
    display: inline-block;
    background-color: #2e2e2e;
    box-shadow: 1px 2px 3px 1px #929292;
    box-shadow: none;
    text-decoration: none;
}
#bloc_v > div.wrapper > a:hover{
    background-color: #1d4094;
}

#bloc_v h2{padding: 0 0 2%;font-size: 50px;font-weight: 900;text-align: center;text-transform: uppercase;}

#bloc_v div.wrapper > div{
  float: none;
}
#v_a{
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
#v_b{
  width: 50%;
}
#v_a > p, #v_b > p{
text-transform: uppercase;
font-size: 20px;
padding: 0 0 15px 0;
width: 90%;
}
#v_a #form_emplois label {
  font-size: 16px;
  padding: 15px 0 4px;
  display: inline-block;
}
#v_a #form_emplois label.form_error{
  color: red;
  padding: 0 0 5px 0;
}
#v_a #form_emplois input[type="submit"] {width: auto;max-width: 100%;padding: 15px 40px;margin: 4% auto;display: block;border: none;background-color: #1d4094;color: #fff;font-size: 15px;font-weight: 300;-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */transition: color 0.2s, background-color 0.5s;float: none;height: auto;cursor: pointer;text-transform: uppercase;}
#v_a #form_emplois input[type="submit"]:hover{
  background-color: #2E3034;
}
#v_a #form_emplois{
  position: relative;
  width: 96%;
  margin: 0 auto;
  max-width: 600px;
}
#v_a #form_emplois input, #v_a #form_emplois textarea {
  width: 96%;
  height: 20px;
  padding: 10px 2%;
  font-size: 14px;
  border: 1px solid #414141;
  background-color: rgba(242, 242, 242, 0.66);
  max-width: 96%;
}
#v_a #form_emplois textarea {
height: 120px;
padding: 1% 2%;
margin: 0 0 5px 0;
}
#v_b > div{
  float: left;
  width: 50%;
  padding: 3% 0;
  line-height: 1.4;
}
#v_b a{
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-size: 14px; 
}
#v_b > div p{
  font-size: 20px;
  font-weight: bold;
  padding: 2px 0;
  text-transform: uppercase;
}
/*---------FIN BLOC V----------*/



/*---CATALOGUE EMPLOIS-----*/
#catalogue.emplois #produits_catalogue div.reserved-item.display_list {position: relative;width: 95%;float: none;min-height: 140px;background-color: transparent;border: none;box-shadow: none;border-bottom: 1px solid #ccc;margin: 20px auto 100px;padding: 1%;border-radius: 0;}
#catalogue.emplois .reserved-item_insert_date{
    display: block;
    font-size: 18px;
    font-style: italic;
    text-align: left;
}
#catalogue.emplois #produits_catalogue div.reserved-item.display_list img {
float: none;
margin: 0 0 2%;
}

#catalogue.emplois #produits_catalogue div.reserved-item.display_list h4 {
float: none;
padding: 0 0 10px;
font-size: 40px;
text-align: left;
text-transform: none;}
#catalogue.emplois #produits_catalogue div.reserved-item.display_list a.savoir_plus:hover{
    background-color: #2e2e2e;
}
#catalogue.emplois #produits_catalogue div.reserved-item.display_list a.savoir_plus {
    float: left;
    width: auto;
    text-decoration: none;
    color: #fff;
    background-color: #1d4094;
    padding: 20px 45px;
    display: inline-block;
}

#catalogue.emplois #produits_catalogue div.reserved-item.display_list p{text-align: left;font-size: 20px;padding: 0;line-height: 1.3;font-weight: 300;}
#catalogue.emplois #produits_catalogue div.reserved-item.display_list .emplois_details{
    padding: 0 0 10px;
    font-style: italic;
}
#catalogue.emplois #produits_catalogue div.reserved-item.display_list .emplois_details p{
    font-size: 16px;
}

#catalogue.emplois #produits_catalogue div.reserved-item.display_list .item_desc{
    padding: 17px 0 0;
}

/*---FIN CATALOGUE EMPLOIS-----*/





#tp_002{
    background: url('http://placehold.it/1600x400&text=+') no-repeat;
    background-size: cover;
    padding: 6% 2%;
}
#tp_002 h2{
    font-size: 44px;
    font-weight: 300;
    text-align: center;
    padding: 0 0 50px;
}
.item_tp_002{
    float: left;
    width: 31%;
    margin: 0 1%;
}
.item_tp_002 ul{}
.item_tp_002 ul li{
    background-color: #4e4e4e;
    color: #fff;
    display: block;
    margin: 10px auto;
    padding: 16px 17px;
    font-size: 19px;
    border-radius: 5px;
    max-width: 400px;
}
.item_tp_002 ul li:after{
  content:"";
  background:url('../images/tp_002_check.png');
  height: 17px;
  width: 16px;
  display: inline-block;
  float: right;
  position: absolute;
  right: 10px;
  top: 37%;
}


#tp_003{
    padding: 7% 2%;
}
.item_tp_003.a{
    float: left;
    width: 50%;
    margin: 0 5% 0 0;
}
.item_tp_003.a h4{
    font-size: 44px;
    font-weight: 300;
}
.item_tp_003.a h6{
    font-size: 20px;
    line-height: 1.4;
    padding: 22px 0;
    color: #585858;
}
.item_tp_003.a p{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.item_tp_003.b{
    float: left;
    width: 19%;
    background-color: #f7f7f7;
    margin: 0 1%;
}
.item_tp_003.b ul{
    padding: 20px;
    font-size: 18px;
}
.item_tp_003.b ul li{
    padding: 5px 0;
    color: #000000;
}
.item_tp_003.b ul li.yes:before{
  content:"";
  background: url('../images/li_yes.png') no-repeat;
  height: 13px;
  width: 13px;
  display: inline-block;
  padding: 0 15px 0 0;
}
.item_tp_003.b ul li.no:before{
  content:"";
  background: url('../images/li_no.png') no-repeat;
  height: 13px;
  width: 13px;
  display: inline-block;
  padding: 0 15px 0 0;
}

.item_tp_003.b > div{
    background-color: #585858;
    padding: 20px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
.item_tp_003.b > div span{
    display: block;
    font-size: 20px;
    padding: 0 0 9px;
}
.item_tp_003.b > div h5{
    font-size: 44px;
    font-weight: 300;
}

.item_tp_003.b.b1 > div{
    background-color: #afafaf;
}
.item_tp_003.b.b2 > div{}


#promo_index{
    padding: 6% 2%;
    position: relative;
}
#promo_index_slider{
    /* visibility:hidden; */
}
.wrap_carousel{
    margin: 0 50px;
}
#promo_index h2{text-align: center;font-size: 50px;margin: 0 0 40px;}

#promo_index .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
    background: transparent;
}

#promo_index .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#promo_index .bx-wrapper .bx-pager.bx-default-pager a:hover,
#promo_index .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#promo_index .bx-wrapper .bx-prev {
    left: -8px;
    background: url(../images/bxslider/controls.png) no-repeat 0 -32px;
}

#promo_index .bx-wrapper .bx-next {
    right: -8px;
    background: url(../images/bxslider/controls.png) no-repeat -43px -32px;
}


#promo_index div.pis_item {text-align: center;position: relative;border: 1px solid rgba(70, 87, 103, 0.3);}
#promo_index div.pis_item .iib_wrap{
    padding: 20px 0;
}
#promo_index div.pis_item .iib_wrap a{text-decoration: none;background-color: transparent;border: 1px solid #000000;color: #000000;padding: 10px 25px;display: inline-block;margin: 30px 0 0;text-transform: none;font-size: 13px;font-weight: 400;text-transform: uppercase;}
#promo_index div.pis_item .iib_wrap a:hover{
    background-color: black;
    color: white;
}



#promo_index div.pis_item .info_item_bou{
    padding: 0 5% 5px;
}


#promo_index div.pis_item:hover .iib_wrap{
}
#promo_index div.pis_item h4 {
    font-size: 22px;
    color: #000000;
    line-height: 1;
    padding: 0;
    font-weight: 300;
}

#promo_index div.pis_item p {font-size: 14px;padding: 10px 0;line-height: 1.2;}
#promo_index div.pis_item .promo_label{
    position: absolute;
    background-color: #000000;
    border: 2px solid #fff;
    top: 5px;
    left: 5px;
    padding: 8px;
    width: 50px;
    height: 50px;
    border-radius:50%;
    font-size: 14px;
    color:#fff;
    line-height: 49px;
    text-align:center;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
#promo_index div.pis_item p.prix {font-weight: 300;font-size: 30px;display: block;color: #be3232;}

#promo_index div.pis_item p.prix span {text-decoration: line-through;font-size: 17px;padding: 0 10px 0 0;display: inline-block;font-weight: 300;}

#promo_index div.pis_item img{display: block;margin: 0 auto;max-width: 100%;width: 100%;display: block;margin: 0 auto;max-width: 100%;width: auto;max-height: 200px;vertical-align: middle;display: inline-block;}

#bloc_c20{
    padding: 5% 2%;
}
#c20_gauche{
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding: 0 100px 0 0;
}
#c20_gauche h2{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 70px;
}
#c20_gauche h2:after{
    content:"";
    width: 130px;
    height:5px;
    display:block;
    background-color: #168ec6;
    margin: 30px 0 0;
}

#c20_gauche p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 0 20px;
}
#c20_gauche form{
    margin: 30px 0 0;
}
#c20_gauche form input, #c20_gauche form textarea{
    border-radius: 3px;
    border: 1px solid #168ec6;
    font-weight: 300;
    margin: 0 0 15px;
    height: 60px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
#c20_gauche form input.half{
    width: 50%;
    float: left;
}
#c20_gauche form input.half:first-child{
    width: 48%;
    margin: 0 2% 0 0;
}

#c20_gauche form textarea{
    height: 200px;
}
#c20_gauche form button{
    border: none;
    background-color: #168ec6;
    color: #fff;
    padding: 15px 45px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    border-radius: 3px;
}
#c20_gauche form button:hover{
    background-color: #1facef;
}

#c20_gauche form button i{
    padding: 0 10px 0 0;
}

#c20_droite{
    float: left;
    width: 30%;
    box-sizing: border-box;
}
#c20_droite div.coord{
    padding: 0 0 50px;
}
#c20_droite div.coord h5{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid rgba(22, 142, 198, 0.22);
    padding: 0 0 6px;
    margin: 0 0 15px;
}
#c20_droite div.coord .icon{float: left;width: 55px;}
#c20_droite div.coord .icon i{
    font-size: 40px;
    color: #168ec6;
}
#c20_droite div.coord .text{float: left;}
#c20_droite div.coord .text p{
    line-height: 1.4;
    font-size: 18px;
    font-weight: 300;
}
#c20_droite div.coord .text p a{
    text-decoration: none;
    color: #168ec6;
    margin: 0 0 20px;
}
#c20_droite div.coord .text p a:hover{
    text-decoration: underline;
}
#c20_droite div.coord .text p span{
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
}
#c20_droite div.coord#c20_social{}
#c20_droite div.coord#c20_social a{}
#c20_droite div.coord#c20_social a:hover i{
    background-color: #989898;
}
#c20_droite div.coord#c20_social a i{
    background-color: #168ec6;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    margin: 0 2px 0;
    font-size: 14px;
}


#bloc_c21{}
#c21_map{
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 80px 0 80px 80px;
}
#c21_infos{
    float: right;
    width: 40%;
    background-color: #e7e7e7;
    box-sizing: border-box;
    padding: 80px 0 80px 80px;
    color: white;
}
#c21_infos h2{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
    margin: 0 0 40px;
    color: #168ec6;
}
#c21_infos p{
    padding: 0 0 15px;
    display: table;
}
#c21_infos p a{
    text-decoration: none;
    color: #000000;
    font-weight: 300;
    font-size: 25px;
    text-indent: 100px;
    display: inline-block;
    padding: 0 0 0 20px;
    text-indent: 0;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
}
#c21_infos p:hover i{
    background-color:#168ec6;
}
#c21_infos p:hover a{
    font-weight:bold;
    color:#168ec6;
}

#c21_infos p i{
    background-color: #2c2c2c;
    color: #ffffff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 0;
    margin: 0;
    font-size: 27px;
    display: table-cell;
    vertical-align: middle;
    min-width: 60px;
}

#c21_infos #c21_social{
    margin: 30px 0 0;
}
#c21_infos #c21_social a{}
#c21_infos #c21_social a i{
    background-color: #ffffff;
    color: #168ec6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 0;
    margin: 0 0px 0 0;
    font-size: 14px;
}
#c21_infos #c21_social a i:hover{
    border-radius:100%;
}


#bhours{
    color: black;
    padding: 5% 2%;
    position: relative;
}
#bhours h3{text-align: center;font-size: 40px;text-transform: uppercase;font-weight: 300;margin: 0 0 30px;}

#bhours table{
    width: 90%;
    max-width: 450px;
    margin: 0 auto;
}
#bhours table tr{}
#bhours table td{
    padding: 20px 5%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#bhours table td.heures{
    text-align: right;
}

#bhours i{
    padding: 0 10px 0 0;
    color: #58595b;
}
#bhours i.spe{
    background-color: #000;
    text-align: center;
    padding: 30px;
    font-size: 30px;
    position: absolute;
    top: -40px;
    z-index: 9999;
    left: 47.7%;
}

#bhours p{
    display: inline-block;
    font-weight: 300;
    font-size: 18px;
}
#bhours span{
    color: rgba(0, 0, 0, 0.59);
}




#contact_25{
    margin: 0 0 0;
}
#contact_25 #contact_25_gauche{
    float: left;
    background-size: cover;
    width: 50%;
    box-sizing: border-box;
    padding: 80px 50px;
    color: #000;
    /* text-shadow: 1px 1px 1px #000; */
    position: relative;
    background-size: cover;
    background-color: #ffffff;
}
#contact_25 #contact_25_gauche h2{
    font-size: 64px;
    text-transform: uppercase;
    font-weight: 900;
    color: #484848;
}

#contact_25 #contact_25_gauche h2 span{
    display: block;
    font-weight: 300;
    font-size: 43px;
    color: black;
}

#contact_25 #contact_25_gauche p{
    font-size: 23px;
    padding: 30px 0 0;
    line-height: 1.4;
    font-weight: 300;
}
#contact_25 #contact_25_gauche span{
    display:block;
}
#contact_25 #contact_25_gauche i{
    position: absolute;
    display: block;
    right: -35px;
    font-size: 35px;
    top: 30%;
    background-color: white;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-shadow: none;
    color: #484848;
    border: 2px solid #484848;
     /* IE 9 */
     /* Chrome, Safari, Opera */
     /* IE 9 */
     /* Chrome, Safari, Opera */
}

#contact_25 #form_contact label.form_error{position: absolute;top: -1px;left: 5px;z-index: 9999;background-color: red;color: #fff;padding: 2px 7px;}

#form_contact input, #form_contact textarea {
width: 90%;
height: 20px;
padding: 5px;
font-size: 14px;
}
#contact_25 #form_contact p{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #fd4848;
}
#contact_25 #form_contact input, #contact_25 #form_contact textarea {
    width: 100%;
    padding: 15px 20px;
    font-size: 14px;
    box-sizing: border-box;
    margin: 5px 0;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.26);
    position: relative;
}
#contact_25 #form_contact textarea {
    height: 110px;
    width: 100%;
    margin: 5px 0 8px;
}
#contact_25 .input_wrapper{
    position:relative;
}
#contact_25 #form_contact input.error, #form_contact textarea.error{
    border-color:red;
}

#contact_25 #form_contact input[type="submit"], #contact_25 #form_contact button[type="submit"] {
    width: 100%;
    background-color: #e1e1e1;
    color: #484848;
    height: auto;
    cursor: pointer;
    border: none;
    float: none;
    font-weight: bold;
    padding: 25px 0;
    text-transform: uppercase;
    font-size: 16px;
}
#contact_25 #form_contact button[type="submit"]:hover{
    background-color: #588661;
}
#contact_25 #form_contact button[type="submit"] i{
    padding: 0 11px 0 0;
    vertical-align: middle;
    font-size: 19px;
}

#contact_25 .input_wrapper.half{
    width: 50%;
    float: left;
    margin: 0;
    border: none;
}
#contact_25 .input_wrapper.half.left{
    margin: 0 1% 0 0;
    width: 49%;
}

#contact_25 #form_contact input.half#email{
    /* margin: 0 0.7% 0 0; */
}


#contact_25 #contact_25_droite{
    float: left;
    width: 50%;
    padding: 80px 50px;
    box-sizing: border-box;
    background-color: rgb(46, 46, 46);
    color: #fff;
}
#contact_25 #contact_25_droite h3{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
#contact_25 #contact_25_droite p{
    padding: 2% 0;
    line-height: 1.2;
}
#contact_25 #contact_25_droite a{
    text-decoration: none;
    color: #fff;
    background-color: #222;
    display: inline-block;
    padding: 10px 20px;
    margin: 2% 0;
    border-radius: 2px;
    font-size: 22px;
    text-transform: uppercase;
}
#contact_25 #contact_25_droite a:hover{
    background-color: red;
}



#services{
    padding: 10% 2%;
    background: linear-gradient(rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.68)),url(../images/bg_services.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#services h3{
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 0 50px;
    color: #2e2e2e;
    text-align: center;
}

#services span{
    display: block;
    float: left;
    width: 32.4%;
    box-sizing: border-box;
    background-color: #e6e6e6;
    color: #e6e6e6;
    padding: 40px 25px;
    margin: 0.3%;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    background: linear-gradient(to top, #1d4094 50%, #2e2e2e 50%);
    background-size: 200% 200%;
    background-position: left top;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
}
#services span p{
    font-size: 17px;
    text-transform:none;
    font-weight: 100;
    padding: 7px 0 0;
}

#services span:hover{
    background-position: left bottom;
}

/**FIN DESKTOP****************************************************************************************************************************************/























/*****DEBUT 1400*************************************************************************************************************************************/
@media all and ( max-width: 1400px ){
/*shrink slide*/
#slider .bx-wrapper .bx-pager, #slider .bx-wrapper .bx-controls-auto {
    left: 7.4%;
}

}/*****FIN 1400*************************************************************************************************************************************/
























/*****DEBUT 1024*************************************************************************************************************************************/
@media all and ( max-width: 1024px ){
#bloc_a25 #a25_droite h3{
    font-size: 60px;
}
#bloc_a2{
    padding: 50px 2%;
    margin: 0;
}
#bloc_a2 div.item_a2{
    float: none;
    width: 100%;
    margin: 0 auto 5px;
}
#bloc_a2 div.item_a2 > div{
    padding: 30px 40px;
}
#bloc_a2 span{
    display:none;
}
#bloc_a2 h3{
    margin: 20px 0;
    font-size: 35px;
}
#bloc_a2 a{
    margin: 10px 0 0;
}
#header1 #nav ul li a{
    font-size: 12px;
    padding: 21px 2% 19px;
}
#slider .caption{
    top: 55%;
}
/*---------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;
}

#c20_gauche, #c20_droite{
    float: none;
    width: 90%;
    padding: 0;
    margin: 0 auto 80px;
    max-width: 600px;
}

#c21_map, #c21_infos{
    float: none;
    width: 100%;
    padding: 40px;
}

#contact_25 #contact_25_gauche i{
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    right: -32px;
}

#contact_25 .input_wrapper.half.left, #contact_25 .input_wrapper.half{
    float:none;
    width:100%;
}

}/********FIN 1024px**********************************************************************************************************************************/


























/********DEBUT 768**********************************************************************************************************************************/
@media all and ( max-width: 768px ){
#services span{
    width: 49%;
}
#bloc_a20 h1{
    font-size: 40px;
}
#header1{
    position: relative;
}
#header1 #logo{
    max-width: 300px;
}
#slider .caption{
    top: 20%;
}
/**********CATALOGUE 768*************************************************************************/
#produits_catalogue div.reserved-item {
width: 45%;
}

.tinynav{
display: block;
}

.menu_ul, .reserved-items-menu p{
display: none;
}
div#side_catalogue {
float: none;
width: 95%;
margin: 0 auto;
}
div#produits_catalogue {
float: none;
width: 95%;
margin: 5% auto;
}
#side_catalogue > p{
float: left;
width: 30%;
margin: 0 1%;
background-color: #fff;
font-size: 19px;
padding: 12px 0 12px 2%;
}
div#side_catalogue select {
width: 30%;
float: left;
height: 45px;
font-size: 19px;
text-transform: uppercase;
color: #7e0002;
margin: 0 1%;
padding: 0 0 0 2%;
}
/**********FIN CATALOGUE********************/

/*-----BLOC FICHE-------------*/
div#fiche_gauche {
float: none;
width: 95%;
padding-left: 0;
margin: 0 auto 5%;
text-align: center;
}

div#fiche_gauche > img, div#fiche_gauche > .video-container{
width: 96%;
}

div#fiche_droite {
float: none;
width: 100%;
}

#fiche_sommaire {
margin: 0 auto 5%;
text-align: center;
}

#fiche_gauche p {
font-size: 14px;
line-height: 1.6;
padding: 1% 3% 4%;
}

#fiche_sommaire p {
padding: 1% 0 0;
}
/*-----FIN BLOC FICHE-------------*/
/**********FIN CATALOGUE 768*************************************************************************/

/*******PANIER 768*********************************************************************************************/

#panier_head_image, .panier_item_image{
    display: none;
}
#panier_head_titre{
    width: 35%;
}
#panier_head_qte{
    width: 20%;
}
#panier_head_total{
    width: 25%;
}
#panier_head_supprimer{
    width: 20%;
}
.panier_item_nom{
    width: 35%;
    padding: 1% 0;
}
.panier_item_nom a{
}
.panier_item_prix{
}
.panier_item_prix span{
}
.panier_item_prix p{
}
.panier_item_qte{
    width: 20%;
    padding: 1% 0;
}
.panier_item_qte a{
}
.panier_item_qte p{
}
.panier_item_qte img{
}
.panier_item_subtotal{
    width: 25%;
    padding: 1% 0;
}
.panier_item_subtotal p{
}
.panier_item_delete{
    width: 20%;
    padding: 1% 0;
}
.panier_item_delete img{
}

div#panier_info{
    float: none;
    width: 96%;
    margin: 0 auto;
}

#calcul_panier{
    float: none;
    width: 100%;
    margin: 10% 0 0;
}

#panier_bottom #fiche_client{
    float:none;
    width: 100%;
}
#panier_bottom #fiche_client #fiche_infos_client div{
    float: none;
    width: auto;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse p{
    text-align: center;
}
#panier_bottom #fiche_client #fiche_infos_client .adresse p span{
    display: block;
    text-align: center;
    padding: 7px 0 0px;
    width: auto;
}

#form_commande_user_wrapper {
    float: none;
    width: 100%;
    margin: 0 0 5%;
}
/*******FIN PANIER 768*********************************************************************************************/

   


.parallax {
	background-position: center 0 !important;
	background-size: cover;
}
/************HEADER 1*************/
#header1 #nav ul li a {font-size: 11px;padding: 21px 1% 19px;}
/************FIN HEADER 1*************/

/*-----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{
    width: 42%;
    margin: 4%;
}
#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-------------------------*/



/**********SERIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1 #bloc_a1_gauche {width: 100%;float:none;padding: 0;}
#bloc_a1 #bloc_a1_droite{
    display:none;
}
#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: 80%;
}
#bloc_a25 #a25_droite{
    float: none;
    width: 90%;
}
/*---------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 SERIE A*******************/

/**********SERIE 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: 100%;
}
#bloc_p3_droite{
width: 100%;
}
#bloc_p3_droite img{
padding: 5% 2% 0 0;
text-align: center;
}
/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4 div.item_p4 {width: 48%;margin: 0 0 50px;}
/*---------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 SERIE P*******************/

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

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




/*-------STYLES DE REALISATION---------*/
/*-------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 REALISATION---------*/

.item_tp_002{
    float: none;
    width: 90%;
    margin: 0 auto;
}

.item_tp_003.a{
    float: none;
    width: 90%;
    margin: 5% auto;
    text-align: center;
}
.item_tp_003.b{
    width: 46%;
    margin: 0 2%;
}



#contact_25 #contact_25_gauche i {
    position: relative;
    top: inherit;
    bottom: inherit;
    right: 0;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 20px auto 0;
}

#contact_25 #contact_25_gauche{
    float: none;
    width: 100%;
    text-align: center;
    padding: 40px 30px;
}
#contact_25 #contact_25_droite{
    float: none;
    width: 100%;
    padding: 40px 30px;
}

#contact_25 #form_contact textarea{
    margin: 5px auto 11px;
    width: 100%;
    display: block;
}
#contact_25 #contact_25_gauche h2{
    font-size: 50px;
}
#contact_25 #contact_25_gauche h2 span{
    font-size: 30px;
}

#contact_25 .input_wrapper.half.left{
    float: left;
    margin: 0 1% 0 0;
    width: 49%;
}
#contact_25 .input_wrapper.half{
    float: left;
    width: 50%;
}

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






















/********DEBUT 560px************************************************************************************************************************/
@media all and ( max-width: 560px ){
#services span {
    width: 100%;
    float: none;
}
#bloc_a3 h1{
    font-size: 34px;
}
#bloc_p4 h2{
    font-size: 40px;
}
#bloc_a25 #a25_droite h3{
    font-size: 40px;
}
/**********CATALOGUE 560**********************************************************************************************/
div#side_catalogue > p{
float: none;
width: 95%;
}
div#side_catalogue select {
float: none;
width: 97%;
margin: 3% 1%;
}
div#reserved-search-bar {
float: none;
width: 100%;
}
div#produits_head > p {
float: none;
width: 100%;
text-align: center;
margin: 2% 0;
font-size: 15px;
}
div#reserved-search-bar {
float: none;
width: 100%;
text-align: center;
}
#reserved-search-bar input[type="text"] {
width: 65%;
margin: 4% 0;
}
select#reserved-select-tri {
float: none;
width: 100%;
}
#reserved-nbr-item-infos_wrapper, #pagination #pages, #pagination #par_page {
width: 100%;
float: none;
margin: 5% auto;
text-align: center;
}
#pagination ul li {
font-size: 22px;
}
#par_page{
display: none;
}
/**********FIN CATALOGUE 560**********************************************************************************************/

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

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

#c20_gauche form input.half:first-child, #c20_gauche form input.half{
    float: none;
    width: 100%;
    margin: 0 0 15px;
}

#c21_infos h2{
    font-size: 30px;
}
#c21_infos p a{
    font-size: 18px;
    padding: 0 0 0 10px;
}
#c21_map, #c21_infos {
    padding: 20px;
}

#bhours table td{
    padding: 20px 0%;
}
#bhours p{
    font-size: 13px;
}
#bhours span{
    font-size: 13px;
}

#contact_25 .input_wrapper.half, #contact_25 .input_wrapper.half.left{
    float: none;
    width: 100%;
}

/*************NAV MOBILE******************/
/*---------NAV-------------*/
#icone_mobile {display: block;background-color: #2e2e2e;max-height: 57px;}
#icone_mobile div.icone{
float: left;
width: 25%;
text-align: center;
padding: 2% 0;
}
#icone_mobile div.icone a{
color: #fff;
text-decoration: none;
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
}
#icone_mobile div.icone a img{
display: block;
margin: 0 auto;
}
/*************FIN NAV MOBILE******************/
#logos{
    display:none;
}
/*************HEADER 1***************/
#header1 {
max-height: 100%;
}
#header1 #logo{
width: 100%;
text-align: center;
}
#header1 #nav {
display: none;
width: 100%;
text-align: center;
background-color: #2b2b2b;
padding: 20px 0;
}
#header1 #nav ul li {
display: block;
}
#header1 #nav ul li a, #header1 #nav ul li ul li a{color: #fff;padding: 0;font-size: 16px;width: 90%;border-bottom: 1px solid #414141;padding: 17px 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: #1d4094;color: #ffffff;}
#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***************/

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























/********DEBUT 480**********************************************************************************************************************************/
@media all and ( max-width: 480px ){
/*******CATALOGUE 480*********************************************************************************************/
#produits_catalogue div.reserved-item {
width: 95%;
padding: 6% 2%;
margin: 3% 0;
}

#reserved-display-btn{
display: none;
}

#produits_catalogue div.reserved-item.display_list{
min-height: 315px;
}

#produits_catalogue div.reserved-item.display_list h4 {
float: none;
text-align: center;
width: 100%;
padding: 5% 0;
}

#produits_catalogue div.reserved-item.display_list img {
max-width: 100%;
float: none;
width: 97%;
margin: 0 auto;
}

#produits_catalogue div.reserved-item.display_list a.savoir_plus {
width: 50%;
left: 10px;
}
/*******FIN CATALOGUE 480*********************************************************************************************/

/*******PANIER 480*********************************************************************************************/
#fcuw_gauche, #fcuw_droite{
    float:none;
    width:100%;
}
.mobile-only{
    display:block;
}
#panier_head{
    display:none;
}
.panier_item{
    background-color: #ffffff;
    margin: 5% 0;
    border-bottom: 5px solid #222;
}
.panier_item span:not(.prix){
    background-color: #2C2C2C;
    color: #fff;
    font-size: 19px;
    padding: 5px 0;
    margin: 0 0 3%;
}
.panier_item_image{
    display:block;
    width: 90%;
    margin: 5% auto 2%;
    float: none;
}
.panier_item_nom{
    width: 90%;
    padding: 10px 0;
    float: none;
    margin: 0 auto;
}
.panier_item_nom a{
}
.panier_item_prix{
}
.panier_item_prix span{
}
.panier_item_prix p{
}
.panier_item_qte{
    width: 90%;
    padding: 5% 0 15%;
    float: none;
}
.panier_item_qte a{
}
.panier_item_qte p{
}
.panier_item_qte img{
    width: 19px;
}
.panier_item_subtotal{
    width: 90%;
    padding: 5px 0;
    float: none;
    margin: 0 auto;
}
.panier_item_subtotal p{
}
.panier_item_delete{
    width: 90%;
    padding: 5% 0;
    float: none;
    margin: 0 auto;
}
.panier_item_delete img{
    width: 7%;
    display: none;
}
.panier_item_delete a{
    text-decoration: none;
}

.panier_item_delete span{
    background-color: rgb(200, 18, 9);
    color: #fff;
    display: block;
    padding: 3% 0;
    text-transform: uppercase;
    font-size: 14px;
}

#calcul_panier_infos{
    width: 94%;
    float: none;
    padding: 4% 3%;
}

#commander_container{
}

#commander_container a{
    width: 98%;
    margin: 5% 0 20%;
    font-size: 17px;
}
#calcul_panier_infos p{
    font-size: 18px;
}
#calcul_panier_infos p:last-child{
    font-size: 23px;
}

div#transport_info_div_img{
    float: none;
  width: 25%;
  margin: 0 auto;
}
div#transport_info p{
    float: none;
    width: 90%;
    margin: 2% auto;
    text-align: center;
}

div#escompte_info_div_image{
    float: none;
    width: 25%;
    margin: 0 auto;
}
div#escompte_info p{
    float: none;
    width: 90%;
    margin: 2% auto;
    text-align: center;
}
/*******FIN PANIER 480*********************************************************************************************/




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


/**********SERIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1{}
#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: 100%;margin: 20px auto;padding: 0;}
#bloc_a10 img{
    width: 220px;
}
#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 SERIE A*******************/

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

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

/**********SERIE 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{
background-color: #ccc;
padding: 10% 1%;
}
/*---------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 SERIE C*******************/




/*-------STYLES DE REALISATION---------*/
/*-------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 REALISATION---------*/

.item_tp_003.b{
    float: none;
    margin: 5% auto;
    width: 90%;
}


}/*******FIN 480px*********************************************************************************************/