/*----------------------------CORPS DE LA PAGE------------------------------*/

body{
	color:white;
	background-color:#00a8eb;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.corps{
	background-image:url("images/bg.jpg");
	width:750px;
	height: auto;
	margin:auto;
	border:1px solid white;
}

/*/////////////////////////////////////////////////////////////////////////*/
/*--------------------------BANNIERE--------------------------------------*/
.banniere{
	margin:auto;
	height:120px;
	width:750px;
	background-image:url("images/banniere.png");
	background-repeat:no-repeat;
}

/*/////////////////////////////////////////////////////////////////////////*/
/*-------------------------------MENU HORIZONTAL---------------------------*/
#menu{
	width:750px;
	height:45px;
	/*background-color:#00a8eb;*/
	background-image:url("images/menu_bg.png");
	background-repeat:repeat-x;
	border-top:1px solid white;
	border-bottom : 1px solid white;
	padding-top:3px;
}
			
#menu a, #menu a:visited{
	display:block;
	float : left;
	width:19.9%;
	height:40px;
	border:none;
	text-align:center;
	text-decoration:none;
	color:white;
	font-weight:bold;
	padding-top:3px;
}
			
#menu a:hover, #menu a:visited:hover{
	background-color:#00A8EB;
	padding-top:2px;
	border:1px solid white;
	color:white;			
}

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


.conteneur_pr{
	width:750px;
	height:auto;
	background-image:url("images/bg.jpg");
}

.centre_gch{
	margin:5px;
	width:20%;
	height:auto;
	text-align:center;
	float:left;
	
}

.gauche{
	border:1px solid white;
	margin-bottom: 5px;
}

.centre_drt{
	margin-left:25%;
	width:72%;
	height:auto;
	text-align:center;
}

.centre_drt h1{
	font-size: 14px;
	color:#00a8eb;
	text-align:center;
}

#blocs{
	width: 100%;
	height: auto;
	margin-left:10px;
	text-align:center;

}

.blocAcc{
	width: 24%;
	height:auto;
	/**border: 1px solid blue;*/
	text-align:center;
	float:left;
}

#cles{
	margin-left:70%;
}
	
#cle_visible{
	/*width:100%;*/
	border:1px solid white;
	font-weight: bold;
	margin-bottom: 10px;
}

.cle_cachee{
	font-size:1px;
	color:#95dcf8;
}

.presentation{
	margin:10px;
	/*width:725px;*/
	text-align:center;
	padding:10px;
	border:1px solid #6cccf4;
	background-color:white;
	color:#00a7eb;
}

h1 {
	margin:10px;
	/*width:725px;*/
	text-align:left;
	padding:10px;
	border:1px solid #6cccf4;
	background-color:white;
	color:#00a7eb;
	font-size:0.7em;
	font-weight:none;
	text-decoration:none;
}

h1 a{
	color:#00a7eb;
	text-decoration: none;
}

h1 a:hover{
	color:#00a7eb;
	text-decoration : underline;
}

.presentation a{
	color:#00a7eb;
}

.footer{
	width:750px;
	height:30px;
	clear:both;
	color:#00a8eb;
	text-align:center;
	border-top:1px solid white;
	background-image:url("images/footer.png");
}

.footer a{
	color:#00a8eb;
	text-decoration:underline;
}

.footer a:hover{
	color:#00a8eb;
	text-decoration:underline;
	font-weight:bold;
}

/*A supprimer car inutilisé
.classic{
	text-align:left;
	padding:10px;
	color: white;
	font-weight:bold;
}*/

/*/////////////////////////PAGE D'ACCUEIL V2//////////////////////////*/
#clesDroite{
/*	border:1px solid #FFFFFF;*/
	float:right;
	width:20%;
	padding:2px;
/*	font-weight:bold;*/
	text-align:center;
}

#clesGauche{
	/*border:1px solid #FFFFFF;*/
	width:25%;
	padding:2px;
/*	font-weight:bold;*/
	text-align:center;
}

#clesPres{
	width:79%;
}

.presentation2{
	width:70%;
	float:right;
	text-align:center;
	padding:10px;
	border:1px solid #6cccf4;
	background-color:white;
	color:#00a7eb;
}

/*////////////////////////////GALERIE//////////////////////////////////*/
#galerie{
	width:100%;
	height:auto;
	text-align:center;
}

#galerie img{
	margin:10px;
	border:none;
}