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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
                    body{
	background-color:#90999e;
	/*background-color:#000000;*/
	font-family: arial, helvetica, sans-ms;
	text-align:center;
}

hr.clearer{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


#in_page{
		height:896px;
}

#page>#in_page{
		min-height:896px;
		height:auto;
}

body.accueil #in_page{
	background-image:url('../images/fonds/photo-sous-copyright-interdit-de-copier-sous-peine-de-poursuite-photo-depose-inpi.jpg');
	background-repeat:no-repeat;
}

body.devdurable #in_page{
	background-image:url('../images/fonds/haut_fond_devdurable.jpg');
	background-repeat:no-repeat;
}

body.metiers #in_page{
	background-image:url('../images/fonds/haut_fond_metiers.jpg');
	background-repeat:no-repeat;
}

body.realisations #in_page{
	background-image:url('../images/fonds/haut_fond_realisations.jpg');
	background-repeat:no-repeat;
}

body.commande #in_page{
	background-image:url('../images/fonds/haut_fond_commande.jpg');
	background-repeat:no-repeat;
}
body.commandea #in_page{
	background-image:url('../images/fonds/haut_fond_commande.jpg');
	background-repeat:no-repeat;
}

body.liens #in_page{
	background-image:url('../images/fonds/haut_fond_liens.jpg');
	background-repeat:no-repeat;
}

body.contact #in_page{
	background-image:url('../images/fonds/haut_fond_contact.jpg');
	background-repeat:no-repeat;
}

#page{
	background-image:url('../images/fonds/milieu_fond.jpg');
	background-repeat:repeat-y;
	width:990px;
	margin:auto;
	text-align:left;
	position:relative;
}

/*logo*/
a#logo{
	position:absolute;
	top:55px;
	left:48px;
	width:147px;
	height:143px;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	text-indent:-5000px;
}

/*menu horizontal*/
ul#menu_horizontal{
	position:absolute;
	top:45px;
	left:220px;
	z-index:10;
}

ul#menu_horizontal li{
	float:left;
	margin-left:5px;
	position:relative;
}

ul#menu_horizontal li a{
	font-size:13px;
	margin:auto;
	font-weight:bold;
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	background-color:#009900;
}

ul#menu_horizontal li a:hover, ul#menu_horizontal li a.selected{
	color:#504644;
}

ul#menu_horizontal li ul{
	display:none;
	position:absolute;
	top:23px;
	left:-5px;
	
	float:none;
}

ul#menu_horizontal li ul li{
	margin-top:2px;
}

ul#menu_horizontal li ul li a{
	font-size:13px;
	margin:auto;
	font-weight:bold;
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	background-color:#009900;
	width:200px;
}


/*menu vertical*/

ul#menu_vertical{
	position:absolute;
	left:48px;
	top:260px;
}

ul#menu_vertical li{
	background-image:url('../images/fleche.png');
	background-position: 0px 1px;
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	padding-bottom:10px;	
}

ul#menu_vertical li a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;

}

ul#menu_vertical li a:hover, ul#menu_vertical li a.selected{
	color:#009900;
}


h1{
	z-index:0;
	position:absolute;
	left:220px;
	top:250px;
	color:#009900;
	font-size:30px;
}

h1 span{
	color:#fff;
}




/*contenu*/

div#contenu{
	padding-left:220px;
	padding-top:300px;
}

div#contenu strong{
	color:#009900;
}

div#contenu em{
	font-weight:bold;
}

div#contenu p{
	text-align:justify;
	color:#fff;
	font-size:13px;
	padding-bottom:15px;
	line-height:15px;
}

div#contenu h2{
	color:#009900;

}

div#contenu h3{
	color:#009900;

}

div#contenu a{
	color:#fff;
}

/*2 colonnes*/
div#col_gauche{
	float:left;
	width:401px;
}

div#col_droite{
	float:left;
	margin-left:20px;
	width:269px;
}




/*footer*/
p#footer{
	padding-top:25px;
	padding-bottom:5px;
	padding-left:30px;
	background-image:url('../images/fonds/bas_fond.jpg');
	background-repeat:no-repeat;
	height:21px;
	color:#000;
	font-weight:bold;
	font-size:11px;
}

p#footer a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

p#footer a:hover{
	text-decoration:underline;
}

p#footer span{
	background-color:#222527;
	color:#fff;
	padding: 2px 5px 2px 5px;
}

p#footer span a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

p#footer span a:hover{
	text-decoration:underline;
}


/* page dev durable*/
div#contenu_1colonne{
	width:700px;
}

/*page nos métiers*/

/*2 colonnes metier*/
div#col_gauche_metier{
	float:left;
	width:182px;
}

div#col_droite_metier{
	float:left;
	margin-left:20px;
	width:508px;
}

div#col_gauche_metier li{
	margin:0px 0px 5px 0px;
	padding:0;
	border:solid 1px #504644;
}

div#col_gauche_metier a{
	display:block;
	padding:5px;
	background-color:#009900;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

div#col_gauche_metier a:hover{
	color:#504644;
}

div#col_gauche_metier a.selected{
	color:#504644;
}


div#col_droite_metier li{
	margin:0px 0px 5px 0px;
	color:#009900;
	background-image:url('../images/fleche.png');
	background-position: 0px 1px;
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	padding-bottom:10px;	
	font-size:13px;
}

div#col_droite_metier h3{
	color:#e65221;
	font-size:15px;
	margin-bottom:10px;
	clear:both;
}

div#col_droite_metier a{
	background-color:#009900;
	color:#fff;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	font-weight:bold;
}

div#col_droite_metier a:hover{
	color:#504644;
}


div#col_droite_metier ul li a{
	font-weight:normal;
	background-color:none;	
	text-decoration:none;
	color:#009900;
}

div#col_droite_metier li a:hover{
	color:#fff;
}


/*Page de contact*/


form#contact input{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:300px;	
}

form#contact input#submit{
	width:auto;	
}

form#contact textarea{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:400px;
	height:150px;
	
}

form#contact textarea#adresse{
	width:300px;
	height:60px;
	
}

form#contact label{
	display:block;
	float:left;
	width:200px;
	color:#fff;
	margin-bottom:5px;
	margin-right:5px;


}

form#contact label span{
	color:#009900;
}

form#contact div#contenu p#obligatoire{
	color:#009900;
}

form#contact  p{
clear:both;
}

form#contact h2{
clear:both;
}



/*page métré*/
form#metre input{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:200px;	
}

form#metre input.radio, form#metre input.check{
	border:none;
	background-color:none;
	color:#fff;
	width:auto;	
}

form#metre input#submit{
	width:auto;	
}

form#metre textarea{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:200px;
	height:60px;
	
}

form#metre label{
	display:block;
	float:left;
	width:270px;
	color:#fff;
	margin-bottom:5px;
	margin-right:5px;


}

form#metre label span{
	color:#009900;
}

form#metre div#contenu p#obligatoire{
	color:#009900;
}

form#metre  p{
clear:both;
}

form#metre h2{
	clear:both;
	color:#fff;
	font-size:16px;
	margin-top:40px;
	margin-bottom:10px;
}

form#metre em{
	font-weight:normal;
	color:#ddd;
	font-size:90%;
}

form#metre p.titre{
	background-color:#009900;
	color:#fff;
	padding-bottom:0px;
	padding-left:5px;
	font-weight:bold;
}

form#metre p.inter-bloc{
	height:4px;
}

form#metre #devis{
	border:solid 1px #009900;
	padding:10px;
	font-size:14px;
	font-weight:bold;
}

form#metre #devis p{
	text-align:right;
}






/*page permis*/
form#permis input{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:200px;	
}

form#permis input.radio, form#metre input.check{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:auto;	
}

form#permis input#submit{
	width:auto;	
}

form#permis textarea{
	border:solid 1px #fff;
	background-color:#504644;
	color:#fff;
	width:200px;
	height:60px;
	
}

form#permis label{
	display:block;
	float:left;
	width:270px;
	color:#fff;
	margin-bottom:5px;
	margin-right:5px;


}

form#permis label span{
	color:#009900;
}

form#permis div#contenu p#obligatoire{
	color:#009900;
}

form#permis  p{
clear:both;
}

form#permis h2{
	clear:both;
	color:#fff;
	font-size:16px;
	margin-top:40px;
	margin-bottom:10px;
}

form#permis em{
	font-weight:normal;
	color:#ddd;
	font-size:90%;
}

form#permis p.inter-bloc{
	height:4px;
}

form#permis #devis{
	border:solid 1px #009900;
	padding:10px;
	font-size:14px;
	font-weight:bold;
}

form#permis #devis p{
	text-align:right;
}




/*bumpbox*/
div#col_droite_metier a.bumpbox{
	background-color:#fff;
	padding:0;
	margin:0;
}

div#col_droite_metier a.bumpbox img{
	padding:5px;
	display:block;
	float:left;
}