@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color:#26CE2B;
}


div#banniere {
	position:relative; 			/* permet le centrage de la bannière*/
	margin-left: auto;			/* permet le centrage de la bannière*/
    margin-right: auto;			/* permet le centrage de la bannière*/
	width:964px;				/* permet le centrage de la bannière*/
	z-index: 0;
}



/************************ Menu **************************/
div#menu {
	
	position:relative; 			/* permet le centrage du menu*/
	margin-left: auto;			/* permet le centrage du menu*/
    margin-right: auto;			/* permet le centrage du menu*/
	width:847px;				/* permet le centrage du menu*/
	height: 21px;	
	top: -57px;
	z-index: 3;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	background-color:#33CC33; 	/* Couleur de fond du menu*/
}
 

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dl {
	line-height: 19px; 		/* hauteur des boutons du menu et des sous-menu*/
	float:left;
	width:121px;  			/* largeur des boutons du menu*/
}
#menu dt {
	cursor: pointer;
	text-align: center;
	background:#2EF537; 	/* Couleur de fond des boutons du menu */
	margin: 1px;
}
#menu dd {
	display: none;
	border: 1px solid black;
}
#menu li {
	text-align: center;
	background:#CFCFCF;		/*Couleur de fond des boutons du sous menu*/
}
#menu li a, #menu dt a {
	color: #000;  			/*couleur du texte des liens*/
	text-decoration:none;   /*surlignement des liens*/
	display: block;
	border: none; 			/* Bordure des liens */
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	font-weight: bold;
	background: #eee;
}


/**********************propriétés cadre texte********************************************/

#cadretexte { 				
	position:relative; 		/* permet le centrage du cadre*/
	margin-left: auto;		/* permet le centrage du cadre*/
    margin-right: auto;		/* permet le centrage du cadre*/
	width:850px;			/* permet le centrage du cadre: longueur*/
	top: -60px;
	padding-top: 1em; 		/*Hauteur laissée libre avant le texte*/
	line-height: 1em; 		/* Interligne*/
	background-image:url(Images/fondtexte.gif);
	font: black;
}

#contenu p {
	padding-left: 5em;
	padding-right: 5em;
}

#contenu_accueil p, #contenu p {
	color:black;
	font-size:16px;
	margin: 0.5em;			/*gestion des espaces interparagraphes */
	text-align:justify;
}

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


#titre {
padding-left: 5em;
}

#contact, #siteroland, #planacces, #ressources, #centrage_logo, #qualite, #barre, #compteur {
	position:relative; 		/* permet le centrage du cadre*/
	margin-left: auto;		/* permet le centrage du cadre*/
    margin-right: auto;		/* permet le centrage du cadre*/
}

#contact {
	width:470px;
}

#siteroland {
	width:700px;
}


#planacces  {
	width:600px;
}

#centrage_logo {
	width:624px;
	}
	
#ressources {
	width:709px;
	}

#qualite {
	width:650px;
	}
	
#barre {
	width:590px;
	}

#compteur {
	width: 100px;
	top: -125px;
}

#liens a {
	color:#666666;  			/*couleur du texte des liens*/
	font-size:15px;				/*Taille du texte*/
	text-decoration:none;   	/*surlignement des liens*/
	font-weight: bold;
}

#liens a:hover, #liens a:focus {
	font-weight: bold;
	color:#26CE2B;
}


/***********************************Propriété tableau recrutement*******************************/

#recrutement {
	
	position:relative; 			/* permet le centrage du menu*/
	margin-left: auto;			/* permet le centrage du menu*/
    margin-right: auto;			/* permet le centrage du menu*/
	width:222px;				/* permet le centrage du menu*/
	height: 192px;	
	z-index: 3;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;	/* Bordure exterieure du menu*/
	border-left: solid #000 1px;
	border-right: solid #000 1px;
}
 

#recrutement dl, #recrutement dt{
	margin: 0;
	padding: 0;
}

#recrutement dl {
	line-height: 30px; 		/* hauteur des boutons du menu et des sous-menu*/
	width: 220px;  			/* largeur des boutons du menu*/
	border: 1px solid black;
}
#recrutement dt {
	cursor: pointer;
	font-size:16px;
	text-align: center;
	margin: 0px;
}


#recrutement dt a {
	color: #000;  			/*couleur du texte des liens*/
	text-decoration:none;   /*surlignement des liens*/
	display: block;
	border:none; 			/* Bordure des liens */
}
#recrutement dt a:hover, #recrutement dt a:focus {
	background:#DEDED8;		
}