/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d′IE 6-7. (1) */
}
body {
	margin: 0;
	padding: 0; /* Remettre à zéro si nécessaire. */
	/* Pensez à utiliser une collection de polices (2), par ex: */
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: 11px; /* À adapter pour la police choisie. (3) */
	line-height: 1.2; /* À adapter au design. (4) */
	color: #666666;
	background-color: #e1ded9;
	top: 0px;
	text-align: justify;
	text-justify: newspaper;
}

/* Titres */
/*h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) * /
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) * /
    font-style: normal;
}*/
h1 {
	 font-size: 14px;
	 color: #474748;
	 margin: 0 0 0 20px;
}
h1.sous-titre {
	 font-size: 14px;
	 color: #474748;
	 margin: 0;
}
h2 {
    font-size: 1.5em;
}

h2.sous-titre {
	 font-size: 12px;
	 color: #474748;
	 margin: 0;
}

h3 {
    font-size: 20px;
	color: #97be0d;
	font-weight: bold;
	margin: 0 0 0 0;
}
h4 {
	margin: 0 0 0 0; /* Rapproche le titre du texte. (5) */
    font-size: 16px;
}

/* Listes */
ul, ol {
/*    margin: .75em 0 .75em 32px; */
	margin: 0 0 0 0;
    padding: 0;
}

li {
	list-style-type:none;
}

/* Paragraphes */
p {
  margin: 15px 0 0 0px;/* Marges plus faibles que par défaut. (7) margin: 10px 0 0 15px; */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    	 color: #474748;
text-decoration: underline;
	cursor : pointer;
}
/*a:link {
    color: mediumblue;
}
a:visited {
    color: indigo;
}
a:hover, a:focus, a:active {
    color: crimson;
}*/

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
	font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d′alignement. (9) */
}

/* Spécifique */
.menu {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	text-align: left;
}

.menu li {
	padding-left: 10px;
}

.menu_titre {
	color: #FFFFFF;	
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	cursor : pointer;
}

.menu_corps {
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	cursor : pointer;
}

.menu_corps_selectionne {
	margin: 0px 0px 0px 10px;
	color: #f6f6f6;
	text-decoration: none;
	cursor : pointer;
}

.menu_corps_non_selectionne {
	margin: 0px 0px 0px 10px;
	color: #666666;
	text-decoration: none;
}
a img {
    border: none;
}

.menu_image {
	border:none;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.encart {
	border:none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #C1001F;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.li_selectionne {
	background-color: #cccc66;
}

.encart a{
	text-decoration: none;
	color: #FFFFFF;
}

.encart-gris {
	border:none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	background-color: #e8e5e2;
	font-family: Arial, Helvetica, sans-serif;
}

.encart-marron {
	border:none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	background-color: #cdc379;
	font-family: Arial, Helvetica, sans-serif;
}

.encart-vert {
	border: none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	background-color: #97be0d;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.vignette {
	background-image:url(′../images/contour-vignette.gif′);
	border:0px solid red;
}

.vignette_sans_bord {
	border:0px solid red;
}

.accueilboiterouge a {
	display:block;
	line-height:80px;
	width:80px;
	hight:80px;
	margin : 0px;
	padding :0px;
}

.accueilboiterouge a:hover {
	display:block;
	line-height:80px;
	width:80px;
	height:80px;
	margin : 0px;
	padding :0px;
	background-image: url(′../images/contour-vignette.gif′);
}

.accueilboiterougeaccueil a {
	display:block;
	line-height:70px;
	width:70px;
	height:70px;
	margin : 0px;
	padding :0px;
}

.accueilboiterougeaccueil a:hover {
	display:block;
	line-height:70px;
	width:70px;
	height:70px;
	margin : 0px;
	padding :0px;
	background-image: url(′../images/contour-vignette-accueil.gif′);
}

.menu_corps_non_selectionne:hover {
	color : #000000;
}

#galerie-image {
	cursor: pointer;
}

.cliquable {
	cursor: pointer;
}

.detail {
	font-size: 10px;
	color: #C1001F;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	clear: both;
	margin-left: 15px;
}

.detail a {
	text-decoration: underline;
	color: #C1001F;
	font-weight: bold;
	cursor: pointer;
}

.sansrien {
	text-decoration: none;
	color: #666666;
}

.texte_marron {
	color: #cccc66;
}

.texte_gauche {
	 text-align: left;
}