@charset "UTF-8";


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: auto;
	with:850px;
	color: #666666;
	SCROLLBAR-FACE-COLOR: #c5a137;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #00000;
	SCROLLBAR-3DLIGHT-COLOR: #c5a137v;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: ##c5a137;
	SCROLLBAR-DARKSHADOW-COLOR: #00000;
}

/* Pas de cadre bleu autour des photos lien*/

a img { border: none;
}

/* Couleurs de la scrollbar*/
.scrollbar {
	SCROLLBAR-FACE-COLOR: #c5a137; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #00000;
	SCROLLBAR-3DLIGHT-COLOR: #c5a137v;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: ##c5a137;
	SCROLLBAR-DARKSHADOW-COLOR: #00000	
}


/* Header*/

#header
{
	width: 850px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}

/* Banniere photo */

#banner {
	}
	
	
/* Menu*/
#menu {
	float: left;
	width: 850px;
	background-color: #c5a137;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	height: 30px;
	padding-top: 0px;
	margin: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

#menu ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

* html #menu ul{ /*règle pour IE seul*/
	width: 850px;
	margin: auto;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
#menu ul li a:hover{
	color: #666666;
	font-size: 11px;
}


#menu ul li span a{
	color: #666666;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
}




/* Corps*/

#corps{
	width: 850px;
	text-align: left;
	height: auto;
	border: 1px solid #fff;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}



#corps h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-left: 30px;
	margin-top: 10px;
}

#corps h2 {
	color: #555;
	font: bold 13px Verdana, sans-serif;
	margin: 5px auto;
	padding-left: 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}

#corps h3 {
	color: #c5a137;
	font: bold 12px Verdana, sans-serif;
	padding-left: 10px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5a137;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 5px;
	}
	
#corps a {
	color: #333333;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#corps a:hover {
	color: #C5A137;
	text-decoration: underline;
}
#corps a:visited {
	color: #333333;
	text-decoration: none;
}



#main {
	float: left;
	width: 310px;
	overflow: hidden;
	height: auto;
	border: 1px dotted #999999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

#main2 {
	float: left;
	width: 640px;
	overflow: hidden;
	margin: 5px;
	padding: 5px;
	height: auto;
	border: 1px dotted #999999;
}


#main p {
	width: auto;
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 20px;
	margin-left: 3px;
	text-align: left;
	line-height: 14px;

}
	
.main p {
	line-height: 14px;
	padding: 0;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	}
	
.main { 
	border-right: 1px solid #bbb;
	padding: 3px 10px;
	}
	
/* Colonne gauche*/

#colleft {
	float: left;
	width: 180px;
	overflow: hidden;
	margin-top: 10px;
	}

#colleft h2 {
	color: #FFFFFF;
	margin: 5px auto;
	padding-left: 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
	}

/* Colonne droite*/

#colright {
	float: left;
	width: 280px;
	border: 1px dotted #999999;
	margin-top: 5px;
	margin-left: 20px;
	height: auto;
	margin-bottom: 10px;
	}
	
#colright h2 {
	color: #FFFFFF;
	margin: 5px auto;
	padding-left: 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
		
	}

	
/* news*/
	
#news {
	height: 220px;
	width: 260px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin: 5px;
	background-color: #c5a137;
	overflow: auto;
}

#news p {
	width: 230px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	font-weight: bold;
	margin-top: 3px;
}
/* agenda*/
	
#agenda {
	height: 200px;
	width: 260px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c5a137;
	background-color: #666666;
	overflow: auto;
	margin: 5px;
}

#agenda p {
	width: 230px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	font-weight: bold;
	margin-top: 3px;
	
}

/*content*/

#content
{
	clear: both;
	color: #555;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #555555;
	float: none;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	margin: auto;
}

#content a 
{
	color: #999999;
	text-decoration: none;
	margin-bottom: 7px;
}

#content a:hover
{
	text-decoration: underline;
	color: #c5a135;
}

#content p {
	width: auto;
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 20px;
	margin-left: 3px;
	text-align: left;
	line-height: 14px;

}


/* Footer*/

#footer
{
	clear: both;
	text-align: center;
	color: #555;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 850px;
	margin: auto;
	padding: 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

#footer a 
{
	color: #999999;
	text-decoration: none;
	margin-bottom: 7px;
}
.info
{
	color: #999999;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
}



#footer a:hover
{
	text-decoration: underline;
	color: #c5a135;
}

#footer p
{
	color: #e1af5f;
	margin-top: 10px;
	font-size: 9px;
}


/*** Mise en forme du formulaire ***/

#informations {
	border: none;
	padding: 0;	/*** Largeur du formulaire ***/
	margin-top: 5;
	margin-bottom: 5;
	margin-left: 5;
}


#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	color: #333333;
	background-color: #E9E9E9;
	text-align: left;
	padding: 10px;
	font-family: arial, hevetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
#titreForm a:hover
{
	text-decoration: underline;
	color: #c5a135;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px dotted #666666;
	color: #666666;
	padding: 1em;
	background-color: #FFFFFF;
	margin-top: 5px;
}


#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #c5a135;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #c5a135;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
	background-color: #c5a135;
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}

/*** contact ***/

#contact {
	width: 200px;
}
#contact p {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: left;
	width: 20em;
	position: relative;
}