/*******************************************************************************/
/* Tous les paramètres par défault                                             */
/*******************************************************************************/
* {padding: 0; margin: 0;} 


body {
	
	overflow-x:hidden;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-family:"Comic Sans MS";
	font-size:12px;
	color:#232E00;
	background:#E7F6E3;
	
}


/*******************************************************************************/
/* Les hyperliens du site                                                      */
/*******************************************************************************/

a:link {
	color: #0E45A7;
}
a:visited {
	color:#0E45A7;
}
a:hover {
	color: #228AE3;
}
a:active {
	color: #228AE3;
}



/*******************************************************************************/
/* Le menu principal, c'est le menu déroulant.                                 */
/*******************************************************************************/

#menuPrincipal{

	position:absolute;
	top:120px;
	left:0px;
	
	width:100%;
	height:20px;
	
	background:#0D74A8;
}


#retourAcceuil{

	background:#0D74A8;
	position:absolute;
	left:0;
	top:120px;
	width:15%;
	height:20px;
	text-align:center; 
}

#retourAcceuil a{
    
	color:white;
	font-size:14px;
	text-decoration:none;
}

#retourAcceuil a:hover{
    
	color:#EBFBAD;
}

/* 
dl, dt, dd, ul, li {

	font-size:10px;
	height:20px;
	list-style-type:none;
}
*/

dl {

	font-size:10px;
	height:20px;
	list-style-type:none;
}

dt {

	font-size:9px;
	height:20px;
	list-style-type:none;
}

dd {

	font-size:10px;
	height:20px;
	list-style-type:none;
}

ul {

	font-size:10px;
	height:20px;
	list-style-type:none;
}


 li {

	font-size:10px;
	height:20px;
	list-style-type:none;
}


#menu {
   
    position:absolute; /* placement du menu, à modifier selon vos besoins */
	height:20px;
	top: 117px;
	left:15%;
	z-index:100;
	width:100%; /* correction pour Opera */
}

#menu dl {
	float: left;
	width: 10.5em;
	border-right:1px solid white;
}

#menu dt {
 
	cursor: pointer;
	text-align: center;
	color:white;
	font-weight: bold;
	background: #0D74A8;
	/*border: 1px solid #1E9A5B;
	border-collapse:collapse;*/

}

#menu dd {
	display: none;
	border: 1px solid #0D74A8;
}

#menu li {
	text-align: center;
	background: #2682B1;
}

#menu li a, #menu dt a {

	color:white;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	background:#3A8EB8;
	color:white;
}


#dateCourante{

    position:absolute;
	top:120px;
	right:0px;
	
	
}

#dateCourante p{
    
	margin-right:5px;
	text-align:right;
	font-size:12px;
	color:white;
}


/*******************************************************************************/
/*Le bas, la ou s'affiche le menu de gauche, le centre et la menu de droite.   */
/*******************************************************************************/
iframe{

	height:100%;
	overflow:visible;
}
/*******************************************************************************/
/* Le menu de gauche, en fait, c'est le menu contextuel                        */
/*******************************************************************************/
body.gauche{

	background:#0D74A8;
}
#gaucheIF{

	position:absolute;
	left:0px;
	top:140px;
	width:15%;
    
		
	
}

#sousMenu{

	margin:0px 0px 0px 0px;
    background:#6BAACA;
	width:100%;
	
	
}

h1{

	font-size:15px;
	color:#black;
	background:#579EC3;
	text-align:center;
	padding-bottom:5px;
	border-bottom:black 1px solid;

}
#sousMenu a{

	font-size:11px;
	text-decoration:none;
	color:#031822;
	
}

#sousMenu a:hover{
	text-decoration:underline;
	font-weight:bolder;
	
}

#sousMenu p{

	margin:5px;
	text-align:center;
	height:20px;
}

/*******************************************************************************/
/* Le menu de droite                                                           */
/*******************************************************************************/

#droiteIF{

	position:absolute;
	right:0px;
	top:140px;
	width:18%; 

}

body.actualite{
    
	background:#B5CC6A;
	
}

#actualite{

	width:100%;
	height:100%;
	padding:5px;
	
}

h3{

    margin-bottom:10px;
    font-size:15px;
	text-align:center;
	color:black;
}

h4{

    margin-bottom:10px;
    font-size:14px;
	color:black;
}
#actualite img{

	float:left;
	margin-right:5px;
}

#actualite a{

	font-size:12px;
	color:black;
	text-decoration:none;

}
#actualite a:hover{

	color:black;
	text-decoration:underline;

}
#actualite p{

	text-indent:15px;
	font-size:10px;
	color:black;
	margin-bottom:10px;	
	
}
#actualite p.lireSuite{
	height:20px;
	text-align:right;
}
/*******************************************************************************/
/* Le centre, c'est la que tout le contenu des menus                           */
/*******************************************************************************/
h2{/*C'est le titre du centre*/

	width:100%;
	font-size:25px;
	color:#94540C;
	background:#EFF6F9;
	padding:5px 10px;
	margin-bottom:20px;

}

#centreIF{

	position:absolute;
	left:15%;
	top:140px;
	width:67%;
}

body.centre{

	
	background:#F7FAFC;

}



#centre p{

	text-indent:25px;
	margin:10px;
	font-size:12px;
	color:#374604;

}

#centre ol,#centre li{

	margin:10px;
}

#centre p:first-letter{

	font-size:20px;
}
#centre img{

	float:left;
	margin:10px;
}

.enrErreur { /*C'est un élément de page <p>*/
	color: #8A2B00;
	font-weight: bold;
	font-size:14px;
}




/*******************************************************************************/
/* Les éléments des formulaires                                                */
/*******************************************************************************/

#form{

	background:#D2E5EF;
	padding:10px;
	margin:10px;
	width:75%;
}

textarea{

	width:100%;
	height:150px;
	margin-top:5px;
	margin-bottom:5px;
	color:#374604;
	background:#F7FAFC;
}

input.submit{

	background:#F0F0FF ;
	color:#B5CC6A; 
    font-weight:bold;
	/*border:#646A9F 2px solid;*/

}
p.submit{

	text-align:right;
}

#form p{

	text-indent:25px;
	font-size:13px;
	color:#374604;
}


p.message{
  
  margin-top:20px;
  text-align:center;
  background:#A1C9DD;
}
#form fieldset{
	
	padding:10px;
	border:#94540C 1px solid;	

}

#form legend{

    color:#0D74A8;
	font-weight:bold;
	font-size:15px;
	margin-left:5px;
	text-align:left;

}
/*******************************************************************************/