body/* --- POSITIONNEMENT --- */

/* boby */
 {
	padding: 0px;
	margin: 0px;
	background-repeat: repeat;
	background-color: #847720;
}
#page {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header/* En-tête */
 {
	height: 98px;
	margin: 0px;
}

#navigation 
	{
	color: white;
	font-size: 12px;
	line-height: 16px;
	background-color: #6b6c5a;
	text-align: center;
	height: 16px;
	letter-spacing: 1px;
	}
#centre/* Bloc central */
 {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #333333;
}
#logo_menu {
	height: 199px;
	width: 255px;
}
#nav_gauche/* Menu de navigation */
 {
	width: 255px;
	float: left;
}
#nav_droite/* Contenu secondaire */
 {
	width: 180px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #00CC99;
}
#logo/* Contenu principal */
 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	height: 148px;
	margin-top: 0px;
	display: block;
	margin-left: 255px;
	margin-right: 0px;
	width: 744px;
}
.containers/* Contenu principal */
 {
	display: block;
	padding-bottom: 10px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.cadre-1/*  --cadre --image  */
 {
	display: block;
	width: 650px;
	border: 1px solid #CCCCCC;
	margin-left: 40px;
	padding: 10px;
}

.cadre/*  --cadre --image  */
 {
	height: 380px;
	margin-top: 0px;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	width: 744px;
}
.cadre-g/* --grand --cadre --image  */
 {
	height: 440px;
	display: block;
	width: 744px;
}
.cadre-m/* --moyen --cadre --image  */
 {
	height: 410px;
	display: block;
	width: 744px;
}
.cadre_p/* petit--cadre image  */
 {
	height: 290px;
	margin-top: 0px;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	width: 744px;
}
.img-lelt/* -imagegauche sans retrait ---- */
 {
	clear: left;
	float: left;
	display: block;
	margin: 10px;
}
.img-right/* image droite sans retrait */
 {
	clear: right;
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-g/* image gauche */
 {
	clear: left;
	float: left;
	display: block;
	margin: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.img-d/* image droite */
 {
	display: block;
	margin: 10px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: right;
}

#container/* Contenu principal */
 {
	margin-left: 255px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	color: #000000;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
}
#container   > :first-child {
}
	/* Pied  de page*/
#pied-de-page
	{
	color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #6b6c5a;
	text-align: center;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1000px;
}
.bas_page_g {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	display: inherit;
	text-align: left;
	padding: 5px;
	width: 255px;
}
.bas_page_d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	display: block;
	text-align: right;
	float: right;
	padding: 5px;
}
/* Pied  de page fin */

/* info bull*/
a.infobull{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position:relative;
	padding:0;
	color:#FFFBAA;
	text-decoration:none;
	cursor:hand;
	z-index:24;
	display: inline;
	white-space: nowrap;
}
a.infobull:hover{
	z-index:25;
}

a.infobull span{display: none}
a.infobull:hover span{
	display:block;
	position:absolute;
	top:15px;
	text-align:left;
	left:-80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:10px 5px;
	background:#FFFFFD;
	color:#000;
	white-space: nowrap;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 3px solid #999;
}
a.infobull_info{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position:relative;
	padding:0;
	color:#FFFBAA;
	text-decoration:none;
	cursor:help;
	z-index:24;
	display: inline;
	white-space: nowrap;
}
a.infobull_info:hover{
	z-index:30;
}
a.infobull_info span{display: none}
a.infobull_info:hover span{
	display:block;
	position:absolute;
	top:15px;
	text-align:left;
	left:-100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:10px 5px;
	background:#FFFFFD;
	color:#000;
	white-space: nowrap;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 3px solid #999;
}
/* -------------info bull fin ----------*/

/*---------lien-------------------*/
a.lien-legende:link{/* par defaut */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999; 
	text-decoration:none;
}
a.lien-legende:hover{/*lien au survol*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;
	
	}
a.lien-legende:visited{/* lien déja visité*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	text-decoration:underline;
	}
a.lien-legende:active{/*lien actif*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	text-decoration:underline;
	}
a.lien:link{/* par defaut */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#FFFBAA; 
	text-decoration:none;
}
a.lien:hover{/*lien au survol*/
	font-size: 14px;
	line-height: 18px;
	text-decoration:underline;
	}
a.lien:visited{/* lien déja visité*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#7D0E0B;
	text-decoration:underline;
	}
a.lien:active{/*lien actif*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color:#7D0E0B;
	text-decoration:underline;
	}
a.lien-1:link{/* par defaut */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFBAA; 
	text-decoration:none;
}
a.lien-1:hover{/*lien au survol*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	
	}
a.lien-1:visited{/* lien déja visité*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFBAA;
	text-decoration:none;
	}
a.lien-1:active{/*lien actif*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFBAA;
	text-decoration:underline;
	}
a.lien-2:link {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	TEXT-DECORATION: none;
	COLOR: #B380AB;
	font-weight: bold;
}
a.lien-2:visited {
	FONT-SIZE: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	COLOR: #B380AB;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a.lien-2:hover {
	FONT-SIZE: 16px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	COLOR: #B380AB;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}

a.lien-3:link {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	TEXT-DECORATION: none;
	COLOR: #4356FE;
	font-weight: bold;
}
a.lien-3:visited {
	FONT-SIZE: 14px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	COLOR: #4356FE;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a.lien-3:hover {
	FONT-SIZE: 16px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	COLOR: #4356FE;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
}
/*-------texte----------*/
.contenu/* Contenu principal */
 {
	display: block;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
	float: left;
}
.contenu   > :first-child {
	margin-top: 10px;
}
.legende-italique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}
.legende-gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
}
.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.legende1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: justify;
}
.titre-legende{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
}

P {
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	background-position: top;
	text-align: justify;
}
.texte-retrait {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: justify;
	background-position: top;
	margin-left: 50px;
}
.texte-italique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: justify;
	background-position: top;
	font-style: italic;
}
.texte-italique-gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: justify;
	background-position: top;
	font-style: italic;
	font-weight: bold;
}
/*----------titre---------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bolder;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bolder;
}
.texte-1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/*-----fin texte -----*/
/*-------------------------------------- debut Menu Verticale de Gauche IE6  --------------------------------------*/
.menuIE {
    display:none !important;
    display:block;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
	color:#E0AF67;
	width:254px;
	height:30px;
	display:block;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:30px;
	overflow:hidden;
	margin-bottom: 0px;
	text-indent: 5px;
	font-weight: bolder;
}

a.boutonIE:hover {
	color:#654;
	overflow:visible;
	text-decoration: underline;
	font-weight: bold;
}

a.boutonIE:hover table {
	display:block;
	border-collapse:collapse;
}


/*-------------------------------------- debut Menu Verticale de Gauche pour les autres navigateurs --------------------------------------*/
/*a.bouton, a.bouton:link, a.bouton:visited, a.bouton:active {
	color:#E0AF67;
	width:254px;
	display:block !important;
	display:none;
	text-align:left;
	float:none;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	border-bottom-width: 0.02ex;
	border-bottom-style: dotted;
	border-bottom-color: #4A4A44;
	height: 30px;
	line-height: 40px;
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 5px;

}*/
.boutonFF {
	color:#E0AF67;
	width:254px;
	display:block !important;
	display:none;
	text-align:left;
	float:none;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	border-bottom-width: 0.02ex;
	border-bottom-style: dotted;
	border-bottom-color: #4A4A44;
	height: 30px;
	line-height: 40px;
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 5px;
}
.boutonFF:hover {
	height:auto;
	cursor:pointer;
	color:#654;
	text-decoration: underline;
}

a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
	display:block;
	height:40px;
	text-decoration:none;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#eee;
	text-align: left;
	margin: auto;
	text-indent: 10px;
}

a.SousMenu:hover {
	background:#666666;
	color: #FFFFFF;
}
.bouton01/*--------------menulien seule -------------------*/
 {
	width:254px;
	display:block !important;
	display:none;
	float:none;
	text-decoration:none;
	border-bottom-width: 0.02ex;
	border-bottom-style: dotted;
	border-bottom-color: #4A4A44;
	height: 30px;
	overflow: hidden;
	text-indent: 5px;
	text-align:left;
}
a.bouton02, a.bouton02:link, a.bouton02:visited, a.bouton02:active {
	color:#E0AF67;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:30px;
	margin-bottom: 0px;
	text-indent: 5px;
	font-weight: bolder;
}

a.bouton02:hover {
	color:#654;
	overflow:visible;
	text-decoration: underline;
	font-weight: bold;
	cursor:pointer;
}
