/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../images/body_bg.png) repeat left top;
}
h1, h2, h3, h4, h5, h6, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal;}
p{line-height:16px}
ul,ol,li {list-style:none;}
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
a{text-decoration:none; outline:none;}
a:hover{text-decoration:none; outline:none;}
a img{border:0px; outline:none;}
.clear{clear:both; font-size:0px; height:0px; line-height:0px; display:block;}
.fleft{float:left;}
.fright{float:right !important;}

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700italic|Open+Sans:400,700,400italic,700italic);

/* ======================================== Master Styles ============================================ */
.Master_div{width:100%; background:url(../images/glow.png) no-repeat center top;}
/* ======================================== Header Styles ============================================ */
.header{ width:100%; margin:0px auto;background:url(../images/top_headerbg.png) repeat-x left top; padding-top:10px;}
.header .container{ background:url(../images/sep.png) repeat-x left bottom; padding-bottom:7px;}
img.HL_shadow{position:absolute; left:-137px; top:0;}
img.HR_shadow{position:absolute; right:-137px; top:0;}

.logo{float:left; width:182px; padding:25px 0 0 30px;}

.navigation{ width:655px; float:right; position:relative;}
.navigation .boxright{
	position:absolute; 
	right:0; 
	top:25px;
	display: flex;
}
.navigation .boxright a{
	font-size: 20px;
	color: #000;
	line-height: 21px;
    margin-left: 17px;
}
.navigation .boxright a p{
	font:normal 18px 'Novecentowide-Medium'; 
	line-height:20px; 
	color:#000000;
}
.navigation p span{color:#f79618;}
.navigation ul li{  float:left; }
.navigation ul li a{font:normal 18px 'Novecentowide-Medium'; line-height:20px; color:#000000; float:left; text-align:center; padding:60px 25px 0;
min-height:76px;} 
.navigation ul li a:hover{background: url(../images/nav_hover.png) no-repeat center bottom;}


/* ======================================== Container Styles ============================================ */
.container{width:940px; margin:0px auto; }
.effectContainer{ width:100%; float:left; /*min-height:379px;*/}
.slider{}

#example3{width:100%; float:left; position:relative; height:379px; }
#example3 img.shadow{position:absolute; left:0; bottom:-58px; z-index:11;}

a#back{position:absolute; left:50%; top:165px; z-index:101; text-align:center; padding:0 0 0; margin:0 0 0 -505px;
 width:25px; height:32px; background:url(../images/left_arrow.png) no-repeat left top;}
a#back:hover{background-position:left -38px;}
a#next{width:25px; height:32px; background:url(../images/right_arrow.png) no-repeat left top; 
text-align:center; position:absolute; left:50%; top:165px; z-index:101; margin:0 0 0 480px;}
a#next:hover{background-position:left -38px;}

.title{background:#313131; width:362px; min-height:138px; padding:20px; position:absolute; left:50%; top:125px; z-index:100; margin:0 0 0 -430px; -moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);}
.title p{font:normal 12px 'Open Sans', sans-serif; line-height:18px; color:#e9e9e9;}
.title p strong{color:#fff; font-size:13px;}/*ancien*/
.title p b{color:#fff; font-size:13px;}
.title a.button{font:normal 13px 'Open Sans'; line-height:16px; color:#ffffff; padding:10px 0 0; height:49px; float:right; text-shadow:#b6700d 0 2px 2px;
background:url(../images/title_button.png) no-repeat left top; width:211px; text-align:center; position:absolute; right:30px; bottom:-39px; z-index:11;}
.title a.button:hover{background-position:left -81px; text-shadow:#35302c 0 2px 2px;}
.title a.button strong{font-size:16px;}

.title img.T_shadow{position:absolute; left:0; bottom:-33px;}

.slide{width:100%; float:left;}
.slide h1, .slide h2{font:italic 23px 'Droid Serif', serif; line-height:25px; color:#ffffff; position:absolute; top:48px; left:35px; text-shadow:#000 0 2px 3px;}
.slide h1 b.tab, .slide h2 b.tab{padding-left:80px}


.main_container{padding:45px 0 35px;}

.content_left{width:617px; float:left; position:relative; z-index:11;}
.content_right{width:310px; float:right; padding:9px 0 0; background:url(../images/right_box.png) no-repeat center 30px; min-height:321px;}

.content_left .top{width:100%; float:left; background:url(../images/border_bg.png) repeat-x left bottom; padding-bottom:10px;}
.content_left .top li{float:left; background:url(../images/bullet.png) no-repeat left center; padding:0 10px;}
.content_left .top li a{font:normal 21px 'Novecentowide-Normal'; line-height:18px; color:#000000;}
.content_left .top li.first{ background:none;padding-left:0px;}



.box{ width:299px; float:left; padding:20px 0 0 0;}
.box h2{font:normal 18px 'Novecentowide-Book'; line-height:18px; color:#000000; padding-bottom:12px; float:left; width:100%;}
.box h2 strong{ font-family:'Novecentowide-Medium'; font-weight:normal;}
.box h2 a{color:#000000;}

.box em{ margin:5px 0 0 0; width:100%; text-align:center; position:relative; height:168px; float:left; background:url(../images/box_shadow.png) no-repeat center bottom;
padding:0 0 27px;}
.box em img{border:3px solid #a4a4a4;}

.box p{font:normal 13px 'Open Sans', sans-serif; line-height:18px; color:#000000; background:url(../images/hover.png) no-repeat left top;
 float:left; width:84%; padding:0 0 0 16%;}  
.box p a{color:#ea9127;}
.box p:hover{ background-position:left -263px;}

.content_right .box{width:100%;}
.content_right .box ul{width:100%; float:left;background:url(../images/border_bg.png) repeat-x left top; padding:15px 0 40px;}
.content_right .box li{float:left; width:100%; background:url(../images/dash.png) no-repeat center top;}
.content_right .box li a{font:normal 14px 'Novecentowide-Medium'; line-height:18px;color:#000000; float:left;
 padding:10px 0 10px 14%; background:url(../images/grey_button.png) no-repeat 8px 6px; width:86%;}
.content_right .box li a:hover,.content_right .box li.active a{background-position:8px -30px;}

.content_right .box h3{font:normal 16px 'Novecentowide-Book'; line-height:18px; color:#000000; float:left;}
.content_right .box h3 strong{ font-family:'Novecentowide-Medium'; font-weight:normal;}
.content_right .box a.button{ background:url(../images/nous_button.png) no-repeat left top; float:right; width:134px; padding-top:7px;
 height:32px;  font:bold 14px 'Open Sans', sans-serif; line-height:16px; color:#ffffff; text-align:center; text-shadow:#34302b 0 1px 3px;}
.content_right .box a.button:hover{background-position:left -46px;}

.sep{width:100%; background:url(../images/sep.png) repeat-x left top; height:7px; margin:0 0 7px;}

/* ======================================== Footer Styles ============================================ */
.footer{width:100%;float:left;background-color:#383838;/*url(../images/footer_bg.png) repeat left top;*/  padding:12px 0 9px;}

.footer ul{ width:350px; float:left;} 
.footer ul li{ float:left; padding:0 10px 0 0; text-align:center; }
.footer li a{font:bold 13px 'Open Sans', sans-serif; line-height:20px; color:#a0a0a0; text-transform:uppercase;}
.footer p{ float:right; width:590px; text-align:right; font:normal 13px 'Open Sans', sans-serif; line-height:17px; color:#a0a0a0; }
.footer p a{color:#a0a0a0; text-decoration:underline;}
.footer p strong{color:#fff; font-weight:bold;}

.menu-footer{float:left;}
.coord-footer{float:right;color:#a0a0a0;}
.coord-footer a{color:#fff;}

.copyright{width:100%;  padding:13px 0;/*  background:url(../images/copyright_bg.png) repeat-x left top;  */float:left;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8991c+0,fedf70+3,fec812+5,fdc412+16,fcba15+24,fcba15+32,fbb316+34,fbb316+39,faab18+45,faab18+50,f9a11a+58,f8991c+76,f7941d+79,f7941d+84,f78f1e+87,f78f1e+97,f8991c+100 */
background: rgb(248,153,28); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,153,28,1) 0%, rgba(254,223,112,1) 3%, rgba(254,200,18,1) 5%, rgba(253,196,18,1) 16%, rgba(252,186,21,1) 24%, rgba(252,186,21,1) 32%, rgba(251,179,22,1) 34%, rgba(251,179,22,1) 39%, rgba(250,171,24,1) 45%, rgba(250,171,24,1) 50%, rgba(249,161,26,1) 58%, rgba(248,153,28,1) 76%, rgba(247,148,29,1) 79%, rgba(247,148,29,1) 84%, rgba(247,143,30,1) 87%, rgba(247,143,30,1) 97%, rgba(248,153,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,153,28,1) 0%,rgba(254,223,112,1) 3%,rgba(254,200,18,1) 5%,rgba(253,196,18,1) 16%,rgba(252,186,21,1) 24%,rgba(252,186,21,1) 32%,rgba(251,179,22,1) 34%,rgba(251,179,22,1) 39%,rgba(250,171,24,1) 45%,rgba(250,171,24,1) 50%,rgba(249,161,26,1) 58%,rgba(248,153,28,1) 76%,rgba(247,148,29,1) 79%,rgba(247,148,29,1) 84%,rgba(247,143,30,1) 87%,rgba(247,143,30,1) 97%,rgba(248,153,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,153,28,1) 0%,rgba(254,223,112,1) 3%,rgba(254,200,18,1) 5%,rgba(253,196,18,1) 16%,rgba(252,186,21,1) 24%,rgba(252,186,21,1) 32%,rgba(251,179,22,1) 34%,rgba(251,179,22,1) 39%,rgba(250,171,24,1) 45%,rgba(250,171,24,1) 50%,rgba(249,161,26,1) 58%,rgba(248,153,28,1) 76%,rgba(247,148,29,1) 79%,rgba(247,148,29,1) 84%,rgba(247,143,30,1) 87%,rgba(247,143,30,1) 97%,rgba(248,153,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8991c', endColorstr='#f8991c',GradientType=0 ); /* IE6-9 */}
.copyright .left{width:50%; float:left;}
.copyright p{font:normal 12px 'Open Sans', sans-serif; line-height:14px; color:#ffffff;}
.copyright p a{color:#ffffff; text-decoration:underline;}
.copyright .right {width:30%; float:right;text-align:right;}
#scrlTop{ font:normal 11px 'Open Sans'; color:#ffffff; text-decoration:underline; float:right; margin:-36px 0 0 0; 
background:url(../images/orange_arrow.png) no-repeat right top; padding:23px 0 0; text-transform:uppercase;}

/* ======================================== Services Styles ============================================ */
.services_boxes{width:100%; background:url(../images/border_bg.png) repeat-x left bottom; padding:30px 0 30px; float:left;}
.services_boxes .box{margin:0 20px 0 0;}
.services_boxes .fright{margin-right:0;}

.content{width:90%; float:left; padding:0 5%;}
.content h1,.contact_left h2,.contact_right h2{font:normal 21px 'Novecentowide-Normal'; line-height:22px; color:#000000; padding:0 0 10px;}
.content p,.contact_left p,.contact_right p{font:normal 16px 'Open Sans', sans-serif; line-height:24px; color:#000000; padding:0 0 5px;}

.content .left{float:left; padding:35px 0 0; width:625px;}
.content .left h1{padding-bottom:45px;}
.content .left p{font-weight:600;}

.content .right{float:right; padding:15px 0 0;}

/* ======================================== Realisations Styles ============================================ */
.realisation_main{width:100%; float:left; position:relative; padding:15px 0;}

#example4{width:100%; float:left; height:320px; position:relative;}
/*#example4 .effectContainer{min-height:320px;}*/
#example4 #back,#example4 #next{top:65px;}
#example4 #back{margin-left:-530px;}

.R_box{width:30%;margin-right:1%;float:left; background:#fff; padding:8px 1%; border:1px solid #ececec; position:relative;}
.R_box img.shadow{position:absolute; left:0px; bottom:-17px; margin:0;}
.R_box em{float:left; position:relative; width:100%; /*height:147px;*/}
.R_box img{float:left;width:100%}
.R_box img.zoom{position:absolute; z-index:1; left:50%; top:48px; margin:0 0 0 -15px;}

.R_box h2{font:normal 14px 'Novecentowide-Medium'; line-height:18px; color:#000000; padding:25px 0 12px; float:left; width:100%;}
.R_box h2 a{color:#000000;}
.R_box p{font:normal 13px 'Open Sans', sans-serif; line-height:18px; color:#000000; padding:0 0 5px; float:left; width:100%;}

.last_box{margin-right:0;}

.big_box{width:562px; margin-right:0; margin-bottom:15px;}
.big_box em{width:562px; height:auto;}
.big_box h2{font-size:17px;}

.realisation_main .content_right{margin:-26px 0 0;}

/* ======================================== Contact Styles ============================================ */
.contact_left{width:530px; float:left;}
.contact_right{width:340px; float:right;}

.contact_left label{font:normal 12px Arial, Helvetica, sans-serif; line-height:17px; color:#787878; padding:7px 0 3px 5px; float:left; width:98%;}
.contact_left label span{color:#fcbd14;}
.contact_left input,.contact_left textarea{background:url(../images/input.png) no-repeat left top; height:23px; width:330px; padding:7px 0 7px 10px; border:0;
font:normal 13px 'Open Sans', sans-serif; line-height:18px; color:#000000; float:left;}
.contact_left textarea{background:url(../images/textarea.png) no-repeat left top; width:520px; height:116px; overflow:auto;}

.contact_left input.submit{font:bold 14px 'Open Sans'; line-height:18px; color:#ffffff; padding:0 0 5px; height:38px; float:right; text-shadow:#6a635c 0 2px 2px;
background:url(../images/submit_bg.png) no-repeat left 3px; width:134px; text-align:center; z-index:11; cursor:pointer; margin:5px 0 0;}
.contact_left input.submit:hover{background-position:left -38px;}

.contact_left ul{width:100%; float:left;}
.contact_left li{font:normal 16px 'Open Sans', sans-serif; line-height:24px; color:#000000; padding:0 0 5px; float:left; min-width:155px;}
.contact_left li a{color:#000; text-decoration:underline;}
.contact_left li strong{font-weight:normal; font-family:'Novecentowide-Bold';}
.contact_left li a strong{font-weight:normal; font-family:'Novecentowide-Medium';}
.contact_left li span{color:#fcbd14; font-size:16px; font-family:'Novecentowide-Bold';}

.map{width:330px; float:left; border:4px solid #fff; margin:10px 0 25px;}

.contact_left h3{font:normal 20px 'Novecentowide-Bold'; line-height:26px; color:#FCBD14; padding:0 0 10px;}


#inline_content h2{color:#fcbd14; font:bold 16px "Century Gothic"; line-height:18px; text-align:center;}
#inline_content p{color:#000; font:normal 14px "Century Gothic"; line-height:18px; text-align:center;}

/* ======================================== form Styles ============================================ */

.form{ width:236px; margin:0px auto; background:url(../images/form_bg.png) no-repeat left top; position:absolute; right:10px; bottom:7px;
min-height:253px; padding: 10px 16px 0;}
.form p{font:normal 18px 'Open Sans', sans-serif; line-height:15px; color:#000000; padding:0 0 10px;}
.form p strong{color:#fcbd14;font-size:18px;}
.form form {
	width:100%;
	float:left;
}
.form .input_field {
	background:url(../images/form_input.png) no-repeat left top;
	width:222px;
	height:32px;
	float:left;
	margin:0 0px 5px 0px;
}
.form .input_field label {
	font:normal 13px Arial;
	color:#000000;
	line-height:15px;
	float:left;
	
	padding:6px 5px 0 10px;
	white-space:nowrap;
}
.form .input_field input, .textarea_field textarea {
	font: normal 13px 'Open Sans', sans-serif;
	color: #303030;
	line-height: 15px;
	float: left;
	width: 209px;
	padding: 10px 0 9px 10px;
	border: 0;
	background: none;
}
.form .phone_field {
	background:url(../images/tel.png) no-repeat left top;
	
}
.form .phone_field label {
	width:44px; float:left;
}
.form .phone_field input {
	width:79px; margin:0;
	 background:url(../images/tel_1.png) no-repeat left top; 
}
.form .phone_field input {
	background:url(../images/tel.png) no-repeat left top;
	width:54px;
	padding: 10px 0 10px 10px;
	margin: 0 0 0 0px;
	background: url(../images/tel.png) no-repeat left top;
}


.form .phone_field h5{font:normal 12px Tahoma, Geneva, sans-serif;color:#737272;line-height:28px;float:left;width:10px;text-align:center;}
.form .phone_field span{font:normal 12px Tahoma, Geneva, sans-serif;color:#737272;line-height:28px;float:left;width:10px;text-align:center;}
.form .textarea_field {
	background:url(../images/form_textarea.png) no-repeat left top;
	width:222px;
	height:86px;
	float:left;
	
}
.form .textarea_field textarea {
	padding:5px 0 5px 7px;
	width:215px;
	height:76px;
	overflow:auto;
}
.form .full_field {
	width:100%;
	float:left;
	background:none; height:auto;
}
.form .full_field label {
	width:100%;
	float:left;
	padding:0 0 5px; white-space:normal;
}
.form .full_field .input_field input {
	width:223px;
}
.form .input_field em{font:italic 11px Arial, Helvetica, sans-serif; color:#000000; line-height:12px; float:left; padding:5px 0 0;}

.form input.submit {
	float:left;
	/*background:url(../images/envoyer.png) no-repeat left top;*/
	background-image:linear-gradient(#bbc3ca, #4a5158);

	border:1px solid #fff;
	font:normal 13px 'Novecentowide-Bold';
	color: #fff;
	line-height: 13px;
	/*width:96px;*/
	text-align:center;
	padding:7px 15px 8px;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(js/pie/PIE.php);
	cursor:pointer;
}
.form  input.submit:hover{/*background-position:left bottom;*/background-image:linear-gradient(#ecc621, #e79131);}
.hidden{display:none;}
.ws_check{display:none;}

.service-titre h1{width:100%;background:url(../images/border_bg.png) repeat-x left bottom; padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;}
.service-details img{max-width:100%;}

.service-details .left{float:left;width:50%;padding-top:20px;}
.service-details .text_left {float:right; width:95%;margin-right:5%;text-align:left;} 
.service-details .right{float:right;width:50%;padding-top:20px;}
.service-details .text_right {float:left; width:95%;margin-left:5%;text-align:left;}
.service-details p{font-weight:400 !important;padding-bottom:20px;}
.slicknav_menu {display:none;}
.m-title{display: none;}

@media screen and (max-width: 939px) {
	#menu {display:none;}
	.slicknav_menu {display:block;}
	.slicknav_btn{background-color:#4c4c4c}
	.container{width:98%;position: relative;}
	.logo{margin:10px auto;float: none;}
	.navigation{width:100%;}
	.navigation p, .navigation .boxright a{display: none;}
	.navigation ul li{float: none;}
	.navigation ul li.active a{background:none !important;}
	.navigation ul li a{padding:0px;min-height:auto;float:none;text-align: left;color:#fff;}
	.navigation ul li a:hover{background:none !important;color:#ffa317;}
	.slide img{width:100%;}
	#example3 img.shadow{width:100%;}
	.title{display: none;}
	img.shadow, .T_shadow{display: none;}
	#example3{height:auto;}
	.effectContainer{min-height:auto;padding:20% 0;/*border-bottom:8px solid #444545;*/}
	.m-title{display:block;position: relative;top:0px;margin:0px auto 0;width:100%;box-sizing:border-box;left:0px;right:0px;}
	.content_right{width:31%;}
	.content_left{width:60%;}
	.box{width:49%;}
	.box em img{width:100%;float:left;box-sizing:border-box;}
	.box em{height:auto;background-size:100%;padding-bottom:24px;}
	.footer{background-image:none;background-color:#383838;}
	.footer p{width:100%;text-align:center;}
	.footer ul{float: none;margin:0px auto;width:100%;}
	.footer ul li{float: none;display: inline-block;}
	a#next{display:none;}
	a#back{display:none;}
	.content_right .box li a{padding-left:20%;}
	.services_boxes .box{width:32%;margin-right:2%;}
	.services_boxes .box:last-child{width:32%;margin-right:0%;}
	.realslid .effectContainer .R_box em{width:100%;height:auto;}
	.realslid .effectContainer .R_box{width:30%;margin-right:1%;}
	.last_box{margin-right:0% !important;}
	.realslid .effectContainer{min-height:auto !important;border:0px!important;}
	.c-l{float: left !important;min-height:auto;}
	.big_box{width:100% !important;box-sizing:border-box;}
	.big_box em{width:100%;}
	.big_box em img{width:100%;}
	.navigation ul li.active1 a{background-image:none!important;}
	.navigation ul li.active2 a{background-image:none!important;}
	.navigation ul li.active3 a{background-image:none!important;}
}
@media screen and (max-width: 820px) {
	.contact_left{width:100%;}
	.contact_left input, .contact_left textarea{width:100%;background-image:none;box-sizing:border-box;background-color:#fff;height:40px;line-height:40px;}
	.contact_left textarea{min-height:100px;}
	.contact_right{width:100%;}
	.map{width:100%;box-sizing:border-box;}
	.map iframe{width:100% !important;}
}
@media screen and (max-width: 768px) {
	.services_boxes .box em{padding-bottom:20px;}
	.content_left{width:100%;}
	.content_right{background-size:cover;width:300px;float: left;}
	.service-details .left{width:100%;}
	.service-details .right{width:100%;}
	.service-details .text_right{margin-left:0px;width:100%;}
	.content .left{width:100%;}

}
@media screen and (max-width: 767px) {
	.box{width:100%;}

	.services_boxes .box{width:100%;margin-right:0;}
	.services_boxes .box:last-child{width:100%;}
	.box p{padding-left:46px;line-height:35px;}
	.copyright .right{float:none;margin:0px auto;width:100%;text-align: center;}
	.copyright .left{width:100%;text-align:center;}

	#example4{height:240px;}
}
@media screen and (max-width: 650px) {
   
}
@media screen and (max-width:568px) {
   

}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 414px) {
	.box{width:100%;}
	.box p{padding-left:46px;line-height:18px;}
	.contact_right img{width:100%;}
	.R_box h2{font-size:12px;}
	
	#example4{height:220px;}
	.footer li a{font-size:11px}
	.content_right .box li a{width:auto;}
	.R_box{width:29%;}
}
@media screen and (max-width: 375px) {
	.slide h1 b.tab, .slide h2 b.tab{padding-left:30px}
}