#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
}

a:link          { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:visited         { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a:hover       { color: #9a4121; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

a.lien:link          { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:visited         { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
a.lien:hover       { color: #9a4121; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

.texte-fonce { font-size : 80% }

input, select, textarea       { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #fff; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #444;
line-height: 16px;
}

.gris {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 80%;
color: #fff;
}


/* BANDEAU DU HAUT */
#haut {
	height : 202px;
}

/* NAVIGATION PRIMAIRE */
#menuDeroulant { height : 23px; padding: 179px 0 0 0; margin: 0; width: 1024px; }

/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 270px;
	margin: 0; padding: 0;
}

#colonneGauche h2 {
	color: #086769; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

#encartpages {
	float: left;
	width: 198px;
	text-align: right;
}

#encartpages h2 {
	color: #086769; font-size: 140%;
	font-weight: normal;
	margin: 20px 5px 0 0;
}

#encartpages a.gauche { font-size: 95%; color: #086769; line-height: 16px }
#encartpages a.gauche:visited { font-size: 95%; color: #086769; line-height: 16px }
#encartpages a.gauche:hover { font-size: 95%; color: #fff; line-height: 16px }
#encartpages a.selected { font-size: 95%; color: #fff; line-height: 16px; font-weight: bold }

#encart {
	float: left;
	width: 270px;
	font-size: 90%;
	color: #444;
}

#encart a { font-size: 100%; color: #086769; }
#encart a:visited { font-size: 100%; color: #086769; }
#encart a:hover { font-size: 100%; color: #9a4121; }
#encart a.actif { font-size: 100%; color: #9a4121; text-decoration: underline }

#encart h2 {
	color: #086769; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

#encart h3 {
	color: #fff; font-size: 90%;
	line-height: 12px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

#dossier { clear: both; float: left; width: 530px; border:1px solid #c28637; padding: 5px 5px 10px 5px; margin: 0 0 10px 10px }

#dossier h2.jaune { color: #c28637; font-size: 130%; padding: 5px 0 5px 0 }

#dossier a { font-size: 100%; color: #fff; }
#dossier a:visited { font-size: 100%; color: #fff; }
#dossier a:hover { font-size: 100%; color: #c28637; }

#encart h2 {
	color: #086769; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

/* RESA */

#resa {
	float: left;
	width: 584px;
	margin: 0 0 0 28px; padding: 0;
	line-height: 17px;
}

/* CONTENU */

#contenu {
	float: left;
	width: 568px;
	margin: 0; padding: 0;
	line-height: 17px;
}

#contenu h1 {
	color: #086769; font-size: 160%;
	margin: 30px 0 0 25px; font-weight: normal
}

#contenu h2 {
	color: #086769; font-size: 140%;
	font-weight: normal;
	margin: 0px 0 0 15px;
}

#contenu h3 {
	color: #DC3B03; font-size: 110%;
	font-weight: normal;
	margin: 30px 0 10px 15px;
}

#contenu h4 {
	color: #086769; font-size: 100%;
	font-weight: bold;
	margin: 30px 0 10px 15px;
}

#contenu p {
	color: #444; font-size: 95%;
	font-weight: normal;
	line-height: 16px;
	padding: 0 15px 0 15px;
	text-align: justify;
}

#contenu .plus  { color: #c28637; font-size: 110%; font-weight: bold; line-height: 16px }

#contenu .baseline {
	color: #574B41; font-size: 90%;
	font-style: italic;
	font-weight: normal;
}

#contenu a:link          { color: #c28637; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
#contenu a:visited         { color: #c28637; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
#contenu a:hover        { color: #444; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

#tele { float: left; margin: 0 10px 0 15px; background: #e7e7e7; padding: 5px }
#tele a:link          { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
#tele a:visited         { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }
#tele a:hover       { color: #DA3B01; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none }

#soustitre {
	float : left;
	height : 40px;
	padding: 0 0 0 0;
	margin: 30px 0 20px 10px;
	background: url(interface/fd_soustitre.png) no-repeat;
}

#soustitre h4  { color: #c28637; font-size: 200%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0 0 0 55px; padding: 10px 0 0 }

/* COLONNE DROITE */
#colonneDroite {
	float: right;
	width: 181px;
	margin: 0; padding: 0;
	background: url(interface/fd_droite.gif) repeat-y;
}

#colonneDroite h2  {
	color: #9a4121; font-size: 125%;
	font-weight: bold;
	margin: 15px 0 3px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#colonneDroite h4  {
	color: #9a4121; font-size: 100%;
	font-weight: bold;
	margin: 5px 0 3px 10px;
}

#colonneDroite h5  {
	color: #9a4121; font-size: 90%;
	font-weight: normal;
	margin: 0 0 0 10px;
}

#colonneDroite a  { color: #9a4121; font-size: 100%; margin: 0 0 0 20px }
#colonneDroite a:visited  { color: #9a4121; font-size: 100%; margin: 0 0 0 20px }
#colonneDroite a:hover  { color: #000000; font-size: 100%; margin: 0 0 0 20px }

#agenda {
	width: 222px;
	border-top: 4px solid #ffa500;	
	margin: 0 0 7px 0;
}

#telechargement {
	background-color : #fff;
	width: 222px;
	border-top: 10px solid #fff;	
	margin: 0 0 0 0;
}

#lienarticle {
	background-color : #fff;
	width: 222px;
	border-top: 10px solid #fff;	
	margin: 0 0 0 0;
}

#bas { clear: both; width: 1024px; height: 80px; background: url(../../Site%20Genille/web-content/interface/baspage.png) no-repeat -20px 0; text-align: center; }


/* RECHERCHE */
#recherche {
	float : right;
	width : 222px;
	background-color: #16560d;
}
#recherche form {
	margin : 0 0 6px 7px;
	padding : 0;
}
#recherche input {
	width : 110px;
	font-size : 88%;
	color : #000;
	padding : 1px 2px 0px 0px;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #fff;
}
#recherche input.bouton {
	width : auto;
	padding : 0;
	margin : 2px;
	color : #444;
	border-color : #444;
}

/* MASQUES */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* HAUT DE PAGE */
#contenu .paragraphe p.hautpage {
	clear: both;
	margin : 15px 0 0 15px;
	padding: 10px 0;
}
#contenu .paragraphe p.hautpage a  {
	color : #000;
	font-size : 88%;
}

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}
#contenu fieldset {
	border-width : 0px; background-color: #e6d7a7;
}
#contenu legend {
	color : #c28637;
	font-weight : normal;
	font-size : 100%;
	margin : 25px 0 0 25px;
	padding : 0;
	width : auto;
	border-bottom : 2px solid #ececec;
}
input, textarea,select {
	color: #000000;
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	color : #000000;
	border-color : #fff;
	margin : 0 150px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu p label {
	float: left;
	width: 200px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}