.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
float: left;
}
.clear_column {
clear:both;
display:block;
font-size:0; height:0;
line-height:0; width:100%;
overflow: hidden;
}  .full_width  {
width: 100%;
}
.one_half  {
width: 50%;
}
.one_third  {
width: 33.3%;
}
.two_third  {
width: 66.6%;
}
.one_fourth  {
width: 25%;
}
.three_fourth  {
width: 75%;
}
.one_fifth  {
width: 20%;
}
.two_fifth  {
width: 40%;
}
.three_fifth  {
width: 60%;
}
.four_fifth  {
width: 80%;
}
.one_sixth  {
width: 16.6%;
}
.five_sixth  {
width: 83.4%;
}  @media screen and (max-width: 600px) {
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
clear: both;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
}
}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;margin-left:10px;margin-right:10px}.pull_1,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_12,.push_13,.push_14,.push_15,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}@media only screen and (min-width:768px) and (max-width:959px){body{min-width:100%}.container_12,.container_16{width:100%}.container_12 .grid_1{width:44px}.container_12 .grid_2{width:108px}.container_12 .grid_3{width:172px}.container_12 .grid_4{width:236px}.container_12 .grid_5{width:300px}.container_12 .grid_6{width:364px}.container_12 .grid_7{width:428px}.container_12 .grid_8{width:492px}.container_12 .grid_9{width:556px}.container_12 .grid_10{width:620px}.container_12 .grid_11{width:684px}.container_12 .grid_12{width:748px}.container_16 .grid_1{width:28px}.container_16 .grid_2{width:76px}.container_16 .grid_3{width:124px}.container_16 .grid_4{width:172px}.container_16 .grid_5{width:220px}.container_16 .grid_6{width:268px}.container_16 .grid_7{width:316px}.container_16 .grid_8{width:364px}.container_16 .grid_9{width:412px}.container_16 .grid_10{width:460px}.container_16 .grid_11{width:508px}.container_16 .grid_12{width:556px}.container_16 .grid_13{width:604px}.container_16 .grid_14{width:652px}.container_16 .grid_15{width:700px}.container_16 .grid_16{width:748px}.container_12 .prefix_1{padding-left:64px}.container_12 .prefix_2{padding-left:128px}.container_12 .prefix_3{padding-left:192px}.container_12 .prefix_4{padding-left:256px}.container_12 .prefix_5{padding-left:320px}.container_12 .prefix_6{padding-left:384px}.container_12 .prefix_7{padding-left:448px}.container_12 .prefix_8{padding-left:512px}.container_12 .prefix_9{padding-left:576px}.container_12 .prefix_10{padding-left:640px}.container_12 .prefix_11{padding-left:704px}.container_16 .prefix_1{padding-left:48px}.container_16 .prefix_2{padding-left:96px}.container_16 .prefix_3{padding-left:144px}.container_16 .prefix_4{padding-left:192px}.container_16 .prefix_5{padding-left:240px}.container_16 .prefix_6{padding-left:288px}.container_16 .prefix_7{padding-left:336px}.container_16 .prefix_8{padding-left:384px}.container_16 .prefix_9{padding-left:432px}.container_16 .prefix_10{padding-left:480px}.container_16 .prefix_11{padding-left:528px}.container_16 .prefix_12{padding-left:576px}.container_16 .prefix_13{padding-left:624px}.container_16 .prefix_14{padding-left:672px}.container_16 .prefix_15{padding-left:720px}.container_12 .suffix_1{padding-right:64px}.container_12 .suffix_2{padding-right:128px}.container_12 .suffix_3{padding-right:192px}.container_12 .suffix_4{padding-right:256px}.container_12 .suffix_5{padding-right:320px}.container_12 .suffix_6{padding-right:384px}.container_12 .suffix_7{padding-right:448px}.container_12 .suffix_8{padding-right:512px}.container_12 .suffix_9{padding-right:576px}.container_12 .suffix_10{padding-right:640px}.container_12 .suffix_11{padding-right:704px}.container_16 .suffix_1{padding-right:48px}.container_16 .suffix_2{padding-right:96px}.container_16 .suffix_3{padding-right:144px}.container_16 .suffix_4{padding-right:192px}.container_16 .suffix_5{padding-right:240px}.container_16 .suffix_6{padding-right:288px}.container_16 .suffix_7{padding-right:336px}.container_16 .suffix_8{padding-right:384px}.container_16 .suffix_9{padding-right:432px}.container_16 .suffix_10{padding-right:480px}.container_16 .suffix_11{padding-right:528px}.container_16 .suffix_12{padding-right:576px}.container_16 .suffix_13{padding-right:624px}.container_16 .suffix_14{padding-right:672px}.container_16 .suffix_15{padding-right:720px}.container_12 .push_1{left:64px}.container_12 .push_2{left:128px}.container_12 .push_3{left:192px}.container_12 .push_4{left:256px}.container_12 .push_5{left:320px}.container_12 .push_6{left:384px}.container_12 .push_7{left:448px}.container_12 .push_8{left:512px}.container_12 .push_9{left:576px}.container_12 .push_10{left:640px}.container_12 .push_11{left:704px}.container_16 .push_1{left:48px}.container_16 .push_2{left:96px}.container_16 .push_3{left:144px}.container_16 .push_4{left:192px}.container_16 .push_5{left:240px}.container_16 .push_6{left:288px}.container_16 .push_7{left:336px}.container_16 .push_8{left:384px}.container_16 .push_9{left:432px}.container_16 .push_10{left:480px}.container_16 .push_11{left:528px}.container_16 .push_12{left:576px}.container_16 .push_13{left:624px}.container_16 .push_14{left:672px}.container_16 .push_15{left:720px}.container_12 .pull_1{left:-64px}.container_12 .pull_2{left:-128px}.container_12 .pull_3{left:-192px}.container_12 .pull_4{left:-256px}.container_12 .pull_5{left:-320px}.container_12 .pull_6{left:-384px}.container_12 .pull_7{left:-448px}.container_12 .pull_8{left:-512px}.container_12 .pull_9{left:-576px}.container_12 .pull_10{left:-640px}.container_12 .pull_11{left:-704px}.container_16 .pull_1{left:-48px}.container_16 .pull_2{left:-96px}.container_16 .pull_3{left:-144px}.container_16 .pull_4{left:-192px}.container_16 .pull_5{left:-240px}.container_16 .pull_6{left:-288px}.container_16 .pull_7{left:-336px}.container_16 .pull_8{left:-384px}.container_16 .pull_9{left:-432px}.container_16 .pull_10{left:-480px}.container_16 .pull_11{left:-528px}.container_16 .pull_12{left:-576px}.container_16 .pull_13{left:-624px}.container_16 .pull_14{left:-672px}.container_16 .pull_15{left:-720px}}@media only screen and (max-width:767px){body{min-width:300px}.container_12,.container_16{width:300px}.container_12 .grid_1,.container_12 .grid_10,.container_12 .grid_11,.container_12 .grid_12,.container_12 .grid_13,.container_12 .grid_14,.container_12 .grid_15,.container_12 .grid_16,.container_12 .grid_2,.container_12 .grid_3,.container_12 .grid_4,.container_12 .grid_5,.container_12 .grid_6,.container_12 .grid_7,.container_12 .grid_8,.container_12 .grid_9,.container_16 .grid_1,.container_16 .grid_10,.container_16 .grid_11,.container_16 .grid_12,.container_16 .grid_13,.container_16 .grid_14,.container_16 .grid_15,.container_16 .grid_16,.container_16 .grid_2,.container_16 .grid_3,.container_16 .grid_4,.container_16 .grid_5,.container_16 .grid_6,.container_16 .grid_7,.container_16 .grid_8,.container_16 .grid_9{margin:0;width:300px}.container_12 .prefix_1,.container_12 .prefix_10,.container_12 .prefix_11,.container_12 .prefix_12,.container_12 .prefix_13,.container_12 .prefix_14,.container_12 .prefix_15,.container_12 .prefix_2,.container_12 .prefix_3,.container_12 .prefix_4,.container_12 .prefix_5,.container_12 .prefix_6,.container_12 .prefix_7,.container_12 .prefix_8,.container_12 .prefix_9,.container_16 .prefix_1,.container_16 .prefix_10,.container_16 .prefix_11,.container_16 .prefix_12,.container_16 .prefix_13,.container_16 .prefix_14,.container_16 .prefix_15,.container_16 .prefix_2,.container_16 .prefix_3,.container_16 .prefix_4,.container_16 .prefix_5,.container_16 .prefix_6,.container_16 .prefix_7,.container_16 .prefix_8,.container_16 .prefix_9{padding-left:0}.container_12 .suffix_1,.container_12 .suffix_10,.container_12 .suffix_11,.container_12 .suffix_12,.container_12 .suffix_13,.container_12 .suffix_14,.container_12 .suffix_15,.container_12 .suffix_2,.container_12 .suffix_3,.container_12 .suffix_4,.container_12 .suffix_5,.container_12 .suffix_6,.container_12 .suffix_7,.container_12 .suffix_8,.container_12 .suffix_9,.container_16 .suffix_1,.container_16 .suffix_10,.container_16 .suffix_11,.container_16 .suffix_12,.container_16 .suffix_13,.container_16 .suffix_14,.container_16 .suffix_15,.container_16 .suffix_2,.container_16 .suffix_3,.container_16 .suffix_4,.container_16 .suffix_5,.container_16 .suffix_6,.container_16 .suffix_7,.container_16 .suffix_8,.container_16 .suffix_9{padding-right:0}.container_12 .pull_1,.container_12 .pull_10,.container_12 .pull_11,.container_12 .pull_12,.container_12 .pull_13,.container_12 .pull_14,.container_12 .pull_15,.container_12 .pull_2,.container_12 .pull_3,.container_12 .pull_4,.container_12 .pull_5,.container_12 .pull_6,.container_12 .pull_7,.container_12 .pull_8,.container_12 .pull_9,.container_12 .push_1,.container_12 .push_10,.container_12 .push_11,.container_12 .push_12,.container_12 .push_13,.container_12 .push_14,.container_12 .push_15,.container_12 .push_2,.container_12 .push_3,.container_12 .push_4,.container_12 .push_5,.container_12 .push_6,.container_12 .push_7,.container_12 .push_8,.container_12 .push_9,.container_16 .pull_1,.container_16 .pull_10,.container_16 .pull_11,.container_16 .pull_12,.container_16 .pull_13,.container_16 .pull_14,.container_16 .pull_15,.container_16 .pull_2,.container_16 .pull_3,.container_16 .pull_4,.container_16 .pull_5,.container_16 .pull_6,.container_16 .pull_7,.container_16 .pull_8,.container_16 .pull_9,.container_16 .push_1,.container_16 .push_10,.container_16 .push_11,.container_16 .push_12,.container_16 .push_13,.container_16 .push_14,.container_16 .push_15,.container_16 .push_2,.container_16 .push_3,.container_16 .push_4,.container_16 .push_5,.container_16 .push_6,.container_16 .push_7,.container_16 .push_8,.container_16 .push_9{left:0}}@media only screen and (min-width:480px) and (max-width:784px){body{min-width:100%}.container_12,.container_16{width:420px}.container_12 .grid_1,.container_12 .grid_10,.container_12 .grid_11,.container_12 .grid_12,.container_12 .grid_13,.container_12 .grid_14,.container_12 .grid_15,.container_12 .grid_16,.container_12 .grid_2,.container_12 .grid_3,.container_12 .grid_4,.container_12 .grid_5,.container_12 .grid_6,.container_12 .grid_7,.container_12 .grid_8,.container_12 .grid_9,.container_16 .grid_1,.container_16 .grid_10,.container_16 .grid_11,.container_16 .grid_12,.container_16 .grid_13,.container_16 .grid_14,.container_16 .grid_15,.container_16 .grid_16,.container_16 .grid_2,.container_16 .grid_3,.container_16 .grid_4,.container_16 .grid_5,.container_16 .grid_6,.container_16 .grid_7,.container_16 .grid_8,.container_16 .grid_9{margin:0;width:420px}}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.container_12:after,.container_12:before,.container_16:after,.container_16:before{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}::selection{background:#34495e}::-moz-selection{background:#34495e}a,.nav_principal > li > a:hover,.nav_principal > .current-menu-item > a,.btn_blue:hover,.btn_white,.articles li h2 a:hover,.articles li a,.portfolio li:hover span,.same_theme .info a:hover,.blog h2:hover,#page_realisation #filters .btn_blue.active,.pagination span.current,#respond form input[type=submit]:hover,#page_contact input[type=submit]:hover,.wpcf7-submit:hover,.nav-toggle:before,.content h2,.footer_sidebar .bloc_appel_action .btn_blue,.portfolio .btn_blue:hover,.error404 span {color: #34495e}.btn_blue,.wpcf7-submit, .search-field:focus,.nav_principal > li > a:hover,.nav_principal > .current-menu-item > a,.nav_principal li > .sub-menu,.content blockquote,#respond form input[type=submit]:hover {border-color:#34495e}.bandeau_page,.btn_blue,.wpcf7-submit,.main-slider,.same_article > a::after,.blog_sidebar .widget header,.blog_sidebar .widget h3,.blog_sidebar .widget_recent_comments li:hover,.blog_sidebar .bloc_categories a:hover,.blog_sidebar .widget_archive a:hover,.blog_sidebar .bloc_derniers_articles a:hover,#page_realisation .realisations figure::after,#respond form input[type=submit],#page_contact input[type=submit],.wpcf7-submit,.widget_pages a:hover,.nav-toggle.active::before,.nav-collapse.opened .nav_principal,.footer_sidebar {background-color:#34495e;}body, .wpcf7-form input, .wpcf7-form textarea, .logotext {font-family:"PT Sans",Arial;}.logotext {font-size:2.6em;}body {
font-family: "PT Sans",Arial;
font-size: 10px;
}
ol, ul {
list-style: none outside none;
}
*::-moz-selection {
color: #fff;
}
*::selection {
color: #fff;
}
.bandeau_page h1 {
color: #fff;
font-size: 2.4em;
font-weight: lighter;
padding: 20px 0;
}
h2 {
color: #2c2c2c;
font-size: 2em;
font-weight: 400;
margin: 30px 0 25px;
}
.content h2 {
clear: both;
font-weight: 700;
margin: 10px 0;
text-transform: uppercase;
}
.content h1 {
color: #6f7277;
font-size: 3em;
font-weight: 400;
margin: 0 0 10px;
}
a {
color: #444;
text-decoration: none;
}
.main-header {
position: relative;
z-index: 50;
}
.logo-website {
max-height: 60px;
padding-top: 22px;
margin-bottom: 21px;
}
.logo_with_baseline {
margin-bottom: 8px;
padding-top: 12px;
}
#breadcrumbs {
background-color: #f2f2f2;
color: #444;
font-size: 1.2em;
padding: 15px 0;
}
.main-header .wrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 auto;
z-index: 100;
}
.main-header .wrapper > div {
margin: 0 auto;
width: 960px;
}
.main-header .left {
float: left;
text-align: left;
}
.main-header .right {
float: right;
}
.logotext {
font-size: 2.6em;
margin-top: 14px;
font-weight: bold;
line-height: 48px;
}
p.baseline {
font-size: 1.4em;
line-height: 8px;
margin-bottom: 18px;
}
.without_baseline {
line-height: 64px;
}
.nav_principal > li {
float: left;
margin: 0 17px;
position: relative;
}
.nav_principal a {
color: #444;
}
.nav_principal > li > a {
border-top: 3px solid transparent;
font-size: 1.6em;
height: 75px;
line-height: 70px;
}
.nav_principal li .sub-menu {
background: none repeat scroll 0 0 #f2f2f2;
border-top-style: solid;
border-top-width: 3px;
opacity: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 150px;
z-index : 10
}
.nav_principal li > .sub-menu a {
line-height: 20px;
}
.nav_principal li > .sub-menu > li {
clear: both;
margin: 0;
}
.nav_principal li:hover .sub-menu {
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
opacity: 1;
visibility: visible;
}
.nav_principal .sub-menu a {
border-bottom: 1px solid #dcdadb;
font-size: 1.4em;
padding: 10px 20px;
text-align: left;
}
.nav_principal .sub-menu a:hover {
background: none repeat scroll 0 0 #fff;
}
@keyframes nav_float_img {
0% {
top: -60px;
}
100% {
top: 0;
}
}
@keyframes nav_float_img {
0% {
top: -60px;
}
100% {
top: 0;
}
}
.nav-toggle.active {
color: #fff;
background: #34495e;
}
.nav-toggle.active:before {
content: "+";
font-family: Arial;
transform: rotate(45deg);
font-size: 50px;
}
.main-menu {
display: none;
position: relative;
background: #34495e;
overflow: hidden;
}
.main-menu > ul {
padding: 0 3%;
}
.main-menu .sub-menu {
top: 0; right: -100%;
position: absolute;
width: 85%;
height: 100%;
padding: 0 3%;
background: #34495e;
transition: all 0.2s;
border-left: 1px solid rgba(255,255,255,0.2);
}
.main-menu .sub-menu.visible {
right: 0;
}
.main-menu .menu-item {
font-size: 16px;
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid rgba(255,255,255,.2);
}
.main-menu a {
display: block;
padding: 15px 20px;
color: #fff;
}
.sub-menu-trigger {
float: right;
display: block;
cursor: pointer;
margin: 3px 0;
padding: 6px 8px;
color: #fff;
font-size: 24px;
background: #21364C;
}
.sub-menu .close-trigger {
position: absolute;
top: 0; left: -25px;
display: block;
width: 25px; height: 25px;
line-height: 25px;
text-align: center;
background: #21364C;
cursor: pointer;
color: #fff;
}
@media only screen and (max-width: 783px) {
.slider .slide img,
.glide--horizontal .glide__arrows {
display: none;
}
}
@media only screen and (min-width:1024px){
.nav-toggle {
display: none;
}
.slider_center {
margin-left: auto;
margin-right: auto;
width: 960px !important;
}
.main-menu {
display: block;
background: #fff;
overflow: visible;
}
.main-menu > ul {
padding: 0;
}
.main-menu > ul > .menu-item {
position: relative;
display: block;
float: left;
margin: 0 17px;
font-size: 16px;
text-transform: none;
border: none;
}
.main-menu a {
color: #34495e;
}
.main-menu > ul > .menu-item > a {
height: 75px;
padding: 0;
line-height: 70px;
border-top-width: 3px;
border-top-style: solid;
border-color: #fff;
}
.main-menu > ul > .menu-item > a:hover {
border-color: #21364C;
}
.main-menu .sub-menu {
position: absolute;
top: 100%; left: 0;
max-height: 0;
width: 150px; height: auto;
padding: 0;
border-left: 0;
border-top-width: 3px;
border-top-style: solid;
opacity: 0;
transition: all 0.2s;
overflow: hidden;
}
.menu-item-has-children:hover > .sub-menu {
display: block;
opacity: 1;
max-height: 300px;
overflow: visible;
}
.main-menu .sub-menu .menu-item {
background: #f2f2f2;
}
.main-menu .sub-menu .menu-item:hover {
background: #fff;
}
.sub-menu-trigger,
.sub-menu .close-trigger {
display: none;
}
.main-menu .sub-menu a {
padding: 10px 20px;
font-size: 14px;
text-transform: none;
border-bottom: 1px solid #dcdadb;
}
.main-menu .sub-menu .sub-menu {
z-index: -1;
top: -3px; left: 0;
}
.menu-item-has-children .menu-item-has-children:hover > .sub-menu  {
left: 100%;
}
.main-menu .sub-menu .sub-menu-trigger {
display: block;
margin: 2px 0;
padding: 2px 8px;
background: none;
color: #21364C;
}
}
.main-header .wrapper.floatable {
animation: 0.3s ease-in-out 0s normal none 1 nav_float_img;
}
.main-header .wrapper.floatable .nav_principal > li > a {
height: 62px;
line-height: 58px;
}
.main-header .wrapper.floatable {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
height: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.main-header .wrapper.marginTop {
margin-top: 32px;
}
header nav ul {
margin: 0;
padding: 0;
}
.btn_blue {
border-style: solid;
border-width: 1px;
color: #fff;
display: inline-block;
font-size: 1.8em;
padding: 10px 25px;
text-align: center;
}
.portfolio .btn_blue {
clear: both;
color: #fff;
display: block;
font-size: 1.8em;
font-weight: 700;
margin: 40px auto;
padding: 10px 25px;
text-align: center;
width: 250px;
}
.btn_blue:hover {
background-color: #fff;
}
.btn_white {
background-color: #fff;
display: block;
font-size: 1.8em;
font-weight: 700;
padding: 10px 25px;
text-align: center;
}
.btn_white:hover {
opacity: 0.8;
}
.main-slider {
margin-bottom: 30px;
min-height: 380px;
overflow: hidden;
z-index: 40;
height: 380px !important;
}
@keyframes slider_display {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.main-slider .slider {
animation: 2s ease-in-out 0s normal none 1;
margin: 0 auto;
min-height: 380px;
}
.glide--horizontal .glide__arrows {
z-index: 9999;
top: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
.main-slider .slider .bg-slider > div {
margin: 0 auto;
width: 960px;
}
.slider_center .slider .bg-slider > div {
width: 884px;
}
.main-slider:hover .slider-arrow {
opacity: 1;
}
.slider .bg-slider {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 380px;
position: relative;
}
.slider .slide .img {
float: right;
line-height: 260px;
margin-top: 30px;
text-align: center;
width: 50%;
}
.slider .slide img {
border: 5px solid #fff;
}
.slider .slide iframe, .slider .slide img {
box-shadow: 0 0 5px 0 #000;
}
.slider .slide img:hover {
opacity: 0.8;
}
.slider-arrow {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
color: #fff;
font-family: fontawesome;
font-size: 34px;
height: 63px;
line-height: 60px;
margin: 21px 0 0;
opacity: 0;
padding: 0;
position: absolute;
text-align: center;
top: 140px;
width: 63px;
}
.slider-arrow:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
.icon-arrow-right {
right: 0;
}
.icon-arrow-left {
left: 0;
}
.btn_white {
float: left;
position: absolute;
top: 250px;
}
.slide {
list-style: none outside none;
position: relative;
}
.main-slider.container_12 .slide-caption {
margin-left: 10px;
}
.slide-caption {
float: left;
margin-right: 20px;
position: relative;
width: 45%;
}
.slide-caption h2 {
color: #fff;
display: block;
font-size: 2.5em;
position: relative;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}
.slide-caption div {
color: #fff;
display: block;
font-size: 2em;
margin-bottom: 20px;
position: relative;
text-shadow: 1px 1px 1px #000;
top: 0;
}
.slider-nav__item {
border-radius: 8px;
}
.box * {
animation: 2s ease-out 0s normal none 1 anim_slider;
}
@keyframes anim_slider {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.call_to_action {
background-color: #f2f2f2;
margin: 10px 0;
min-height: 44px;
padding: 16px;
}
.content .call_to_action p {
color: #4a4a4a;
float: left;
font-size: 1.7em;
font-weight: 700;
margin: 10px 16px 10px 0;
width: 60%;
}
.content .call_to_action div {
float: right;
text-align: right;
width: 30%;
}
#top {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 24px;
bottom: 1em;
color: #fff;
font-family: fontawesome;
font-size: 37px;
height: 45px;
position: fixed;
right: 1em;
text-align: center;
width: 45px;
}
#top:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.articles {
color: #454545;
margin-bottom: 30px;
text-align: center;
}
.articles li {
height: 400px;
}
.articles li h2 {
font-size: 2.2em;
margin: 15px 0;
text-align: center;
text-transform: none;
}
.articles li h2 a {
color: #444;
}
.articles li .more, .articles li p {
font-size: 1.4em;
line-height: 1.5em;
}
.home .blog .entry-thumbnail {
border: 0 none;
height: 200px;
line-height: 200px;
}
.home .blog .entry-thumbnail img {
border: 0 none;
}
.articles li .more:hover {
color: #999;
}
.portfolio {
background-color: #f4f4f4;
}
.portfolio li {
background: none repeat scroll 0 0 #fff;
padding: 12px 0;
margin-bottom: 20px;
height: 250px;
}
.portfolio li a {
display: block;
margin: 0 10px;
position: relative;
text-align: center;
}
.portfolio li .fa-picture-o {
background: none repeat scroll 0 0 #2f2f2f;
bottom: 0;
color: rgba(255, 255, 255, 0.9);
content: "\f055";
font-family: fontawesome;
font-size: 115px;
height: 190px;
left: 5px;
line-height: 190px;
opacity: 0.1;
text-align: center;
top: 5px;
width: 100%;
}
.portfolio li figure::after {
color: #fff;
content: "\f00e";
font-family: fontawesome;
font-size: 70px;
height: 190px;
left: 0;
line-height: 190px;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.portfolio li:hover figure::after {
opacity: 0.5;
}
.portfolio li:hover img {
opacity: 0.4;
}
.portfolio li img {
display: block;
height: auto;
margin: 0 auto;
width: 100%;
}
.portfolio li span {
color: #4a4a4a;
display: block;
font-size: 1.4em;
font-weight: 700;
margin: 15px 0;
}
.portfolio li h3 {
font-size: 1.4em;
font-weight: 400;
line-height: 35px;
text-align: center;
}
.link_all_portfolio {
margin: 60px auto;
width: 300px;
}
.content ul li {
list-style: inside;
font-size: 1.4em;
}
.content p {
clear: both;
font-size: 1.4em;
margin-bottom: 10px;
text-align: justify;
}
.content img {
height: auto;
max-width: 100%;
width: auto;
}
.clients {
padding: 0 0 20px;
}
.clients .owl-item {
padding: 5px 0;
text-align: center;
}
.clients .owl-item img {
border: 1px solid #f4f4f4;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
opacity: 0.5;
padding: 10px;
}
.clients .owl-item h4 {
font-size: 14px;
padding: 5px 0;
}
.owl-next, .owl-prev {
font-size: 2.8em;
height: 30px;
padding: 0;
position: absolute;
text-align: center;
top: 43px;
width: 20px;
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
}
.clients .owl-item img:hover {
box-shadow: 0 0 1px 0 #656565;
filter: none;
opacity: 1;
}
.page article, .single article {
color: #6f7277;
}
.single article {
margin: 25px 0;
}
.archive article, .blog article, .page article {
margin: 34px 0;
}
.page .content {
margin-top: 10px;
}
.page-template-template-nosidebar-php .content {
min-height: 500px;
}
.page figure, .single figure {
overflow: hidden;
text-align: center;
}
.single .same_theme .title {
border-bottom: 2px solid #f3f3f3;
color: #444;
display: block;
font-size: 1.8em;
line-height: 40px;
}
.single .same_theme {
border-bottom: 2px solid #f3f3f3;
}
.single .same_theme ul {
margin: 30px 0;
}
.same_article {
background-color: #fff;
border: 5px solid #f2f2f2;
margin: 0 auto;
min-height: 220px;
overflow: hidden;
padding: 5px;
position: relative;
text-align: center;
width: 212px;
}
.same_article > a::after {
color: rgba(255, 255, 255, 0.9);
content: "\f055";
font-family: fontawesome;
font-size: 55px;
height: 145px;
left: -225px;
line-height: 145px;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.same_article > a:hover::after {
left: 0;
opacity: 0.8;
}
.same_article > a:hover img::before {
background: none repeat scroll 0 0 #000;
}
.single .format-type {
display: inline;
font-size: 1rem;
margin-right: 1px;
}
.single .same_theme li .info {
background-color: #fff;
margin: 0;
padding: 14px 0;
text-align: center;
}
.info {
color: #6f7277;
font-size: 1.4em;
margin: 10px 0;
}
.same_theme .info span {
color: #8d8c8c;
font-size: 0.9em;
font-style: italic;
}
.same_theme .info a {
color: #8d8c8c;
display: block;
text-transform: uppercase;
}
.concept_deux_tiers, .concept_trois_quarts, .concept_un_demi, .concept_un_quart, .concept_un_tiers {
float: left;
margin-left: 4%;
overflow: hidden;
position: relative;
}
.concept_un_demi {
width: 48%;
}
.concept_un_tiers {
width: 30.5%;
}
.concept_un_quart {
width: 22%;
}
.concept_deux_tiers {
width: 65.5%;
}
.concept_trois_quarts {
width: 74%;
}
.first {
clear: left;
margin-left: 0;
}
.content blockquote {
background-color: #f5f5f5;
border-left: 4px solid;
margin: 10px 25px;
padding: 15px;
}
.content blockquote p {
margin-bottom: 0;
}
.blog_sidebar .widget {
background-color: #f2f2f2;
border-bottom: 2px solid #bebebe;
border-top: 1px solid #999;
margin: 25px 0;
}
.blog_sidebar .widget h3, .blog_sidebar .widget header {
color: #fff;
margin: 0;
padding: 0;
}
.blog_sidebar .widget h3, .blog_sidebar .widget header span {
display: block;
font-size: 1.4em;
font-weight: 400;
padding: 18px;
text-align: center;
text-transform: uppercase;
}
.blog_sidebar .widget_text div {
background-color: #fff;
color: #8d8c8c;
font-size: 1.4em;
margin: 10px;
text-align: center;
}
.bloc_reseaux_sociaux ul {
padding: 26px 0;
text-align: center;
}
.bloc_reseaux_sociaux ul li {
background-color: #fff;
display: inline-block;
font-size: 3em;
height: 30px;
margin: 9px;
padding: 12px;
width: 30px;
}
.bloc_reseaux_sociaux ul li a {
content: attr(data-icon);
font-family: concept;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}
.blog_sidebar .bloc_appel_action {
background-color: #fff;
margin: 18px 10px;
padding: 15px;
}
.blog_sidebar .bloc_appel_action span {
display: block;
font-size: 1.8em;
margin: 12px;
text-align: center;
}
.blog_sidebar .bloc_appel_action div {
color: #9c9b9b;
font-size: 1.4em;
line-height: 18px;
margin-top: 10px;
text-align: center;
}
.blog_sidebar .bloc_appel_action a {
display: block;
margin: 18px auto 0;
width: 94px;
}
.blog_sidebar li, .blog_sidebar li a {
border-radius: 2px;
}
.blog_sidebar .widget_archive a:before {
color: #8d8c8c;
content: "\f07c";
font-family: fontawesome;
font-size: 1.3em;
left: 14px;
position: absolute;
top: 11px;
}
.search-form {
position: relative;
}
.search-field {
background: none repeat scroll 0 0 #f1f2f2;
border: 1px solid transparent;
color: #969696;
padding: 10px 14px;
width: 100%;
}
@-moz-document url-prefix("") {
.search-field {
width: 90%;
}
}
.footer_sidebar .search-field {
padding: 10px 0 10px 14px;
width: 94%;
}
.footer_sidebar .bloc_reseaux_sociaux ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 0;
width: 40px;
}
.search-field:focus {
background: none repeat scroll 0 0 #f9f9f9;
border-style: solid;
border-width: 1px;
color: #7d7d7d;
outline: 0 none;
}
.search-submit-wrapper {
position: absolute;
right: 0;
top: 0;
}
.search-submit-wrapper:before {
color: #999;
content: "\f002";
font-family: fontawesome;
font-size: 22px;
opacity: 0.5;
position: absolute;
right: 20px;
top: 6px;
}
.blog_sidebar .search-submit-wrapper:before {
right: 11px;
}
.search-submit {
cursor: pointer;
display: block;
height: 38px;
opacity: 0;
width: 40px;
}
.blog_sidebar .bloc_categories li, .blog_sidebar .widget_archive li {
background-color: #fff;
margin: 15px;
position: relative;
}
.blog_sidebar .bloc_categories a:before {
color: #8d8c8c;
content: "\f00b";
font-family: fontawesome;
font-size: 1.3em;
left: 14px;
position: absolute;
top: 12px;
}
.blog_sidebar .bloc_categories a, .blog_sidebar .widget_archive a {
color: #8d8c8c;
display: block;
font-size: 1.4em;
padding: 12px 12px 12px 40px;
}
.blog_sidebar .bloc_categories a:hover, .blog_sidebar .bloc_categories a:hover:before, .blog_sidebar .widget_archive a:hover, .blog_sidebar .widget_archive a:hover:before, .blog_sidebar .widget_recent_comments li:hover, .blog_sidebar .widget_recent_comments li:hover:before {
color: #fff;
}
.blog_sidebar .bloc_categories select,
.widget_archive select {
display: block;
margin: 10px auto;
}
.blog_sidebar .bloc_derniers_articles li {
background-color: #fff;
margin: 15px;
}
.blog_sidebar .bloc_derniers_articles a {
display: block;
height: 60px;
padding: 10px;
}
.blog_sidebar .bloc_derniers_articles img {
border: 4px solid #fff;
}
.blog_sidebar .bloc_derniers_articles a:hover .post-date, .blog_sidebar .bloc_derniers_articles a:hover .post-title {
color: #fff;
}
.blog_sidebar .bloc_derniers_articles img {
float: left;
margin-right: 20px;
}
.blog_sidebar .bloc_derniers_articles .post-title {
color: #8d8c8c;
display: block;
font-size: 1.4em;
line-height: 1.2em;
}
.blog_sidebar .bloc_derniers_articles .post-date {
display: block;
font-size: 1.1em;
margin-top: 10px;
}
#comments .comment-list .children {
padding-left: 20px;
}
#comments .comment-author {
font-size: 1.8em;
font-weight: 700;
}
#comments .comment-reply-link {
font-size: 1.4em;
}
.blog_sidebar .widget_recent_comments li {
background-color: #fff;
color: #8d8c8c;
display: block;
font-size: 1.4em;
margin: 15px;
padding: 12px 12px 12px 40px;
position: relative;
}
.blog_sidebar .widget_recent_comments li:hover a {
color: #fff;
}
.blog_sidebar .widget_recent_comments li:before {
color: #8d8c8c;
content: "\f075";
font-family: fontawesome;
font-size: 1.3em;
left: 14px;
position: absolute;
top: 14px;
}
.blog_sidebar .widget_calendar table {
font-size: 1.3em;
margin: 0 auto;
}
.blog_sidebar .widget_calendar table tr td {
padding: 10px;
}
.blog_sidebar .widget_tag_cloud div {
background-color: #fff;
color: #8d8c8c;
margin: 10px;
text-align: center;
}
.blog_sidebar .widget_tag_cloud a {
font-size: 1.4em !important;
font-weight: 700;
margin: 10px;
}
.blog_sidebar .widget_meta ul, .blog_sidebar .widget_nav_menu > ul, .blog_sidebar .widget_pages > ul {
background-color: #fff;
color: #8d8c8c;
font-size: 1.4em;
margin: 10px;
}
.widget_nav_menu .children, .widget_pages .children {
margin: 0 10px;
}
.blog_sidebar .widget_meta ul li {
margin: 0 0 15px;
}
.blog_sidebar .widget_nav_menu a {
font-size: 1.2em;
}
.widget_nav_menu a, .widget_pages a {
color: #8d8c8c;
display: block;
padding: 10px 0 10px 10px;
}
.footer_sidebar .widget_nav_menu a, .footer_sidebar .widget_pages a {
padding: 0 0 10px;
}
.widget_pages a:hover {
color: #fff;
}
.blog_sidebar .widget_nav_menu .sub-menu {
font-size: 1em;
margin: 0 10px;
}
.widget_nav_menu .sub-menu a:before {
content: "- ";
}
.footer_sidebar .widget_nav_menu .sub-menu a {
margin-left: 10px;
}
.widget_meta a {
display: block;
margin: 10px 0 0 8px;
}
.home .blog article {
padding-bottom: 10px;
}
.archive article .btn_blue, .blog article .btn_blue {
float: left;
font-size: 1.4em;
margin: 15px 0 0;
padding: 6px 18px;
}
.blog h3 {
color: #6f7277;
line-height: 1.8em;
margin: 0 0 10px;
font-size: 1.8em;
}
.archive p, .blog p {
color: #6f7277;
font-size: 1.4em;
}
section.blog .content p {
color: #6f7277;
font-size: 1.7em;
}
section.blog img {
margin-top: 15px;
}
.blog figure {
background: none repeat scroll 0 0 #f2f2f2;
text-align: center;
}
section.blog figure {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.blog figure:hover {
opacity: 0.8;
}
.blog p a.more {
color: #8c8e92;
font-size: 1.4em;
}
#page_realisation .realisations {
margin: 30px 0 20px;
position: relative;
text-align: center;
}
#page_realisation .realisations h2 {
font-size: 1.6em;
height: 20px;
margin: 10px auto;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 290px;
}
#page_realisation .realisations .btn_blue {
display: block;
font-size: 1.4em;
margin: 0 auto;
padding: 10px 0;
width: 242px;
}
#page_realisation .realisations li {
position: absolute;
}
#page_realisation .realisations figure {
display: block;
height: 214px;
line-height: 212px;
}
#page_realisation .realisations figure::after {
bottom: 0;
color: rgba(255, 255, 255, 0.9);
content: "\f055";
font-family: fontawesome;
font-size: 55px;
height: 210px;
left: 5px;
line-height: 210px;
opacity: 0;
position: absolute;
text-align: center;
top: 2px;
width: 290px;
}
#page_realisation .realisations .fa-picture-o {
font-size: 215px;
opacity: 0.1;
}
#page_realisation .realisations a:hover figure::after {
opacity: 0.8;
}
#page_realisation .realisations a:hover img::before {
background: none repeat scroll 0 0 #000;
}
#page_realisation #filters {
margin-top: 20px;
}
#page_realisation #filters li {
cursor: pointer;
float: left;
margin: 10px 10px 0 0;
padding: 5px 20px 6px;
}
#page_realisation #filters .btn_blue.active {
background: none repeat scroll 0 0 #fff;
}
.single-realisation article .title {
color: #6f7277;
display: block;
font-size: 2.4em;
margin-bottom: 10px;
text-align: center;
}
.single-realisation .information {
background: none repeat scroll 0 0 #f2f2f2;
color: #6f7277;
font-size: 1.4em;
padding: 10px;
}
.single-realisation .information span {
display: block;
margin: 0 0 15px;
}
.single-realisation .information .btn_blue {
float: right;
font-size: 1em;
}
.single-realisation figure {
background: none repeat scroll 0 0 #000;
border: 0 none;
margin-bottom: 10px;
}
.single-realisation article {
position: relative;
}
.single-realisation article figure {
cursor: pointer;
position: relative;
}
.single-realisation article img {
height: auto;
display: block;
}
.single-realisation article figure:hover img {
opacity: 0.6;
}
.single-realisation .popup {
cursor: pointer;
display: none;
position: absolute;
text-align: center;
top: -60px;
z-index: 10;
}
.single-realisation .popup img {
box-shadow: 0 0 2px 0 #656565;
height: auto;
}
.single-realisation .fa-picture-o {
background: none repeat scroll 0 0 #2f2f2f;
bottom: 0;
color: rgba(255, 255, 255, 0.9);
content: "\f055";
font-family: fontawesome;
font-size: 215px;
height: 350px;
left: 5px;
line-height: 350px;
margin-bottom: 10px;
opacity: 0.1;
text-align: center;
top: 5px;
width: 620px;
}
.search ul.searchs {
margin: 25px 0;
}
.search ul li .title_article {
font-size: 2.7em;
}
.search ul li .info {
margin: 0 0 20px;
}
.contact-form {
margin: 20px 0 40px;
}
#page_contact input, #page_contact textarea {
background: none repeat scroll 0 0 #f1f2f2;
border: 0 none;
color: #555;
font-size: 1.6em;
margin-bottom: 10px;
padding: 10px;
}
.wpcf7-form textarea,
.wpcf7-form input[type=tel],
.wpcf7-form input[type=url],
.wpcf7-form input[type=date],
.wpcf7-form input[type=email],
.wpcf7-form input[type=text] {
background: none repeat scroll 0 0 #f1f2f2;
border: 0 none;
color: #555;
margin-bottom: 10px;
padding: 10px;
}
.wpcf7-form textarea {
width: 610px;
}
#page_contact textarea,
.wpcf7-textarea {
height: 170px;
width: 630px;
}
#page_contact input[type="email"], #page_contact input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="text"]  {
height: 22px;
width: 315px;
}
#page_contact .contact-form label {
display: table;
font-size: 1.7em;
margin-bottom: 5px;
}
.wpcf7-form > p {
display: table;
margin-bottom: 5px;
font-size: 1.5em;
}
.wpcf7-form input,
.wpcf7-form textarea {
font-size: 1.2em;
}
.pagination {
line-height: 70px;
}
.pagination span.current {
background-color: #fff;
}
.pagination a, .pagination span {
color: #fff;
display: inline;
margin: 0 10px 0 0;
text-align: center;
}
.error404 .notfound p {
font-size: 4em;
text-align: center;
}
.error404 .notfound span {
font-size: 6em;
}
.error404 .notfound {
margin: 0 auto 60px;
}
.tags {
font-size: 1.5em;
}
#map-canvas {
height: 300px;
margin-bottom: 30px;
width: 100%;
}
#respond {
color: #444;
font-weight: lighter;
margin: 40px 0;
}
#respond .logged-in-as {
font-size: 1.4em;
}
#respond form label {
display: block;
font-size: 1.8em;
margin-top: 20px;
}
#respond form label span {
font-size: 1.7em;
}
#respond form input[type="text"], #respond form textarea {
background-color: #f1f2f2;
border: 0 none;
margin: 0;
padding: 9px 10px;
}
#respond form textarea {
width: 95%;
}
#page_contact input[type="submit"], #respond form input[type="submit"], .wpcf7-submit {
border: 0 none;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.8em;
font-weight: 700;
margin-top: 15px;
padding: 10px 25px;
text-align: center;
}
#page_contact input[type="submit"]:hover, #respond form input[type="submit"]:hover, .wpcf7-submit:hover {
background-color: #fff;
border-style: solid;
border-width: 1px;
padding: 9px 24px;
}
#reply-title {
color: #444;
font-size: 2.4em;
font-weight: 400;
margin: 0 0 40px;
}
.comment-list header {
margin: 0;
}
.footer_sidebar {
color: #fff;
font-size: 1.4em;
padding: 35px 0;
}
.footer_sidebar a:hover {
color: #999;
}
.footer_sidebar .logo-website {
margin-bottom: 10px;
}
.footer_sidebar .description {
color: #fff;
font-size: 1em;
}
.footer_sidebar ul li a {
color: #fff;
}
.footer_sidebar h3 {
font-size: 1.6em;
font-weight: lighter;
margin-bottom: 13px;
}
.footer_sidebar .bloc_appel_action {
text-align: center;
}
.footer_sidebar .bloc_appel_action .btn_blue {
background: none repeat scroll 0 0 #fff;
margin: 10px 0;
}
.footer_sidebar .bloc_derniers_articles li {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}
.footer_sidebar .bloc_derniers_articles img {
float: left;
margin: 0 10px 0 0;
}
.footer_sidebar .bloc_derniers_articles span {
display: block;
line-height: 14px;
width: 100%;
}
.footer_sidebar .tagcloud a {
color: #fff;
}
.footer_sidebar .tagcloud a:hover {
color: #999;
}
.footer_nav {
font-size: 1.4em;
padding: 20px 0;
clear: both;
}
.footer_sidebar header {
padding: 0;
}
.footer_sidebar .widget_archive ul li, .footer_sidebar .widget_categories ul li {
padding: 4px 0;
}
.info ul.post-categories {
display: inline-block;
}
#page_realisation .realisations figure:after, .blog_sidebar .widget_pages a, .btn_blue, .btn_white, .clients .owl-item img, .nav_principal .sub-menu a, .nav_principal li .sub-menu, .portfolio li figure:after, .portfolio li img, .same_article > a:after, .search-field, .single-realisation article figure:after, .single-realisation article img, .slider .slide img, .slider-arrow {
transition: all 0.3s ease-in-out 0s;
}
#page_contact input[type="submit"], #respond form input[type="submit"], #top, .blog_sidebar .bloc_categories a, .blog_sidebar .bloc_derniers_articles a, .blog_sidebar .widget_archive a, .blog_sidebar .widget_recent_comments li, .wpcf7-submit {
transition: background 0.3s ease-in-out 0s;
}
.blog h2, .same_theme .info a {
transition: color 0.3s ease-in-out 0s;
}
.blog figure {
transition: opacity 0.2s ease-out 0s;
}
.logotext {
transition: margin 0s ease 0s, font-size 0.05s ease 0s;
}
.nav_principal .sub-menu a {padding-left: 20px;}
.nav_principal .sub-menu .sub-menu a {padding-left: 30px;}
.nav_principal .sub-menu .sub-menu .sub-menu a {padding-left: 40px;}
.nav_principal li > .sub-menu > li > .sub-menu {border-top-width:0;position: initial;}
.metaslider {
margin: 0 auto;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.footer-menu ul li {
display: inline-block;
margin: 0 10px 10px 0;
}
.nav_rea {
font-size: 1.6em;
}
.nav_rea_next {
text-align: right;
}
.info_hide {
height: 18px;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }.nav-collapse ul{margin:0;padding:0;width:100%;display:block;list-style:none}.nav-collapse li{display:block}.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;zoom:1}.nav-collapse.opened{max-height:9999px}.disable-pointer-events{pointer-events:none!important}.nav-toggle{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}@media screen and (min-width:784px){.js .nav-collapse{position:relative}.js .nav-collapse.closed{max-height:none}.nav-toggle{display:none}}.dl-menu.dl-animate-out-1{animation:.4s linear 0s normal forwards 1 MenuAnimOut1}@keyframes MenuAnimOut1{50%{transform:translateZ(-250px) rotateY(30deg)}75%{opacity:.5;transform:translateZ(-372.5px) rotateY(15deg)}100%{opacity:0;transform:translateZ(-500px) rotateY(0)}}.dl-menu.dl-animate-in-1{animation:.3s linear 0s normal forwards 1 MenuAnimIn1}@keyframes MenuAnimIn1{0%{opacity:0;transform:translateZ(-500px) rotateY(0)}20%{opacity:.5;transform:translateZ(-250px) rotateY(30deg)}100%{opacity:1;transform:translateZ(0) rotateY(0)}}.fixed{left:0;position:fixed;top:0;width:100%}.nav-collapse,.nav-collapse *{box-sizing:border-box}.nav-collapse a{float:left;text-decoration:none;width:100%}@media screen and (min-width:40em){.nav-collapse a{float:left;text-align:center}}.nav-toggle{-moz-user-select:none;float:right;height:95px;overflow:hidden;position:absolute;right:0;text-decoration:none;text-indent:-999px;top:0;width:70px}.nav-toggle:before{content:"\f0c9";font-family:fontawesome;font-size:38px;font-style:normal;font-variant:normal;font-weight:400;left:0;line-height:72px;padding-top:2px;position:absolute;text-align:center;text-indent:0;text-transform:none;top:0;width:100%}.nav-toggle.active::before{color:#fff}@media only screen and (max-width:976px){.slider .slide iframe,.slider .slide img{width:100%}}@media only screen and (max-width:783px){.error404 .notfound span{font-size:4em}.main-slider .slider{width:100%}.nav-collapse>ul{padding:0 15px}.nav-collapse a{height:65px;padding:15px 20px;text-align:left;text-transform:uppercase}.nav_principal>li>a{border:0;color:#fff!important;height:auto;line-height:32px}.nav_principal li>.sub-menu a{border:0;color:#fff;line-height:35px}.nav-collapse.opened li{border-bottom:1px solid rgba(255,255,255,.2)}.nav_principal .sub-menu a{background:rgba(0,0,0,0);font-size:1.6em;padding:15px 25px}.nav_principal .sub-menu a:hover{background:rgba(0,0,0,0)}.nav_principal li>.sub-menu a:before{content:" - "}.nav_principal>li>a:hover{border:0}.nav_principal li>.sub-menu{background:rgba(0,0,0,0);border:0;display:block;float:left;opacity:1;position:relative;visibility:visible;width:100%}#page_realisation .realisations figure:after,#top,.slider-arrows{display:none}.nav_principal>.current-menu-item>a{border:0;color:#fff!important}.nav-collapse li{margin:0 auto;text-align:left;width:100%;padding:0}.call_to_action,.content .call_to_action p,.main-header .right,.main-slider .slider .btn_white,.pagination,.slide-caption,.slider .slide .img,header{text-align:center}.main-header .left,.main-header .right{float:none}.main-header .wrapper>div{width:auto}.main-header .wrapper.marginTop{margin-top:0}.main-header .wrapper.floatable{position:absolute}.slide-caption,.slider .slide .img{float:none;width:100%}.main-slider.container_12 .slide-caption{margin-left:0}.slider .slide .img{margin:0 auto;width:94%}.slider-arrow{top:40%}.main-slider .slider .bg-slider{height:650px}.slide-caption h2{margin:35px 0}.slide-caption p{margin-bottom:50px}.main-slider .slider .btn_white{float:none;margin:40px auto;overflow:hidden;position:relative;text-overflow:ellipsis;top:auto;width:35%}.slider-arrow{width:43px}.slides{height:auto}.slider .slide img{max-width:325px}.slider-nav{bottom:10px}.content .call_to_action div,.content .call_to_action p{float:none;text-align:center;width:auto}#page_realisation .realisations li{margin-bottom:20px;position:static}.blog figure img,.single-post .attachment-single{height:auto;width:100%}#page_contact input[type=email],#page_contact input[type=text],#page_contact textarea,#respond form input[type=text],#respond form textarea{width:94%}#page_contact input[type=submit],#respond form input[type=submit]{width:100%}}@media only screen and (max-width:980px){.main-header .wrapper>div,.main-slider .slider .bg-slider>div{width:100%}.slider .bg-slider{padding:0 2%}.main-header .left{margin-left:15px}}@media screen and (min-width:200px) and (max-width:320px){.main-header .wrapper{max-width:320px}}@media screen and (max-width:320px){.single-realisation .popup img{border:0}.search-field{padding:10px 0}}@media screen and (min-width:784px){.nav-collapse.opened .nav_principal{background-color:#fff!important}}@media screen and (max-width:784px){.portfolio li img{width:initial}}@font-face {
font-family: 'concept';
src:url(//www.grimpvert09.fr/wp-content/themes/concept/fonts/concept.eot);
src:url(//www.grimpvert09.fr/wp-content/themes/concept/fonts/concept.eot) format('embedded-opentype'),
url(//www.grimpvert09.fr/wp-content/themes/concept/fonts/concept.ttf) format('truetype'),
url(//www.grimpvert09.fr/wp-content/themes/concept/fonts/concept.woff) format('woff'),
url(//www.grimpvert09.fr/wp-content/themes/concept/fonts/concept.svg) format('svg');
font-weight: normal;
font-style: normal;
}