/* CSS Document */

body,html,form {
	background-color:#757371;
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;
	background-position:top center;
	color:#B5D3D1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	position:relative;
	}

#contenant {
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	background-image:url(images/fond-contenant.gif);
	background-repeat:repeat-y;
	text-align:justify;
	}
.struct-gauche {
	float:left;
	margin:0px;
	position:relative;
	}
/*pour les flêches monter et descendre dans l'admin*/
span.struct-gauche {
	margin-bottom:3px;
	background-image:url(images/monter-descendre.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

span.struct-gauche img {
	margin-bottom:1px;
	}
span.struct-gauche a img {
	visibility:visible;
	}
span.struct-gauche a:hover img {
	visibility:hidden;
	}

		
/*pour les titres des pages dans VPAD l'admin*/
span.page_admin {
	display:block;
	height:20px;
	}
	
	
.struct-droite {
	float:right;
	margin:0px;
	position:relative;
	} 
.gauche {
	float:left;
	margin:0px 10px 10px 0px;
	position:relative;
	} 
.droite {
	float:right;
	margin:0px 0px 10px 10px;
	position:relative;
	}
.center {
	float:left;
	margin:auto;
	position:relative;
	}
/*STYLES DES IMAGES DANS LES GALERIES*/

.portrait {
	width:135px;
	height:180px;
	float:left;
	margin:5px;
	}
.paysage {
	height:180px;
	width:240px;
	float:left;
	margin:5px;
	}
.carre {
	width:180px;
	height:180px;
	float:left;
	margin:5px;
	}
p.droite {
	text-align:right;
	float:none;
	clear:left;
	
	}
p.centre {
	text-align:center;
	float:none;
	clear:left;
	
	}
h1.princ {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:8px 0px 0px 0px;
	margin:0px;
	background-image:url(images/fond-h1.gif);
	width:376px;
	height:41px;
	letter-spacing:0.3em;
	}
h1 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 15px 4px 40px;
	margin:20px 0px 10px 0px;
	background-color:#7D7A77;
	letter-spacing:0.2em;
	}

h2 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
background-color:#7D7A77;
}
h3 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
background-color:#7D7A77;

	}
h31 {
	font-size:10px;
	font-weight:normal;
	margin:5px 15px 10px 40px;
	}
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.ligne {
	clear:both;
	color:#CCCCCC;
	background-color:#999999;
	border:none;
	margin:0px;
	padding:0px;
	height:1px;
	}
/*ADMIN*/

.bloc_admin {
	width:982px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	background-color:#625E5A;
	}	
.bloc_admin h2{
	margin:5px 0px 10px 25px;
	}
.bloc_admin p{
	margin:0px 0px 0px 25px;
	}
.bloc_moitie {
	width:420px;
	float:left;
	margin:5px 35px 10px 25px;
	padding:0px;
	position:relative;
	}	
img.admin_slider {
	width:420px;
	height:215px;
	}	
/*fin de ADMIN*/	

#colonne-gauche {
	width:376px;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	}	
#colonne-gauche h2,p{
	margin:5px 0px 10px 25px;
	}
#contenu_acc {
	width:606px;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	}
#contenu_acc p,h2,table{
	margin:5px 15px 10px 40px;
	
	}
#contenu_acc h1{
	clear:both;
	}
#contenu{
	width:606px;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	}
#contenu p,h2,table{
	margin:5px 15px 10px 40px;
	
	}
/*#contenu h1{
	clear:both;
	}*/

.violet {
	color:#9090FF;
	}
.violet2 {
	color:#AF9AFF;
	}
.bleu {
	color:#00C8FF;
	}
.bleu2 {
	color:#92C2FE;
	}
.vert {
	color:#28E7D7;
	}

.vert2 {
	color:#91B96E;
	}
	
.ocre {
	color:#F2B751;
	}
a {
	color:#28E7D7;
	text-decoration:none;
	}
a:hover {
	color:#FFFFFF;
	}
img {
	border:none;
	}
.cadre-gris {
	width:100%;
	background-color:#696561;
	margin:20px 0px 0px 0px;
	padding:0px;
	position:relative;
	}

.cadre-abri {
	background-color:#7D7A77;
	width:270px;
	height:239px;
	float:left;
	position:relative;
	margin:24px 0px 20px 14px;
	padding:6px;
	}
.vignette{
	width:257px;
	height:193px;
	}
.cadre-galerie {
	width:100%;
	background-color:#696561;
	margin:20px 0px 0px 0px;
	padding:0px;
	position:relative;
	}

.cadre-galerie {
	background-image:url(images/fond-galerie.gif);
	background-repeat:no-repeat;
	width:270px;
	height:239px;
	float:left;
	position:relative;
	margin:24px 0px 20px 14px;
	padding:6px;
	}
#nav-bas {
	background-image:url(images/fond-nav-bas.gif);
	background-repeat:repeat-y;
	border-top:solid 1px #3C988E;
	position:relative;
	overflow:auto;
	padding:20px 0px 20px 0px;
	margin:20px 0px 0px 18px;
	font-size:10px;
	}
#nav-bas p {
	margin:0px 0px 10px 66px;
	padding:0px;
	float:left;
	position:relative;
	}
#nav-bas a {
	color:#B5D3D1;
	}
#nav-bas a:hover {
	color:#FFFFFF;
	}
#nav-bas p.centre {
	margin:0px;
	padding:0px;
	float:none;
	text-align:center;
	position:relative;
	}
a#admin {
	color:#787878;
	}
a:hover#admin {
	color:#787878;
	}