@charset "utf-8";
/* CSS Document */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }

.vmid	{ vertical-align:middle; }
.clr	{ font:0/0 Arial, Helvetica, sans-serif; height:0; clear:both; }

body	{ background:#FFFFFF  url(../images/bg_header.jpg); background-position: center top; background-repeat: no-repeat; height:100%; }
.global	{ width:960px; margin:0 auto; height:100%; }

.header	{ position:relative; padding:10px 0 0; height:177px; }

.logo	{ margin:8px 0 0; }
.estimation	{ position:absolute; top:10px; left:716px; }

.menu	{ text-align:justify; font:13px Arial, Helvetica, sans-serif; height:45px; border-bottom: 1px solid #7e7e7e; }
.menu li	{ display:inline; margin: 0 -5px; }
.menu li.last	{ margin-right:100%; }
.menu li a				{ display:inline-block; color:#000; text-decoration:none; height:45px; padding: 0 8px 0 0; }
.menu li a span			{ line-height:45px; display:block; padding:0 4px 0 12px; text-transform: uppercase; }
.menu li a:hover		{ color:#fff; }
.menu li a:hover span	{  color: #168e06; }
.menu li.active a span	{  color: #168e06; }

.banner_wrap	{ width:958px; height:308px; }

#reno .contents h2 			{ cursor: pointer; padding: 5px 10px; border-bottom: 1px solid #cdcdcd; }
#reno .contents h2:hover 			{ background: rgba(237,223,70,0.5); }
#reno .contents h2 span 			{   width: 28px; height: 28px; background: url(../images/fleche.png) no-repeat center center; display: inline-block; float: right; transition-duration: 0.2s, 0.2s, 0.2s, 0s, 0.2s; transition-timing-function: ease-in, ease-in, ease-out, linear, linear; transition-delay: 0.2s, 0.2s, 0.2s, 0s, 0.2s; }
.rotation-fleche                    { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.projet { display: none; }

#service {  position: relative; top: 205px; }


/*    BOX GALLERIES
*************************************************************************/
.container-box            { display: inline-block; margin: 10px; }
.container-box .box-hover          { width: 220px; height: 220px; cursor: pointer; }
.container-box .box-hover:hover    { background-color: rgba(53, 49, 49, 0.5); }
.container-box .box-hover .loupe    {  visibility: hidden; background: url(../images/loupe.png) no-repeat center center; width: 220px; height: 220px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-property: left, top, opacity, background-position, visibility; transition-duration: 0.2s, 0.2s, 0.2s, 0s, 0.2s; transition-timing-function: ease-in, ease-in, ease-out, linear, linear; transition-delay: 0.2s, 0.2s, 0.2s, 0s, 0.2s; }
.container-box .box-hover:hover .loupe    { visibility: visible; opacity: 1.0; filter: 0; transition-property: left, top, opacity, background-position; transition-duration: 0.3s, 0.3s, 0.3s, 0s; transition-timing-function: cubic-bezier(.6,1.51,.66,.92), cubic-bezier(.6,1.51,.66,.92), ease-out, linear; transition-delay: 0s, 0s, 0s, 0s; }


.col_left	{ float:left; width:585px; padding:0 10px 0 5px; }
.col_right	{ float:left; width:325px; padding:0 10px; margin-top: 19px; margin-left: 15px; background: rgba(237,223,70,0.5); }

.col_right-contact	{ float:left; width:325px; padding:0 10px; margin-top: 19px; margin-left: 15px; background: rgba(237,223,70,0.5); }

h1	{ font:bold 24px Arial, Helvetica, sans-serif; margin:30px 0 30px 0; border-bottom: 1px solid #7e7e7e; color:#168e06; }
h2	{ font:bold 20px Arial, Helvetica, sans-serif; margin:20px 0 10px; }
h6	{ border-bottom:1px solid #fff; padding:0 0 10px 4px; margin:0 0 10px; }
p	{ font:14px/2em Arial, Helvetica, sans-serif; text-align:justify; margin:10px 0; }
a	{ color:#09a603; text-decoration:none; }
a:hover	{ text-decoration:underline; }

.services		{ font:bold 14px Arial, Helvetica, sans-serif; margin-bottom: 10px;  }
.services li	{ padding: 10px 0; color: #000; font:normal 14px Arial, Helvetica, sans-serif; }

.full_footer	{ width:100%; background:url(../images/bas.png) repeat-x; height:157px; position:relative; top: 205px; left:0; margin:50px 0 0; color:#fff; font:11px Arial, Helvetica, sans-serif; }
.footer			{ width:960px; margin:0 auto; height:157px; }
.footer a		{ color:#fff; text-decoration:none; }
.footer a:hover	{ text-decoration:underline; }

.footer_contact_wrap,
.footer_msg_wrap,
.footer_addthis_wrap	{ float:left; width:300px; height:86px; padding:24px 0 0; }

.footer_contact,
.footer_msg,
.footer_addthis			{ padding:0 0 0 4px; }

.footer_contact_wrap,
.footer_msg_wrap		{ margin:0 30px 0 0; }

.addthis_btn 			{ background:url("../images/addthis/addthis_w.png") no-repeat scroll 0 0 transparent !important; margin-right:4px; }

.copyright				{ clear:both; text-align:center; font-size:12px; line-height:47px; }

/*CONTACT*/
.contact_info		{ position:relative; padding:0 0 10px 20px; margin:0 0 10px; border-bottom:1px dashed #143415; font:12px/2em Arial, Helvetica, sans-serif; }
.contact_info.last	{ border-bottom:none; }
.contact_info h3	{ font:bold 14px Arial, Helvetica, sans-serif; color:#143415; margin:0 0 5px; }
.cg_home,
.cg_phone,
.cg_email	{ background:url(../images/adressicons.png) no-repeat 0 -16px; display:block; position:absolute; top:0; left:0; width:16px; height:16px; overflow:hidden; }
.cg_phone	{ background-position:0 0; }
.cg_email	{ background-position:0 -48px; }

.contact_wrap		{ margin:15px 0 0; }
.contact_wrap .bloc	{ width:315px; margin:0 auto 10px; }
.contact_wrap p		{ margin:5px 0; }
.contact_wrap label	{ font-size:14px; }
/*.contact_wrap input,
.contact_wrap textarea	{ background:#eee9d6; border:1px solid #beb9a6; color:#000; font:bold 14px/2em Arial, Helvetica, sans-serif; }
.contact_wrap input		{ width:220px; }
.contact_wrap textarea	{ width:100%; height:80px; }*/
.field_wrap	{ width:100%; }
.field_cell	{ text-align:right; }
.contact_wrap .send_wrap{ float:right; width:110px; text-align:right; }
.contact_wrap .send		{ width:auto; color:#000; cursor:pointer; }
.contact_wrap .send:hover	{ color:#666; }
label.error		{ color:#c00; display:block; }
input.error,
textarea.error	{ border:2px dashed #c00  }
.contact_wrap .left_bloc	{ float:left; width:49%; }
/*END_CONTACT*/

#galleria	{ width:800px; margin:20px auto; visibility:hidden; }
.galleria-container	{ background:none; height:645px; }

/* Light box
*********************************************************************/


.row-accueil {
	width: 960px;
	height: 300px;
}

.bloc-gauche {
	width: 300px;
	height: 300px;
	float: left;
}

.bloc-centre {
	width: 300px;
	height: 300px;
	margin-left: 30px;
	margin-right: 30px;
	float: right;
}

.bloc-droite {
	width: 300px;
	height: 300px;
	float: right;
}

.bloc-image {
	width: 300px;
	height: 250px;
}

.bloc-text {
	width: 300px;
	height: 50px;
	/*padding-top: 30px;*/
}

/*.space-accueil {
	width: 960px;
	height: 30px;
}*/



/****** form ****/
input, textarea {
	border:none;
	width:190px;
	padding:10px;
	margin:5px 0;
	-moz-box-shadow: inset 2px 2px 5px 0px #cfcfcf;
	-webkit-box-shadow: inset 2px 2px 5px 0px #cfcfcf;
	-o-box-shadow: inset 2px 2px 5px 0px #cfcfcf;
	box-shadow: inset 2px 2px 5px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color:#414042;
}

textarea { width: 94%; }

.success_txt p {
	color:#000000;
}

#errorDiv {
	font-size: 12px;
	color:red;
}