HTML{
scrollbar-face-color:#33A02C;
scrollbar-arrow-color:#99CF95;
scrollbar-track-color: #000000;
scrollbar-3dlight-color: #99CF95;
scrollbar-darkshadow-color: #195016;
}


html, body {
	margin: 0;
	padding: 0;
	height: 95%;
}


DIV{
margin: auto; 
padding: 0px 0px 0px 0px;
}

FORM{
margin: auto; 
padding: 0px 0px 0px 0px; 

}

SPAN{
margin: auto; 
padding: 0px 0px 0px 0px; 
}

P{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

UL{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

.unpixel{
font-size:1px;
}

.titre{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#33A02C;
font-weight:bolder;
text-decoration:none;
}
.titre2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#99CF95;
font-weight:bolder;
text-decoration:none;
}


/*tableau princiaux*/
#tab00{
height:100%;
}


.adresse{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	text-decoration:none;
	letter-spacing: 3px;
	vertical-align: -1px;
	text-align: right;
}


a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#33A02C;
font-weight:bold;
text-decoration:none;
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#33A02C;
font-weight:bold;
text-decoration:underline;
}



div#global{
	width : 817px;
	text-align:center;
	vertical-align: middle;
}
div#site{
	width : 817px;
	height:420px;
	text-align:center;
	background-color: #FFFFFF;
}
div#logo{
	width : 205px;
	height:229px;
	float:left;
	text-align:center;
	background-color: #FFFFFF;
	background-image:url(../img/img/logofondremp.jpg);
}
div#haut{
	width : 612px;
	height:66px;
	float:left;
	background-color: #33A02C;
	text-align:center;
	background-image:url(../img/img/H.gif);
	margin:  0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
	}
	
div#milieu{
	width : 579px;
	height:303px;
	float:right;
	display:inline;
	text-align:center;
	background-color: #FFffff;
	}
	
	div#droite{
	width : 33px;
	background-color: #33A02C;
	height:303px;
	float:right;
	display:inline;
	text-align:center;
	background-image:url(../img/img/D.gif);
		}
	
	
	div#souslogo{
	background-color: #FFFFFF;
	width : 205px;
	height:191px;
	float:left;
	text-align:center;
	background-image:url(../img/img/BG.gif);
	}
	
div#adresse{
background-color: #FFFFFF;
width : 612px;
height:51px;float:left;
background-image:url(../img/img/adresse.gif);
text-align:center;
}

div#reflet{
width : 817px;
height:87px;
float:left;
background-image:url(../img/img/refletbas.jpg);
}
div#titre{
	height:26px;
	float:left;
	display:inline;
	text-align:left;

}

div#haut li{
	list-style-type : none;
	display:inline;
	float:left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}


div#haut ul{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 47px; 
}


/*-----SOUS MENU--------*/
div#sousmenu{
	height:15px;
	width:60px;
	float:right;
	font-size:9px;
	display:inline;
	text-align:center;
	background-image:url(../img/img/smenu.gif);
	padding: 2px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
}
div#sousmenuon{
	height:15px;
	font-size:9px;
	width:60px;
	float:right;
	display:inline;
	text-align:center;
	background-image:url(../img/img/smenuon.gif);
	padding: 2px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
}
.texte2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	text-align: center;
}
a.texte2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	text-align: center;
}
a.texte2:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#33A02C;
	text-decoration:underline;

}
.texte2on{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
	text-align: center;
}
a.texte2on{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
}
a.texte2on:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#33A02C;
	text-decoration:underline;

}

div#contenu{
	width : 560px;
	font-family: Arial, Helvetica, sans-serif;
	height:255px;
	float:right;
	font-size:12px;
	display:inline;
	text-align:left;
	background-color: #FFffff;
	padding: 0px 2px 0px 0px;
	margin: 10px 3px 5px 10px;
	}
	
.projet{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

/*----------Projet-------------*/

div#projet li{
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	list-style-type : none;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin:6px 0px 6px 0px;
	background-color:#C1E2BF;
	display:block;
}

div#projet li a {
	font-family: Arial, Helvetica, sans-serif;
	color : #336633;
	list-style-type : none;
	text-decoration:none;
		font-size:12px;
	font-weight:bold;


}
div#projet li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color : #33A02C;
		font-size:12px;
	list-style-type : none;
	text-decoration:underline;
	font-weight:bold;
}
.texte3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align: center;
}
.texte4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-decoration:none;
}
.champs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#C1E2BF;
	text-decoration:none;
	padding:4px 2px 4px 2px;
	vertical-align:middle;
	
}
.boutonform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#195016;
	background-color:#33A02C;
	text-decoration:none;
	letter-spacing: 1px;
	vertical-align:middle;
	border-width:2px;
	
}
.erreur{
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
table{font-family:Arial, Helvetica, sans-serif;
font-size:12px;}