/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles de la page de contenu :
1. Menu gauche
2. Centre
3. Droite
4. Galeries
5. Pied de page
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

POUR VERIFIER LES EVENTUELS PBS DE MISE EN PAGE : VISUALISATION DU DECOUPAGE 
__________________________________________________________________________________________________________________________
table {border: 1px solid black;}
td {border: 1px dotted gray;}
div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid lightgreen;}
a {border: 1px solid red;}
*/

/* __________________________________________________________________________________________________________________________

      1. MENU GAUCHE
__________________________________________________________________________________________________________________________*/

/*______________________________________________ Menu gauche ______________________________________________ */
#gauche
{
	/* ___Dimensions et positionnement */
	float: left;
	clear: left;
	width: 181px;
	/*height: 100%;
	 ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background: url(../images/contenu/dupli_gauche.gif);
}

/*______________________________________________ Menu gauche ______________________________________________ */
#menu_gauche
{
	/* ___Dimensions et positionnement */
	width: 181px;
	/* ___Marges */
	margin: 0;
	padding: 15px 0 0 0;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 0.9em;
	/* ___Décoration */
	list-style: none;
	background: url(../images/contenu/fd_menu_gauche.gif) top left no-repeat;
}

#menu_gauche a
{
	/* ___Dimensions et positionnement */
	display: block;
	height: 42px;
	/* ___Marges */
	margin-left: 13px;
	padding: 0 0 0 12px;
	/* ___Texte */
	color: #424242;
	/*line-height: 1em;
	 ___Décoration */
	background: url(../images/index/puce_menu_gauche.gif) 0px 5px no-repeat;
	text-decoration: none;
}

#menu_gauche a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #900D19;
	/* ___Décoration */
	background: none;
}

#menu_gauche a#locations
{
	/* ___Dimensions et positionnement */
	height: 33px;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#menu_gauche a#visites
{
	/* ___Dimensions et positionnement */
	height: 33px;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#menu_gauche a#anims
{
	/* ___Dimensions et positionnement */
	height: 50px;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

.firstletter
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 1.4em;
	/* ___Décoration */
}


#spacer
{
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      2. CENTRE
__________________________________________________________________________________________________________________________*/


/*______________________________________________ Zone de texte ______________________________________________ */
#centre
{
	/* ___Dimensions et positionnement */
	float: left;
	position: relative;
	width: 338px;
	/* ___Marges */
	margin: -40px 10px 0 15px;
	padding: 0;
	/* ___Texte */
	font-size: 0.85em;
	color: #424242;
	/* ___Décoration */
}

#centre h2
{
	/* ___Dimensions et positionnement */
	float: right;
	height: 33px;
	/* ___Marges */
	margin: 1em 0.5em 1em 70px;
	padding: 10px 0 0 45px;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.7em;
	color: #900D19;
	text-align: right;
	/* ___Décoration */
	background: url(../images/contenu/puce_h2.gif) top left no-repeat;
}

#centre h3
{
	/* ___Dimensions et positionnement */
	clear: both;
	/* ___Marges */
	margin: 1em 0 1em 0;
	padding: 0 0 0 15px;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	letter-spacing: 1px;
	font-style: italic;
	font-size: 1.4em;
	color: #900D19;
	/* ___Décoration */
	background: url(../images/contenu/puce_h3.gif) top left no-repeat;
}

#centre h3 span
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 0.7em;
	color: #999;
	/* ___Décoration */
}

#centre h4
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 0 0;
	padding: 0 0 0 10px;
	/* ___Texte */
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #424242;
	/* ___Décoration */
	background: url(../images/contenu/puce_rouge.gif) top left no-repeat;
	border-bottom: 1px dotted #D5CBBE;
}

#centre p
{
	/* ___Dimensions et positionnement */
	width:95%;
	/* ___Marges */
	/* ___Texte */
	text-align: justify;
	line-height: 1.5em;
	/* ___Décoration */
}

#centre a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #F48F1E;
	font-weight: bold;
	/* ___Décoration */
}

#centre .legende
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin: 0.5em;
	padding:0;
	/* ___Texte */
	font-size:0.8em;
	color:#CCCCCC;
	text-align:center;
	/* ___Décoration */
}

#centre .legende_noir
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin: 0.5em;
	padding:0;
	/* ___Texte */
	font-size:0.8em;
	color:#424242;
	text-align:center;
	/* ___Décoration */
}

#centre img
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 auto;
	/* ___Texte */
	/* ___Décoration */
}

#centre li
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	line-height: 1.5em;
	/* ___Décoration */
	list-style-image: url(../images/contenu/puce_rouge.gif);
}

/*_________________________________________  Mise en forme des tableaux _________________________________________ */
#centre table th, #centre table tr , #centre table td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 3px;
	/* ___Texte */
	/* ___Décoration */
}

#centre table
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 10px 0 10px 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#centre table th
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-weight: bold;
	/* ___Décoration */
	border: 1px solid #ccc;
	background: #F2EDE6;
}

#centre table td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: 1px solid #ccc;
}

#centre table.sansbordures
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 10px 0 10px 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	border-collapse: collapse;
	border: none;
}

#centre table.sansbordures th
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-weight: bold;
	/* ___Décoration */
	border: none;
	background: #F2EDE6;
}

#centre table.sansbordures td
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: none;
}

/*_________________________________________ Bouton haut de page _________________________________________ */
.btn_haut
{
	/* ___Dimensions et positionnement */
	clear:both;
	/* ___Marges */
	margin-top: 2em;
	margin-bottom: 2em;
	padding-top: 2px;
	/* ___Texte */
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.9em;
	/* ___Décoration */
	border-top: 1px dashed #F48F1E;
}

.btn_haut a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding-left: 18px;
	/* ___Texte */
	/* ___Décoration */
	background: url(../images/contenu/btn_haut.gif) 0px 2px no-repeat;
	text-decoration: none;
}

.btn_haut a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration: underline;
}

/*_________________________________________ Bouton haut de page _________________________________________ */
.btn_zoom
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin-top: 2em;
	margin-bottom: 2em;
	/* ___Texte */
	font-weight: bold;
	font-size: 0.9em;
	/* ___Décoration */
}

.btn_zoom a
{
	/* ___Dimensions et positionnement */
	height:20px;
	display:block;
	/* ___Marges */
	padding-top: 3px;
	padding-left: 30px;
	/* ___Texte */
	/* ___Décoration */
	background: url(../images/contenu/btn_zoom.gif) top left no-repeat;
	text-decoration: none;
}

.btn_zoom a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration: underline;
}


/*__________________________________________________________________________________________________________________________

      3. DROITE
__________________________________________________________________________________________________________________________*/


/*______________________________________________ Zone de texte ______________________________________________ */
#droite
{
	/* ___Dimensions et positionnement */
	float: right;
	position: relative;
	width: 196px;
	/* ___Marges */
	margin: -40px 0 0 0;
	padding: 0;
	/* ___Texte */
	font-size: 0.85em;
	text-align: center;
	/* ___Décoration */
	background: url(../images/contenu/bas_voir_aussi.gif) bottom center no-repeat;
}

#droite h2
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 15px 0 0 0;
	/* ___Texte */
	color: #424242;
	font-size: 1.2em;
	text-align: center;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	/* ___Décoration */
	background: url(../images/contenu/fd_titre_voir_aussi.gif) top center no-repeat;
}

#menu_contextuel
{
	/* ___Dimensions et positionnement 
	width: 178px;*/
	/* ___Marges 
	margin: 0 11px 0 7x;*/
	margin: 0 20px 0 16px;
	padding: 0 8px;
	/* ___Texte */
	text-align: left;
	/* ___Décoration */
	background-color: #F2EDE6;
}

#menu_contextuel h3
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 1em 0 0 0;
	/* ___Texte */
	font-size: 1.1em;
	color: #873014;
	/* ___Décoration */
}

#menu_contextuel p
{
	/* ___Dimensions et positionnement */	
	/* ___Marges */
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 0;
	/* ___Texte */
	/* ___Décoration */
	
}

#menu_contextuel a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding-left: 12px;
	/* ___Texte */
	color: #F48F1E;
	font-weight: bold;
	/* ___Décoration */
	background: url(../images/index/puce_actu.gif) top left no-repeat;
}

#menu_contextuel ul
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin-left: 0px;
	margin-top: 0.5em;
	padding: 0;
	/* ___Texte */
	line-height: 1.5em;
	/* ___Décoration */
	list-style-type: none;
}

#menu_contextuel img
{
	/* ___Dimensions et positionnement */
	display:inline;
	/* ___Marges */
	margin-left:5px;
	/* ___Texte */
	/* ___Décoration */
}


/*______________________________________________ Logo Anjou ______________________________________________ */
#logo_anjou
{
	/* ___Dimensions et positionnement */
	float: right;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      4. GALERIES 
__________________________________________________________________________________________________________________________*/	

/*______________________________________________ Galerie photo ______________________________________________ */

#centre.galerie{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	text-align: center;
	/* ___Décoration */
	list-style: none ;
}

.galerie_mini{
	/* ___Dimensions et positionnement*/
	height: 100%; 
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style: none ;
}

.galerie_mini li{
	/* ___Dimensions et positionnement */
	width: 150px ;
	float: left ;
	height: 120px;
	/* ___Marges */
	/* ___Texte */
	text-align:center;
	/* ___Décoration */
	list-style: none ;
	background:none;
}

/*______________________________________________ Légende ______________________________________________ */
.galerie_mini li span{
	/* ___Dimensions et positionnement */
	width: 150px;
	display:block;
	/* ___Marges */
	padding: 0.5em 0 1em 0;
	/* ___Texte */
	color: #ccc;
	font-size: 0.8em;
	line-height: 1.2em;
	/* ___Décoration */
}

/*______________________________________________ Vignette ______________________________________________ */
.galerie_mini li a img{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 5px ;
	/* ___Texte */
	/* ___Décoration */
	border: 1px solid #ccc;
}

/*__________________________________________________________________________________________________________________________

      5. PIED DE PAGE
__________________________________________________________________________________________________________________________*/

#pied 
{
	/* ___Dimensions et positionnement */
	clear:both;
	height: 27px;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font-size: 1px; /* supprime un bug qui permet ŕ la hauteur d'ętre plus petite que la hauteur du texte */  
	/* ___Décoration */
	background: url(../images/contenu/pied.gif) top left no-repeat;
}