@charset "utf-8";
/* CSS Document   CE FICHIER EST ATTACHE AVEC index.html*/
* {padding: 0; margin:0; } /* valeur 0 aux marges de tous les 
éléments permet de calibrer sur touts les navigateur, voir
restaurer les marges des paragraphes et des listes */

body {
	color: #000000; /* couleur de la police */
	/*===================================================
Image en arrière plan
====================================================*/
/*background-color: #8c8c8c; couleur arrière plan*/
  background-image:url(_themes/blends/blegtext.gif);
	background-repeat:repeat-y; /*vertical */
	text-align: center;
}
/*====================================================*/
/* zones DIV */
/*====================================================*/
#wrapper {
	width: 780px; /* largeur de la zone de contenu */
	margin-top: 1px; /* marge de droite auto dans le but de centrer */
	/*
  margin-bottom:1px; */
  
  margin-left: auto; /*marge auto de gauche dans le but de centrer */
	margin-right: auto;
	height: 820px;
	position: relative;
}

#zone_de_liste a {color: #353535; background-color: transparent;}
/* transparent */
ul {list-style-type: square;}
ol li {list-style-type:decimal;}
ol ol li {list-style-type:lower-alpha;}
/*bandeau*/
#bandeau {/* élément de gestion du bandeau*/
  position:relative;
  margin-top: 5px;
  color:#000000;
  padding: 1px;
}

#barre_deroulante {/* place de la barre déroulante*/
	position:relative;
	color:#000000;

  background-color:#FFFFCC
  padding: 2px;
	border: 2px solid;
	border-color:#3399ff;
	height: 45px;
	margin-left: 60px;
	margin-right: 60px;
   
  }
/* Zone de navigation=====================================*/

#zone_de_navigation {
	position:absolute;
	width:186px;
	height: 276px;
	border:1px none #FFCC99;
	left: 2px;
	top: 174px;
	text-align: left;
}
/* fin de la zone de navigation====================================*/
#contenu_principal
{
	float: right;
	position:relative;
	width:780px;
	height: inherit;
}

#zone_de_texte 
{
  padding-top: 1px;
  padding-right:1px;
  padding-bottom:1px;
  padding-left:1px;
  margin-left: 0px;
}
.image_gauche {float:left;
padding:3px /* écart entre l'image et la bordure*/;
border: 5px solid #ccc; /* la bordure*/
margin-right: 10px; /* écart entre la bordure et le texte*/
margin-bottom: 10px; /*écart vers le bas*/
}
.image_droite {float:right;
padding:3px /* écart entre l'image et la bordure*/;
border: 5px solid #ccc; /* la bordure*/
margin-left: 10px; /* écart entre la bordure et le texte*/
margin-bottom: 10px; /*écart vers le bas*/
}
#pied_de_page {
	padding: 0px;
	padding-top: 1px; /*marge interne supérieure au dessous de la bordure*/
	border-top: 1px solid #a9122a; /*bordure supérieure Crée la ligne*/
	margin-top: 5px; /* marge externe supérieure, au-dessus de la bordure*/
	width: 780px;
	position: relative;
	clear: both;
	border-bottom: 1px solid #a9122a;
	left: auto;
	top: 520px;
}
#address {
	text-align:center; /* center */
	font-size:80%; /* un peu plus petit */
	font-style:normal; /* police normale, pas en italique*/
	letter-spacing: 2px; /*espacement entre les lettres */
	line-height:1.5em;
	width: 750px;
	position: relative;
}
/* texte de l'adresse en bas de page================================*/
/*====================================================*/
/* zone CLASS*/
/*====================================================*/
.boite_information {
  color:#000000;
  background-color:#FFFFFF;
  border:1px solid #ecf7dd;
  margin-left: 90px;
  margin-right: 30px;
}
/*====================================================*/
/* éléments HTML généraux
/*====================================================*/
/*selecteur imbriqué: uniquement pour l'image du bandeau si transparente le fond sera selon le background.
padding et border servent à créer le cadre */
h1, h2 {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 150%; }
h2 {font-size: 130%; margin-bottom: 1em;}
/* texte de l'adresse en bas de page================================*/


/* supprimer le soulignement*/
a {text-decoration:none; }
/* ATTENTION l'ordre EST IMPORTANT */
/* vers une page non visité
a:link {
  color:#0099CC;
} */
/* vers une page visité 
a:visited {
  color:#CCFF00;
}
a:hover, a:focus {text-decoration:underline; }
a:active { color:#d90000; } */
/* ATTENTION l'ordre EST IMPORTANT */
/* restaurer les marges des paragraphes  et des listes */

ul {
  margin-top:0;
  margin-right: 0;
  margin-bottom: 1em; /* marge inférieure */
  margin-left:0;
}
ul ul {
margin: 0; }
li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 3em; /* marge de gauche */
}
ol ol {
margin-left: 3em; /* marge de gauche */ 
}