/* RESET */
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: top;
}
/* Global */
html,
body {
margin:0;
padding:0;
}
body {
background:#fff;
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:24px;
color:#767676;
}
h1{
color:#000;
font-size:42px;
font-weight:bold;
text-transform:uppercase;
margin:25px 0;
text-align:center;
padding-left:40px;
line-height:52px;
position:relative;
}
h1:before{
content:" ";
position:absolute;
top:9px;
left:0px;
background:url('images/h1-style.png') no-repeat;
width:36px;
height:38px;
}
h2{
color:#ff0000;
font-size:26px;
margin:20px 0 40px 0;
font-weight:bold;
text-align:center;
line-height:26px;
position:relative;
}
h2:after{
background-color: #d0d0d0;
bottom: -20px;
content: "";
height: 1px;
left: 50%;
margin-left: -46px;
position: absolute;
width: 90px;
}
h3{
color:#000;
font-weight:bold;
font-size:30px;
margin-bottom:5px;
position:relative;
line-height:34px;
}
h4{
color:#000;
font-weight:bold;
font-size:20px;
margin-bottom:10px;
margin-top:20px;
position:relative;
}
p{
margin-bottom:15px;
font-weight:300;
}
sup{
vertical-align: super;
font-size: smaller;
}
a{
color:#ff0000;
}
a:hover{
text-decoration:none;
color:#000;
}
.aligncenter{margin:0 auto;display:block;}
.wp-caption-text{font-size:11px; text-align:center;font-style:italic;}
img .alignleft, .alignleft{float:left;display:inline;margin-right:25px;}
img .alignright, .alignright{float:right;display:inline;margin-left:25px;}
img .alignright:after{content:" ";clear:both;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%;}
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
hr{
border-bottom:1px solid #c3c3c3;
border-top:0;
border-left:0;
border-right:0;
}
.button{
position:relative;
padding:4px 95px 4px 35px;
cursor:pointer;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
color: #1d1d1d!important;
display: inline-block;
font-size: 16px;
font-weight:bold;
height: 58px;
line-height: 46px;
margin-bottom: 0px;
text-decoration: none;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
}
.button::after {
background-color: #d0d0d0;
bottom: 14px;
content: "";
height: 2px;
left: 50%;
margin-left: -46px;
position: absolute;
width: 30px;
}
.button:hover{
color:#ff0000!important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.47);
}
.icon-doc{
background: #1d1d1d url("images/icon-doc.png") center center no-repeat scroll ;
background-size:25px 30px;
content: " ";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 70px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.icon-doc::after {
border-color: transparent #fff ;
border-style: solid;
border-width: 13px 0 13px 13px ;
content: " ";
display: block;
height: 0;
position: absolute;
left: 0;
top: 30%;
width: 0;
}
.button:hover .icon-doc{
background: #ff0000 url("images/icon-doc.png") center center no-repeat scroll;
background-size:35px 40px;
}
blockquote{
font-family: 'Playfair Display', serif;
font-size:22px;
line-height:38px;
font-style:italic;
color:#A78659;
}
/* ======= HEADER ======= */
#header{
width:100%;
z-index:999;
/*position:absolute;*/
position:fixed;
width:100%;
top:0px;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
}
/* -- sticky main menu after scroll -- */
.sticky #header{
background:#000;
background:rgba(0,0,0,0.5);
-webkit-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.31);
-moz-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.31);
box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.31);
}
.sticky #header-top{display:none;}
/* top */
#top-menu{
line-height:50px;
position:relative;
}
#top-menu-links{
float:right;
margin-right:10px;
}
#top-menu-links li{
list-style:none;
display:inline-block;
}
#top-menu-links a{
color:#fff;
font-size:11px;
text-decoration:none;
}
#top-menu-links a:hover, #top-menu-links .current a{
color:#375a7f;
}
.search-form{
float:right;
margin-right:25px;
margin-top:-5px;
}
.search-form .search-field::-webkit-input-placeholder{
color:white!important;
opacity:1!important;
}
.search-field::-moz-placeholder{
color:#fff!important;
opacity:1!important;
}
.search-field:-moz-placeholder{
color:#fff!important;
opacity:1!important;
}
.search-field:-ms-input-placeholder{
color:#fff!important;
opacity:1!important;
}
.search-field:placeholder {
color:#fff!important;
opacity:1!important;
}
.search-field{
height:20px;
background:none;
border-bottom:1px solid #fff;
border-top:none;
border-left:none;
border-right:none;
border-radius:0;
color:#fff!important;
}
.search-form input[type="text"]{
height:20px;
background:none;
border-bottom:1px solid #fff;
border-top:none;
border-left:none;
border-right:none;
border-radius:0;
}
.search-submit{
background:url('images/icon-search.png') no-repeat!important;
background-size:cover!important;
text-indent:-9999px;
padding:0!important;
width:22px;
height:22px;
border:none!important;
cursor:pointer;
}
/* -- */
#search-content{
border:2px solid #999;
margin-bottom:40px;
padding: 1% 2% 2% 2%;
}
#search-content h3{
font-size:18px;
color:#999;
}
#search-content .search-form{
float:none;
}
#search-content .search-field{
border-color: currentcolor currentcolor #ddd;
width:94%;
color:#666!important;
}
#search-content .search-submit{
background:url('images/icon-search.png') center center no-repeat #999!important;
width:45px;
height:25px;
position:relative;
background-size:15px 15px!important;
}
#search-content .search-submit:hover{
background:url('images/icon-search.png') center center no-repeat #000!important;
background-size:15px 15px!important;
}
/* -- social -- */
#social{
float:right;
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
margin-top:13px;
}
.sticky #social{
}
#social li{
list-style:none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
background-size:cover;
}
#social li a{
display:block;
width:25px;
height:25px;
}
.linkedin{
background:url('images/icon-linkedin.png') no-repeat;
background-position:center top;
}
.twitter{
background:url('images/icon-twitter.png') no-repeat;
background-position:center top;
}
.youtube{
background:url('images/icon-youtube.png') no-repeat;
background-position:center top;
}
#social li:hover{
background-position:center bottom;
}
/* main */
#header-nav{
/*position:fixed;
width:100%;*/
background:#fff;
}
.logo{
display:block;
width:210px;
float:left;
margin-top:15px;
}
.logo img{
width:100%;
height:auto;
display:block;
}
.wrap{
width:1200px;
margin:0 auto;
}
/* ======= MENU ====== */
#main-menu{
float:right;
position:relative;
padding-right:20px;
}
#main-menu:after{
content:" ";
background:url('images/menu-carres.png')no-repeat;
width:7px;
height:57px;
position:absolute;
right:0;
top:17px;
}
#main-menu > li{
list-style:none;
display:inline-block;
position:relative;
}
#main-menu > li > a{
color:#27292b;
font-size:14px;
font-weight:600;
text-decoration:none;
display:block;
line-height:90px;
padding:0 22px;
text-transform:uppercase;
}
#main-menu > li:first-child > a:after{
border:none;
}
#main-menu > li > a:after{
border-left:1px solid #d9dbdc;
content:" ";
position:absolute;
left:0;
top:32px;
height:26px;
width:2px;
}
#main-menu li a:hover,#main-menu .current > a,
#main-menu .current-menu-item > a{
color:#ff0000;
}
/* -- submenu -- */
#main-menu li:hover > ul{
/*display:block;*/
visibility:visible;
top:90px;
opacity:1;
}
#main-menu li ul li{
display:block;
}
#main-menu li ul{
/*display:none;*/
visibility:hidden;
opacity:0;
position:absolute;
border-bottom:1px solid #eee;
top:0px;
left:0;
width:240px;
background:#fff;
z-index:200;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
z-index:-1;
}
#main-menu li ul:hover .menu-item-has-children a{
color:#ff0000;
}
/*
#main-menu li ul:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 7px 12px;
border-color: transparent transparent #fff transparent;
position: absolute;
top:-7px;
left:46%;
margin-left:-6px;
z-index:9999;
}
*/
#main-menu li ul li:first-child a{
border:none;
}
#main-menu li ul li a{
display:block;
position:relative;
padding:10px 15px 10px 35px;
color:#27292b;
font-size:14px;
text-decoration:none;
background:#fff;
border-top:1px solid #eee;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
#main-menu li ul li a:before {
background: rgba(0, 0, 0, 0) url("images/h1-style.png") no-repeat scroll 0 0;
content: " ";
height: 6px;
left: 14px;
position: absolute;
top: 20px;
width: 8px;
background-size:cover;
}
#main-menu li ul li a:hover{
font-weight:bold;
color:#000;
}
#main-menu li ul .current-menu-item a{
color:#ff0000;
}
/* ======= HOME ====== */
.page1{
overflow:hidden;
position:relative;
}
section.page2{
margin-top:40px;
overflow:hidden;
}
section.page2 #wrap{
overflow:hidden;
padding-bottom:140px;
}
section.page2 .content{
width:49%;
float:left;
}
section.page2 .content h1{
margin-bottom:20px;
}
#banner{
height:auto;
width:auto;
min-height: 100%;
min-width:100%;
}
#banner img{
width:100%;
}
.home #banner-text{
top:40%;
}
#banner-text{
text-align:center;
position:absolute;
z-index:100;
text-align:center;
left:0%;
width:100%;
}
#banner-text h1{
padding-left:0;
font-size: 56px;
line-height:48px;
text-align:center;
font-weight:700;
color:#fff;
margin:30px 0 30px 0;
text-shadow:3px 3px 5px rgba(0,0,0,0.9);
}
#banner-text p{
padding-left:40px;
display: inline;
position: relative;
font-size:36px;
line-height:48px;
text-align:center;
font-weight:700;
color:#fff;
margin:30px 0 30px 0;
text-transform:uppercase;
text-shadow:3px 3px 5px rgba(0,0,0,0.9);
}
#banner-text p:before {
background: rgba(0, 0, 0, 0) url("images/h1-style.png") no-repeat scroll 0 0;
content: " ";
height: 38px;
left: 0;
position: absolute;
top: 9px;
width: 36px;
}
#banner-text h1:before{
display:none;
}
#banner-text h2{
/*font-size: 60px;*/
font-size: 56px;
text-transform: uppercase;
/*font-weight:400;*/
color:#fff;
text-shadow:3px 3px 5px rgba(0,0,0,0.9);
}
#banner-text h2:after{
height:2px;
background:#fff;
box-shadow:3px 3px 5px rgba(0,0,0,0.9);
bottom:-35px;
}
.scroll_link{
display:block;
background:url('images/home-arrow-bottom.png') no-repeat center 5px #fff;
width:75px;
height:75px;
border-radius:75px;
-webkit-border-radius:75px;
-moz-border-radius:75px;
position:absolute;
bottom:-35px;
left:47.6%;
z-index:200;
}
#anchor-back-top:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 7px 12px;
border-color: transparent transparent #A78659 transparent;
position: absolute;
top:-7px;
left:46%;
margin-left:-6px;
}
#anchor-back-top{
color:#A78659;
text-decoration:none;
margin-top: 0;
text-transform: uppercase;
font-size:2em;
border:1px solid #A78659;
width:300px;
height:60px;
padding:15px 30px;
margin-bottom:-15px;
line-height:60px;
text-align:center;
position:relative;
left:44%;
}
/* Table css*/
#content-wrap .spl-table table{
border: 0px none #FFF!important;
}
#content-wrap .spl-table table td{
border: 0px none #FFF!important;
}
#content-wrap .spl-table table td h4{
margin: 20px 0 20px 0;
}
#content-wrap .spl-table table td a{
display: block;
background-color: #fffafa;
color: #767676;
padding: 7px 5px 7px 5px;
border: 2px solid #767676!important;
text-decoration: none;
}
#content-wrap .spl-table table .spl-col1{
background-color: #ffe5e6 !important;
color: #000 !important;
}
#content-wrap .spl-col1 h4{ color: #ff0000;}
#content-wrap .spl-table table .spl-col2{
background-color: #ffb1b4 !important;
color: #000 !important;
}
#content-wrap .spl-col2 h4{ color: #ff0000;}
#content-wrap .spl-table table .spl-col3{
background-color: #ff3f40 !important;
color: #FFF !important;
}
#content-wrap .spl-col3 h4{ color: #fff;}
#content-wrap .spl-table table .spl-col4{
background-color: #fe0002 !important;
color: #FFF !important;
}
#content-wrap .spl-col4 h4{ color: #fff;}
/*OWL SLIDER*/
.slider_with_nav {
/*background-color: #EDEDED;*/
position: relative;
}
#slider-bloc li{
min-height:510px;
}
#slider-bloc li .box-content{
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
position:relative;
}
#slider-bloc li .box-content:after{
border-color: #fff transparent;
border-style: solid;
border-width: 0 25px 25px 25px;
top: 200px;
content: " ";
display: block;
height: 0;
left: 50%;
margin-left: -25px;
position: absolute;
width: 0;
}
.no-touch #slider-bloc li:hover .box-content,
#slider-bloc li.cs-hover .box-content {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
#slider-bloc li figcaption {
position: absolute;
top: 0;
left: 0;
background:#fff;
width:100%;
text-align:center;
height: 50px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch #slider-bloc li:hover figcaption,
#slider-blocs li.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
/*Arraows*/
.slider_with_nav .owl-theme .pub-custom-nav{
position: absolute;
top: 40%;
left: 0;
right: 0;
}
.slider_with_nav .owl-theme .sticky-custom-nav{
top:0;
height:100%;
margin-top:0!important;
}
.slider_with_nav .owl-theme .pub-custom-nav .owl-prev, .slider_with_nav .owl-theme .pub-custom-nav .owl-next{
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100;
}
.slider_with_nav .owl-theme .pub-custom-nav .owl-next,.slider_with_nav .owl-theme .pub-custom-nav .owl-prev{
height: 100%!important;
color:#fff;
}
.slider_with_nav .owl-theme .pub-custom-nav .owl-next,.slider_with_nav .owl-theme .pub-custom-nav .owl-prev{
height: 100%!important;
color:#fff;
}
.slider_with_nav .owl-theme .pub-custom-nav .owl-prev i, .slider_with_nav .owl-theme .pub-custom-nav .owl-next i,.slider_with_nav .owl-theme .event-custom-nav .owl-prev i, .slider_with_nav .owl-theme .event-custom-nav .owl-next i,.slider_with_nav .owl-theme .post-custom-nav .owl-prev i, .slider_with_nav .owl-theme .post-custom-nav .owl-next i,.slider_with_nav .owl-theme .pub-custom-nav .owl-prev i, .slider_with_nav .owl-theme .pub-custom-nav .owl-next i,.slider_with_nav .owl-theme .sticky-custom-nav .owl-prev i, .slider_with_nav .owl-theme .sticky-custom-nav .owl-next i {
font-size: 3rem;
color: #75787e;
}
.sticky-custom-nav i{
color:#fff!important;
}
.slider_with_nav .owl-theme .custom-nav .owl-prev,.slider_with_nav .owl-theme .event-custom-nav .owl-prev,.slider_with_nav .owl-theme .post-custom-nav .owl-prev,.slider_with_nav .owl-theme .pub-custom-nav .owl-prev {
left: -70px;
}
.slider_with_nav .owl-theme .sticky-custom-nav .owl-prev {
left: 0px;
}
.slider_with_nav .owl-theme .custom-nav .owl-next,.slider_with_nav .owl-theme .event-custom-nav .owl-next,.slider_with_nav .owl-theme .post-custom-nav .owl-next,.slider_with_nav .owl-theme .pub-custom-nav .owl-next {
right: -70px;
}
.slider_with_nav .owl-theme .sticky-custom-nav .owl-next {
right: 0px;
}
.slider_with_nav .owl-theme .pub-custom-nav .owl-next:hover{background: 0 0;}
@media only screen and (min-width: 900px) and (max-width: 1350px){
.slider_with_nav .owl-theme .custom-nav .owl-next,.slider_with_nav .owl-theme .event-custom-nav .owl-next,.slider_with_nav .owl-theme .post-custom-nav .owl-next,.slider_with_nav .owl-theme .pub-custom-nav .owl-next {
right: -30px;
}
.slider_with_nav .owl-theme .custom-nav .owl-prev,.slider_with_nav .owl-theme .event-custom-nav .owl-prev,.slider_with_nav .owl-theme .post-custom-nav .owl-prev,.slider_with_nav .owl-theme .pub-custom-nav .owl-prev {
left: -30px;
}
}
@media only screen and (max-width: 1023px){
.owl-nav {display:none;}
}
@media only screen and (min-width: 1024px){
.owl-nav{display:block;}
}
/*OWL Slider ends*/
#blocs li{
min-height:510px;
width:32%;
margin:2% 0 2% 0%;
}
.page-template-temp-realisations .white-box li a{
min-height: 530px;
}
/* first col of each row left margin 0 */
#blocs li:first-child, #blocs li:nth-child(3n+4) {
margin:2% 0 2% 0%;
}
/* second col of each row left margin 2 */
#blocs li:nth-child(3n+2) {
margin:2% 0 2% 2%;
}
/* third col of each row left margin 2 */
#blocs li:nth-child(3n+3) {
margin:2% 0 2% 2%;
}
/*#blocs .grid-item{display:none;} */
/*
#blocs li:first-child, #blocs li:nth-child(3n+4) {
margin-left:0!important;
}
#blocs li{
min-height:460px;
width:32%;
margin:2% 0 2% 2%!important;
}
*/
/* ======= FORMS ====== */
/* ==================== */
label{
color:#666;
line-height:26px;
margin-right:10px;
margin-top:10px;
display:block;
}
input[type="text"],
input[type="mail"],
input[type="email"],
input[type="password"],
select{
padding:5px 12px;
font-size:14px;
height:45px;
max-width:100%;
/*width:90%;*/
line-height:16px;
vertical-align:middle;
color:#666;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
}
input[type="radio"]{
color:#666;
}
.wpcf7-radio .wpcf7-list-item{
display:block;
}
textarea{
padding:2px 12px;
font-size:16px;
line-height:16px;
color:#666;
max-width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
}
input[type="submit"]{
margin:10px 0;
font-size:18px;
text-align:center;
background:#ff0000;
color:#fff!important;
border:0;
padding:15px 35px;
cursor:pointer;
}
input[type="submit"]:hover{
background:#000!important;
color:#fff!important;
}
.wpt-form-select{
height:56px;
}
.cp-field{
max-width:200px;
margin-right:20px;
}
.naissance-field{
max-width:270px;
}
.language-field{
max-width:100px;
}
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, .gf_left_half, .gf_right_half {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
width: 48%;
padding-right: 16px;
}
.gf_left_half div, .gf_right_half div{
max-width:100%;
}
.gf_left_half input, .gf_right_half input{
max-width:96%;
}
@media only screen and (min-width: 200px) and (max-width: 768px){
.gf_left_half, .gf_right_half {width:100%;}
.wpt-form-textarea, .wpt-form-textfield, .wpt-form-select{width:96%!important;}
#cv_file{max-width:60%!important;}
}
/* ======= BOXES ====== */
.white-box{
margin-left:0!important;
}
.white-box li{
overflow:hidden;
position:relative;
float:left;
margin:1.3%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27);
}
/* home */
/*
.home #blocs li:first-child, #blocs li:nth-child(3n+4)
*/
.home #blocs li:first-child
{
margin-left:0!important;
}
.home #blocs li{
min-height:470px;
width:32%;
margin:2% 0 2% 2%!important;
}
/* / home */
.white-box li a{
text-decoration:none;
min-height:460px;
display:block;
}
.white-box li img{
/* height:215px; */
max-width:100%;
height:auto;
display: block;
position: relative;
}
.white-box li h3{
text-align:center;
padding:20px;
font-size:28px;
line-height:32px;
}
.white-box li h3:after{
background-color: #d0d0d0;
bottom: -7px;
content: "";
height: 2px;
left: 50%;
margin-left: -16px;
position: absolute;
width: 32px;
}
.white-box li p{
padding:20px;
color:#767676;
}
.white-box li .readmore{
border:2px solid #b8b8b8;
color:#b8b8b8!important;
text-align:center;
text-transform:uppercase;
font-size:18px;
display:inline;
margin:0 auto;
padding:6px 30px;
}
.white-box li:hover p{
color:#b2b2b2;
}
.white-box li:hover .readmore{
}
/* over */
#blocs li .box-content{
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
position:relative;
}
#blocs li .box-content:after{
border-color: #fff transparent;
border-style: solid;
border-width: 0 25px 25px 25px;
top: 200px;
content: " ";
display: block;
height: 0;
left: 50%;
margin-left: -25px;
position: absolute;
width: 0;
}
.no-touch #blocs li:hover .box-content,
#blocs li.cs-hover .box-content {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
#blocs li figcaption {
position: absolute;
top: 0;
left: 0;
background:#fff;
width:100%;
text-align:center;
height: 50px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch #blocs li:hover figcaption,
#blocss li.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
/* ======= PAGE CONTENT ====== */
.banner-pages{
height:350px!important;
overflow:hidden;
position:relative;
}
.banner-text-pages{
bottom:26%!important;
}
.banner-text-pages h1{
font-size:36px!important;
display:inline;
padding-left:40px!important;
}
.banner-text-pages h1:before{
display:block!important;
}
#content-wrap{
width:1200px;
margin:0 auto;
padding-top:20px;
min-height:450px;
}
#content-wrap h1{
display:inline-block;
}
#content-wrap ul{
margin-left:20px;
}
#page-content-block{
float:left;
width:620px;
}
/* ======= ACTIVITES ====== */
#activite-bloc{
border:1px solid #ddd;
padding:15px;
margin-bottom:20px;
}
#activite-bloc .img-activite{
float:left;
width:30%;
margin-right:2%;
}
#activite-bloc .img-activite img{
width:100%;
height:auto;
}
#activite-bloc .content-activite{
float:right;
width:67%;
}
#activite-bloc h3{
margin-bottom:25px;
}
/* ======= REALISATION ====== */
#filters{
border:1px solid #ddd;
padding:20px;
text-align:center;
margin-left:0!important;
}
#filters li{
display:inline-block;
}
#filters li a{
display:block;
text-decoration:none;
padding:0 10px;
color:#767676;
font-size: 14px;
}
#filters li a:hover{
color:#ff0000;
}
#filters li a.current{
color:#ff0000;
}
.ontgoing-project{
position:absolute;
background:#ff0000;
color:#fff;
font-size:20px;
top:20px;
left:0;
z-index:9;
padding:6px 15px 6px 30px;
}
.finished-project{
position:absolute;
background:#000;
color:#fff;
font-size:20px;
top:20px;
left:0;
z-index:9;
padding:6px 15px 6px 30px;
}
.ontfuture-project{
position:absolute;
background:#FFF;
color:#ff0000;
font-size:20px;
top:20px;
left:0;
z-index:9;
padding:6px 15px 6px 30px;
}
.single-realisation h1{
color:#ff0000;
font-size:26px;
margin:20px 0 40px 0;
font-weight:bold;
text-align:center;
line-height:26px;
position:relative;
display:block!important;
}
.single-realisation h1:before{
display:none;
}
.single-realisation h1:after{
background-color: #d0d0d0;
bottom: -20px;
content: "";
height: 1px;
left: 50%;
margin-left: -46px;
position: absolute;
width: 90px;
}
/* ======= SINGLE REALISATION ====== */
.back{
display:inline-block;
padding:0px 10px 0px 25px;
text-decoration:none;
color:#4a4a4a;
/*border:1px solid #ddd;*/
background:url('images/back-arrow.png') left 8px no-repeat;
margin-bottom:20px;
background-size:25px 25px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.back:hover{
color:#ff0000;
/*border:1px solid #1D93D2;*/
background-position:left -9px;
background-size:25px 25px;
}
.white-arrow .img-thumb{
background:#eee;
height:520px;
max-height:520px;
line-height:520px;
text-align:center;
overflow:hidden;
position:relative;
}
.white-arrow .img-thumb:after{
border-color: transparent #fff ;
border-style: solid;
border-width: 25px 25px 25px 0 ;
top: 45%;
content: " ";
display: block;
height: 0;
right: 0;
position: absolute;
width: 0;
}
.white-arrow .img-thumb img{
background:#eee;
width:auto;
height:100%;
display:inline-block!important;
margin:0 auto;
/*
width:100%;
height:auto;
*/
max-width: 100%;
height:auto;
max-height:100%;
vertical-align:middle;
}
#left-column{
width:63%;
float:left;
position:relative;
}
#right-column{
width:36%;
float:right;
}
#realisation-info{
margin:40px 0 0 0;
text-align:center;
}
#realisation-info li{
list-style:none;
}
#realisation-info li:after{
content:" ";
clear:both;
display: table;
}
#realisation-info li .realisation-label{
font-weight:bold;
text-align:right;
display:block;
float:left;
width:40%;
line-height:16px;
}
#realisation-info li .realisation-value{
display:block;
float:right;
width:56%;
text-align:left;
line-height:16px;
}
.single-realisation #right-column{
text-align:center;
}
.single-realisation .button{
margin:30px 0 0 0 ;
}
/* gallery */
.image-gallery{
/* position:absolute;
bottom:20px;*/
z-index:9;
background:rgba(255,255,255,0.5);
padding:0 0 10px 0;
}
.image-gallery ul{
margin-left:0!important;
}
#gallery li{float: left;
margin-top: 10px;
text-align: center;
width: 10%;
margin-right: 10px;list-style:none;}
#gallery li img {
border: none!important;
width: 100%;
height: auto;
}
#gallery li img:hover{
opacity:0.5;
}
#gallery-1 img{
border:none!important;
width:100%;
height:auto;
}
#gallery-1 .gallery-item{
margin-right:10px;
}
/* ======= CHIFFRES CLEFS ====== */
#key-figures{
margin:0 auto!important;
text-align:center;
width:750px;
}
#key-figures:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#key-figures li{
display:block;
list-style:none;
display:block;
float:left;
background:#ff0000;
color:#fff;
text-align:center;
text-decoration:none;
height:150px;
width:190px;
padding:70px 30px 0 30px;
font-size:16px;
font-weight:bold;
}
#key-figures li+li{
background:#383535;
margin-top:60px;
}
#key-figures li+li+li{
background:#ff0000;
margin-top:0px;
}
#key-figures li strong{
font-weight:bold;
font-size:52px;
margin-bottom:15px;
display:block;
}
/* ======= SEARCH ====== */
.list{
margin-left:0!important;
}
.list > li{
list-style:none;
}
.list > li > a{
display:block;
text-decoration:none;
border-bottom:1px solid #ddd;
margin-bottom:25px;
}
.list > li > a h3{
margin-bottom:20px;
}
.list > li > a p{
color:#767676;
}
.list > li > a:hover h3, .list > li > a:hover p{
color:#ff0000;
}
/* ======= HISTORIQUE ====== */
.timeline-date{
text-align:center;
font-size:18px!important;
margin-top:30px!important;
font-weight:bold;
}
.cd-timeline-item-title::first-letter{
text-transform:uppercase;
}
.cd-timeline-title-container + img{
height:auto;
}
/* ======= JOBS ====== */
#jobs-list{
margin:0!important;
}
#jobs-list li{
list-style:none;
/*margin-bottom:10px;*/
padding-top:10px;
border-bottom:1px solid #c3c3c3;
position:relative;
}
#jobs-list li a{
text-decoration:none;
display:block;
color:#000;
padding-top:15px;
}
#jobs-list li h3{
margin-bottom:20px;
line-height:34px;
}
#jobs-list li p{
}
#jobs-list li .date{
float:left;
color:#ff0000;
}
#jobs-list li .ref{
float:left;
color:#ff0000;
}
#jobs-list .readmore{
position:absolute;
right:0;
bottom:0;
color:#999;
font-style:italic;
}
#jobs-list li:hover p{
/*font-style:italic; */
}
#jobs-list li:hover h3,
#jobs-list li:hover .date,
#jobs-list li:hover .ref{
/* color:#ff0000;
font-style:normal;*/
}
#jobs-list li:hover{
background:#F2F2F2;
}
.button-block{
display:block;
width:25%;
text-align:center;
margin:0 auto;
background:#ff0000;
color:#fff;
padding: 7px 20px;
text-decoration:none;
}
.button-block:hover{
background:#19292b;
color:#fff!important;
}
.title{
text-align:center;
}
.title h1{
display:block;
}
/* ----- JOB FORM COLUMN ---- */
.job-form-column{
background:#f4f4f4;
}
.job-form-column .padding{
padding:0 6% 25px 6%;
}
.job-form-column input[type="text"],.job-form-column input[type="mail"], .job-form-column input[type="email"], .job-form-column input[type="password"],.job-form-column select{
max-width:90%;
}
.job-form-column input[type="file"]{
max-width:300px;
padding-right:15px;
}
.checkbox-group input{
float: left;
width: 10px;
display: block;
margin-top: 18px;
}
.checkbox-group label{
float: left;
max-width: 88%;
margin-right: 0;
display: block;
margin-left: 2%;
}
.job-form-column .button-block{
width:100%;
}
/* ======= FOOTER ====== */
#footer {
color:#fff;
background:#1d1d1d;
}
#footer-blocks{
margin:0;
padding:20px 0;
}
#footer-blocks li{
list-style:none;
display:inline-block;
width:30%;
}
#footer-blocks li p{
font-size:14px;
line-height:20px;
}
#footer-blocks li a, #footer .copyright a{
color:#fff!important;
text-decoration:none;
}
#footer-blocks li a:hover, #footer .copyright a:hover{
color:#ff0000!important;
}
#footer h4{
color:#858585;
text-transform:uppercase;
font-size:30px;
font-weight:bold;
margin-bottom:10px;
}
#footer .copyright{
margin-bottom:0;
font-size:11px;
}
#footer .alys{
float:right;
color:#fff;
text-decoration:none;
}
.display-mobile{display:none;}
/* -------------------------------- MEDIA QUERIES -------------------------------------------- */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:139px;right:0;background:#023058 url(images/nav-mobile.png);height:30px;width:100%;}
#pull, #mobile-only{display:none;}
/* ------------------------ tout -------------------------------- */
@media only screen and (max-width: 1280px){
.wrap, #content-wrap{width:90%;padding-top:20px;}
/* submenu actif */
#submenu li {display:none;}
#mobile-only{display:block;padding-top:0!important;}
/*
#mobile-only #left-sub-menu {margin:0 0 20px 0;}
#mobile-only #left-sub-menu > .current-menu-ancestor > a{border:none;}
#mobile-only #left-sub-menu .current-menu-item > a{color:#ff0000;}
#mobile-only #left-sub-menu > li{display:none;}
#mobile-only #left-sub-menu > li a{display:block; text-decoration:none;padding:7px 10px 7px 25px ;color:#000;border-top:1px solid #ddd;position:relative;}
#mobile-only #left-sub-menu > li a::before {
background: rgba(0, 0, 0, 0) url("images/h1-style.png") no-repeat scroll 0 0 / cover ;
content: " ";
height: 6px;
left: 5px;
position: absolute;
top: 16px;
width: 8px;
}
#mobile-only #left-sub-menu > li:first-child a{border:none;}
#mobile-only #left-sub-menu > .current-menu-item.menu-item-has-children,
#mobile-only #left-sub-menu > .current-menu-item li,
#mobile-only #left-sub-menu > .current-menu-ancestor,
#mobile-only #left-sub-menu > .current-menu-ancestor li{
display:block;
}
*/
#left-sub-menu li{
display:none;
}
#left-sub-menu .current_page_ancestor,
#left-sub-menu .current_page_ancestor .sub-menu li {
display:block;
}
#left-sub-menu .current_page_ancestor > a{
display:block;
text-align:center;
font-size:18px;
color:#666;
text-decoration:none;
}
#left-sub-menu .current_page_ancestor .sub-menu li a{
text-decoration:none;
display:block;
padding:7px 10px 7px 25px;
position:relative;
color:#666;
border-bottom:1px solid #ddd;
margin-bottom:6px;
font-size:14px;
}
#left-sub-menu .current_page_ancestor .sub-menu li a::before {
background: rgba(0, 0, 0, 0) url("images/h1-style.png") no-repeat scroll 0 0 / cover ;
content: " ";
height: 6px;
left: 5px;
position: absolute;
top: 16px;
width: 8px;
}
#left-sub-menu .current_page_ancestor .sub-menu .current-menu-item a{
color:#ff0000;
}
/*
#submenu .current_page_ancestor,
#submenu .current_page_ancestor .sub-menu li {
display:block;
}
#submenu .current_page_ancestor > a{
display:block;
text-align:center;
font-size:18px;
color:#666;
text-decoration:none;
}
#submenu .current_page_ancestor .sub-menu li a{
text-decoration:none;
display:block;
padding:6px 10px;
color:#666;
border-bottom:1px solid #ddd;
margin-bottom:6px;
font-size:14px;
}
#submenu .current_page_ancestor .sub-menu .current-menu-item a{
color:#d22229;
}
*/
/* --- */
}
/* ------------------------ ipad horizontal -------------------------------- */
@media only screen and (min-width: 959px) and (max-width: 1190px){
}
/* ------------------------ ipad vertical -------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 1024px){
/*added this*/
/*
a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat ; height:80px; width:50%; position:absolute;z-index:20;top:0px; right:0;outline:none;}
.nav-list {display:none; }
#main-menu{position:absolute;top:78px;padding:0px;z-index:300;background:#fff;width:100%;float:none;left:0;}
#main-menu > li{display:block;padding-left:0;text-align:center;background:none;}
#main-menu .has-children:after{right:10%;top:35px;}
#main-menu > li > a{line-height:70px;border-top:1px solid #eee;color:#000;padding:0;}
#main-menu > li > a, #main-menu > li > a:hover,#main-menu li a:hover, #main-menu .current a{border-bottom:none;}
#main-menu > li > ul{position:relative;left:0!important;padding: 0 ;top:0;height:auto;width:100%;background-position:right center;}
#main-menu > li > ul li a{border-top:1px solid #eee;color:#000;}
#main-menu::after, #main-menu > li > a::after{display:none;}
#main-menu li ul{display:none;}
*/
/* sous-menu */
#header #main-menu li ul{display:none;top:90px; opacity: 1;visibility: visible;z-index: 1;position:absolute;background:#fff;text-align:center;box-shadow:none!important;}
#header #main-menu li ul li a{font-size:15px;color:#666;}
/*added this end*/
/* header */
#header-wrap{width:100%;}
.logo{width:130px;}
#slider-wrap{width:100%;}
/*#main-menu > li > a{font-size:14px;padding:0 8px;}*/
#slider .video{width:100%;}
/* home */
.home #banner{height:100%;}
.home #banner img{height:100%;width:auto;min-width:100%;}
.home #blocs li{min-height:500px;}
/* content */
#content-wrap{width:96%;}
#page-content-block{width:61%;}
#blocs li .box-content::after{display:none;}
#slider-bloc li .box-content::after{display:none;}
#key-figures{max-width:100%;}
#key-figures li{width: 24.4%;}
/* realisations */
#filters{padding:20px 0;}
#filters li a{padding:0 6px;font-size:13px;}
.white-box li h3{font-size:18px;line-height:20px;}
#left-column{width:55%;}
#right-column{width:44%;}
.white-arrow .img-thumb{line-height:550px;}
.white-arrow .img-thumb img{width:100%;height:auto;display:inline;vertical-align:middle;}
/*.page-template-temp-realisations #blocs li { margin:2%;}*/
/* sidebar */
#sidebar-right{width:100%;float:none;}
#search-content .search-field{width:80%;}
/* footer */
#footer-blocks li img{width:80%;height:auto;}
}
@media only screen and (min-width: 430px) and (max-width: 767px){
#main-menu li a{line-height:40px!important;}
.home #blocs li{float:none;width:100%!important;}
#banner-text {/*top: 45% !important;*/}
.alignleft, .alignright{float:none;margin:0 0 20px 0;display:block;}
#blocs li{width:100%/*47%*/!important;}
h3{font-size:20px;}
/*.page-template-temp-realisations #blocs li { margin:2%!important;}*/
#blocs li:nth-child(2n+2) {/*margin: 3% 0 2% 2% !important;*/}
.white-box li a {min-height: 600px;}
.white-box li img { height: auto; width: 100%;}
#blocs li .box-content::after{display:none;}
#slider-bloc li .box-content::after{display:none;}
#search-content .search-field{width:70%;}
}
/* ------------------------ iphone -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 768px){
/* --- menu principal dropdown mobile --- */
a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat ; height:80px; width:50%; position:absolute;z-index:20;top:0px; right:0;outline:none;}
.nav-list {display:none; }
#main-menu{position:absolute;top:78px;padding:0px;z-index:300;background:#fff;width:100%;float:none;left:0;}
#main-menu > li{display:block;padding-left:0;text-align:center;background:none;}
#main-menu .has-children:after{right:10%;top:35px;}
#main-menu > li > a{line-height:70px;border-top:1px solid #eee;color:#000;padding:0;}
#main-menu > li > a, #main-menu > li > a:hover,#main-menu li a:hover, #main-menu .current a{border-bottom:none;}
#main-menu > li > ul{position:relative;left:0!important;padding: 0 ;top:0;height:auto;width:100%;background-position:right center;}
#main-menu > li > ul li a{border-top:1px solid #eee;color:#000;}
#main-menu::after, #main-menu > li > a::after{display:none;}
#main-menu li ul{display:none;/*display:block;position:relative;visibility:visible; opacity:1;box-shadow:none;*/}
/* sous-menu */
#header #main-menu li ul{display:none;top:0; opacity: 1;visibility: visible;z-index: 1;position:relative;background:#fff;text-align:center;box-shadow:none!important;}
#header #main-menu li ul li a{font-size:15px;color:#666;}
/* all */
img .alignleft, .alignleft, img .alignright, .alignright{max-width:100%;height:auto; margin:0 0 20px 0;}
.hide-mobile{display:none;}
.display-mobile{display:block;}
/* header */
#header{position:fixed;/*position:relative;*/}
.sticky #header{position:fixed;}
#header-top{display:none;}
#header-nav{height:80px;}
h1{font-size:26px;line-height:30px;padding-left:20px;}
h1::before {height:20px;width:20px;background-size:cover;top:5px;}
.logo{width:130px;margin-top:0!important;}
.home #banner{height:100%;}
.home #banner img{height:100%;/*760px!important; */width:auto;min-width:100%;}
.banner-pages img {height: auto;width:100%;margin-top:80px;}
.banner-pages{height:260px!important;}
#banner-text{/*top:28%;*/}
#banner-text h1,#banner-text p{font-size:22px!important;line-height:24px;padding-left:38px!important;margin-bottom:0!important;}
.home #banner-text h1, .home #banner-text p{padding-left:0!important;}
#banner-text h1:before,#banner-text p:before{top:9px;}
#banner-text h2{font-size:22px;margin-top:0!important;}
.scroll_link{left:43.6%;}
.banner-text-pages{bottom:28%!important;}
/* home */
.home #blocs li{width:100%; max-width:390px;margin:3% 0!important;}
/* activites */
#activite-bloc .img-activite{float:none;width:100%;margin:0 0 20px 0;}
#activite-bloc .content-activite{float:none;width:100%;}
#activite-bloc h3{font-size:22px;}
/* realisations */
#filters{padding:0;}
#filters li{padding:1px 0;display: block;}
#blocs{margin-left:0!important;}
#blocs li { width:100%;margin:3% 0!important;}
#blocs li .box-content::after{display:none;}
.page-template-temp-realisations .white-box li a, .page-template-temp-realisations #blocs li, #slider-bloc li{min-height:410px;}
.box-content{overflow:hidden;}
.white-arrow .img-thumb{height:350px;line-height:350px;}
.white-arrow .img-thumb img{height:auto;width:100%;display:inline;vertical-align:middle;}
/* jobs*/
#content-wrap h1:before{display:none;}
#content-wrap h1{font-size:24px;}
#jobs-list h3{font-size:20px;line-height:22px;}
.button-block{width:90%;}
/* content */
#key-figures{width:100%;}
#content-wrap h1{font-size:20px;line-height:22px;padding:0;}
#key-figures li{width:92%;margin:0 0 20px 0!important;padding: 70px 4% 0;}
#content-wrap{width:90%;/*padding-top:0;*/}
#page-content-block{width:90%;float:none;padding:20px 5% 40px 5%;margin-top:0;}
.block{width:90%;padding:20px 5% 40px 5%;}
#left-column, #right-column {float: none;margin-right:0;width: 100%;}
#iframe-jobs{max-height:2100px!important;}
#iframe-jobs iframe{margin-top:-550px;height:3000px;}
#search-content .search-field{width:60%;}
/* sidebar */
#sidebar-right{width:90%;float:none;margin:0 auto;}
.job-form-column h2{padding-top:25px;}
/* footer */
#footer-blocks li{width:100%;margin-bottom:25px;}
#footer #top-menu-links{float:none;}
#footer #top-menu-links .current a{color:#f00!important;}
}