<style type="text/css">

html {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-base-color: #D1E356; /*scrollbar-base-color: #899AB4;
	scrollbar-arrow-color: #FF8040;*/
	scrollbar-arrow-color: #D1E356;
	/*overflow-y: scroll; background-color: #FFFF80;*/
	text-align: justify;
	background-color: #FFFF80;
}

body {
	background-image: url(images/fond.gif);
	/*overflow-y: scroll;*/
}


hr {
	color: #F7F7F7;
	text-decoration: none;
	line-height: 1px;
}

blockquote {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

	/*background-color: #0033FF;*/
}

p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}

td {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}

b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666	}


a {  color: #4682B4; text-decoration: none;}
a:hover {  color: #FF9933; text-decoration: none;}
/*	a:visited { color: #0099FF;; text-decoration: none;}*/

a.lien {
	font-weight: bold;
	color: #4682B4;
	text-decoration: none;
}
a:hover.lien {  font-weight: bold; color: #FF9933; text-decoration: underline;}
/*	a:visited.lien { font-weight: bold; color: #0099FF;; text-decoration: none;}*/

a.bas {  color: #FFFFFF; text-decoration: none; letter-spacing: 1px; font-size: 10px; font-weight: bold;}
a:hover.bas {  color: #FF9933; text-decoration: overline; letter-spacing: 1px; font-size: 10px; font-weight: bold;}


ul {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
} 


li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-type: none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 10px;
	margin: 0px;
} 



.titre {
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 12px;
	/*margin-left: -5px;*/
	color: #AABE1F;
}

.titre_01 {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	word-spacing: 11px;
	letter-spacing: 10px;
}

.titre_02 {
	color: #FFFFFF;
	letter-spacing: 3px;
	word-spacing: 3px;
	font-size: 10px;
	font-style: bold;
	margin-right: 10px;
}

.titre_03 {
	letter-spacing: 1px;
	word-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
	color: #AABE1F;
	/*color: #9D9D9D;*/
}

.titre_orange {
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 12px; /*margin-left: -5px;*/
	color: #FFA12D;
}

.align_centre {
	text-align: center;

}

.align_droite {
	text-align: right;
}


/* div 
COULEUR FOND #E9F1AB*/
#entete01{
	
	float: right;
	height: 20px;
	clear: both;
	width: 782px;
	text-align: center;
	vertical-align: bottom;
	
}
#entete02{

	float: right;
	height: 62px;
	clear: both;
	width: 782px;
	
}


#cartouche_haut01{
	float: right;
	background-color: #D1E356;
	height: 60px;
	width: 778px;
	border-top: 2px solid #FF9933;
	border-right: 2px solid #FF9933;
	border-left: 2px solid #FF9933;
	text-align: right;
	
}

#cartouche_menu01{
	
	float: right;
	background-color: #D1E356;
	width: 128px;
	margin-left: 18px;
	border-left: 2px solid #FF9933;
	border-right: 2px solid #FF9933;
	border-bottom: 2px solid #FF9933;
	position: absolute;
	padding-bottom:10px;
	padding-top: 50px;
	overflow: visible;

	
}

#logo{
	width: 100px;
	height: 100px;
	background-image: url(images/logos/ersp01.gif);
	background-repeat: no-repeat;
	position: absolute;
	background-position: 10px;
	z-index: 1;
		
}

#finance{
	
	background-position: 5px;
	width: 200px;
	height: 60px;
	background-image: url(images/logos/drass.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	border: 2px solid #FF9933;

		
}

#flash{
	width: 778px;
	height: 40px;
	z-index: 0;
	background-image: url(images/bandeau01.jpg);
	background-repeat: no-repeat;

}

#conteneur{
	width: 800px;
	margin: 0 auto;
	overflow: visible;
}

#gauche{
	background-color: #FFFF80;
	width: 40px;
	float: left;
}

#centre{
	clear: inherit;
	overflow: hidden;
	background-color: #FFFFFF;
	float: right;
	width: 760px;
	border-top: 2px solid #FF9933;
	margin: 10 10 10 10;
}

#texte{
	padding: 10px;
	float: right;
	width: 620px;
	border-left: 1px solid #CCCCCC;
	margin-left: 10px;


}

#pied{
	clear: both;
	background-color: #D1E356;
	height: 30px;
	border-top: 2px solid #FF9933;
	padding-top: 5px;

	
}

#cartouche01{
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	
}

#cartouche02{
	padding: 2px;
	margin: 2px;
	border: 1px solid #CCCCCC;
	
}

#retrait_10{
	
	padding-left: 10px;
	
}



#fond_menu00{
	width: 140px;
	border-top: 1px solid #FF9933;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	height:15px;

}

#fond_menu01{
	width: 140px;
	border-top: 1px solid #FF9933;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	height:15px;
	background-image: url(images/fond_non_select.gif);
	background-position: 0;
}

.menu00{
	margin-left: 10px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 1px;
	overflow: visible;
	z-index: 1;
	
}


a.menu00:hover {
	margin-left: 10px;
	color: #FF9933;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}



.menu01{
	border-bottom: 1px dotted #666666;margin-left: 20px; height: 15px;
	overflow: visible;
	z-index: 1;


}

#where{
	width: 140px;
	border-top: 1px solid #FF9933;
	background-color: #FFFFFF;
	
}

#whereis{
	width: 140px;
	border-top: 1px solid #FF9933;
	background-color: #D1E356;
	background-image: url(images/fond_select.gif);
	background-position: 0;
}
a.menu01:hover {	color: #FF9933; text-decoration: none;}

#tab_01{
	
	width: 620px;
}

#col {
	width: 290px;
	float:left;
	top: auto;
	/*background-color:#f0f0f0;*/
	padding-top: 0px;
	margin-left:10px;
}
#col_vide {
	width: 20px;
	float:left;

}

#col_02{
	float: left;
	width: 510px;
	height: 80px;
	padding-left: 5px;

}

#col_03{
	float: right;
	width: 100px;
	height: 80px;
}

#tab_inti{
	width:70px;
	float:left;
	background-color:#f0f0f0;
}
#tab_data{
	float: left;
	width: 550px;
	background-color: #ffff00;
}


/* PAGE ACCUEIL */
#col_accueil_01{
	float: left;
	width: 300px;
	margin-right: 20px;

}

#col_accueil_02{
	float: right;
	width: 280px; /*background-color: #CCCCCC;*/
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin: 0px;
	padding: 8px;
}



#td_01 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	vertical-align: top;
	/*background-color: #FFFFF0;*/
	border-bottom: 1px dashed #D1E356;
	border-right: 1px dashed #D1E356;
}



.smarties_cjb {
	background-image: url(images/cjb.gif);
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	padding: 0px;
	margin: 0px;
	/*cursor: help;*/
	cursor: pointer;
}

.smarties_craes {
	background-image: url(images/fraes.gif);
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	padding: 0px;
	margin: 0px;
	/*cursor: help;*/
	cursor: pointer;
}

.smarties_ors {
	background-image: url(images/ors.gif);
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	padding: 0px;
	margin: 0px;
	/*cursor: help;*/
	cursor: pointer;
	
}


/**********************************
***********************************
Présentation en div des ressources
***********************************
***********************************/
#localz{
	width: 620px; /*position: inherit;*/
	overflow: visible; /*border: 1px ridge #999999;*/
	background-color: #E8E8E8;
	font-weight: bold;
	cursor: pointer;
	height: 15px;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	color: #4682B4;
	letter-spacing: 1px;
	word-spacing: 1px;
	
}

#localz:hover{
	width: 620px; /*position: inherit;*/
	overflow: visible; /*border: 1px ridge #999999;*/
	background-color: #FAFAFA;
	font-weight: bold;
	cursor: pointer;
	height: 15px;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	color: #FF9933;
	letter-spacing: 1px;
	word-spacing: 1px;
}



#titlez{
	width: 610px; /*position: inherit;*/
	overflow: visible; /*border: 1px ridge #999999;*/
	background-color: #FAFAFA;/* font-weight: bold;*/
	margin: 10px 0px 0px 0px;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#titlez:hover{
	width: 610px; /*position: inherit;*/
	overflow: visible; /*border: 1px ridge #999999;*/
	background-color: #F7F7F7; /*font-weight: bold;*/
	margin: 10px 0px 0px 0px;
	padding: 5px;
}
#infoz{
	width: 600px; /*position: absolute;*/
	overflow: visible;
	background-color: #FFFFFF;
	padding-left: 20px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#infoz:hover{
	width: 600px; /*position: absolute;*/
	overflow: visible;
	background-color: #F9F9F9;
	padding-left: 20px;	
}

.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;
}

#craes {
	background: #FF9933;
	height: 15px;
	float:left;
	width: 15px;
	
}
#ors {
	background: #FF4D00;
	float:left;	
	height: 15px;
	width: 15px;
}
#cjb {
	background: #336699;
	float:left;	
	height: 15px;
	width: 15px;
}


/*	
	float: right;
	background-color: #D1E356;
	width: 128px;
	margin-left: 18px;
	border-left: 2px solid #FF9933;
	border-right: 2px solid #FF9933;
	border-bottom: 2px solid #FF9933;
	position: absolute;
	padding-bottom:10px;
	padding-top: 50px;
	overflow: visible;
*/



*{ 
 		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: justify;
	
}

/* Style lettre ors */
.StyleLettre {
 color: #FFFFFF;
 font-size: 18px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 letter-spacing: 0.3em;
 text-align: right;
}

</style>
