/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles de la page d'accueil :
1. Propriétés de la page
2. Galerie photos
3. Infos pratiques
4. Info alerte
5. A la une
6. Agenda
7. Lettre d'info
__________________________________________________________________________________________________________________________*/

/*__________________________________________________________________________________________________________________________

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;}
*/

/* _____________________________________________________________________________

	PROPRIETES DE LA PAGE
_____________________________________________________________________________*/

/*__________________________ Titres __________________________*/

h2 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0.2em;
	/* ___Texte */
	font-variant:small-caps;
	color: #fff;
	font-size: 1.9em;
	font-weight: normal;
	/* ___Décoration */
}

h3 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0.5em;
	/* ___Texte */
	color: #6c0000;
	font-size: 1.4em;
	/* ___Décoration */
	border-left: 1px solid #6c0000;
}

.autres {
	/* ___Dimensions et positionnement */
	clear: both!important;
	float: right!important;
	/* ___Marges */
	margin: 0!important;
	padding: 0.2em 0.4em 0.2em 1.5em!important;
	/* ___Texte */
	text-align: right!important;
	color: #6c0000!important;
	font-size: 1.3em!important;
	/* ___Décoration */
	background: #e7d8ba url(../images/commun/puce_autres.png) 0.5em center no-repeat!important;
}

/*__________________________ Zoning __________________________*/

#gauche {
	/* ___Dimensions et positionnement */
	float: left;
	width: 47.2em;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#droite {
	/* ___Dimensions et positionnement */
	float: right;
	width: 47.2em;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/* _____________________________________________________________________________

	GALERIE PHOTOS
_____________________________________________________________________________*/

#galerie h2 {
	/* ___Dimensions et positionnement */
	display: none;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#galerie img {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border: 0.1em solid #bdad81;
}

/*__________________________ Légende + navigation __________________________*/

#galerie_footer {
	/* ___Dimensions et positionnement 
	overflow: auto;*/
	/* ___Marges */
	padding: 0.2em;
	/* ___Texte */
	/* ___Décoration */
	background: #f1efd7;
}

#galerie_footer p {
	/* ___Dimensions et positionnement */
	float: left;
	width: 74%;
	/* ___Marges */
	margin: 0.2em 0 0 0;
	padding: 0; 
	/* ___Texte */
	font-size: 1.1em;
	font-style:italic;
	/* ___Décoration */
}

#galerie_nav {
	/* ___Dimensions et positionnement */
	float: right;
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
}

#galerie_nav li {
	/* ___Dimensions et positionnement */
	float: left;
	display: block;
	/* ___Marges */
	margin: 0 0.2em;
	padding: 0;
	/* ___Texte */
	text-align: center;
	font-size: 1.2em;
	color: #333;
	/* ___Décoration */
	border: 0.1em solid #ccc;
}

#galerie_nav li.actif {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0.1em 0.4em;
	/* ___Texte */
	/* ___Décoration */
	border: 0.1em solid #ccc;
	background: #fff;
}

#galerie_nav li a {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	margin: 0;
	padding: 0.1em 0.4em;
	/* ___Texte */
	color: #333;
	/* ___Décoration */
	text-decoration: none;
}

#galerie_nav li a:hover,
#galerie_nav li a:active,
#galerie_nav li a:focus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background: #CCC;
}

/* _____________________________________________________________________________

	INFOS PRATIQUES
_____________________________________________________________________________*/

#infos_pratiques {
	/* ___Dimensions et positionnement */
	clear: both;
	overflow: auto;
	/* ___Marges */
	margin: 0.5em 0;
	/* ___Texte */
	/* ___Décoration */
	background: #f1efd7;
}

#infos_pratiques_gauche {
	/* ___Dimensions et positionnement */
	float: left;
	width: 49%;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#infos_pratiques_droite {
	/* ___Dimensions et positionnement */
	float: right;
	width: 49%;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#infos_pratiques h2 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background: #88641b url(../images/index/fd_titre_contact.png) top left repeat-x;
}

#infos_pratiques h3 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0.8em 0.3em 0.3em 0.1em;
	/* ___Texte */
	line-height: 1em;
	/* ___Décoration */
}

#infos_pratiques p,
#infos_pratiques address
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	font-style: normal;
	font-size: 1.3em;
	/* ___Décoration */
}

#infos_pratiques p a.autres{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 1em!important;
	/* ___Décoration */
}

#infos_pratiques a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0 0 0 0.8em;
	/* ___Texte */
	color: #333;
	/* ___Décoration */
	background: url(../images/commun/puce_rouge.png) center left no-repeat;
}

/* _____________________________________________________________________________

	INFO ALERTE
_____________________________________________________________________________*/

#alerte {
	/* ___Dimensions et positionnement */
	min-height: 5em;
	/* ___Marges */
	padding: 0.3em;
	/* ___Texte */
	/* ___Décoration */
	border: 0.1em solid #ccc;
	background: url(../images/index/picto_alerte.png) 1px 1px no-repeat;
}

#alerte p {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 0 0 3em;
	padding: 0;
	/* ___Texte */
	font-size: 1.6em;
	font-weight: bold;
	color: #6c0000;
	/* ___Décoration */
}

#alerte .date {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 1.3em;
	color: #e16a00;
	font-variant: small-caps;
	/* ___Décoration */
}

/* _____________________________________________________________________________

	A LA UNE
_____________________________________________________________________________*/

#a_la_une {
	/* ___Dimensions et positionnement */
	overflow: auto;
	/* ___Marges */
	margin: 0.5em 0;
	/* ___Texte */
	/* ___Décoration */
}

#a_la_une h2 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	font-size: 3.2em;
	font-variant: normal;
	/* ___Décoration */
	background: #eb9d00 url(../images/index/fd_titre_a_la_une.png) top left repeat-x;
}

#a_la_une .date {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	/* ___Texte */
	font-size: 0.6em;
	/* ___Décoration */
}

#a_la_une img {
	/* ___Dimensions et positionnement */
	float: left;
	/* ___Marges */
	margin-right: 1em;
	margin-top: 0.1em;
	/* ___Texte */
	/* ___Décoration */
}

#a_la_une p {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 0 0;
	padding: 0;
	/* ___Texte */
	font-size: 1.4em;
	/* ___Décoration */
}

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

/* _____________________________________________________________________________

	AGENDA
_____________________________________________________________________________*/

#agenda {
	/* ___Dimensions et positionnement */
	clear: both;
	overflow: auto;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background: #f1efd7;
}

#agenda h2 {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background: #92110c url(../images/index/fd_titre_agenda.png) top left repeat-x;
}

#agenda ul {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 0 0 3em;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
}

#agenda li {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding: 0.2em;
	/* ___Texte */
	font-size: 1.3em;
	/* ___Décoration */
	list-style: url(../images/commun/puce_rouge.png);
}

#agenda .date {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #6c0000;
	/* ___Décoration */
}

#agenda a {
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #333;
	/* ___Décoration */
}

/* _____________________________________________________________________________

	LETTRE D'INFO
_____________________________________________________________________________*/

#lettre_info {
	/* ___Dimensions et positionnement */
	height: 3em;
	margin: 1em 0;
	padding: 0;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

#lettre_info a {
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges */
	padding: 0.4em;
	/* ___Texte */
	color: #73581c;
	font-size: 1.5em;
	/* ___Décoration */
	text-decoration: none;
	background: #e9e6b1 url(../images/index/picto_lettre_info.png) right top no-repeat;
}

#lettre_info a:hover,
#lettre_info a:active,
#lettre_info a:focus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #fff;
	/* ___Décoration */
	background: #73581c url(../images/index/picto_lettre_info_on.png) right top no-repeat;
	text-decoration: underline;
}