/***********************************************/
/* styles generaux                            */
/***********************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image:url(../gif/log%20cfen2.png);
	background-repeat: no-repeat;
}

/******* styles des liens *******/
a:link, a:visited, a:hover {
	text-decoration: none;
}

/******* styles des puces *******/
.puce {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #999933;
	list-style-image: url(../gif/cfen.gif);
	padding: 0px 0px 10px 15px;
	margin: 0px 0px 0px 20px;
}

.souspuce {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	list-style-image: url(../gif/puce.gif);
	padding: 10px 0px 5px 10px;
}


/*************************************************/
/* styles et positions des elements de l'entete  */
/*************************************************/

/************** styles de l'entete ****************/
#entete{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 780px;
	visibility: visible;
	margin-left:auto;
	margin-right:auto;
		left: 50%;
	margin-left:-400px;
	margin-right:-200px;
	
	
	
	
}

/************** styles de la photo au dessus du menu deroulant *****/
#photoMenu{
	margin: 0px;
	padding: 0px;
	height: 110px;
	position: relative;
	left: 50%;
	margin-left:-400px;
	margin-right:-200px;
	
	
}

/************* styles du calque englobant le menu deroulant et la date ****************/
#globalNav{
	position: relative;
	width: 100%;
	height: 32px;
	font-size: 10px;
	color: #996633;
	padding: 0px;
	margin: 0px;
	background-image: url(../gif/page/ess.gif);
		left: 50%;
	margin-left:-400px;
	margin-right:-200px;

}

/************** styles des bords du menu deroulant ****************/
#bg {
	position: absolute;
	top: 0px;
	left:0px;
	
}

#bd {
	position: absolute;
	top: 0px;
	right:0px;
	background-image: url(../gif/page/ess.gif);
}

/************* styles du menu deroulant ****************/
#globalLien{
	position: absolute;
	top: 9px;
	height: 22px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 5px;
	z-index: 100;
}

#gl1 {
	padding: 0px 5px 0px 5px
}

#gl2 {
	padding: 0px 5px 0px 5px
}

#gl3 {
	padding: 0px 5px 0px 5px
}

#gl4 {
	padding: 0px 5px 0px 5px
}

#gl5 {
	padding: 0px 5px 0px 5px
}

#gl6 {
	padding: 0px 5px 0px 5px
}

#gl7 {
	padding: 0px 5px 0px 5px
}

a.glink, a.glink:visited {
  	font-size: 11px;
  	color: #996633;
	font-weight: bold;
	margin: 0px;
	padding: 3px 5px 3px 5px;
}

a.glink:hover{
  	background-image: url(../gif/page/ess.gif);
	text-decoration: none;
	color: #999999
}

/************ styles des sous menus ********/
.sousMenuNav{
	position: absolute;
	top: 148px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 22px;
	color: #996633;
	visibility: hidden;
}

.sousMenuNav a:link, .sousMenuNav a:visited{
	font-size: 11px;
	color: #999999;
}

.sousMenuNav a:hover {
	text-decoration: underline;
}

#sousMenu1 {
	padding: 0px 0px 0px 11px;
}

#sousMenu2 {
	padding: 0px 0px 0px 97px;
}

#sousMenu3 {
	padding: 0px 0px 0px 198px;
}

#sousMenu4 {
	padding: 0px 0px 0px 276px;
}

#sousMenu5 {
	padding: 0px 0px 0px 405px;
}

#sousMenu6 {
	padding: 0px 0px 0px 529px;
}



/*******************************************************/
/* styles et positions des elements de la grande page  */
/*******************************************************/

/************** styles de la grande page ****************/
#page{
	position: relative;
	top: 171px;
	left: 10px;
	width: 780px;
	left: 50%;
	margin-left:-400px;
	margin-right:-10px;












	background-image: 
; 			right: 25px;
}

/************** styles des coins superieurs de la grande page ****************/
#cg {
	position:absolute;
	top: 17px;
	left: 30px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#cd {
	position:absolute;
	top: -13px;
	right: 24px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

/************** styles de la localisation dans le site ****************/
#localisation{
	padding: 5px 0px 0px 10px;
	font-size: 11px;
	color: #999999;
}

#localisation a:link, #localisation a:visited {
	color: #999999;
}

#localisation a:hover {
	color: #999999;
	text-decoration: underline;
}

/*************** styles de la date *****************/
#date{
	position: absolute;
	font-size: 11px;
	text-align: left;
	color: #996633;
	top: 0px;
	right: 21px;
	z-index: 101;
	width: 149px;
	height: 33px;
}

/************** styles du titre de la grande page ****************/
#titrepage{
	padding: 10px 0px 0px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	background: none
}

/************ styles de la page gauche et de sa barre de navigation **************/
#pagegauche{
	float: left;
	width: 150px;
	padding: 0px;
	border-right: 1px solid #cccccc;
}

#navigauche{
	margin: 0px;
	padding: 0px;
}

#navigauche a:link, #navigauche a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px 3px 10px;
}

#navigauche a:hover {
	border-top: 1px solid #cccccc;
}

#menugauche {
	font-weight: bold;
	background-image: url(../gif/page/fond_menugauche.jpg);
	font-size: 11px;
	color: #996633;
}

#menugauche a:link, #menugauche a:visited {
	color: #996633;
}

#menugauche a:hover{
	color: #999999;
	text-decoration: none;
}

.smenu {
	background-image: none;
	padding: 0px 0px 0px 10px;
}

.smenu a:link, .smenu a:visited {
	font-style: italic;
	font-size: 11px;
	color: #996633;
}

.smenu a:hover{
	background-color: #CCCC99;
}

/*************** styles de la page centrale et de son tableau ******************/
#pagecentre {
	
	padding: 0px;
	border-left: 1px solid #ccd2d2;
	background-image:  ;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
}

.texte table {
	width: 95%;
	margin: 10px 0px 0px 10px;
	font-size: 12px;
}

.imgdroite {
	float: right;
	margin: 0px 0px 5px 10px;		
}

.imggauche {
	float: left;
	margin: 0px 10px 5px 0px;	
}

.icone {
	float: right;
	margin: 0px 10px 0px 0px;
}

.texte p {
	padding: 0px 0px 0px 10px;
	text-align: justify;
	font-size: 12px;
}

.texte a:link, .texte a:visited {
	color: #82971F;
}

.texte a:hover {
	color: #996600;
	text-decoration: underline;
}

/************** styles de la petite banniere en bas de page ****************/
.piedpage {
	font-size: 11px;
	color: #996633;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	width: 95%;
}

.piedpage a:link, .piedpage a:visited {
	color: #996633;
}

.piedpage a:hover {
	text-decoration: underline;	
}

.piedpage td {
	vertical-align: top;
	text-align: center;
}

/********************* fin des styles **********************/