@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/modules/actualites/module.css");
@import url("/skin/skin_default/realisations.css");
@import url("/modules/distance/module.css");
@


/*########################################################
						Interface
########################################################*/
html{

}

body{
	margin: 0px;
	padding: 0px;
	background-image:url(/images/bg.gif) ;
	background-color:#FFFFFF;
	color:#615C44;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}

img{border: none;}

table {
	padding: 0px;
	margin: 0px;
}
 

hr {
	color: #af9b7f;
	background-color: #af9b7f;
	height: 1px;
	border: 0;
}

.clear {clear:both;} html > body .clear { line-height:0px;}
 
.racine { width:920px; margin:0px auto;}
#flashentete{height: 230px;}
#hcontent{
	float: right;
	border-left: 1px solid #e5e3d5;
	width: 699px;
}

.imageGamme{
	padding-top:10px;
}

.contourGamme {
	margin: 0 3px 0 7px;
	padding:0 7px 0 7px; 
	background-color:#FFFFFF; 
	float:left;
	border: solid 1px #e5e3d5;
}

.gamme {
	width:260px;
	height:320px;
	background-image:url(/images/bg_produit.gif);
	background-repeat:repeat-x;
	float:left;
}
.gamme a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.contourArchitec{
	margin: 0 3px 0 7px;
	padding:7px 7px 7px 7px; 
	background-color:#FFFFFF; 
	border: solid 1px #e5e3d5;
	width: 862px;
	float:left;
}

#topBlanc { 
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color:#FFFFFF;}


#entete{
	height:99px;
	width: 900px;
	margin:0px auto;
	background-color:#FFFFFF;
}
	#entete .logo{ 
	float:left;

}
	#entete .texte-plan { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:right;
	padding: 20px 10px 10px 0px;
}

	#entete .texte-plan a { 
	color:#8c7d5b;
}

.separateur{
	margin:10px 0px;
	border-top:1px solid #af9b7f;
	clear:both;
}

.titre{
	color:#8d7d5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	border-bottom: solid 1px #595235;
	margin-bottom: 10px;
}

#contenu{
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

#bas{
	background-color:#e5e3d5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#937e59;
	padding: 10px 10px 10px 10px;
	margin:auto;
	text-align: center;
}

#bas a:link, #bas a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#937e59;

}

/*colonne de gauche et colonne de droite.*/
#colla2{float:left; width:300px;border-right:1px solid #ccc; height:200px;} html > body #colla2 { height:auto; min-height:200px;}
#colla {padding:0px 10px 0px 0px;}
	#colla #liens a { padding:0px 0px 10px 0px; display:block; float:left; }
	#colla #liens .first { padding-right:10px; }
#collb {float:right;width:590px; margin-left:9px;}



/*######################################################
					Formulaires
######################################################*/
form{
	margin:0px;
	padding:0px;
}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}



/*##################################################
				Menu de gauche
####################################################*/


	#leftmenu{
		float: left;
		width: 190px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		#leftmenu ul, #leftmenu ul li{
			padding: 0px;
			margin: 0px;
			width: 190px;
			list-style: none;
		}
			#leftmenu ul li a{
				width: 190px;
				display: block;
				color: #978d61;
				text-decoration: none;
				cursor: default;
				border-bottom: 1px solid #595235;
				font: bold 16px Arial, Helvetica, sans-serif;
			}
			#leftmenu ul li a:hover{
				text-decoration: none;
				cursor: default;
			}
			#leftmenu ul li a span{
				display: block;
				padding: 10px 5px 10px 5px;
				cursor:pointer;
			}
		#leftmenu ul li ul li{
			padding: 0px;
			line-height: normal;
		}
			#leftmenu ul li ul li a{
				display: block;
				font-size: 95%;
				color: #8d7d5c;
				font:11px/14px Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				cursor: pointer;
				background: url(/images/bullet-arrow.gif) 12px 12px no-repeat;
				border: none;
			}
			#leftmenu ul li ul li a:hover{
				cursor: pointer;
				background-color: #eee9d5;
				text-decoration: underline;
			}
			#leftmenu ul li ul li a span{
				background: url(/images/bg-points-261.gif) center bottom no-repeat;
				padding: 7px 10px 8px 20px;
			}
			#leftmenu ul li ul li.selected a{
				color: #3180ca;
				text-decoration:none;
			}
			#leftmenu ul li ul li.selected ul li,
			#leftmenu ul li ul li.selected ul li a,
			#leftmenu ul li ul li.selected ul li a:hover{
				font-style:normal;
				color: #8d7d5c;
			}
			#leftmenu ul li ul li ul{
				margin-bottom: 10px;
			}
			#leftmenu ul li ul li ul li{
				border: 0;
				padding: 0px;
				margin: 0px;
			}
			#leftmenu ul li ul li ul li a{
				width: 190px;
				color: #8d7d5c;
				text-decoration: none;
				border:0;
				background: url(/images/titeFleche2.gif) 18px 13px no-repeat;

			}
			#leftmenu ul li ul li ul li a span{
				background: none;
				padding: 8px 10px 7px 28px;
				border-bottom:1px solid #e4dac5;
			}


			#leftmenu ul li ul li ul li ul{
				margin-bottom: 10px;
			}
			#leftmenu ul li ul li ul li ul li{
				border: 0;
				padding: 0px;
				margin: 0px;
			}
			#leftmenu ul li ul li ul li ul li a{
				width: 190px;
				color: #8d7d5c;
				text-decoration: none;
				border:0;
				background: url(/images/titeFleche2.gif) 33px 8px no-repeat;

			}
			#leftmenu ul li ul li ul li ul li a span{
				background: none;
				padding: 3px 10px 4px 43px;
				margin-top:0px;
				border-bottom:none;

			}
span.back{
	display: block;
	padding-top: 25px;
}
span.back a{
	padding:0px 0px 0px 10px;
	background:url(/images/bullet-arrow.gif) 5px 5px no-repeat;
}




#demande-info td input {
	border:1px solid #655b38;
	height:17px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px 0px 3px;
	background:url(/images/fond-input.gif) repeat-x;
}

#demande-info textarea {
	border:1px solid #655b38;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px 0px 3px;
	background:url(/images/fond-input.gif) repeat-x;
}

#demande-info th {
	text-align:right;
	width:20%;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:4px 3px 10px 3px;
	vertical-align:top;
}

#demande-info .obg span{
	font-weight:bold;
	color:#990000;
	padding:0px 0px 0px 3px;
}

#demande-info .sep hr{
	color: #e5e3d5;
	background-color: #e5e3d5;
	height: 1px;
	border: 0;
}

#demande-info .sep{
	padding:4px 0px;
}

#demande-info td {
	vertical-align:top;
	text-align:left;
	/*width:80%;*/
}

#demande-info td.question {
	padding-left:16px;
	font-weight:bold;
	background:url(/images/bullet-arrow.gif) 10px 7px no-repeat;
}

#demande-info table.radio td{
	font-weight:normal;
	vertical-align:top;
	width:auto;
}

#demande-info table.radio td span{
	font-weight:normal;
	width:100px;
	display:block;
	padding:2px 0px 0px 0px;
	color:#000000;
}

#demande-info table.radio td input{
	font-weight:normal;
	border:0px;
	background:none;
}

#demande-info td.question select {
	margin:4px 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#demande-info h2{
	font-style: normal;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 14px;
	padding-top: 10px;
}


span.omError{
	color:#FFF !important;
	display:block;
	float:left;
	margin:2px 0px 12px 0px !important;
	background:#3483a5;
	padding:3px 5px 5px 5px !important;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #1c5974;
	text-align: left;
}

div.lContent{background: url(/images/trarrow.gif) 0px 0px no-repeat;}
div.lContent table{background: url(/images/trarrow-bottom.gif) left bottom no-repeat;}
	div.lContent table table{background: none;}

table.expandListe{
	padding: 0px;
	margin: 0px;
	color: #7b786c;
}
	table.expandListe tr.selected{
		display: block;
	}
	table.expandListe tr.listRowFalse{
		background: #f6f5ee;
		cursor: pointer;
	}
	table.expandListe tr.listRowO{
		background: #e5e3d5;
		cursor: pointer;
	}
		table.expandListe tr.listRowO td{color: #555247;}
	table.expandListe th{
		background: #3483a5;
		padding: 5px 10px;
		color: #def2fb;
	}
	table.expandListe td{
		padding: 3px 10px;
		border-top: 1px solid #e5e3d5;
	}
#print{
	position: relative;
}
	#print img{
		position: absolute;
		left: 651px;
		top: 22px;
	}