@charset "iso-8859-1";

/* Définitions générales */
body{
background-color:#006600;
color:#fff;
font-family:"Helvetica",verdana,arial,Geneva,times,sans-serif;
font-size:0.8em;
margin-top:6em;
margin-bottom:2em;
margin-left:0;
margin-right:2%;
padding:0;
}


a.titre {
color:#339933;  
font-size:1.5em;
background-color:transparent;
padding:0 0 0.2em 0;
text-decoration : none;
}


a.titre:hover {
color:#339933;  
font-size:1.5em;
background-color:#ffffff;
padding:0 0 0.2em 0;
text-decoration : none;
}


a {
	color: #006600;
	text-decoration : none;
	/*color: #9C0000;*/
}

a:hover, a:focus {
	color: #006600;
	text-decoration : underline;
	
}

a form {
	color: #006600;
}
 
h1 { 
color:#cc0000;
text-align:right;
font-size:1.5em;
background-color:transparent;
padding:0 0 0.2em 0;
}

h2{
border-bottom:1px solid #006600;
color:#339933;  
font-size:large;
background-color:transparent;
padding:0 0 0.2em 0;
}

h3 { font-size : 0.9em; margin : 1em 0; }

/* Bandeau pub */
  
hr.vert  
{
background-color:#006600;
border:1px;
}  
  
#bandeau{
margin:6em 3% 2em 26%;
text-align:center;
}
  
.listesousrub {
	padding:10px;
	border:1px dashed #cc0000;
	font-variant: small-caps;
}

  
/**********************************************/
/*              MENU HORIZONTAL               */
/**********************************************/

#menuh ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#menuh ul li
{
	display: block;
	float: right;
	width: 100px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menuh ul li a
{
	background: #ffffcc;
	width: 100px;
	height: 2em;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0;
	margin: 0;
	color: #55391C;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:0.8em; 
}

html>#menuh ul li a
{
	font-size: x-small;
	width: 100px;   
	padding: 0;
	margin: 0;
} 

#menuh ul li a:hover, #menuh ul li a:focus
{
	background: #66cc00;
	width: 100px;
	height: 2em;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:0.8em; 
}

/**********************************************/
/*              MENU VERTICAL               */
/**********************************************/


#menuhb ul
{
	border: 0;
	margin: 0;
	padding: 1em;
	list-style-type: none;
}

#menuhb ul li.titre
{
	background: #F4F4F4;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	padding: 0em;
	margin-bottom: 3px;
	color: #000000;
	text-decoration: none;
	text-align: right;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.3em; 
	display: block;
	list-style-type: none;
	width: 100%;
}

#menuhb ul li a
{	
	background: #ffffcc;
	margin-bottom: 5px;
	margin-top: 5px;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	padding: 0em;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 0.9em; 
	display: block;
	list-style-type: none;
	width: 100%;
	}

html>#menuhb ul li a
{
	font-size: 0.9em;   
	padding: 0;
} 


#menuhb ul li a:hover, #menuhb ul li a:focus
{	
	background: #66cc00;
	margin-bottom: 5px;
	margin-top: 5px;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	padding: 0em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 0.9em; 
	display: block;
	width: 100%;
	list-style-type: none;
}



/**********************************************************************/


#logo{
position:absolute;
border:0;
background-color:transparent;
left:2%;
top:25px;
padding: 0;
margin: 0;
}

#etoile{
border:0;
background-color:transparent;
text-align:right;
padding: 0;
margin: 0;
}

#page{
color:#000;
background-image: url(fond2.jpg);
background-color:#fff;
border:2px solid #666;
WIDTH: 100%;
}

/* ------MENUS--- */

#menus{

position:absolute;
BACKGROUND-COLOR: #F4F4F4;
color:#000000;
FILTER: alpha(opacity=80);
WIDTH: 21%;
left:2%;
top:19em;
border:1px solid #666;
-moz-border-radius: 4px;
-moz-opacity: 0.8;

}

/* Pages intérieures */

.texte{
color:#000;
BACKGROUND-COLOR: #f3f3f3;
border:1px solid #666;
line-height:150%;
margin:0 3% 2em 26%;
padding:0.5em;
-moz-border-radius: 10px;
}

#bas{
color:#000;
FILTER: alpha(opacity=80);
-moz-opacity: 0.8;
BACKGROUND-COLOR: #f4f4f4;
border:0px solid #666;
line-height:120%;
text-align:right;
margin:0 3% 2em 26%;
padding:0.5em;
}

.doc{
color:#000;
text-align: center;
BACKGROUND-COLOR: #f4f4f4;
border:1px solid #666;
line-height:120%;
margin:0 26% 3px 26%;
padding:0.5em;
}

