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

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

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

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

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

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

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


/* BANDEAU DU HAUT */
#haut {
	height : 150px;
	background: url(interface/entete2.jpg) no-repeat;
}

/* NAVIGATION PRIMAIRE */
#menuDeroulant { height : 28px; width: 1024px; background: url(interface/fd_menu.jpg) repeat-x; }

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

#infos2 {
	float: left;
	width: 198px;
	background: url(images_fr/infos2.gif) no-repeat;
	background-color: #fff;
	text-align: left;
}

#encartpages {
	float: left;
	width: 198px;
	background: url(interface/fd_menuG.gif) no-repeat;
	background-color: #D1EDFA;
	text-align: left;
}

#encartpages h1 {
	color: #332F5A;
	text-align: left;
	display: inline;
	color: #332F5A;
	font-size:120%;
	font-weight: normal
}


#encart {
	float: left;
	width: 198px;
	font-size: 90%;
	background-color:#D1EDFA;
}

#encart a { font-size: 100%; color: #2A274D; }
#encart a:visited { font-size: 100%; color: #2A274D; }
#encart a:hover { font-size: 100%; color: #615E8A; }

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

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

/* CONTENU */

#contenu {
	float: left;
	width: 645px;
	margin: 0; padding: 0;
	background: url(interface/fd_contenu.gif) no-repeat;
}

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

#contenu h3 {
	color: #8CA200; font-size: 110%;
	font-weight: bold;
	border-bottom: 2px solid #ececec;
	margin: 30px 0 10px 15px;
}

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

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

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

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

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

#soustitre {
	float : left;
	width: 617px;
	height : 40px;
	padding: 0 0 0 0;
	margin: 5px 0 0 13px;
	background: url(interface/fd_soustitre.png) no-repeat;
}

#soustitre h4 {
	color: #7F4E16; font-size: 150%;
	font-weight: normal;
	padding: 10px 0 0 0;
	margin: 0 0 0 25px;
}

/* COLONNE DROITE */
#colonneDroite {
	position:relative;
	float: left;
	width: 181px;
	background-color: #65628D;
	margin: 0; padding: 0;
}

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

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

#colonneDroite a  { color: #9E460D; font-size: 90%; font-weight: bold; margin: 10px 0 0 10px }
#colonneDroite a:hover  { color: #fff; font-size: 90%; font-weight: bold; margin: 10px 0 0 10px }

#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;
}

/* RECHERCHE */
#recherche {
	float : right;
	width : 222px;
	background-color: #D1CC1C;
}
#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 */
#bas {
	clear: both;
	width: 1024px;
	margin : 0;
	padding: 0;
	font-size : 88%;
}

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}
#contenu fieldset {
	border-width : 0;
}
#contenu legend {
	color : #8CA200;
	font-weight : normal;
	font-size : 100%;
	margin : 20px 0 0 50px;
	padding : 0;
	width : auto;
	border-bottom : 2px solid #ececec;
}
input, textarea,select {
	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 : #444;
	border-color : #444;
	margin : 0 150px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu p label {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}