@import url(admin.css);
 
/*

	Mise en forme générale du site

*/

a:visited
{
	color: white;
}

a
{
	color:white;
}
	
.banniere
{
	background-image: url(../images/fond.banniere.jpg);
	width:993px;
	height: 93px;
	font-size: 18pt;
	color: white;
	position: relative;
}

.titre
{
	position: absolute;
	bottom: 4px;
	right: 0;
}

.menu
{
	float: left;
	background-image: url(../images/fond.menu.jpg);
	height: 470px;
	width: 151px;
}

.main
{
	height: 470px;
	width: 842px;
	background-image: url(../images/fond.accueil.jpg);
	background-repeat: no-repeat;
	float: right;
	text-align: left;
}

.conteneur
{
	margin-left: auto;
	margin-right: auto;
	width:993px;
	height: 563px;
	text-align: center;
}

body
{
	text-align: center;
	font-size: 10pt;
	font-family: Verdana, Sylfaen;
	
	/*
		Habillement des barres de défilement 
		IE Seulement :-( 
	*/
	scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #eeeeee;
    scrollbar-highlight-color: #111111;
    scrollbar-3dlight-color: #111111;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #000000;
}

/*

	Menus

*/

.menu1
{
	text-align: left;
	color: #FFFFFF;
	margin-top: 85px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-bottom: 0px;
	cursor : pointer;
}

.menu2
{
	text-align: left;
	color: #FFFFFF;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 0px;
	cursor : pointer;
}

.menu3
{
	text-align: left;
	color: #AEAEAE;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 0px;
	cursor : pointer;
}

.loading
{
	color: white;
	text-align: center;
}

/*

	Zone accueil

*/


div.accueil_left
{
	float: left;
	width: 440px;
	height: 378px;
}

div.accueil_right
{
	float: left;
	width: 320px;
	height: 378px;
}

.accueil6x6
{
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 191px;
	height: 189px;
	text-align: center;
	cursor: pointer;
}

.accueilcadre
{
	border: dashed 1px red;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 311px;
	height: 187px;
	text-align: center;
	cursor: pointer;
}

.accueil_actu
{
	border: dashed 1px white;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 311px;
	height: 280px;
	text-align: center;
	cursor: pointer;
}
.accueil_actu_over
{
	border: solid 1px white;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 311px;
	height: 280px;
	text-align: center;
	cursor: pointer;
}

.accueil_contact
{
	border: solid 1px black;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 311px;
	height: 94px;
	text-align: center;
	cursor: pointer;
}
.accueil_contact_over
{
	border: solid 1px white;
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 311px;
	height: 94px;
	text-align: center;
	cursor: pointer;
}

.accueilvide
{
  margin-bottom: 3px;
  margin-right: 3px;
  float: left;
  width: 44px;
  height: 189px;
  text-align: center;
  cursor: pointer;
}

.photo
{
	width: 191px;
	height: 189px;
}

.accueilconteneur
{
	margin-top: 44px;
	margin-left: 41px;
	width: 791px;
}

.long
{
	width: 100%;
}

.spacer
{
  clear: both;
  visibility: hidden;
}

.photoInv
{
	visibility: hidden;
	display: none;
}

.contact
{
	color: white;
}

/*

	Zone main

*/

div.conteneurmain
{
	margin-top: 44px;
	margin-left: 41px;
}

div.cont4x4
{
	float: left;
	width: 388px;
	height: 385px;
	margin-left: auto;
	margin-top: auto;
}

div.photo4x4
{
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
	width: 191px;
	height: 189px;
	text-align: center;
}

div.photoInv
{
	visibility: hidden;
	display: none;
}

img.photo4x4
{
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-top: auto;
	cursor : pointer;
}

p.photo4x4
{
	visibility: hidden;
	display: none;
}

div.contVignette
{
	float: left;
	height: 390px;
	width: 116px;
}

div.photo2x6
{
	margin-bottom: 8px;
	margin-left: 10px;
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
}

img.photo2x6
{
	width:40px;
	height:40px;
	cursor : pointer;
}

div.alcove
{
	float: left;
	text-align: center;
	width: 292px;
	height: 360px;
	overflow: auto;
	/*background-color: white;
	color: black;
	font-size: 8pt;*/
}

img.alcove
{
	width: 270px;
	height: 270px;
	cursor : pointer;
}

p.alcovetitre
{
	color: white;
}

p.alcove
{
	font-size: 8pt;
	/*background-color: white;
	color: black;*/
	color: white;
}

div.defilement
{
	font-size: 9pt;
	color: white;
	height: 30px;
	width: 100%;
	clear: both;
}

/*

	Zone actualités / contact / ecologie

*/

p.ecologieGras
{
	font-weight: bold;
	color: white;	
}

span.legendeEcologie
{
	color: white;
}

div.photoEcologie
{
	float: left;
	width: 160px;
	height: 100px;
	margin-left: 10px;
	margin-right: 10px;
}

img.ecologie
{
	width: 160px;
	height: 100px;
}

div.ecologie
{
	/* Conteneur des photos */
	width: 380px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.eco p
{
	color: white;
	/*font-size: 8pt;*/
}

div.eco
{
	/* Conteneur de la page écologie */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	text-align: center;
}

div.vide
{
	margin-top: 10em;
	height: 100px;
	width: 100%;
	text-align: center;
}

div.actualite
{
	height: 470px;
	width:100%;
	text-align: center;
	overflow: auto;
}

table.actualite
{
	height: 470px;
	width: 100%;
}

td.actualite
{
	width: 50%;
}

td.actualites
{
	text-align: left;
	width: 50%;
}

h1.actualite
{
	color: white;
	font-size: 10pt;
}

.actualite
{
	color: white;
}

td.separateur
{
	width: 0px;
	border-right: dotted white;
}

tr.actualite
{
	width: 50%;
}

img.actualite
{
	height: 190px;
	width: 190px;
}