/*

* Emplacement des cadres

*/



body{

	background-color:#C6D5C4;	

	margin:0px;

}

#principal{

	width:923px;

	min-height:580px;

	position:relative;

	margin:auto;	

	background-color:white;

	font-family:Arial, Helvetica, sans-serif;

}



/* HAUT */

#principal #haut {

	position: relative;

	height: 164px;

	background-image: url(img/bg_haut.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	z-index: 60;

}

#principal #haut a#logohome {

	position: absolute;

	top: 17px;

	left: 39px;

	z-index: 10;

}

#principal #haut a#lienhome {

	position: absolute;

	top: 125px;

	left: 66px;

	color: #BFD524;

	font-size: 0.7em;

}

#principal #haut a#lienhome:hover {

	color: #FFFFFF;

	text-decoration: none;

}

/* Bannière en haut de la page */



#principal #haut #banniere {

	display:block;

	width:746px;

	height:134px;

	position:absolute;

	right: 0;

	top: 0;

	/*background-image:url(img/banniere.png);*/

	background-image:url(img/bg_haut.jpg);

}

#principal #haut #bloc_contact {

	position: absolute;

	top: 3px;

	right: 1px;

	width: 217px;

	height: 131px;

	background-image: url(img/bloc_contact.png);

	background-repeat: no-repeat;

	z-index: 55;

}

#principal #haut #bloc_contact ul {

	position: absolute;

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-size: 0.7em;

	font-weight: bold;

}

#principal #haut #bloc_contact ul#lieux {

	left: 12px;

	top: 27px;

	color: #F1721A;

}

#principal #haut #bloc_contact ul#nums {

	right: 10px;

	top: 27px;

	font-size: 0.75em;

}

#principal #haut #bloc_contact ul#nums li {

	line-height: 1.15em;

}

/* hack Chrome / Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#principal #haut #bloc_contact ul#nums li {

		line-height: 1.2em;

	}

}

#principal #haut #bloc_contact a#lien_bloc:hover {

	cursor: pointer;

}

#principal #haut #bloc_contact a#lien_bloc:hover {

	color: #F1721A;

	text-decoration: none;

}

#principal #haut #bloc_contact a#lienform {

	color: #FFFFFF;

	text-transform: uppercase;

	display: block;

	position: absolute;

	top: 105px;

	left: 7px;

	font-size: 0.75em;

	font-weight: bold;

	letter-spacing: 0.04em;	

	width: 170px;

	padding-left: 28px;

}

#principal #haut #bloc_contact a#lienform:hover {	

	color: #CCFB00;

	text-decoration: none;

}

#principal #haut #bloc_contact a#liencontact {

	color: #F1721A;	

	text-transform: uppercase;

	display: block;

	position: absolute;

	top: 2px;

	left: 4px;

	font-size: 0.85em;

	font-weight: bold;

	letter-spacing: 0.02em;	

	width: 208px;

	text-align: center;

	line-height: 22px;

}

/* Sommaire sous la bannière */



#principal #haut #sommaire{

	width:771px;

	height:27px;

	background-color:#F1A30D;

	position:absolute;

	bottom: 2px;

	right: 0;

	z-index:50;

}



/* Volet de gauche */



#gauche {

	float:left;

	width:162px;

	min-height:532px;

	background-color:white;

	position:relative;

	z-index: 1;

}



/* Le reste de la page */



#corps{

	float:right;

	min-height:532px;

	top:0px;

	width:761px;

	position:relative;

	text-align:left;

}



/* Tout ce qui est sous le sommaire */



#centre {

	clear:both;

	position:relative;

	width:100%;

	min-height:407px;

	/*background:white url(img/fleurs.png) no-repeat top;

	_background:white url(img/fleurs.gif) no-repeat top;*/

}



/* Le cadre où seront les informations */



#conteneur {

	float:left;

	position:relative;

	top: 25px;

	padding:0px;

	left: 14px;

	width: 520px;

}



/* Liens génériques en bas de la page */



#bas{

	clear:both;

	bottom:0px;

	position:relative;

	font-size:6px;

	height:18px;

	width:100%;

	background-color:white;

	text-align:center;

}

#bas ul {

	list-style-type:none;

	margin:-35px 0 0;

	padding:0;

	text-align:right;

	position: absolute;

	top: 0;

	right: 0;

}

#bas ul li {

	display:inline;

	margin-right:25px;

}

#bas ul li img {

	margin-left:-3px;

}



/*

* Coloration des liens

*/



/* liens génériques en bas de page */



#bas a{

	font:normal 8pt Arial;

	margin:3px;

	color:black;

	text-decoration:none;

}

a:link, a:visited, a:hover, #bas a:hover{

	color:black;

	text-decoration:none;

}

a:hover, #bas a:hover{text-decoration:underline;}



/*  classes */

.real {

	display:inline; 

	height:90px; 

	margin: 0 5px 5px auto;

}

a.primo {

	font-size: 0.75em;

	color:#189C47;	

	display: block;

	margin: 12px;

	font-weight: bold;

}

a.primo:hover {

	color:#F1721A;

	text-decoration: none;

}