/* 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;
}
button{
font-family: inherit;
cursor: pointer;
}
/*-------FIN RESET CSS-----*/
/*-------MOBILE ONLY-------*/
#icone_mobile{
display: none;
}
#mobile_only{
display: none;
}
.no_mobile{
display:unset;
}
/*-------FIN MOBILE ONLY-------*/
/*--------GENERAL---------*/
html{
overflow-x: hidden;
}
body{
position: relative;
font-family: 'Open Sans', sans-serif;
font-family: 'Barlow Condensed', sans-serif;
overflow-x: hidden; /*animations*/
}
.bouton{
margin: 10px 0;
background-color: rgba(237, 28, 36, 0);
border: 2px solid #272727;
color: #272727;
text-decoration: none;
padding: 13px 26px;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
text-align: center;
font-size: 13px;
letter-spacing: 1px;
-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;
}
.bouton:hover{
background-color: #272727;
color: white;
}
.section_title{
font-size: 70px;
font-weight: 700;
text-transform: none;
padding: 0;
margin: 0 0 30px;
/* display: inline-block; */
color: #272727;
}
.section_title span{
display: block;
font-size: 28px;
padding: 0 0 0;
font-weight: 300;
text-transform: uppercase;
color: #c00b00;
letter-spacing: 1px;
}
.trait_orange, .section_title span.trait_orange{
display:block;
border-bottom: 8px solid #c00b00;
margin:0 auto 2%;
width: 100px;
padding:1% 20px;
}
.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;display: block;}
.bold{
font-weight: bold;
}
.orange{
color: #f37234;
}
.rouge {color: #c00b00;}
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,#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,#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: 10% 2% 30%;
}
#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;
}
.cata_img_wrapper{
text-align: center;
padding: 0;
height: auto;
}
.cata_img_wrapper span{
height: 100%;
vertical-align: middle;
display: inline-block;
}
.cata_img_wrapper img, .owl-carousel .owl-item .cata_img_wrapper img{
margin: 0 auto;
max-width: 100%;
width: auto;
max-height: 200px;
vertical-align: middle;
display: inline-block;
}
.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%;
}
i[data-i-hover-img]{
font-size: 60px;
color: #fff;
display: block;
position: absolute;
top: 50%;
margin: -30px 0 0 -24px;
left: 0;
opacity: 0;
}
[data-i-hover-img-wrap]{
position: relative;
display: block;
}
[data-i-hover-img-wrap]:hover > i[data-i-hover-img]{
left: 50%;
opacity: 1;
}
[data-i-hover-img-wrap]:hover img{
opacity: 0.5;
}
/*--------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: 40%;
position: absolute;
cursor: pointer;
width: 15px;
padding: 10px;
background-color: #175392;
z-index: 7777;
}
#main_caroussel_nav .owl_nav.prev{
left: 10px;
}
#main_caroussel_nav .owl_nav.next{
right: 10px;
}
/*--------OWL CAROUSEL------------------*/
/*****CATALOGUE***********************************************************************************************/
#catalogue {
padding: 5% 2% 6%;
min-height: 500px;
}
#catalogue.location{
padding: 0 2% 6%;
}
#catalogue.actualites{
padding: 0 2% 6%;
}
#produits_catalogue{
float: left;
width: 76%;
position: relative;
}
#produits_catalogue.full_width{
float: none;
width: 100%;
}
.reserved_loop_item.hidden{
opacity:0;
}
.reserved_loop_item{
overflow:hidden;
}
.no-item{
padding: 30px 0;
font-size: 30px;
font-weight: 300;
}
/*--------pagination------------------*/
.pagination_wrapper{
padding: 17px 0;
border-top: 1px solid rgba(0, 0, 0, 0.06);
margin: 0 auto 10px;
width: 98%;
}
.pagination_wrapper.hidden{
opacity:0;
}
.pagination_wrapper.bottom{border: none;margin: 0 auto;border-top: 1px solid rgba(0, 0, 0, 0.06);padding: 20px 0 0;}
.pagination_wrapper.bottom #pagination_ajax{
float: none;
width: 100%;
}
.pagination_wrapper #pagination_info{
width: 20%;
float: left;
}
.pagination_wrapper #pagination_info label{
font-size: 14px;
color: #727272;
padding: 2% 2% 0;
line-height: 1.2;
}
.pagination_wrapper #pagination_ajax{
width: 60%;
float: left;
text-align: center;
}
.pagination_wrapper #item_par_page{
width: 20%;
float: right;
text-align: right;
}
.pagination_wrapper.bottom{
margin: 5% 0 0;
}
#pagination_ajax .pagination{margin:0;padding:0;}
#pagination_ajax .pagination li{
display: inline;
/* border: 1px solid transparent; */
margin-right: -1px;
margin: 0 2px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
}
#pagination_ajax .pagination li a{
text-decoration:none;
color: rgb(255, 255, 255);
padding: 8px 13px;
background-color: rgba(39, 39, 39, 0.18);
/* border: 1px solid transparent; */
}
#pagination_ajax .pagination li a:hover{
background-color: #272727;
color: #fff;
}
#pagination_ajax .pagination li.first, #pagination_ajax .pagination li.first a{
border-radius: 3px 0px 0px 3px;
}
#pagination_ajax .pagination li.last, #pagination_ajax .pagination li.last a{
border-radius: 0px 3px 3px 0px;
}
#pagination_ajax .pagination li:hover{
/* background: rgba(156, 156, 156, 0.44); */
}
#pagination_ajax .pagination li.active{
background: #272727;
color: #fff;
padding: 8px 13px;
/* border: 1px solid transparent; */
}
#pagination_ajax .pagination li:hover{
/* background: #088f69; */
/* color: #fff; */
/* padding: 10px 15px; */
/* border: 1px solid #B5B5B5; */
}
/*--------fin pagination------------------*/
#item_par_page span.item_par_page{
background-color: #FFF;
margin: 0 2px;
padding: 5px 7px;
font-size: 11px;
cursor: pointer;
}
#item_par_page label {
font-size: 14px;
color: #727272;
padding: 2% 2% 0;
line-height: 1.2;
}
#item_par_page span.item_par_page.active, #item_par_page span.item_par_page:hover{
background-color: #088f69;
color: #fff;
}
#reserved_loader{
position:relative;
position: static;
}
#reserved_loader.loader_masonry{
position: absolute;
bottom: -50px;
width: 100%;
text-align: center;
margin: 0 auto;
}
#reserved_loader.loader_masonry img{
position: relative;
left: 0;
margin: 0;
}
#reserved_loader.scroll:before{
content:"";
display:block;
clear:both;
}
#reserved_loader.scroll img{
bottom: 70px;
}
#reserved_loader img{
position: absolute;
left: 50%;
margin-left: -64px;
}
#reserved_load_scroll{display:none;}
#reserved_load_scroll.hidden{
visibility: hidden !important;
}
#reserved_load_scroll span{
margin: 0 0 0 -20px;
background-color: #272727;
color: #fff;
width: 100%;
display: block;
text-align: center;
padding: 20px 20px;
box-sizing: border-box;
border-radius: 5px;
max-width: 500px;
margin: 50px auto 0;
position:relative;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.6px;
cursor: pointer;
}
#reserved_load_scroll span:hover{
background-color: #c00b00;
}
#reserved_load_scroll span:after{
font-family: FontAwesome;
content: "\f078";
position: absolute;
top: 19px;
margin: 0 0 0 20px;
font-size: 14px;
}
/*--------cata filtres------------------*/
#reserved_filtres_remove{
float: none;
width: 99%;
margin: 0 0 0 1%;
}
#reserved_filtres_remove span{
background-color: rgb(119, 119, 119);
color: white;
padding: 5px 25px 5px 10px;
font-size: 13px;
border-radius: 2px;
position: relative;
cursor: pointer;
margin: 0 4px 10px 0;
display: inline-block;
}
#reserved_filtres_remove span#reserved_filtre_out_btn{
background-color: #f0412c;
}
#reserved_filtres_remove span:hover, #reserved_filtres_remove span#reserved_filtre_out_btn:hover{
background-color: rgb(49, 49, 49);
}
#catalogue #reserved_filtres_remove span[data-filtre-id]:not(#show_all_btn):after{
font-family: FontAwesome;
content: "\f00d";
position: absolute;
right: 10px;
top: 6px;
font-size: 10px;
}
#catalogue span[data-filtre-id]:not(#show_all_btn).active:after{
font-family: FontAwesome;
content: "\f00d";
position: absolute;
right: 10px;
top: 9px;
}
/*--------fin cata filtres------------------*/
/*--------------SEARCH BAR--------------*/
#cata_search_bar span{
display: block;
text-align: right;
color: rgba(58, 65, 72, 0.76);
font-size: 12px;
font-weight: 400;
padding: 0 0 4px;
}
#cata_search_bar{
position: relative;
width: 270px;
float: right;
margin: 0 0 100px;
}
#cata_search_bar input{
padding: 0 15px;
font-size: 16px;
font-weight: 300;
color: rgb(119, 119, 119);
vertical-align: top;
margin: 0;
background-color: rgba(255, 255, 255, 0.79);
border: 2px solid rgb(119, 119, 119);
border-radius: 3px 0 0 3px;
height: 41px;
width: 90%;
}
#cata_search_bar ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: rgba(58, 65, 72, 0.47);
font-size:14px;
font-weight:300;
letter-spacing:0.5px;
font-family: 'Raleway', sans-serif;
}
#cata_search_bar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
color: rgba(58, 65, 72, 0.47);
font-size:14px;
font-weight:300;
letter-spacing:0.5px;
font-family: 'Raleway', sans-serif;
}
#cata_search_bar ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
color: rgba(58, 65, 72, 0.47);
font-size:14px;
font-weight:300;
letter-spacing:0.5px;
font-family: 'Raleway', sans-serif;
}
#cata_search_bar :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
color: rgba(58, 65, 72, 0.47);
font-size:14px;
font-weight:300;
letter-spacing:0.5px;
font-family: 'Raleway', sans-serif;
}
#cata_search_bar button:hover{
background-color: rgb(80, 80, 80);
}
#cata_search_bar button{
border: none;
background-color: rgb(119, 119, 119);
color: #fff;
height: 45px;
width: 49px;
cursor: pointer;
position: absolute;
margin: 0 0 0 -6px;
top: 16px;
right: -54px;
}
#cata_search_bar button:after{
font-family: FontAwesome;
content: "\f002";
position: absolute;
right: 17px;
top: 11px;
font-size: 17px;
}
/*--------------FIN SEARCH BAR--------------*/
/*--------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 ul a, #side_catalogue ul span, #show_all_btn{text-decoration: none;color: #272727;padding: 5px 10px 7px;display: block;background-color: rgba(39, 39, 39, 0.03);margin: 5px 0;font-size: 20px;max-width: 220px;}
#side_catalogue ul ul a, #side_catalogue ul ul span{
font-size: 18px;
}
#side_catalogue a.active, #side_catalogue a:hover, #side_catalogue ul span.active, #side_catalogue ul span:hover, #show_all_btn: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.down::after{
content: '\25bc';
}
#side_catalogue > div > ul > li > ul {padding: 0 0 0 20px;}
#side_catalogue > div > ul > li span{
cursor: pointer;
}
.tinynav{
display: none;
}
/*--------FIN SIDE MENU--------------*/
/*--------------PRODUITS--------------*/
.animal{
float: left;
width: 25%;
}
.animal img{
width:100%;
display: block;
}
/*----------------item_theme_1----------------*/
.item_theme_1 {
text-align: center;
position: relative;
background-color: #272727;
color: white;
display: block;
float: left;
width: 31.33333%;
margin: 0 1% 18px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07);
}
.owl-carousel .item_theme_1{
float:none;
width:100%;
}
.item_theme_1 a.a_img_wrap{
background-color: white;
}
.item_theme_1 i.plus_hover{}
.item_theme_1 a.a_img_wrap:hover img{}
.item_theme_1 a.a_img_wrap:hover i.plus_hover{}
.item_theme_1 .iib_wrap{
}
.item_theme_1 div:not(.cata_img_wrapper) img{
width: 100%;
}
.item_theme_1 .iib_wrap a{
text-decoration: none;
background-color: #c00b00;
border: none;
color: #ffffff;
padding: 15px 0;
display: inline-block;
margin: 0;
text-transform: none;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid transparent;
}
.item_theme_1 .iib_wrap a:hover{
background-color: #272727;
border-color: #fff;
}
.item_theme_1 .info_item_bou{
padding: 0px 5% 49px;
position: relative;
}
.item_theme_1:hover .iib_wrap{}
.item_theme_1 h4 {
font-size: 19px;
line-height: 1;
padding: 15px 0;
font-weight: 500;
}
.item_theme_1 .promo_label{
position: absolute;
background-color: #f0412c;
border: 2px solid #fff;
top: 3px;
left: 2px;
padding: 8px;
width: 43px;
height: 43px;
border-radius: 100%;
font-size: 11px;
color:#fff;
line-height: 42px;
text-align:center;
-ms-transform: rotate(-10deg); /* IE 9 */
-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
transform: rotate(-10deg);
z-index: 999;
}
@media all and ( max-width: 768px ){
.item_theme_1{
width: 48%;
}
}
@media all and ( max-width: 560px ){
.item_theme_1{
float:none;
width:100%;
}
}
/*----------------fin item_theme_1----------------*/
/*----------------item_theme_2----------------*/
.item_theme_2{
float: left;
width: 32.33333%;
margin: 1% 1% 0 0;
box-sizing: border-box;
padding: 4%;
background-color: #191c21;
color: white;
}
.owl-carousel .item_theme_2{
float:none;
width:100%;
}
.item_theme_2 h2 span{
display: block;
font-size: 20px;
font-weight: 200;
padding: 0 0 3px;
}
.item_theme_2 h2{
text-transform: uppercase;
font-size: 30px;
font-weight: 600;
}
.item_theme_2 h4{
padding: 0 0 20px;
}
.item_theme_2 span.date{
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
padding: 20px 0;
display: block;
}
.item_theme_2 img{
}
.item_theme_2 div:not(.cata_img_wrapper) img{
width:100%;
}
.item_theme_2.blanc img{
max-width: 100%;
width: 80px;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
}
.item_theme_2 p{
padding: 10px 0;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
}
.item_theme_2 a.bouton{
background-color: transparent;
color: #ffffff;
border-color: #ffffff;
}
.item_theme_2 a:hover{
background-color: rgb(255, 255, 255);
color: #191c21;
}
.item_theme_2 a:hover{
background-color: transparent;
border-color: #ffffff;
}
@media all and ( max-width: 768px ){
.item_theme_2{
float: none;
width: 100%;
margin: 0 0 10px;
}
}
/*----------------FIN item_theme_2----------------*/
/*----------------item_theme_3----------------*/
.item_theme_3{
position: relative;
width: 100%;
border: 1px solid #000;
box-shadow: none;
margin: 0 1% 10px 0;
padding: 30px 40px;
border-radius: 0;
background-color: transparent;
min-height: 0;
box-sizing: border-box;
color: #272727;
display: inline-block;
max-width: 588px;
text-align: left;
max-width: none;
padding: 20px;
margin: 0 0 20px;
}
.item_theme_3 .info_img {
float: left;
width: 20%;
box-sizing: border-box;
padding: 0 20px 0 0;
}
.item_theme_3 .info_img a{
}
.item_theme_3 .info_img img {}
.item_theme_3 a.bouton.no-image{
max-width: 200px;
}
.item_theme_3 a.bouton:hover{
background-color: #272727;
color: #ffffff;
}
.item_theme_3 a.bouton {
display: inline-block;
width: 100%;
margin: 8px 0 0;
max-width: none;
text-decoration: none;
background-color: transparent;
border: 1px solid #272727;
color: #272727;
box-sizing: border-box;
text-align: center;
/* max-width: 202px; */
}
.item_theme_3 .info_news {
float: left;
width: 80%;
box-sizing: border-box;
padding: 0 20px 0 0;
}
.item_theme_3 .info_news.no-image{
float: none;
width: 100%;
}
.item_theme_3 .info_news h4 {
float: none;
padding: 0 0 0;
font-size: 29px;
text-align: left;
text-transform: capitalize;
width: 100%;
font-weight: 500;
line-height: 1.3;
/* color: #2d2a2a; */
}
.item_theme_3 .info_news .date{
display: block;
font-size: 15px;
font-style: italic;
text-align: left;
color: rgb(39, 39, 39);
padding: 0 0 10px;
/* opacity: 0.8; */
font-weight: 300;
letter-spacing: 1px;
}
.item_theme_3 .info_news .item_desc {
padding: 0 0 0;
}
@media all and ( max-width: 768px ){
.item_theme_3 .info_img{
width: 40%;
}
.item_theme_3 .info_news{
width: 60%;
}
}
@media all and ( max-width: 560px ){
.item_theme_3 .info_img{
width: 100%;
float: none;
margin: 0 0 20px;
/* background-color: #242120; */
padding: 0;
}
.item_theme_3 .info_img img{}
.item_theme_3 .info_news{
width: 100%;
float: none;
}
}
/*----------------FIN item_theme_3----------------*/
/*----------------item_theme_4----------------*/
.item_theme_4 {
float: left;
width: 31.333333333%;
margin: 5px 1%;
}
.item_theme_4:hover img{
opacity:0.2;
-ms-transform: scale(1.05); /* IE 9 */
-webkit-transform: scale(1.05); /* Safari */
transform: scale(1.05);
}
.item_theme_4:hover .hover_infos{
opacity:1;
}
.item_theme_4 .it4_inner{
position: relative;
background-color: black;
width: 100%;
overflow:hidden;
}
.item_theme_4 img{
width: 100%;
display: block;
}
.item_theme_4 .hover_infos{
position: absolute;
height: auto;
left: 50%;
top: 50%;
-ms-transform: translate(-50%,-50%); /* IE 9 */
-webkit-transform: translate(-50%,-50%); /* Safari */
transform: translate(-50%,-50%);
text-align: center;
width: 100%;
opacity: 0;
}
.item_theme_4 .hover_infos h4{
color: white;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
padding: 0 30px;
letter-spacing: 2px;
}
@media all and ( max-width: 768px ){
.item_theme_4 {
width:48%
}
}
@media all and ( max-width: 560px ){
.item_theme_4{
float:none;
width:100%;
margin: 0 0 10px;
}
}
/*----------------fin item_theme_4----------------*/
/*--------------FIN PRODUITS--------------*/
/**********FIN CATALOGUE********************/
/*-----------FICHE--------------*/
div#fiche {padding: 3% 2% 19%;}
div#fiche a#back_to_product{}
div#fiche a#back_to_product:hover{
}
#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{
}
div#payment_info > a, div#payment_info button {
}
div#payment_info > a i, div#payment_info button i {
padding: 0 11px 0 0;
}
#fiche_add_cart:hover{
}
div#fiche h1 {
text-align: left;
padding: 0;
margin: 0;
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%;
}
#fiche_droite.full_width{
max-width: 1100px;
border:none;
padding: 20px 0 0;
float: none;
width: 100%;
}
div#fiche_droite {float: right;width: 65%;border-left: 1px solid rgba(0, 0, 0, 0.12);padding: 0px 0 0 2%;}
#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.2;font-size: 22px;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{}
div#payment_info > a:hover{}
#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 i{font-size: 23px;padding: 0 6px 0;background-color: #ccc;color: #fff;padding: 3px;width: 40px;text-align: center;height: 40px;line-height: 40px;}
#media_share i: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 i{
font-size: 30px;
}
#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 button[type="submit"]{
}
#form_commande_user button[type="submit"]:hover{
}
#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{width: 100%;padding: 20px 0;margin: 0 auto 0;}
#commander_container a:hover{
}
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****************************************************************************************************************************************/
/***********HEADER 1****************/
#header1{position: relative;padding: 37px 2% 36px;background-color: white;}
#header1 #logo{position: relative;float: left;width: 40%;box-sizing: border-box;}
#header1 #logo > a > img{max-width: 100%;width: 40%;}
/*----------NAVBURGER--------------*/
#megawrap{
position:relative;
-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;
}
#megawrap.fade{
}
#megawrap.push{
-ms-transform: translate(480px, 0);
-webkit-transform: translate(480px, 0);
transform: translate(480px, 0);
}
body[data-navburger-direction="right"] #megawrap.push{
-ms-transform: translate(-480px, 0);
-webkit-transform: translate(-480px, 0);
transform: translate(-480px, 0);
}
body[data-navburger="false"] #navburger{
display: none;
}
#megawrap span#fade_megawrap{
background-color: transparent;
-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;
}
#megawrap.fade span#fade_megawrap{
background-color: rgba(0, 0, 0, 0.76);
content:"";
width:100%;
height:100%;
display:block;
position: absolute;
z-index: 888;
}
#navburger_btn:before{
content:"Menu";
right: -80px;
top: 0px;
position: absolute;
font-size: 23px;
font-weight: 300;
padding: 0 0 0 20px;
text-transform: uppercase;
-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;
}
#navburger_btn.close:before{
color: #fff;
}
#navburger_btn{
position: absolute;
top: 20px;
left: 20px;
z-index: 9999999;
cursor: pointer;
}
body[data-navburger="false"] #navburger_btn{
display:none;
}
body[data-navburger-direction="right"] #navburger_btn{
right: 20px;
left: inherit;
}
body[data-navburger-direction="right"] #navburger_btn:before{
left: -80px;
padding: 0 20px 0 0;
}
#navburger_btn:hover span, #navburger_btn.close{
position: fixed;
}
#navburger_btn:hover span, #navburger_btn.close span{
background: #58d2c2;
}
body[data-navburger-direction="right"] #navburger{left: inherit;right: -480px;}
body[data-navburger-direction="right"] #navburger.active{left: inherit;right: 0;}
#navburger{
position: absolute;
width: 480px;
height: 100%;
top: 0;
left: -480px;
right: 0;
background-color: rgb(0, 0, 0);
z-index: 8888;
box-sizing: border-box;
overflow: hidden;
}
#navburger.active{
left: 0;
position: fixed;
overflow-y: auto;
}
/*
#navburger:before{
content:"";
width: 100px;
height:100%;
background-color:red;
position:absolute;
left: -100px;
}
*/
#navburger.active #nav, body[data-navburger-direction="right"] #navburger.active #nav{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
#navburger #nav{
position: relative;
text-align: left;
margin: 70px 40px 50px;
box-sizing: border-box;
-ms-transform: translate(-500px, 0);
-webkit-transform: translate(-500px, 0);
transform: translate(-500px, 0);
-webkit-transition: all 0.7s cubic-bezier(0.83, 0.18, 0.13, 1);
-moz-transition: all 0.7s cubic-bezier(0.83, 0.18, 0.13, 1);
-o-transition: all 0.7s cubic-bezier(0.83, 0.18, 0.13, 1);
-ms-transition: all 0.7s cubic-bezier(0.83, 0.18, 0.13, 1);
transition: all 0.7s cubic-bezier(0.83, 0.18, 0.13, 1);
}
body[data-navburger-direction="right"] #navburger #nav{
-ms-transform: translate(500px, 0);
-webkit-transform: translate(500px, 0);
transform: translate(500px, 0);
}
#navburger #nav ul{
position: relative;
}
#navburger #nav ul li ul{
padding: 0 0 0 25px;
}
#navburger #nav ul li ul li a{
font-size: 20px;
}
#navburger #nav ul li{position: relative;}
#navburger #nav ul li a {
display: block;
text-decoration: none;
color: #ffffff;
font-size: 46px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 25px 0 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
-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;
}
#navburger #nav ul li a:hover, #navburger #nav ul li a.active{
color: #58d2c2;
}
.nav-burger-anim{
width: 30px;
height: 30px;
position: relative;
margin: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
cursor: pointer;
}
.nav-burger-anim span{
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #000000;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.nav-burger-anim span:nth-child(1) {
top: 0px;
}
.nav-burger-anim span:nth-child(2),.nav-burger-anim span:nth-child(3) {
top: 10px;
}
.nav-burger-anim span:nth-child(4) {
top: 20px;
}
.nav-burger-anim.close span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.nav-burger-anim.close span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-burger-anim.close span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-burger-anim.close span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
/*----------NAVBURGER--------------*/
/*----------NAV----------*/
#header1 #nav{position: relative;text-align: right;margin: 35px 0 0;}
body[data-navburger="true"] #header1 #nav{
display:none;
}
#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: #272727;font-size: 20px;margin: 0 3% 0 1%;font-weight: 500;text-transform: uppercase;}
#header1 #nav ul li a.mobile_only{
display:none;
}
#header1 #nav ul li a:hover, #header1 #nav ul li a.active{color: #c00b00;}
/*-----sous-menu----*/
#header1 #nav ul li ul {position: absolute;display: none;margin: -10px 0 0;padding: 0;box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);z-index: 999999;left: 20%;white-space: nowrap;min-width: 100%;text-align: left;border-top: 10px solid #ffffff;background-color: white;}
#header1 #nav ul li ul li {
display: block;
float:none;
border-bottom: 1px solid #272727;
}
#header1 #nav ul li ul li a {text-decoration: none;margin: 0;background-color: #ffffff;display: block;padding: 10px 25px;color: #272727;text-transform: none;font-size: 19px;}
#header1 #nav ul li ul li:first-child a{
border:none;
}
#header1 #nav ul li ul li a:hover {
color: #c00b00;
}
#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 #c00b00;
}
#header1 #nav ul li a.soumission {
display: inline-block;
text-decoration: none;
width: auto;
padding: 10.75px 1rem 11.25px;
margin: 0 auto;
border: none;
background-color: #c00b00;
color:white;
line-height: 1;
border-radius: 1rem;
cursor: pointer;
margin: 0 auto 0 1%;
}
#header1 #nav ul li a.soumission:hover {
background-color: #272727;
color:white;
}
/*-------fin sous-menu-----*/
/*----------FIN NAV----------*/
/***********FIN HEADER 1****************/
#head_droite{
float: left;
width: 60%;
}
#head_top{}
#ht_droite{
box-sizing: border-box;
text-align: right;
}
#ht_droite a{
color: #272727;
text-decoration: none;
padding: 0 20px 0 0;
font-size:20px;
}
#ht_droite a.soumission{
background-color: #c00b00;
color: white;
line-height: 1;
border-radius: 1rem;
text-align: center;
text-decoration: none;
padding: 10px;
font-size:20px;
display: inline-block;
margin-right:10px;
}
#ht_droite a:hover,#ht_droite a.active{
color: #c00b00;
}
#ht_droite a.soumission:hover{
background-color: black;
color:white;
}
#ht_droite #ht_sociaux{
display: inline-block;
}
#ht_droite #ht_sociaux a{
padding: 0 5px 0 0;
}
#ht_droite #ht_sociaux a i{}
#ht_droite #ht_sociaux a:hover i{}
/**********PRE HEADER**********************/
/*------PH1------------*/
#ph1{
text-align: right;
background-color: #191715;
text-transform: uppercase;
color: #ccc;
padding: 7px 10px 7px 0;
}
#ph1 p{
font-size: 20px;
}
#ph1 span{
font-size: 13px;
padding: 10px;
}
#ph1 img{
vertical-align: middle;
max-width: 3%;
}
/*------FIN PH1------------*/
/**********FIN PRE HEADER**********************/
/*-----OVERWRITE SLIDER----*/
#slider{
position: relative;
width: 100%;
/*visibility: hidden;*/
max-height: 600px;
overflow: hidden;
background-color: #c00b00;
}
#slider .owl-carousel .owl-item img.slide{
opacity: 1;
/* filter: brightness(50%); */
}
.s1_lift .lp{
float: left;
width: 100%;
text-align: center;
padding: 2% 40px 4.5%;
box-sizing: border-box;
}
.s1_lift .lp img{}
.s1_lift .lp h5{
color: #15254e;
font-size: 50px;
font-weight: 700;
margin: 40px 0;
letter-spacing: 1px;
}
.s1_lift h2{
display: block;
font-weight: 900;
font-size: 70px;
letter-spacing: normal;
color: #272727;
text-transform: uppercase;
text-align: center;
}
.s1_lift .lp h5 span{
display: block;
font-weight: 700;
font-size: 70px;
margin-top:20px;
letter-spacing: normal;
color: #15254e;
text-transform: uppercase;
}
.s1_lift{
position: absolute;
top: 0px;
text-align: left;
width: 100%;
margin: 0 auto;
right: 0;
box-sizing: border-box;
padding: 0;
}
#slider .caption{
position: absolute;
top: 20%;
text-align: left;
width: 100%;
margin: 0 auto;
left: 0;
box-sizing: border-box;
padding: 0;
}
#slider .caption h3{
font-size: 70px;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #ffffff;
margin: 0;
}
#slider .caption h5{
font-size: 50px;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #ffffff;
margin: 0;
}
#slider .caption div{
float:left;
width: 50%;
}
#slider .caption img{
}
#slider .caption p{
color: #ffffff;
font-size: 25px;
font-weight: 200;
padding: 0;
margin: 0;
text-transform: none;
}
#slider .caption a{}
#slider .caption a:hover{}
#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 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;
}
.owl_fiche_item{}
.owl_fiche_item a{}
.owl_fiche_item a i.plus_hover{
font-size: 60px;
color: #fff;
display: block;
position: absolute;
top: 50%;
margin: -30px 0 0 -24px;
left: 0;
opacity: 0;
}
.owl_fiche_item a:hover i.plus_hover{
left: 50%;
opacity: 1;
}
#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: #000;color: #fff;padding: 1%;text-align: center;font-size: 12px;line-height: 1.6;}
#footer_f1 > p > a {
color: #fff;
text-decoration: none;
}
/*--------FIN FOOTER F1-------*/
/*--------FOOTER F5-------*/
#footer_f5 {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) i{
padding: 0 10px 0;
font-size: 30px;
color: #000;
}
#footer_f5 div.item_f5:nth-child(2) i: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: #d6d6d6;
}
#footer_f6 .wrapper_f6{
max-width: 30%;
margin: 0 auto;
}
#footer_f6 #f6_sociaux{
max-width: 70%;
margin: 0 auto;
}
#footer_f6 #f6_sociaux div{
float: left;
width: 21%;
margin: 0 2%;
}
#footer_f6 #f6_sociaux div i{font-size: 30px;color: #000;}
#footer_f6 #f6_sociaux div i:hover{
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
}
#footer_f6 #f6_logo{
margin: 4% 0;
}
#footer_f6 #f6_logo img{
max-width: 100%;
width: 150px;
}
#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 i{
font-size: 20px;
vertical-align: middle;
padding: 0 10px 0 0;
color: #fff;
}
#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;}
/*---------FIN FORMULAIRE DE CONTACT----------*/
/**********SERIE A*******************/
/*---------BLOC A1-----------------*/
#bloc_a1{padding: 5% 2%;}
#bloc_a1 div.item_a1 {float: left;width: 46%;margin: 0 2%;color: #9E9E9E;}
#bloc_a1 img{
max-width: 100%;
padding: 0 0 3% 0;
width: 100%;
}
#bloc_a1 h3{
font-size: 30px;
padding-bottom: 20px;
font-weight: bold;
padding: 0 10% 5% 0;
}
#bloc_a1 p{
line-height: 1.4;
font-size: 14px;
padding: 0 10% 3% 0;
}
#bloc_a1 a {
}
#bloc_a1 a:hover{
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A2-----------------*/
#bloc_a2{padding: 5% 2%;}
#bloc_a2 div.item_a2{float: left;width: 30%;margin: 1%;text-align: center;box-sizing: border-box;padding: 100px 50px;background-color:white;border-right: 1px solid #37383a;border-bottom: 1px solid #37383a;}
#bloc_a2 div.item_a2 > div {padding: 5% 5px;background-color: #000;color: #fff;max-width: 365px;margin: -2px auto 0;}
#bloc_a2 div.item_a2.emplois{width:60%;padding:2% 1%;text-align:left;display:inline-block;float:none;}
#bloc_a2 img{max-width: 100%;width: 100%;}
#bloc_a2 h3{
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
padding: 0 0 10px;
margin: 0;
display: inline-block;
letter-spacing: 1px;
}
#bloc_a2 span{
display: block;
font-size: 10px;
padding: 0 0 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
#bloc_a2 h6{line-height: 1.1;padding: 2% 5%;font-size: 33px;font-weight: 600;color: #37383a;}
#bloc_a2 a{
margin: 40px 0 0;
}
#bloc_a2 a:hover{
background-color: #37383a;
color: white;
}
#bloc_a2 div.item_a2.emplois a{margin:0 0 10px;text-decoration: none; color:#c00b00;font-weight: 600;}
#bloc_a2 div.item_a2.emplois span{padding:10px 0 10px;text-decoration: none; }
#bloc_a2 div.item_a2.emplois a:hover{background-color: transparent; color:#37383a;}
/*---------FIN BLOC A2-----------------*/
/*---------BLOC A3-----------------*/
#bloc_a3{text-align: left;padding: 6% 2%;position: relative;
width: 80%;
max-width: 1080px;
margin: auto;}
#bloc_a3 h2{
font-size: 26px;
padding-bottom: 10px;
color: #333;
font-weight: 500;
line-height: 1em;
}
#bloc_a3 h3{
font-size: 22px;
padding-bottom: 10px;
color: #333;
font-weight: 500;
line-height: 1em;
}
#bloc_a3 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a3 ul{
list-style-type: disc;
margin-left:20px;
}
#bloc_a3 p, #bloc_a3 ul li {
color: #666;
background-color: #fff;
font-family: "Open Sans",Arial,sans-serif;
font-size: 14px;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.7em;
padding-bottom: 1em;
}
#bloc_a3 a{color: #3c3b3c;text-decoration: none;}
/*---------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 {
}
#bloc_a4 a:hover{
}
/*---------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 A7-----------------*/
#bloc_a7{text-align: center;padding: 5% 2%;font-family: 'Montserrat',sans-serif;}
#bloc_a7 div.item_a7 {width: 52%;margin: 0.5%;text-align: center;position: relative;display:inline-block;}
#bloc_a7 div.item_a7_2 {width: 70%;padding:2% 11% 2%;margin: 0.5%;text-align: center;position: relative;display:inline-block;background-color: #002e60;}
/* #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_a7 div.item_a7 h3{position: absolute;bottom: 0;padding: 2%;right: 0;font-size: 20px;font-weight: 300;}
#bloc_a7 div.item_a7 h3 span{padding: 10px 10px;display: inline-block;background-color: #000;color: #37383a;margin: 15px 0 0;}
#bloc_a7 div.item_a7 h4{font-size:40px;color:#37383a;padding-bottom:20px;font-family: 'Montserrat',sans-serif;}
#bloc_a7 div.item_a7 h4 span{font-size:18px;color:#37383a;font-weight: 500;}
#bloc_a7 div.item_a7 p{font-size:18px;color:#37383a;padding-bottom:50px;line-height:1.4;font-weight:500;}
#bloc_a7div.item_a7_2 h3{position: absolute;bottom: 0;padding: 2%;right: 0;font-size: 20px;font-weight: 300;color: #37383a;}
#bloc_a7 div.item_a7_2 h3 span{padding: 10px 10px;display: inline-block;background-color: #000;color: #37383a;margin: 15px 0 0;}
#bloc_a7 div.item_a7_2 h4{font-size:40px;color: #37383a;padding-bottom:20px;}
#bloc_a7 div.item_a7_2 h4 span{font-size:18px;color: #37383a;font-weight: 500;}
#bloc_a7 div.item_a7_2 p{font-size:18px;padding-bottom:50px;margin:0 auto;line-height:1.4;}
/*---------FIN BLOC A7-----------------*/
/*---------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% 6%;color: #272727;}
#bloc_a10 h3{
text-align: center;
margin: 0 0 20px;
}
#bloc_a10 h6{
font-size: 20px;
line-height: 1.2;
font-weight: 300;
padding: 0 0 20px;
text-align: center;
max-width: 1000px;
margin: 0 auto;
}
#bloc_a10 div.item_a10 {float: left;width: 50%;box-sizing: border-box;padding: 0 10px;margin: 40px 0 0;position: relative;}
#bloc_a10 img{max-width: 100%;width: 100%;display: block;}
#bloc_a10 i{
position: absolute;
font-size: 120px;
left: -60px;
top: 50%;
margin: -60px 0 0 -47px;
color: #fff;
opacity: 0;
}
#bloc_a10 .item_a10:hover .img_wrap i{
left: 50%;
opacity: 1;
}
#bloc_a10 .item_a10:hover .img_wrap img{
opacity: 0.2;
}
#bloc_a10 .img_wrap{
position: relative;
margin: 0 0 30px;
background-color: #272727;
}
#bloc_a10 h5{font-size: 30px;font-weight: 700;padding: 0 0 10px;text-transform: uppercase;letter-spacing: 1px;line-height: 1.1;}
#bloc_a10 h5:before{
content:"";
background: url('../images/puce.png') no-repeat;
width: 37px;
height: 26px;
display: inline-block;
background-size: contain;
}
#bloc_a10 p{line-height: 1.2;font-size: 20px;padding: 0;font-weight: 300;}
#bloc_a10 a {margin: 30px 0 0;border-color: #c00b00;}
#bloc_a10 a:hover{
}
/*---------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{}
#bloc_a12 div.item_a12 a:hover{
}
#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{
}
#bloc_a17 a:hover{
}
/*---------FIN BLOC A17-----------------*/
/*---------BLOC A18-----------------*/
#bloc_a18{text-align: center;padding: 5% 0% 8%;}
#bloc_a18 h3{
font-size: 34px;
padding: 0 0 3%;
text-transform: uppercase;
}
#bloc_a18 div.item_a18{
float: left;
width: 20%;
padding:0 1%;
}
#bloc_a18 div.item_a18.petit{
float: left;
padding: 2% 1%;
width: 15%;
}
#bloc_a18 div.item_a18.bleu{
color: #272727;
padding:7% 5%;
}
#bloc_a18 div.item_a18 img{
max-width: 100%;
height:244px;
}
#bloc_a18 div.item_a18.petit img{
height:auto;
}
#bloc_a18 div.item_a18 h5{
text-align:left;
font-size: 50px;
font-weight: 700;
text-transform: uppercase;
line-height:1;
padding-bottom:20px;
}
#bloc_a18 div.item_a18 p{
text-align:left;
font-weight: 700;
font-size: 25px;
}
/*---------FIN BLOC A18-----------------*/
/*---------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%;}
#bloc_a20 h1{}
#bloc_a20 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a20 p {font-size: 22px;line-height: 1.2;font-weight: 300;margin: 0 0 20px;}
/*---------FIN BLOC A20-----------------*/
/*---------BLOC A21-----------------*/
#bloc_a21{text-align: center;padding: 5% 2%;}
#bloc_a21 h3{
font-size: 34px;
padding: 0 0 3%;
text-transform: uppercase;
}
#bloc_a21 div.item_a21{
background-color: #175392;
color:white;
padding:4% 5% 2%;
}
#bloc_a21 div.item_a21 .item_a21_gauche{
display:inline-block;
width:40%;
text-align:right;
padding:1%;
padding-right:10%;
vertical-align:top;
}
#bloc_a21 div.item_a21 .item_a21_droite{
display:inline-block;
width:40%;
text-align:left;
padding:1%;
padding-left:5%;
vertical-align:top;
}
#bloc_a21 div.item_a21 img{
max-width: 100%;
display:inline-block;
vertical-align: middle;
}
#bloc_a21 div.item_a21 h5{
/* text-align:left; */
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
line-height:1.1;
padding-bottom:20px;
display:inline-block;
vertical-align: middle;
}
#bloc_a21 div.item_a21 p{
text-align:left;
font-weight: 700;
font-size: 30px;
line-height:1.2;
}
#bloc_a21 div.item_a21 i{
font-weight: 700;
font-size: 50px;
padding-right:10px;
}
/*---------FIN BLOC A18-----------------*/
/*---------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{}
#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{}
#bloc_a24 div.a24_div a:hover{}
/*---------FIN BLOC A24-----------------*/
/*---------BLOC A25-----------------*/
#bloc_a25{
margin: 0 0 0;
}
#bloc_a25 #a25_gauche{
float: left;
background: url('http://placehold.it/867x993&text=Bloc+A25') no-repeat;
background-size: cover;
width: 30%;
padding: 7% 10%;
color: #fff;
}
#bloc_a25 #a25_gauche p{
font-size: 20px;
padding: 3% 0;
line-height: 1.3;
font-weight: 600;
}
#bloc_a25 #a25_droite{
float: left;
width: 30%;
padding: 7% 10%;
background-color: rgb(101, 101, 101);
color: #fff;
}
#bloc_a25 h2{}
#bloc_a25 #a25_droite h2{}
#bloc_a25 #a25_gauche h2{}
#bloc_a25 #a25_droite p{
padding: 2% 0;
line-height: 1.6;
}
#bloc_a25 #a25_droite a{}
#bloc_a25 #a25_droite a:hover{}
/*---------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{
}
#bloc_a26 .item_a26 a:hover{
}
/*---------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{
}
#bloc_a27 .item_a27 a:hover{
}
/*---------FIN BLOC A27-----------------*/
/*---------BLOC A28-----------------*/
#bloc_a28{
padding: 5% 0 0;
text-align:center;
/* background: linear-gradient(to right bottom, rgb(255, 255, 255) 52%, #efb635 50%); */
/* background-attachment: fixed; */
}
#bloc_a28.slider{
margin-top:-60px;
position: relative;
z-index:99999999999999999999999;
padding:0 5%;
/* background: linear-gradient(to right bottom, rgb(255, 255, 255) 52%, #efb635 50%); */
/* background-attachment: fixed; */
}
#bloc_a28 .item_a28{
position: relative;
display: inline-block;
width: 33.333333%;
/* float: left; */
overflow:hidden;
text-align:left;
}
#bloc_a28.slider .item_a28{
position: relative;
display: inline-block;
width: 22.333333%;
/* float: left; */
margin:0 1%;
overflow:hidden;
text-align:left;
}
#bloc_a28 .item_a28:hover .item_a28_overlay{background-color: rgba(0, 0, 0, 0.66);}
#bloc_a28 .item_a28:hover img{}
#bloc_a28 .item_a28 a{}
#bloc_a28 .item_a28 img{
width: 100%;
height: 100%;
max-width: 100%;
display: block;
background-size:contain;
}
#bloc_a28 .item_a28 .item_a28_overlay{
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(39, 39, 39, 0.3);
color: #ffffff;
padding-bottom:150px;
}
#bloc_a28.slider .item_a28 .item_a28_overlay{
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align:center;
background: rgba(23, 83, 146, 0.7);
color: #ffffff;
}
#bloc_a28 .item_a28 .item_a28_overlay .item_a28_overlay_inner{
position: absolute;
left: 0;
bottom: 10px;
box-sizing: border-box;
padding: 30px;
width: 100%;
padding-bottom:80px;
/* padding-top:15px; */
}
#bloc_a28.slider .item_a28 .item_a28_overlay .item_a28_overlay_inner{
bottom: auto;
padding-top:15px;
}
#bloc_a28 .item_a28 .item_a28_overlay h4{
font-size: 35px;
padding: 0 0 2px;
display: inline-block;
font-weight: 300;
text-transform: uppercase;
color: #ffffff;
}
#bloc_a28 .item_a28 .item_a28_overlay i{
margin: 0 0 0 -20px;
color: rgba(239, 182, 53, 0);
}
#bloc_a28 .item_a28:hover .item_a28_overlay i{
margin: 0 0 0 20px;
color: #c00b00;
}
#bloc_a28.slider .item_a28 .item_a28_overlay i, #bloc_a28.slider .item_a28:hover .item_a28_overlay i{
color: white;
font-size: 54px;
margin:0;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
font-size: 54px;
line-height: 0.9;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -1.5px;
}
#bloc_a28.slider .item_a28 .item_a28_overlay p{
font-size: 29px;
}
#bloc_a28.slider .item_a28 .item_a28_overlay img{
width:94px;
margin:7% auto;
}
#bloc_a28.slider .item_a28 .item_a28_overlay h6{
display:none;
font-size:20px;
}
/* #bloc_a28.slider .item_a28 .item_a28_overlay:hover img, #bloc_a28.slider .item_a28 .item_a28_overlay:hover p{
display:none;
}
#bloc_a28.slider .item_a28 .item_a28_overlay:hover h6{
display:inline-block;
vertical-align:top;
margin:auto;
} */
/*---------FIN BLOC A28-----------------*/
/*---------BLOC A29-----------------*/
#bloc_a29{padding: 5% 2%;text-align:center;}
#bloc_a29 h1{
font-size: 65px;
font-weight: 300;
text-transform: uppercase;
padding: 0;
margin: 0 0 30px;
/* display: inline-block; */
color: #002252;}
#bloc_a29 div.separateur{
border-bottom: 5px solid #363636;
width: 15%;
margin: 20px auto;
}
#bloc_a29 p {font-size: 27px;line-height: 1.2;font-weight: 500;margin: 0 0 20px;}
/*---------FIN BLOC A29-----------------*/
/**********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: 0 2% 5% 2%;background-color: #E6E6E6;color:#737373;text-align:center;}
#bloc_p2 img{
max-width: 100%;
}
#bloc_p2_gauche{
float: left;
width: 40%;
padding: 0 2% 2%;
}
#bloc_p2_droite{
float: left;
width: 50%;
padding: 0 2% 2%;
}
#bloc_p2_droite img {
padding: 0 2% 0 0;
width: 100%;
}
#bloc_p2_gauche img{
padding: 0 2% 0 0;
width: 100%;
}
#bloc_p2 h1{
text-transform: uppercase;
font-size: 50px;
padding: 2% 0;
color:#737373;
margin-bottom:1%;
}
#bloc_p2 p{
font-size: 25px;
line-height: 1.6;
padding: 0 0 0 0;
color:#737373;
}
/*---------FIN BLOC P2-----------------*/
/*---------BLOC P3-----------------*/
#bloc_p3{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{font-size: 35px;
font-weight: 500;
padding: 0;
margin: 0 0 30px;
/* display: inline-block; */
color: #272727;
line-height: 1.2;}
#bloc_p3 h1 span{font-size: 30px;
/* display: inline-block; */
color:#c00b00;
display:block;}
#bloc_p3 p{font-size: 20px;
line-height: 1.2;
font-weight: 400;
margin: 0 0 20px;}
#bloc_p3 strong{
font-weight: 500;}
#bloc_p3 ul{
padding: 10px 0 10px 30px;
list-style: disc;
}
#bloc_p3 li{
font-size: 20px;
line-height: 1.2;
font-weight: 500;
padding: 0 0 10px;
}
#bloc_p3 h1.section_title{font-size: 50px;
font-weight: 700;
text-transform: none;
padding: 0;
margin: 0 0 30px;
/* display: inline-block; */
color: #272727;
}
#bloc_p3 h1.section_title span{font-size: 35px;
display: block;
padding: 20px 0 0;
text-transform: uppercase;
color: #c00b00;
letter-spacing: 1px;
font-size: 70px;
font-weight: 600;
padding-top: 0;}
/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4{background-color: #E6E6E6;padding: 5% 2%;}
#bloc_p4 div.item_p4 {
float: left;
width: 25%;
margin: 3% 0;
color: #737373;
}
#bloc_p4 img{
max-width: 95%;
}
#bloc_p4 h3{
font-size: 18px;
text-transform: uppercase;
padding-bottom: 20px;
font-weight: bold;
padding: 5% 10% 5% 0;
}
#bloc_p4 p{
line-height: 1.4;
font-size: 14px;
padding: 0 10% 0 0;
}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5{background-color: #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: 4% 2%;
margin: 100px 0 0;
}
#bloc_p8.index_deux{
/* margin: -320px 0 10%; */
}
#bloc_p8 div.bloc_p8_div.un{
float: left;
width: 35%;
padding: 0 1%;
}
#bloc_p8.index_deux div.bloc_p8_div.un{
float: right;
width: 63%;
}
#bloc_p8 div.bloc_p8_div.un img{
max-width: 100%;
width: 100%;
border-radius: 0;
}
#bloc_p8 div.bloc_p8_div{
/* float: left; */
width: 80%;
margin: 0 auto;
max-width: 800px;
}
#bloc_p8 div.bloc_p8_div.indexreal{
/* float: none; */
margin: -30% 0 0;
}
#bloc_p8.index_deux div.bloc_p8_div{
float: right;
width: 35%;
}
#bloc_p8.index_deux div.bloc_p8_div > div{
text-align: right;
margin: 0 -7% 0 0;
border-left: 1px solid #37383a;
border-right: none;
}
#bloc_p8 div.bloc_p8_div.propos > div{
margin: -25% 5% 5%;
}
#bloc_p8 div.bloc_p8_div > div{
padding: 11%;
margin: 0;
background-color:white;
box-sizing: border-box;
/* max-width: 1100px; */
border-right: 1px solid #37383a;
border-bottom: 1px solid #37383a;
}
#bloc_p8 div.bloc_p8_div h3{
font-size: 25px;
font-weight: 100;
/* text-transform: uppercase; */
padding: 0 0 10px;
margin: 0;
display: block;
letter-spacing: 1px;
line-height: 1.4;
font-weight: 500;
}
#bloc_p8 div.bloc_p8_div h4{
/* padding-bottom:25px; */
color:#37383a;
font-size: 35px;
font-weight: 700;
}
/*
#bloc_p8 div.bloc_p8_div.deux h4:before{
content:"";
height:6px;
width: 40%;
margin: 0px 60% 30px 0;
display:block;
background-color: #c00b00;
}
*/
#bloc_p8 div.bloc_p8_div p{
font-size: 16px;
line-height: 1.8;
font-weight: 300;
color: #37383a;
}
#bloc_p8.index_deux div.bloc_p8_div a{
float: right;
}
#bloc_p8 div.bloc_p8_div a.plus i{
font-size: 70px;
vertical-align: middle;
padding: 0 20px 0 0;
}
#bloc_p8 div.bloc_p8_div a.plus{
margin: 30px 0 0;
background-color: transparent;
border: none;
color: #37383a;
text-decoration: none;
padding: 0;
display: block;
width: auto;
font-weight: 300;
text-transform: uppercase;
text-align: left;
font-size: 10px;
letter-spacing: 2px;
}
#bloc_p8 div.bloc_p8_div a{margin: 40px 0 0;}
#bloc_p8 div.bloc_p8_div a:hover{
background-color: #37383a;
color: #fff;
}
#bloc_p8 div.bloc_p8_div ul{
list-style:disc;
margin-left:20px;
color: #9E9E9E;
}
#bloc_p8 div.bloc_p8_div ul li{
margin:2% 0;
line-height: 1.3;
padding-bottom:5%;
color:#192026;
}
/*---------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{
}
#bloc_p9 a:hover{
}
/*---------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{padding: 0;}
#bloc_c1_a{float: left;width: 50%;padding: 10% 40px;box-sizing: border-box;background-color: rgba(239, 239, 239, 0.49);}
#bloc_c1_b{float: left;width: 50%;padding: 10% 40px;box-sizing: border-box;}
#map_bloc_c1{width: 100%;height: 250px;}
#bloc_c1 h2{
font-size: 30px;
font-weight: 400;
/* text-transform: uppercase; */
padding: 40px 0 20px;
margin: 0;
}
#bloc_c1 h3{
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0 0 4px;
}
#bloc_c1 h4{
padding: 0 0 20px;
font-size: 19px;
line-height: 1.3;
}
#bloc_c1 p{font-size: 16px;font-weight: 300;line-height: 1.3;}
#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 button[type="submit"] {
}
#bloc_c1_a #form_contact button[type="submit"]:hover{
}
#bloc_c1_a #form_contact{
position: relative;
width: 100%;
}
#bloc_c1_a #form_contact input, #bloc_c1_a #form_contact textarea {width: 100%;padding: 30px 20px;font-size: 14px;background-color: #ffffff;border: 1px solid rgba(47, 57, 84, 0.22);box-sizing: border-box;margin: 0 0 10px;}
#bloc_c1_a #form_contact textarea {
height: 120px;
padding: 2%;
margin: 0 0 5px 0;
}
/*---------FIN BLOC C1----------*/
/*---------BLOC C2----------*/
#bloc_c2{padding: 9% 2%;background-color: #313131;color: white;}
#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: #fff;display: block;margin: 10px 0 60px;line-height: 1.2;font-size: 20px;font-weight: 300;}
#bloc_c2_a a:hover{
color: #d71b2a;
}
#bloc_c2_a a i{display: block;margin: 0 auto;padding: 0 0 10px 0;font-size: 50px;}
#map_bloc_c2{width: 100%;height: 463px;}
#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"] {font-size: 16px;text-transform: uppercase;text-decoration: none;color: #ffffff;padding: 15px 45px;display: block;letter-spacing: 5px;font-weight: 300;margin: 2px 0 0;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.48);width: 99.7%;height: auto;float: left;}
#bloc_c2_b #form_contact input[type="submit"]:hover{background-color: #d71b2a;color: #ffffff;}
#bloc_c2_b #form_contact{
position: relative;
}
#bloc_c2_b #form_contact input,#bloc_c2_b #form_contact textarea {height: 20px;padding: 20px 4%;font-size: 14px;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.48);width: 91%;margin: 0 0 6px;color: #fff;font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 18px;}
#bloc_c2_b #form_contact textarea {height: 220px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
/*---------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 i{display: block;margin: 0 auto 5%;font-size: 50px;}
/*---------FIN BLOC C3-----------------*/
/*---------BLOC C4----------*/
#bloc_c4{padding: 10% 2%;color: white;background-color: #272727;}
#bloc_c4 #bloc_c4_form_gauche {float: left;width: 45%;padding: 0 1% 0 0;}
#bloc_c4 #bloc_c4_form_droite {float: left;width: 54%;padding: 0;}
#bloc_c4 #bloc_c4_form_gauche div, #bloc_c4 #bloc_c4_form_droite div {height:240px;}
#bloc_c4 > p{
font-weight: 100;
padding: 0 0 10px;
text-transform: none;
text-align: center;
}
#bloc_c4 #form_appel h2, #bloc_c4 #form_contact h2, #bloc_c4 #form_contact a{color: white;text-decoration:none;}
#bloc_c4 .bouton{border-color:white;color:white;width:100%}
#bloc_c4 input::placeholder, #bloc_c4 textarea::placeholder {
color: #272727;
opacity: 1;
}
#bloc_c4 > p:not(.section_title){
padding: 0 0 60px;
font-size: 27px;
}
#bloc_c4 #form_appel label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c4 #form_appel label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c4 #form_appel input[type="submit"] {
text-decoration: none;
color: #ffffff;
padding: 21px 0;
background-color: #f08e3e;
margin: 0 0;
display: inline-block;
font-size: 13px;
font-weight: 800;
width: 200px;
max-width: none;
text-transform: uppercase;
border-color: #f08e3e;
font-family: 'Ubuntu', sans-serif;
}
#bloc_c4 #form_appel input[type="submit"]:hover{background-color: white;color: #272727;}
#bloc_c4 #form_appel{position: relative;}
#bloc_c4 #form_appel input, #bloc_c4 #form_appel textarea {color: #272727;width: 100%;padding: 30px 20px;font-size: 15px;background-color: rgba(255, 255, 255, 0.91);border: none;box-sizing: border-box;margin: 0 0 7px;font-family: 'Raleway', sans-serif;font-weight: 300;color: #272727;border: 1px solid rgba(255, 255, 255, 0.43);}
#bloc_c4 #form_appel textarea {height: 200px;color: #272727;}
#bloc_c4 #form_appel input[type="radio"],#bloc_c4 #form_appel input[type="checkbox"]{width:5%;height: 1.3em;margin: 0 0 15px;}
#bloc_c4 #form_contact label {
font-size: 14px;
padding: 10px 0 2px;
display: inline-block;
}
#bloc_c4 #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c4 #form_contact input[type="submit"] {
text-decoration: none;
color: #ffffff;
padding: 21px 0;
background-color: #f08e3e;
margin: 0 0;
display: inline-block;
font-size: 13px;
font-weight: 800;
width: 200px;
max-width: none;
text-transform: uppercase;
border-color: #f08e3e;
font-family: 'Ubuntu', sans-serif;
}
#bloc_c4 #form_contact input[type="submit"]:hover{background-color: white;color: #272727;}
#bloc_c4 #form_contact{position: relative;}
#bloc_c4 #form_contact input, #bloc_c4 #form_contact textarea {color: #272727;width: 100%;padding: 30px 20px;font-size: 15px;background-color: rgba(255, 255, 255, 0.91);border: none;box-sizing: border-box;margin: 0 0 7px;font-family: 'Raleway', sans-serif;font-weight: 300;color: #272727;border: 1px solid rgba(255, 255, 255, 0.43);}
#bloc_c4 #form_contact textarea {height: 200px;color: #272727;}
#bloc_c4 #form_contact input[type="radio"],#bloc_c4 #form_contact input[type="checkbox"]{width:5%;}
/*---------FIN BLOC C4----------*/
/*---------BLOC C5----------*/
#bloc_c5{=: #AAAD9Apadding: 3% 1%background: linear-gradient(rgba(0, 0, 0, 0.33),rgba(0, 0, 0, 0.42)),url(../images/a3_bg.jpg) no-repeat;padding: 10% 2%;background-color: #191c21;}
#bloc_c5_a{float: left;width: 50%;box-sizing: border-box;padding: 0 20px;}
#bloc_c5_b{float: left;width: 50%;box-sizing: border-box;padding: 0 20px;}
#bloc_c5_a > p, #bloc_c5_b > p{font-size: 46px;text-align: left;color: white;padding: 0 0 20px;}
#bloc_c5_b span{font-size: 20px;font-weight: 300;line-height: 1.3;color: white;text-align: left;display: inline-block;max-width: 80%;}
#bloc_c5_a #form_contact label.form_error{
color: red;
padding: 0 0 5px 0;
}
#bloc_c5_b > div:not(.clear){float: left;width: 50%;padding: 0;line-height: 1.4;color: white;}
#bloc_c5_a form{
margin: 0;
}
#bloc_c5_a form input, #bloc_c5_a form textarea{
border-radius: 0;
border: 1px solid #ffffff;
font-weight: 300;
margin: 0 0 6px;
height: 60px;
padding: 20px;
width: 100%;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
background-color: rgba(255, 255, 255, 0.7);
}
#bloc_c5_a form input.half{
width: 50%;
float: left;
}
#bloc_c5_a form input.half:first-child{
width: 49%;
margin: 0 1% 0 0;
}
#bloc_c5_a form textarea{
height: 200px;
}
#bloc_c5_a form button{
border: none;
background-color: #ffffff;
border: 1px solid #ffffff;
color: #000;
padding: 15px 45px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
border-radius: 0;
}
#bloc_c5_a form button:hover{
background-color: transparent;
color: white;
}
#bloc_c5_a form button i{
padding: 0 10px 0 0;
}
#bloc_c5_b a:hover{
font-weight: 500;
}
#bloc_c5_b a{display: inline-block;text-decoration: none;color: #fff;font-size: 17px;font-weight: 300;}
#bloc_c5_b > div p{text-transform: uppercase;font-size: 16px;letter-spacing: 1.6px;font-weight: 500;padding: 40px 0 7px;}
/*---------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 i{display: block;margin: 0 auto;font-size: 100px;}
#bloc_c6 a {
text-decoration: none;
color: #000;
padding: 14% 0 5%;
display: block;
line-height: 1.4;
height: 50px;
font-size: 18px;
}
/*---------FIN BLOC C6-----------------*/
/*---------BLOC C7----------*/
#bloc_c7{
padding: 2% 0 0;
}
#bloc_c7 h3{
text-align: center;
font-size: 30px;
padding: 0 0 1%;
}
#bloc_c7 p{
text-align: center;
font-size: 20px;
padding: 0 0 2%;
}
#map_wrapper{
position: relative;
overflow: hidden;
}
#map_bloc_c7{
width: 100%;
height: 300px;
}
.map_shadow{
position: absolute;
box-shadow: 0px 9px 19px 8px rgba(0, 0, 0, 0.3);
}
.map_shadow.top {
top: -10px;
left: 0;
right: 0;
height: 10px;
}
.map_shadow.bottom {
bottom: -5px;
left: 0;
right: 0;
height: 5px;
}
.map_shadow.none{
display: none;
}
/*---------FIN BLOC C7----------*/
/*---------BLOC C8-----------------*/
#bloc_c8{
background-color: #CC5D5D;
padding: 3% 5%;
}
#bloc_c8 .r_mail {
display: inline-block;
text-decoration: none;
color: #000;
}
#bloc_c8 .r_phone {
font-size: 35px;
text-decoration: none;
color: #000;
padding: 2% 0;
display: inline-block;
}
#bloc_c8 .r_adresse {
line-height: 1.4;
font-size: 14px;
}
/*---------FIN BLOC C8-----------------*/
/*---------BLOC C11-----------------*/
#bloc_c11 {
background-color: #E6E6E6;
padding: 10px 4%;
}
#bloc_c11 div.item_c11 {
float: left;
width: 30%;
margin: 3% 1.6%;
color: #fff;
background-color: #168ec6;
text-align: center;
padding: 30px 0;
}
#bloc_c11 div.item_c11 h6 {
text-transform: uppercase;
padding: 5% 5px;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
}
#bloc_c11 div.item_c11 p {
text-transform: uppercase;
font-size: 14px;
}
#bloc_c11 div.item_c11 i{display: block;margin: 0 auto;font-size: 50px;padding: 10px 0;}
#bloc_c11 div.item_c11 a {text-decoration: none;color: #fff;padding: 15px 0;display: inline-block;}
/*---------FIN BLOC C11-----------------*/
/**********FIN SERIE C*******************/
/*---------GALLERIE REALISATION-----------------------------*/
/*---------GALLERIE WRAPPER-----------------*/
#gallerie_wrapper{
padding: 2% 2%;
}
.real_avant{
padding: 2% 0 5%;
}
.real_apres{}
.real_avant h5, .real_apres h5{
font-size: 20px;
text-transform: uppercase;
border-bottom: 1px solid #000;
margin: 0 0 1%;
}
/*---------FIN GALLERIE WRAPPER-----------------*/
#content_realisations{
visibility:hidden;
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: 20px 0.5%;text-align: center;min-height: 75px;}
#menu_realisations.style_1 .btn_realCat_wrap{
position: relative;
}
#menu_realisations.style_1 a {
margin: 2px;
}
#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: #000;border-color: #000;}
#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{
padding: 100px 5%;
margin: 0 auto 5%;
background-color:white;
max-width: 100%;
width: 800px;
box-sizing: border-box;
border-right: 1px solid #37383a;
border-bottom: 1px solid #37383a;
}
#bloc_v > div.wrapper > a{/* padding: 15px 25px 13px; */}
#bloc_v > div.wrapper > a:hover{
color: #bf0e20;
}
#bloc_v h2{
color:#37383a;
}
#bloc_v h2 span{color: #4c4d4f;}
#bloc_v div.wrapper > div{
float: none;
}
#v_a{
width: 100%;
margin: 0 auto;
}
#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: #bf0e20;
padding: 0 0 5px 0;
}
#v_a #form_emplois button {width: 100%;background-color: transparent;border: 1px solid #37383a;color: #37383a;height: auto;cursor: pointer;float: none;font-weight: 300;padding: 25px 0;text-transform: uppercase;font-size: 14px;box-sizing: border-box;letter-spacing: 2px;}
#v_a #form_emplois button i {
padding: 0 11px 0 0;
vertical-align: middle;
font-size: 16px;
}
#v_a #form_emplois button:hover{
background-color: #37383a;
color: #ffffff;
}
#v_a #form_emplois{
position: relative;
width: 100%;
margin: 0 auto;
}
#v_a #form_emplois input, #v_a #form_emplois textarea {
width: 96%;
height: 20px;
padding: 15px 2%;
margin: 0 0 10px;
font-size: 14px;
border: 1px solid rgba(55, 56, 58, 0.22);
background-color: rgba(255, 255, 255, 0.77);
}
#v_a #form_emplois textarea {height: 120px;padding: 1% 2%;margin: 0 0 5px 0;font-family: 'Open Sans', sans-serif;}
#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----------*/
#tp_002{
background: url('http://placehold.it/1600x400&text=+') no-repeat;
background-size: cover;
padding: 6% 2%;
}
#tp_002 h2{}
.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_slider div.reserved-item { position: relative;
/* display: flex; */
align-items: center;
text-align: left;
justify-content: center;position: relative;float: none;width: 80%;margin:0 auto;}
#promo_index_slider div.reserved-item #promo_gauche{
width:60%;
display:inline-block;
vertical-align:middle;
}
#promo_index_slider div.reserved-item #promo_droite{
width:30%;
display:inline-block;
vertical-align:middle;
}
#promo_index_slider div.reserved-item h4 {font-size: 17px;padding: 0 0 10px;font-weight: 300;color: #3c3c3c;line-height: 1.1;}
#promo_index_slider div.reserved-item h3 {font-size: 40px;width:100%;padding-bottom:10px;}
#promo_index_slider .cata_projet_infos{
padding: 20px 5%;
background-color: #fff;
height: 40px;
}
#promo_index_slider div.reserved-item p {
font-size: 18px;
/* padding: 0 15px; */
line-height: 1.4;
max-width:60%;
color: #9E9E9E;
}
#promo_index_slider div.reserved-item p.prix {
color: #c00b00;
font-weight: bold;
font-size: 16px;
padding: 15px 15px 10px;
}
#promo_index_slider div.reserved-item p.prix span {
text-decoration: line-through;
font-size: 14px;
padding: 0 10px 0 0;
color: #474747;
}
#promo_index_slider div.reserved-item a {
/* text-decoration: none; */
color:#474747;
font-weight:600;
}
#promo_index_slider div.reserved-item img{
max-height: 300px;
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
#promo_index_slider div.reserved-item a.savoir_plus {
text-decoration: none;
font-size: 15px;
color: #ffffff;
padding: 15px 20px;
margin: 10px 0 0;
font-weight: normal;
background-color: #087b44;
display: block;
text-transform: uppercase;
text-align: center;
border: 1px solid #087b44;
}
#promo_index_slider div.reserved-item a.savoir_plus:hover{
background-color: transparent;
color: #087b44;
}
#promo_index_slider div.reserved-item a.modele img:hover{
/* -webkit-filter: blur(3px);
filter: blur(3px); */
}
#projet_index{margin: 300px 0 0;}
#projet_caroussel_nav{padding:2% 0;}
#projet_caroussel_nav i{padding:0 1%;font-size: 30px;color: #c00b00;}
#projet_index_slider div.reserved-item {position: relative;float: none;width: 100%;border: 1px solid rgba(0, 0, 0, 0.16);}
#projet_index_slider div.reserved-item h4 {font-size: 17px;padding: 0 0 10px;font-weight: 300;color: #3c3c3c;line-height: 1.1;}
#projet_index_slider .cata_projet_infos{
padding: 20px 5%;
background-color: #fff;
height: 40px;
}
#projet_index_slider div.reserved-item p {
font-size: 13px;
padding: 0 15px;
line-height: 1.4;
}
#projet_index_slider div.reserved-item p.prix {
color: #c00b00;
font-weight: bold;
font-size: 16px;
padding: 15px 15px 10px;
}
#projet_index_slider div.reserved-item p.prix span {
text-decoration: line-through;
font-size: 14px;
padding: 0 10px 0 0;
color: #474747;
}
#projet_index_slider div.reserved-item img{
height: 250px;
max-height: 250px;
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
#projet_index_slider div.reserved-item a.savoir_plus {
text-decoration: none;
font-size: 15px;
color: #ffffff;
padding: 15px 20px;
margin: 10px 0 0;
font-weight: normal;
background-color: #087b44;
display: block;
text-transform: uppercase;
text-align: center;
border: 1px solid #087b44;
}
#projet_index_slider div.reserved-item a.savoir_plus:hover{
background-color: transparent;
color: #087b44;
}
#projet_index_slider div.reserved-item a.modele:hover img{
filter: contrast(50%);
-webkit-filter: contrast(50%);
}
#projet_index_slider div.reserved-item a.modele h4{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size:35px;
max-width:500px;
color:white;
font-weight:500;
text-align:center;
display:none;
}
#projet_index_slider div.reserved-item a.modele h4 span{
position: absolute;
top: 120%;
left: 50%;
transform: translate(-50%, -50%);
font-size:40px;
color:white;
font-weight:500;
text-align:center;
display:none;
}
#projet_index_slider div.reserved-item a.modele:hover h4, #projet_index_slider div.reserved-item a.modele:hover h4 span{
display:inline-block;
}
#soumission{
text-align:center;
margin-top:50px;
}
#soumission h1.section_title{
font-size:50px;
font-weight:500;
display:block;
}
#soumission h1.section_title span{
font-size:40px;
font-weight:500;
text-transform:none;
color: #272727;
padding-bottom:50px;
}
#soumission h1{
display:inline-block;
padding:0 2%;
font-size:25px;
}
#soumission img{
max-width:200px;
}
#soumission img.un{
padding-right:2%;
}
#soumission img.deux{
padding-left:2%;
}
#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{
}
#c20_gauche form button:hover{
}
#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_c20 i{
font-size: 40px;
margin: 0 0 20px;
color: #565656;
}
#bloc_c20 h2{
font-size: 48px;
margin: 0 0 20px;
color: #17191C;
}
#bloc_c20 h6{line-height: 1.3;font-size: 16px;font-weight: 300;}
#bloc_c20 a{
margin: 30px 0 0;
}
#bloc_c20 a:hover{}
#bloc_c20 .wrapper{
max-width: 100%;
}
#bloc_c20 #appel a{
display: inline-block;
padding:2%;
border-color:transparent;
border-top:2px solid rgba(0,0,0,0.08);
width: 60%;
background-color:white;
text-align:left;
font-size:24px;
color:#19171C;
vertical-align: middle;
}
#bloc_c20 #appel a i{
float:right;align-self:auto;width:25px;padding:5px 50px 0 0;box-shadow:none;
}
#bloc_c20 #appel a p{
display:inline-block;vertical-align: top;padding-top:15px;
}
#bloc_c20 #appel a img{
width:50px;
padding-right:10px;
display:inline-block;
}
#c21_wrap{
background-color: #fff;
padding: 3% 2%;
text-align:center;
}
#c21_wrap h1{
text-align:center;
font-size:30px;
font-weight:500;
padding:10px 0;
}
#bloc_c21{
display:inline-block;
width: 40%;
vertical-align: top;
box-sizing: border-box;
padding: 0 40px 0 10%;
text-align:left;
}
#c21_map_un, #c21_map_deux{
float: none;
width: 100%;
box-sizing: border-box;
padding: 80px 0 80px 80px;
height: 400px;
}
#c21_infos{
float: none;
width: 100%;
box-sizing: border-box;
padding: 0 0 20px;
color: white;
display:inline-block;
text-align:left;
}
#c21_infos h2{
text-transform: uppercase;
font-weight: 600;
font-size: 40px;
margin: 0 0 20px;
color: #272727;
}
#c21_infos p{
font-size: 20px;
font-weight: 400;
text-transform: none;
line-height: 1;
margin-bottom: 20px;
color: #272727;
}
#c21_infos strong{
font-size: 25px;
font-weight: 500;
color: #272727;
}
#c21_infos p a{
text-decoration: none;
font-weight: 400;
font-size: 20px;
text-indent: 100px;
padding: 0;
text-indent: 0;
line-height: 1.2;
color:#272727;
}
#c21_infos h1{
text-align:left;
color:#272727;
font-weight:600;
}
#c21_infos p:hover i{
background-color: #272727;
}
#c21_infos p:hover a{
/* font-weight:bold; */
color: #272727;
}
#c21_infos p i{
background-color: #272727;
color: #ffffff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 0;
margin: 0;
font-size: 19px;
/* display: table-cell; */
vertical-align: middle;
/* min-width: 50px; */
}
#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%;
}
#realisations_cata_wrapper{
padding: 90px 2% 10% 5%;
}
#realisations_cata_wrapper .section_title.no-item{
font-weight: 200;
text-align: center;
padding: 0 0 200px;
font-size: 30px;
}
#realisations_cata{
padding: 0 0 100px;
text-align:center;
}
#realisations_cata .real_item{
width: 32.2%;
max-width: 350px;
margin: 0 5px 10px;
overflow: hidden;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding: 0;
color: #37383a;
display:inline-block;
position:relative;
}
#realisations_cata .real_item:hover img{
opacity: 0.7;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
#realisations_cata .real_item a.sp{
text-decoration: none;
color: #002e60;
text-transform: uppercase;
font-size: 11px;
margin: -8px auto 15px;
display: block;
border: 1px solid #f6a924;
background-color: #f6a924;
padding: 7px 0 5px;
width: 120px;
}
#realisations_cata .real_item a.sp:hover{
background-color: transparent;
color: #ffffff;
}
#realisations_cata .real_item img{
width: 100%;
max-width: 100%;
display: block;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
#realisations_cata .real_item h3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size:20px;
color:white;
font-weight:500;
text-align:center;
display:none;
}
#realisations_cata .real_item:hover h3{
display:inline-block;
}
/* #realisations_cata .real_item h3.no_pad{
padding: 20px 15px;
} */
#realisations_cata .real_item span{}
#bloc_a20 #cat_ul{
margin: 0;
text-align: right;
float: right;
}
#bloc_a20 #cat_ul{
margin: 0;
text-align: right;
float: right;
}
#cat_ul{
float: left;
width: 400px;
max-width: 100%;
margin: 90px 0 0 5%;
}
#cat_ul a{
margin: 0;
background-color: rgba(255, 255, 255, 0);
color: #37383a;
text-decoration: none;
padding: 8px 10px;
display: inline-block;
font-weight: 400;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 2px;
}
#cat_ul li a:before, #cat_ul li a:before{
content:"";
width:10px;
height:10px;
background-color: #fff;
display: inline-block;
margin: 0 10px 0 -20px;
padding: 0;
-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;
-ms-transform: scale(0); /* IE 9 */
-webkit-transform: scale(0); /* Safari */
transform: scale(0);
}
#cat_ul li a.active, #cat_ul li a:hover{
color: #c2c3c5;
}
#cat_ul li a.active:before, #cat_ul li a:hover:before{
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari */
transform: scale(1);
}
div#side_equipe_wrap{
width:30%;
display:inline-block;
vertical-align: top;
}
div#side_equipe_wrap span{
display:block;
font-size:16px;
color:rgb(0, 0, 0, 0.5);
padding:5% 0;
border-top:0.5px solid #dcdcdc;
border-left: none;
border-right:none;
}
div#side_equipe_wrap span i{
font-size:16px;
color:rgb(0, 0, 0, 0.5);
padding-right:2%;
}
div#side_equipe_wrap a{
display:block;
font-size:16px;
color:rgb(0, 0, 0, 0.5);
text-decoration: none;
}
div#side_equipe_wrap span.active, div#side_equipe_wrap span:hover{
color:rgb(0, 0, 0);
}
div#side_equipe_wrap a.active, div#side_equipe_wrap a:hover{
color:rgb(0, 0, 0);
}
div#side_equipe_wrap span.active i, div#side_equipe_wrap span:hover i{
color:#0091d4;
}
div#content_equipe{
padding-left:5%;
width:60%;
display:inline-block;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}
div#content_equipe h3{
font-size:16px;
line-height: 1.6;
padding-bottom:5%;
}
div#content_equipe p{
font-size:16px;
line-height: 1.2;
}
div#content_equipe span{
color:#0091d4;
}
div#content_equipe #no_commande{
background-color:#0091d4;
color:white;
padding:15px;
}
div#content_equipe #no_commande a{
color:white;
text-decoration: none;
}
div#content_equipe .adresses{
display:inline-block;
width:40%;
padding:2% 2% 2% 0;
vertical-align: top;
}
div#content_equipe #form_contact #semi{
width:49.5%;
display:inline-block;
}
div#content_equipe a{
font-size:30px;
text-transform: uppercase;
color:#0091d4;
text-decoration: none;
}
div#content_equipe #form_contact input{
border-radius: 0;
font-weight: 300;
border: 1px solid #dcdcdc;
margin: 0 0 6px;
height: 40px;
padding: 10px;
width: 100%;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
div#content_equipe #form_contact input[type="submit"]{
border-radius: 0;
font-weight: 300;
background-color: #0091d4;
color: white;
border-radius: 2em;
margin: 0 0 6px;
height: 40px;
padding: 10px;
width: 100%;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
div#content_equipe table{
width:100%;
}
div#content_equipe table tr td{
padding:10px 20px;
border-top: 1px solid #ddd;
}
div#content_equipe table tr td.table_name{
text-align:center;
border-bottom: 4px solid #7bc144;
}
/* div#content_equipe table tr:nth-child(even)>td {
background-color: #f8fcfd;
} */
div#content_equipe table tr td a{
padding:5px 10px;
font-size:16px;
border: 1px solid #ddd;
text-transform: uppercase;
}
div#content_equipe ul#cat_ul{
text-align:center;
margin:20px auto;
}
div#content_equipe ul#cat_ul h3{
font-size:30px;
margin:0 2%;
padding-bottom:0;
text-transform: uppercase;
}
div#content_equipe ul#cat_ul li{
display:inline-block;
padding:0 2%;
margin:10px 0;
}
div#content_equipe table tr.real_item:hover{
background-color: #000;
color:white;
}
div#side_equipe_wrap{
width:30%;
display:inline-block;
vertical-align: top;
}
div#side_equipe_wrap span{
display:block;
font-size:16px;
color:rgb(0, 0, 0, 0.5);
padding:5% 0;
border-top:0.5px solid #dcdcdc;
border-left: none;
border-right:none;
}
div#side_equipe_wrap span i{
font-size:16px;
color:rgb(0, 0, 0, 0.5);
padding-right:2%;
}
div#side_equipe_wrap a{
display:block;
font-size:16px;
color:rgb(0, 0, 0, 0.5);
text-decoration: none;
}
div#side_equipe_wrap span.active, div#side_equipe_wrap span:hover{
color:rgb(0, 0, 0);
}
div#side_equipe_wrap a.active, div#side_equipe_wrap a:hover{
color:rgb(0, 0, 0);
}
div#side_equipe_wrap span.active i, div#side_equipe_wrap span:hover i{
color:#0091d4;
}
#contact_001{
padding: 6% 2%;
}
.item_contact_001{
color: #232936;
float: left;
width: 32%;
margin: 50px 1% 0 0;
line-height: 1.4;
}
.item_contact_001 p.pgc01_nom{
font-weight: 600;
font-size: 27px;
color: #272727;
text-transform: uppercase;
}
.item_contact_001 p.pgc01_nom:before{
content:"";
background: url('../images/puce.png') no-repeat;
width: 33px;
height: 21px;
display: inline-block;
background-size: contain;
}
.item_contact_001 p.pgc01_titre{}
.item_contact_001 p.pgc01_phone{}
.item_contact_001 a{
text-decoration: none;
color: #232936;
font-size: 21px;
padding: 2px 6px;
margin: 0 0 0 -6px;
}
.item_contact_001 a:hover{
color: #c00b00;
}
#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: #e1e1e1;
}
#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 button[type="submit"], #contact_25 #form_contact button[type="submit"] {width: 100%;margin: 0 auto 0;}
#contact_25 #form_contact button[type="submit"]:hover{
}
#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(72, 72, 72);
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;
}
/*--------FOOTER BS-------*/
#footer_bs{
background-color: #fff;
padding: 9% 0 4%;
color: white;
font-family: 'Raleway', sans-serif;
}
#footer_bs .fbs_col{float: left;width: 50%;box-sizing: border-box;padding: 0 20px 0 0;}
#footer_bs .fbs_col ul{}
#footer_bs .fbs_col ul li{
padding: 0 0 4px;
}
#footer_bs .fbs_col ul li, #footer_bs .fbs_col ul li a{
text-decoration: none;
color: white;
font-size: 16px;
line-height: 1.2;
font-weight: 300;
}
#footer_bs .fbs_col ul li a:hover{
color:#fff;
}
#footer_bs .fbs_col h3{
font-size: 25px;
text-transform:uppercase;
font-weight: 600;
color: white;
padding: 0 0 22px;
}
#footer_bs #fbs_col1{
background-color:#c00b00;
padding: 4% 5%;
padding-left: 17.5%;
}
#footer_bs #fbs_col2{
background-color:#175392;
padding: 4% 5%;
padding-left: 16%;
}
#footer_bs #fbs_col3{
background-color:#15254e;
padding: 4% 2%;
width: 100%;
}
#footer_bs #fbs_col4{
width: 28%;
margin: 0 1%;
}
#footer_bs #fbs_col4 p{
line-height: 1.5;
color: rgba(255, 255, 255, 0.7);
font-weight: 300;
}
#footer_bs #footer_newsletter{
margin: 25px 0;
}
#footer_bs #footer_newsletter h5{
font-size: 25px;
font-weight: 300;
padding: 0 0 10px;
}
#footer_bs #footer_newsletter input[type="email"]{
border: none;
font-size: 18px;
padding: 10px 10px;
width: 96%;
max-width: 250px;
display: block;
}
#footer_bs #footer_newsletter input[type="submit"]{
border: none;
color: #fff;
padding: 15px 40px;
font-size: 20px;
display: inline-block;
margin: 10px 0 0;
cursor: pointer;
}
#footer_bs #footer_newsletter input[type="submit"]:hover{
background: rgba(93,142,7,1);
}
#footer_bs #fbs_col1 img{
max-width: 100%;
opacity: 0.8;
width: 240px;
}
#footer_bs #fbs_col1 p, #footer_bs #fbs_col2 p, #footer_bs #fbs_col3 p{
font-size: 17px;
line-height: 1.2;
font-weight: 500;
padding-bottom:20px;
}
#footer_bs #fbs_col1 strong, #footer_bs #fbs_col2 strong, #footer_bs #fbs_col3 strong{
font-size: 20px;
font-weight: 600;
}
#footer_bs #fbs_col1 p#fbs_facebook, #footer_bs #fbs_col2 p#fbs_facebook, #footer_bs #fbs_col3 p#fbs_facebook{
font-size: 17px;
font-weight: 500;
text-transform: none;
line-height: 1.2;
margin-bottom:20px;
}
#footer_bs #fbs_col1 p#fbs_facebook a, #footer_bs #fbs_col2 p#fbs_facebook a{
text-decoration:none;
color: #fff;
}
#footer_bs #fbs_col1 p#fbs_facebook a:hover{
color:#fff;
}
#footer_bs #fbs_col1 #cote_gauche, #footer_bs #fbs_col1 #cote_droite, #footer_bs #fbs_col2 #cote_gauche, #footer_bs #fbs_col2 #cote_droite, #footer_bs #fbs_col3 #cote_gauche, #footer_bs #fbs_col3 #cote_droite{
display:inline-block;
width:49%;
vertical-align:top;
}
#footer_bs #fbs_col1 #cote_gauche,#footer_bs #fbs_col2 #cote_gauche{
text-align:center;
}
#footer_bs #fbs_col3 #cote_gauche{
padding-top:2%;
padding-right:2%;
padding-left:20%;
text-align:left;
}
#footer_bs #fbs_col3 #cote_gauche, #footer_bs #fbs_col3 #cote_droite{
display:inline-block;
width:27%;
vertical-align:top;
}
#footer_bs #fbs_col1 p#fbs_facebook i{padding: 0 10px 0 0;}
/*--------FOOTER BS-------*/
#propos{
padding: 5% 2%;
}
#propos h1{}
#propos p{
font-size: 20px;
line-height: 1.2;
font-weight: 300;
padding: 0 0 20px;
}
#propos h2{
font-size: 32px;
font-weight: 600;
padding: 40px 0 15px;
text-transform: uppercase;
color: #272727;
}
#propos h2:before {
content: "";
background: url(../images/puce.png) no-repeat;
width: 37px;
height: 26px;
display: inline-block;
background-size: contain;
}
#propos img{
width: 100%;
display: block;
margin: 10px auto;
}
#services_wrap{
/* padding: 5% 2%; */
background-color: #c00b00;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c00b00+0,1c3de2+50,ffffff+51,ffffff+100 */
background: #c00b00; /* Old browsers */
background: -moz-linear-gradient(left, #c00b00 0%, #c00b00 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #c00b00 0%,#c00b00 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #c00b00 0%,#c00b00 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00b00', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#side_services{
float: left;
width: 40%;
box-sizing: border-box;
padding: 7% 5%;
}
#side_services a{
display: block;
text-decoration: none;
font-size: 33px;
margin: 0 0 20px;
color: #ffffff;
font-weight: 600;
letter-spacing: 0.5px;
position: relative;
}
#side_services a:hover, #side_services a.active{
color: #272727;
}
#side_services a:before {
content: "";
background: url(../images/puce_blanc.png) no-repeat;
width: 37px;
height: 26px;
display: inline-block;
background-size: contain;
position: absolute;
top: 5px;
left: -33px;
}
#side_services a:hover:before, #side_services a.active:before {
content: "";
background: url(../images/puce_noir.png) no-repeat;
width: 37px;
height: 26px;
display: inline-block;
background-size: contain;
}
#bloc_services{
float: left;
width: 60%;
background-color: white;
box-sizing: border-box;
padding: 7% 2% 7% 5%;
}
#bloc_services h1{font-size:50px;}
#bloc_services h1 span{font-size:70px;font-weight:600;padding-top:5px;}
#bloc_services img{
max-width:100%;
margin: 20px 0;
}
#bloc_services a{
color: #c00b00;
text-decoration: none;
}
#bloc_services p{
font-size: 20px;
line-height: 1.2;
font-weight: 500;
margin: 0 0 20px;
}
#bloc_services ul{
padding: 10px 0 10px 30px;
list-style: disc;
}
#bloc_services li{
font-size: 20px;
line-height: 1.2;
font-weight: 500;
padding: 0 0 10px;
}
#bloc_services .ads{
float: left;
padding: 0 50px 0 0;
}
#bloc_services .ads p{
font-size: 35px;
font-weight: 500;
color: #c00b00;
}
#bloc_services h5{
font-size: 18px;
}
#bloc_services h2{
font-size: 32px;
font-weight: 600;
padding: 40px 0 15px;
text-transform: uppercase;
color: #272727;
}
#form_emplois ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000;
}
#form_emplois :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
opacity: 1;
}
#form_emplois ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
opacity: 1;
}
#form_emplois :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
#espace_client{
padding: 0 2%;
}
#espace_client form{
padding: 0 0 20%;
}
#espace_client form input{
display: block;
width: 300px;
max-width: 100%;
padding: 10px 10px;
margin: 0 0 10px;
font-size: 18px;
font-weight: 300;
box-sizing: border-box;
}
#espace_client form input[type='text']{
}
#espace_client form input[type='password']{
}
#espace_client form input[type='submit']{}
#espace_client ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:rgba(0, 0, 0, 0.76);
font-family: 'Barlow Condensed', sans-serif;
}
#espace_client :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:rgba(0, 0, 0, 0.5);
}
#espace_client ::-moz-placeholder { /* Mozilla Firefox 19+ */
color:rgba(0, 0, 0, 0.5);
}
#espace_client :-ms-input-placeholder { /* Internet Explorer 10-11 */
color:rgba(0, 0, 0, 0.5);
}
/**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*************************************************************************************************************************************/
@media all and ( max-width: 1130px ){
#header1 #nav ul li a{
font-size: 17px;
margin: 0 0 0 3%;
}
}
/*****DEBUT 1024*************************************************************************************************************************************/
@media all and ( max-width: 1024px ){
.item_contact_001{
width: 49%;
}
#header1 #nav ul li a {
font-size: 15px;
margin: 0 0 0 3%;
}
#bloc_a2 div.item_a2{
width: 49%;
}
/*---------BLOC A11-----------------*/
#bloc_a11_droite > ul > li > P {
width: 60%;
}
/*---------FIN BLOC A11-----------------*/
#bloc_a28 .item_a28 .item_a28_overlay h4{
font-size: 26px;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
font-size: 27px;
font-weight: 600;
letter-spacing: 0;
}
#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 ){
#bloc_c21{
float: none;
width: 100%;
padding: 0 5% 30px;
}
#side_services{
float: none;
width: 100%;
height: auto !important;
background-color: #c00b00;
padding: 7% 5% 7% 14%;
}
#bloc_services{
float: none;
width: 100%;
padding: 20px 3%;
}
.section_title{
font-size: 50px;
}
#header1 #logo{
float: none;
width: 100%;
margin: 0 auto 20px;
max-width: 280px;
}
#head_droite{
float: none;
width: 100%;
text-align: center;
margin: 0 auto;
}
#ht_droite{
text-align: center;
}
#header1 #nav{
text-align: center;
margin: 20px 0 0;
}
#footer_bs #fbs_col1, #footer_bs #fbs_col2, #footer_bs #fbs_col3{
float: none;
width: 100%;
margin: 0 auto 40px;
text-align: center;
padding: 4% 5%;
}
#footer_bs #fbs_col3 #cote_gauche{
padding-left:2%;
}
#bloc_a7 div.item_a7{
width:90%;
}
/**********CATALOGUE 768*************************************************************************/
.tinynav{
display: block;
}
.menu_ul, .reserved-items-menu p{/* display: none; */}
div#side_catalogue {float: none;width: 100%;margin: 0 auto;box-sizing: border-box;padding: 0 2% 20px;}
div#produits_catalogue {
float: none;
width: 100%;
margin: 0 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 {
margin: 0 1.9%;
}
/************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 div.item_a1 {
width: 96%;
}
#bloc_a1 img {
max-width: 48%;
padding: 0 1% 3% 0;
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A5-----------------*/
#bloc_a5{
padding: 5% 0;
}
#bloc_a5 h1 {
padding-bottom: 0;
}
#bloc_a5 #bloc_a5_a, #bloc_a5 #bloc_a5_b{
width: 92%;
padding: 4%;
margin: 0;
}
/*---------FIN BLOC A5-----------------*/
/*-----------BLOC A11------------*/
#bloc_a11 div.item_a11{
width: 90%;
float: none;
margin: 0 auto;
padding: 2% 0 5%;
}
#bloc_a11_droite > ul {
padding: 0;
}
#bloc_a11_droite > h4 {
padding: 0 0 3%;
}
#bloc_a11_droite > ul > li > P {
width: 70%;
}
/*-----------FIN BLOC A11------------*/
/*---------BLOC A12-----------------*/
#bloc_a12 div.item_a12 {
width: 96%;
}
/*---------FIN BLOC A12-----------------*/
/*---------BLOC A17-----------------*/
#bloc_a17 h4 {
font-size: 24px;
}
#bloc_a17 h4 span {
font-size: 50px;
}
/*---------FIN BLOC A17-----------------*/
/*---------BLOC A19-----------------*/
#bloc_a19 div.item_a19 img{
width: 80%;
}
/*---------FIN BLOC A19-----------------*/
/*---------BLOC A20-----------------*/
#bloc_a20 {
padding: 5%;
}
/*---------FIN BLOC A20-----------------*/
/*---------BLOC A22-----------------*/
#bloc_a22{
padding: 10% 0;
}
#bloc_a22 div.item_a22 h2{
font-size: 25px;
}
/*---------FIN BLOC A22-----------------*/
/*---------BLOC A23-----------------*/
#bloc_a23 #bloc_a23_a{
float: none;
width: 90%;
text-align: center;
margin: 2% auto;
}
#bloc_a23 .bloc_a23_div{
float: none;
width: 90%;
margin: 2% auto;
text-align: center;
}
/*---------FIN BLOC A23-----------------*/
/*---------BLOC A24-----------------*/
#bloc_a24 div.a24_div{
width: 46%;
padding: 0 1%;
text-align: center;
}
#bloc_a24 div.a24_div img{
float: none;
width: 100%;
margin: 3% auto 7%;
display: block;
}
/*---------FIN BLOC A24-----------------*/
/*---------BLOC A25-----------------*/
#bloc_a25 #a25_gauche{
float: none;
width: 80%;
}
#bloc_a25 #a25_droite{
float: none;
width: 80%;
}
/*---------FIN BLOC A25-----------------*/
/*---------BLOC A26-----------------*/
#bloc_a26 .item_a26 {
float: none;
width: 96%;
margin: 2% auto;
}
/*---------FIN BLOC A26-----------------*/
/*---------BLOC A27-----------------*/
#bloc_a27 .item_a27{
width: 42%;
margin: 4% 4%;
}
/*---------FIN BLOC A27-----------------*/
/*---------BLOC A28-----------------*/
#bloc_a28.slider{
margin: 2% 0;
}
#bloc_a28 .item_a28, #bloc_a28.slider .item_a28{
float: none;
width: 100%;
max-height: 200px;
}
#bloc_a28 .item_a28 .item_a28_overlay h4{
font-size: 34px;
}
#bloc_a28 .item_a28 .item_a28_overlay p{
font-size: 32px;
}
/*---------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%;float: none;margin: 0;text-align:center;}
#bloc_p3_droite{width: 100%;margin: 0 0 20px;float: none;text-align:center;}
#bloc_p3_droite img{padding: 0!important;text-align: center;border:none!important;}
#bloc_p3 img{padding: 0!important;text-align: center;border:none!important;}
/*---------FIN BLOC P3-----------------*/
/*---------BLOC P4-----------------*/
#bloc_p4 div.item_p4 {
width: 50%;
}
/*---------FIN BLOC P4-----------------*/
/*---------BLOC P5-----------------*/
#bloc_p5{
padding: 20px;
text-align: center;
}
#bloc_p5 div.item_p5 {
width: 100%;
}
#bloc_p5 div.item_p5 .rond_text{
float: none;
width: 80%;
margin: 0 auto;
}
#bloc_p5 .rond_lettre {
float: none;
margin: 0 auto 20px;
}
/*---------FIN BLOC P5-----------------*/
/*---------BLOC P6-----------------*/
#bloc_p6{
padding: 3% 10%;
}
#bloc_p6 div.item_p6 {
width: 100%;
text-align: center;
}
#bloc_p6 img{
max-width: 90%;
}
#bloc_p6 p{
padding: 1% 7% 1% 5%;
}
#bloc_p6 h2{
padding: 3% 5% 0%;
}
/*---------FIN BLOC P6-----------------*/
/*---------BLOC P7-----------------*/
#bloc_p7 div.item_p7 {
float: left;
width: 100%;
margin: 3% 0;
text-align: center;
}
#bloc_p7 div.item_p7 p {
padding: 2% 10%;
}
/*---------FIN BLOC P7-----------------*/
/*---------BLOC P8-----------------*/
#bloc_p8 div.bloc_p8_div.un{
float: none;
width: 90%;
margin: 0 auto;
text-align: center;
}
#bloc_p8 div.bloc_p8_div.deux{
float: none;
width: 90%;
margin: 4% auto;
text-align: center;
}
/*---------FIN BLOC P8-----------------*/
/*---------BLOC P9-----------------*/
#bloc_p9 .wrapper > div{
float: none;
width: 70%;
margin: 4% auto;
padding: 0 0 5%;
text-align: center;
border-bottom: 1px solid #626262;
}
/*---------FIN BLOC P9-----------------*/
/**********FIN 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%;}
#bloc_c4 #bloc_c4_form_droite {width: 100%;}
/*---------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 ){
#slider{
display:none;
}
#ht_droite{
display:none;
}
.section_title{
font-size: 50px;
}
.item_contact_001 {
width: 100%;
float: none;
margin: 0 0 20px;
}
/**********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;
}
#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_a18 div.item_a18, #bloc_a18 div.item_a18.grand,#bloc_a18 div.item_a18.bleu{
width:100%;
text-align:center;
padding:0;
}
#bloc_a18 div.item_a18.bleu p{text-align:center;}
#bloc_a18 div.item_a18 img{
width:40%;
}
#bloc_a18 div.item_a18.petit{
display:inline-block;
width:100%;
margin:0 auto;
padding:2% 0;
}
#bloc_a21 div.item_a21 .item_a21_gauche{
width:90%;
margin:0 auto;
text-align:center;
padding:1%;
}
#bloc_a21 div.item_a21 h5{
font-size: 30px;
text-align: center;
}
#bloc_a21 div.item_a21 p{
font-size: 20px;
text-align: center;
}
#bloc_a21 div.item_a21 i{
font-size: 50px;
text-align: center;
}
#bloc_a21 div.item_a21 .item_a21_droite {
width:90%;
margin:0 auto;
text-align: center;
padding:1%;
}
#bloc_a28.slider .item_a28{
margin:2% auto;
}
#bloc_a28.slider .item_a28 .item_a28_overlay img{
margin:5% auto;
}
#footer_bs #fbs_col1 #cote_gauche, #footer_bs #fbs_col1 #cote_droite, #footer_bs #fbs_col2 #cote_gauche, #footer_bs #fbs_col2 #cote_droite, #footer_bs #fbs_col3 #cote_gauche, #footer_bs #fbs_col3 #cote_droite{
width:100%;
text-align:center;
}
/*---------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-----------------*/
#soumission{
width:90%;
margin:0 auto;
}
#soumission h1.section_title span{
padding:5%;
}
#soumission h1{
padding:5%;
display:block;
}
#soumission img.un{
padding-right:0;
}
#soumission img.deux{
padding-left:0;
}
#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 0;
}
#c21_map, #c21_infos, #c21_infos h1{
/* padding: 20px; */
text-align: center;
}
#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%;
}
.no_mobile{
display:none;
}
#mobile_only{
display: unset;
}
#logo #mobile_only{
display: inline-block;
}
#logo #mobile_only a{
text-decoration: none;
color:#272727;
font-size:18px;
margin-top:30px;
}
#logo #mobile_only a i{
padding-right:10px;
}
#promo_index_slider div.reserved-item #promo_droite, #promo_index_slider div.reserved-item #promo_gauche {
width: 100%;
}
/*************NAV MOBILE******************/
/*---------NAV-------------*/
#icone_mobile {display: block;background-color: #c00b00;}
#icone_mobile div.icone{float: left;width: 25%;text-align: center;padding: 7px 0;}
#icone_mobile div.icone a{color: #fff;text-decoration: none;font-size: 11px;text-transform: uppercase;font-weight: normal;display: inline-block;letter-spacing: 1px;}
#icone_mobile div.icone a i{display: block;margin: 0 auto 6px;font-size: 25px;color: #ffffff;}
#icone_mobile div.icone#burger_btn a i{
color: #272727;
}
/*************FIN NAV MOBILE******************/
/*************HEADER 1***************/
#header1 {max-height: 100%;padding: 0;}
#header1 #logo{width: 300px;max-width: 100%;text-align: center;margin: 0 auto;float: none;box-sizing: border-box;padding: 20px 0;}
#navburger, #navburger_btn{
display:none;
}
#header1 #nav {display: none;width: 100%;text-align: center;background-color: #272727;padding: 20px 0;margin: 0;}
#header1 #nav ul li {
display: block;
}
#header1 #nav ul li a.mobile_only {
display: inline-block;
}
#header1 #nav ul li a, #header1 #nav ul li ul li a, #header1 #nav ul li a.soumission{margin: 0 1.9%;background-color:transparent;color: #fff;padding: 0;font-size: 18px;width: 90%;border-bottom: 1px solid rgba(65, 65, 65, 0.37);padding: 10px 0;}
#header1 #nav ul li a:hover, #header1 #nav ul li a.active, #header1 #nav ul li ul li a:hover, #header1 #nav ul li ul li a:active{background-color: transparent;}
#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%;box-shadow: none;display: none;}
#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***************/
/**********PRE HEADER**********************/
/*------PH1------------*/
#ph1{
display: none;
}
/*------FIN PH1------------*/
/**********FIN PRE HEADER**********************/
#bloc_c4 #bloc_c4_form_gauche div, #bloc_c4 #bloc_c4_form_droite div {height:auto;}
}/*******FIN 560px***********************************************************************************************************************************/
/********DEBUT 480**********************************************************************************************************************************/
@media all and ( max-width: 480px ){
#main_caroussel_nav{
display:none;
}
/*******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*********************************************************************************************/
/*---------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{
padding: 10% 0;
}
#bloc_a1 img{
max-width: 100%;
padding: 0 0 3% 0;
}
#bloc_a1 a{
width: auto;
}
/*---------FIN BLOC A1-----------------*/
/*---------BLOC A2-----------------*/
#bloc_a2 div.item_a2 {width: 100%;float: none;margin: 0 0 10px;}
/*---------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{}
#bloc_a10 div.item_a10 {float: none;width: 100%;margin: 0 auto 30px;}
#bloc_a10 h5{}
/*---------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-----------------*/
/**********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{}
/*---------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*********************************************************************************************/