body {
	background-color: #f5cf75;
	background-attachment:scroll; 
}

#conteneur {
	height:1000px;
	width:1100px;
	margin:auto;
}
/*---------------------------------------- ########### HEADER ########### ------------------------------------------------*/
#header{
	background-repeat: no-repeat;
	height:15%;
	border:none;
}

#header img{
	border: none;
}
/*---------------------------------------- ########### MENU ########### ------------------------------------------------*/
#menu {
	width: 100%;
	height:4%;
	margin-top:0px;
}

#sur_menu {
	width: 100%;
	height: 85%;
	background-color: #9aa65f;
}

#sous_menu {
	border-bottom:  groove;
	border-top: groove;
	width:100%;
	height:15%;
	background-color: #dbdbdb;
}
#deconnecter {
	background-color:#ff4700;
}
/*---------------------------------------- ########### CORPS ########### ------------------------------------------------*/

#corps {
	margin-top: 0px;
	height : 65%;
	width: 100%;
	background-color: white;
	border-top: ridge;
	-moz-border-radius: 0px 0px 10px 10px; 
   -webkit-border-radius: 0px 0px 10px 10px; 
   border-radius: 0px 0px 10px 10px;         
   -webkit-border-top-left-radius: 0px 0px 10px 10px; ; /* pour Chrome */ 
   -webkit-border-top-right-radius: 0px 0px 10px 10px; ; /* pour Chrome */
}


/*------------------ Contenu --------------*/

#contenu {
	height:100%;
	width:72%;
	padding-left: 5px;
}

#contenu h1 {
	text-align: center;
	color: #ed2024
}
#contenu h2 {
	color: #ff4401;
}
#contenu h3 {
	color: #9aa65f
}
#texte_formation {
	font-family: "Arial", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}
/*------------------Colonne de droite --------------*/
#colonne_droite {
	width: 310px;
	height: 100%;
	float: right;
	border-left:groove;
	background-color: #ffaa01;
}

#evenement {
	width: 300px;
	height: 47%;
	margin-top: 1%;
	margin-left: 5px;
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}

#evenement_titre {
	background-image:url(../image/evenement1.png);
	width: 300px;
	height: 44px;
	background-color: #9aa65e;
	-moz-border-radius: 10px 10px 0 0; 
   -webkit-border-radius: 10px 10px 0 0; 
   border-radius: 10px 10px 0 0;         
   -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px; /* pour Chrome */
}

#intitule {
	width: 100%;
	height: 15%;
	background-color: white;
	text-align: center;
	font-variant: small-caps;
}

#evenement_contenu {
	width : 100%;
	height: 81%;
	background-color: white;
}

#urgent {
	width: 300px;
	height: 46%;
	margin-left: 5px;
	position : relative ;
	overflow: hidden;
	background-color: white;
	
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}

#urgent_contenu {
	width : 100%;
	height: 84%;
	background-color: white;
	position : absolute;

	
}



#urgent_titre {
	background-image:url(../image/urgent1.png);
	width: 300px;
	height: 43px;
	background-color: #9aa65e;
	margin-top: 2%;
	margin-left: 5px;
	-moz-border-radius: 10px 10px 0 0; 
   -webkit-border-radius: 10px 10px 0 0; 
   border-radius: 10px 10px 0 0;         
   -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px; /* pour Chrome */
}
#urgent_contenu p {
	display: inline;
}
#compteur {
	width: 300px;
	height: 7%;
	margin-top: 1%;
	margin-left: 5px;
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}

#compteur_titre {
	background-image:url(../image/visiteur.png);
	width: 300px;
	height: 43px;
	background-color: #9aa65e;
	-moz-border-radius: 10px 10px 0 0; 
   -webkit-border-radius: 10px 10px 0 0; 
   border-radius: 10px 10px 0 0;         
   -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px; /* pour Chrome */
}

#compteur_contenu {
	width : 100%;
	height: 80%;
	background-color: white;
	font-size: 1.5em;
}

#compteur_contenu p {
	display: inline;
}

/*----------------------------------- ########### Pied de page ########### -----------------------------------------------*/

#footer {
	width: 100%;
	background-color: #ffaa01;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}
/*----------------------------------- ########### Diapos activites ########### -----------------------------------------------*/
#conteneur_activite{
	width: 100%;
	height: 100%;
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}
#titre_activite{
	float:left;
	text-align: center;
	width: 25%;
	height: 100%;
	color: #ff4401;
	font-variant: small-caps;
	font-size: 1.5em;
}
#texte_activite {
	margin-left: 62%;
	width: 38%;
	height: 100%;
	font-family: "Arial", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}
#photos{
	float:left;
	width: 50%;
	height: 100%;
	-moz-border-radius: 10px 10px 10px 10px; 
   -webkit-border-radius: 10px 10px 10px 10px; 
   border-radius: 10px 10px 10px 10px;         
   -webkit-border-top-left-radius: 10px 10px 10px 10px; /* pour Chrome */ 
   -webkit-border-top-right-radius: 10px 10px 10px 10px; /* pour Chrome */
}