body {margin:10px; padding:0; background-color: #f0f0f0;}
table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#656565;}
div{margin:0;padding:0}
h1{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#f29300; font-weight: normal; padding:0; margin: 0 0 1px 0;
	background:url(images/puces.gif) right bottom no-repeat;}
h2{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#999999; font-weight: bold; padding:0; margin: 0 0 1px 0;}
h3{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#888888; font-weight: normal; padding:0; margin: 0 0 1px 0;}
h4{font-size:14px; color:#f29300; font-weight: bold; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 0 0 1px 0;}
p{border:0; padding:0; margin:0 0 1px 0;line-height:13px;}
ul{list-style-type: none; padding: 0; border:0;margin:0 0 8px 4px; }
li {background:url(images/puce.gif) no-repeat 0 .1em; padding-left: 12px;margin:4px 0 0 0; }
ul ul li{background:url(images/puce2.gif) no-repeat 0 .1em;}
/*ul{list-style-type: none; padding: 0px;margin:0;font-size:11px;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .2em; border:0; padding-left:14px;}*/
a{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#dd7200;text-decoration:underline}
a:hover{color:#eb930e;}
em{font-size:12px; color:#63607b; font-family: Verdana, Arial, Helvetica, sans-serif;}
a em{color:#dd7200;}
b{color:#dd7200;}
u{display:block; height:1px; font-size:1px; clear:both; text-decoration:none;}
#sitemap{color:#768585;font-size:10px;text-align:left; height:20px; margin: 0 0 10px 0;}
#sitemap a{color:#768585;font-size:10px;}
#sitemap a:hover{color:#bdc4c4;}

#colonnegauche{width:212px; padding:10px 0 10px 0; background-color: #ededed;height:350px;
	background-image: url(images/fond_colonne.gif); background-repeat: repeat-y; background-position: top left;
	border-right: 1px solid #dfdfe6; border-collapse: collapse;  }
#colonnegauche div{margin: 0 0 0 38px; padding-left: 10px; padding-right: 10px;}
#principal{padding:10px 10px 10px 18px;}
#contenant{border:1px solid #cdcdcd; padding:1px;background-color: #FFFFFF;}

#references{}
#references td{text-align: center; border: 1px solid #dfdfe6;}
#references th{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #f29300; line-height:12px;}
#references img{border:1px solid #dcdcdc;padding:1px;}
#references select{width:120px;margin-top: 4px;}
#references a{border: solid 1px #efefef; width: 65px; height: 54px; display:block; margin:0 auto;}
#references a:hover{border: solid 1px #ffcc00;background-color: #fffbeb;}

#listefichiers a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold;}

.realisations td{
	float:left;	padding: 4px;	margin: 0;	margin-right: 5px;	margin-bottom: 15px;	border: solid 1px #cccccc;
	width: 260px;	height: 160px; 	text-align: left;}
.realisations img{border:1px solid #dcdcdc;padding:1px;}
.realisations div a{border: solid 1px #efefef; display:block; float: left; margin-right:10px;margin-bottom:10px;}
.realisations div a:hover{border: solid 1px #ffcc00;background-color: #fffbeb;}
	
#photosrealisation img{padding:1px;}
#photosrealisation a{margin-right:2px;border: solid 1px #efefef;display:block; float: left;}
#photosrealisation a:hover{margin-right:2px;border: solid 1px #ffcc00;}

#navigauche{padding: 0; margin: 10px 0 0 0;}
#navigauche p{margin: 0 0 0 0; border-bottom: 1px solid #dfdfe6;}
#navigauche a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; font-size: 12px;
	background-image: none; background-color: #ffffff; padding: 3px 2px 3px 8px; margin:0; 
	display: block; border-left:39px solid #f29300; border-right: 6px solid #ffffff; text-decoration: none;}
#navigauche a:hover{color: #f29300;text-decoration: none; border-left: 39px solid #ffb300;border-right: 6px solid #fed87e;}
#navigauche a.select{text-decoration: none; border-left: 39px solid #ffb300;border-right: 6px solid #ffb300;}

#talon{background-color: #5c5c5c; height: 52px;}
#talon p{color: #d6dbd9; text-align: center;line-height: 12px; margin-top:4px;}
#talon a{color: #d6dbd9;}
#talon a:hover{color: #FFFFFF; }

.clair{color: #999999;}
.justifie{text-align:justify}
.cadre{border:1px solid #dcdcdc;padding:1px;}
.blanc{color:#ffffff;}
.petit{font-size: 10px;line-height:12px;}
.clear{clear:both;}
.marged{padding-right:15px;}
.margeg{padding-left:15px;}
.decald{margin:0 15px 10px 0;}
.decalg{margin:0 0 10px 15px;}
.fondgris{background-color: #ebebf3; border: 1px solid #dfdfe6; padding:12px; margin-bottom: 8px;}
.fondclair{background-color: #f3f3f8; border: 1px solid #dfdfec; padding:12px; margin-bottom: 8px;}

/* ##### NAVIGATION ##### */
#liens{color:#95938f;padding: 0 10px 0 0;text-align:right;height: 18px}
#liens a{font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#95938f;
	font-size:11px; text-decoration:underline;}
#liens a:hover{color:#b9b8b6;}

/* ##### pour tableau et datagrid ##### */
.tableau{margin: 0 0 6px 0;border-top: 1px solid #E0D8C6; border-left: 1px solid #E0D8C6;clear:both;}
.tableau th{background-color:#b7081f; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
	border-bottom: 1px solid #870617; border-right: 1px solid #870617;padding:4px;text-align:left;}
.tableau td{border-bottom: 1px solid #E0D8C6; border-right: 1px solid #E0D8C6;padding:2px;}
.tableau tr.AlternatingItem{background-color:#faedc9;}
.tableau tr.SelectedItem{background-color:#f6d891;}
.tableau tr.Item{background-color:#fdf8ec;}
.tableau .sansbord{border-bottom:0;}

 /* ##### FORMULAIRES ##### */
.champcontact{
	background:  url("images/fond_champ.gif") repeat-x top; background-color: #ffffff;
	border:1px solid #d5d3d0;
	color:#405058; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}
.champfocus{
	background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff;
	border:1px solid #facb58; border-top:1px solid #dda927; border-bottom:1px solid #ffd979;
	color:#407c58; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}	
.champcontacterreur{
	background:  url("images/fond_champerreur.gif") repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606;
	color:#FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 2px 0; margin:1px;
}

.send{
	background: url("images/fond_send.gif") repeat-x top; background-color: #eb930e; 
	border:1px solid #954e08;
	color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align : center;
	padding: 2px 0; margin:1px;
}
.champrecherche{background: url("images/loupe.gif") no-repeat top left; background-color: #ffffff;
	border:1px solid #E0D8C6;
	color:#405058; font-family: Verdana, Arial; font-size:10px; text-align:left; 
	padding: 2px 0 2px 20px; margin:1px;
}
form{border:0; padding:0; margin:0}
.erreur{color:#be0d0d;	font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold;}

.photo{border:1px solid #333333}

#plan{}
#plan a{text-decoration:none}
#plan ul{margin-bottom:12px;}
#plan li{margin-bottom:7px;}