/*<![CDATA[*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 1.6em;
background-color: #666;
border-bottom: 5px solid #CCC;
margin-bottom:5px;
margin-top:0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.4em;
margin:0px;
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 10px;
border: 0px;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #C00;
font-size: 1.1em;
margin:0px;
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
border: 0px;
}
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #369;
font-size: 1em;
margin:0px;
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
border-bottom: 0px;
text-decoration: underline;
}
#alignLeft {
float:left;
}
.table {
border: 0px;
padding: 0px;
margin: 0px;
}
#top {
background-color: #666;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4px;
border-bottom: 4px solid #FFF; 
}
#header {
font-size: 0.8em;
color: #F60;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-left:0px;
}
#header ul {
padding-bottom:1px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin:0px;
color: #000;
}
#header ul li {
display: inline;
list-style : square;
}
#header ul li a {
color: #F60;
text-decoration: underline;
}
#header ul li a:hover {
color: #333;
text-decoration: none;
}
#haut {
border-bottom: 4px solid #999;
}
#MenuCentre {
border-bottom: 4px solid #999;
}
#englobe {
width:950px;
margin:0 auto;
background-color:#FFF;
border: 1px solid #000;
padding: 4px;
}
#centre {
background-color:#FFF;
margin-left: 175px;
margin-right: 175px;
margin-top: 10px;
border-left: 1px dotted #666;
border-right: 1px dotted #666;
padding-left: 4px;
padding-right: 4px;
}
#centre p {
/*background-color:#FFF;*/
padding-left: 5px;
padding-right: 5px;
}
#centre p img {
margin-right: 4px;
margin-bottom: 4px;
margin-top: 0px;
}
.table a {
font-size: 0.8em;
color: #C00;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
text-decoration: underline;
}
.table a:hover {
color: #000;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
text-decoration: underline;
}
#centre p a {
font-size: 0.9em;
color: #C00;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
text-decoration: underline;
}
#centre p a:hover {
color: #000;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
text-decoration: underline;
}
#centre hr {
color: #CCC;
background-color: #CCC;
height: 1px;
border: 0;
}
.formulaire {
color: #000;
font-size: 0.9em;
}
.obligatoire {
color: #C00;
font-size: bold;
font-size: 0.8em;
}
.important {
color: #C00;
font-size: bold;
font-size: 0.9em;
}
form {
margin: 0px;
padding: 0px;
}
input {
color : #333;
border: 1px solid #666;
background-color: #CCC;
}
textarea {
color : #333;
border: 1px solid #666;
background-color: #CCC;
}
select {
color : #333;
border: 1px solid #666;
background-color: #CCC;
}
/* entre en conflit avec le sous-menu
#centre ul {
padding: 0px;
margin: 0.8em;
}
#centre li {
padding: 0px;
margin: 0px;
} */
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #gauche {
margin-right: 5px;
}

* html #centre {
height: 1%;
margin-left: 0;
}

/* End hide from IE5/mac */
#gauche {
float:left;
width: 170px;
padding-top: 10px;
border-right:0px;
padding-right:0px;
margin-right:0px;
}
#droite {
float:right;
width: 170px;
padding-top: 10px;
}
#pied {
clear:both;
color: #FFF;
font-size: 0.8em;
text-align: center;
background-color: #666;
padding: 3px;
}
#breadcrumbs {
list-style-type: none;
font-size: 0.8em;
margin: 0;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 4px;
color: #999;
}
#breadcrumbs li {
display: inline;
list-style-type: none;
color: #999;
}
#breadcrumbs a {
margin: 0;
color: #000;
text-decoration: underline;
}
#breadcrumbs a:hover {
color: #C00;
text-decoration: none;
}
#SousMenu {
list-style-type: none;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 5px;
color: #369;
}
#SousMenu li {
display: inline;
list-style-type: none;
color: #999;
}
#SousMenu a {
margin: 0;
color: #369;
text-decoration: underline;
}
#SousMenu a:hover {
color: #000;
text-decoration: none;
}
#headboxnews {
font-weight: bold;
color: #FFF;
background: #C00 url(../images/puce_tete_menu.gif) no-repeat center left;
margin-bottom: 8px;
padding-left: 22px;
padding-top: 2px;
padding-bottom: 2px;
}
#gauchetete {
font-weight: bold;
color: #FFF;
background: #C00 url(../images/puce_tete_menu.gif) no-repeat center left;
margin-bottom: 8px;
padding-left: 22px;
padding-top: 2px;
padding-bottom: 2px;
}
#menugauche {
font-size:0.9em;
font-weight: bold;
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche ul {
list-style-type: none;
margin: 0px;
padding: 0px;
border:0px;
}
#menugauche li {
margin-bottom: 2px;
padding-right: 0px;
}
/* 
permet une séparation là où le champ séparateur 
est à ou ds la table mainrub
*/
#menugauche li.separateur {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/*fin*/
#menugauche a {
padding-left: 20px;
padding-right: 0px;
margin: 0 2px;
color: #666;
background: #FFF url(../images/puce_menu.gif) no-repeat center left;
text-decoration: none;
}
#menugauche a:hover {
color: #C00;
background: #FFF url(../images/puce_hover_menu.gif) no-repeat center left;
text-decoration: none;
}

.rightbox {
	color: #333;
	background: #FFF;
	padding-left: 2px;
	padding-right: 5px;
	padding-top: 2px;
	border-bottom: 1px dotted #CCC;
}
.datebox {
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
	padding-bottom: 0px;
	margin-bottom: 3px;
}
.contenubox {
	color: #666;
	font-size: 0.9em;
}
.liensuitebox {
	color: #F60;
	margin-bottom: 4px;
}
.liensuitebox a {
	color: #F60;
	background: url(../images/arrow_news.gif) no-repeat center left;
	padding-left: 8px;
	text-decoration: underline;
	font-size: 0.8em;
}
.liensuitebox a:hover {
	color: #000;
	text-decoration: none;
	font-size: 0.8em;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
/*]]>*/
