/* CSS Document */



* {

	margin: 0;

}



html {height:100%}



body {

	height: 100%;

	margin: 0px;

	padding: 0px;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	background-color: #000000;

	/* background-color:#012061;

	 background-image:url(charte/fond.jpg); 

	background-repeat:repeat-y;

	background-position:center top; */

}



#logo {

	width: 990px;

	height: 130px;

	margin: 0px;

	padding: 0px;

	background-color:#740c0d;

	background-image:url(charte/rideau.jpg);

	background-position:top center;

}







dl, dt, dd, ul, li {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



p {

	display:block;

	margin-bottom:12px;

}



h1 {

	text-align: center;

	font-size: 20px;

	padding-bottom: 20px;

}



h2 {

	text-align: center;

	font-size: 18px;

	padding-bottom: 20px;

}



h3 {

	font-size: 16px;

	font-weight: bold;

	padding-bottom: 20px;

}



a {

	color: #0000FF;

	text-decoration: underline;

}



a:hover {

	color: #0000FF;

	text-decoration:none;

}



a:visited {

	color: #0000FF;

	text-decoration: underline;

}



#contour {

	text-align:left;

	width:990px;

	border: 4px #2c0000 solid;

	color: #FFFFFF;

	padding: 0px;

	margin: 0px;

	height:100%;

	background-image:url(charte/theatre-fond-bas.jpg);

	background-repeat:repeat-x;

	background-position:bottom;

	background-color:#011039;

}



#contenu {

	margin: 0px 0px;

	padding: 20px 20px 20px 20px;

	height:100%;

}



#contenu a {

	color: #FFFF00;

	text-decoration:underline;

} 



#contenu a:hover {

	color: #FFFF00;

	text-decoration:none;

}



#footer {

	text-align:center;

	background-color:#645924;

	color:#FFFFFF;

	padding:5px;

	font-weight: bold;

	font-size:15px;

	border: #000000 1px solid;

	background-image:url(charte/barre_acier.jpg);

	background-repeat:repeat-x;

}



#footer a {

	color:#FFFFFF;

	text-decoration:none;

}



#footer a:hover {

	color:#FFFF00;

	text-decoration:underline;

}



.savoir_plus {

	font-size:14px;

	color: #993399;

	font-weight:bold;

}





.border_img {

	border: 1px solid #000000;

	margin: 6px;

}



body {

	behavior:url("csshover.htc");

}



	span.infos {

		font-size: 14px;

		font-weight: bold;

	}



span.errmsg {

	font-size: 14px;

	color: #FF0000;

	font-weight: bold;

	text-align: left;

}



label.contact {

	font-weight: bold;

}

	

/* the menu */

	

#menu_content {

	text-align:center;

	width:990px;

	position:absolute;
	
	z-index:40;


}



#menu_content a {

	color:#FFFF00;

	text-decoration:none;

}

#menu_content a:visited {

	color:#FFFF00;

	text-decoration:none;

}

#menu_content a:hover {

	color:#FFFF00;

	text-decoration:underline;

}









#menunav {

	width: 100%;

	height: 20px;

	margin: 0;

	padding: 0;

	border: 0;	

	list-style-type: none;

	text-align:center;

}



#menunav li {

	float: left;

	width: 198px !important;

	width: 192px;

	margin: 0;

	padding: 0;

	border: 0;	

	text-align: center;

	line-height: 20px;

	font-weight: bold;

	font-size:12px;
	
	display: block;

	text-decoration: none;

	/*background-color: #FFFFFF;*/

}



ul, li, ul a {

	display:block;

	margin:0;

	padding:0;

	border:0;

}



/*

li.rubrique { 

	background:white;

}

*/

	

li.rubrique>ul { left:140px; } /* others */



ul a {

	padding:2px;

	/* margin:2px; */

	text-decoration:none;

	color: #FFFFFF;

	font-weight:bold;

	border: 1px #645924 solid;

	width:100%; /* IE */

}

	

li>a { width:auto; } /* others */



li a.first-rub {

	/*background-color: #b2b2b2;	*/

}



li a.second-rub {

	font-size:1em;

	/* background: transparent url("imgs/fond_hover.png") no-repeat; */

	background-color: #AA1111;

}



/* regular hovers */



ul a:hover {

	border: 1px solid gray;

}

	

li.rubrique a:hover {

	background-color: #D10106;

	color:#FFFF00;

	border: 1px solid #FFFF00;

}

	

/* hovers with specificity */



li a.first-rub:hover {

	color: #FFFF00;

	background-color: #740c0d;	

}



li.rubrique:hover { z-index:10; }		

		

ul ul, #menunav li:hover ul ul {

	display:none;

}



li:hover ul, #menunav li:hover li:hover ul {

	display:block;

}



table.liste {

	border-top: 1px solid #6F9AA5;

	border-right: 2px solid #6F9AA5;

	border-left: 2px solid #6F9AA5;

	border-bottom: 1px solid #6F9AA5;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



table.liste td, table.liste th {

	padding: 4px;

	border-color: #6F9AA5;

	border-collapse: collapse;

	border-width: 1px;

	border-style: solid;

}



table.liste th {

	padding: 5px 0;

	background-color: #6F9AA5;

	text-align: center;

	color: #FFFFFF;

	font-weight: bold;

}



table.liste td {

	text-align:left;

}



table.liste th a:link, table.liste th a:hover, table.liste th a:visited, table.liste th a:active {

	color: #FFFF00;

}



table.liste td a:link, table.liste td a:hover, table.liste td a:visited, table.liste td a:active {

	color: #0000FF;

}