body {
    margin:0px;
    padding:0px;
    border:0px;
    font-family :  Verdana,Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#3A3A3A;    
    background-color:#EEDBC8;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration : none;
}

h1 {
  display:inline;
  font-size:11px;
  text-align:left;
  font-weight:normal;
}

h2 {
  display:inline;
  font-size:11px;
  text-align:left;
  font-weight:normal;
}

#conteneurg {
    position:absolute;
    left:50%;
    margin-left : -409px;
    top:0px;
    width:819px;
    background-image:url('IMG/gif/bord-gauche.gif');
    background-repeat: repeat-y;    
    background-color : #EEDBC8;
}

#conteneurd {
    background-image:url('IMG/gif/bord-droit.gif');
    background-repeat: repeat-y;
    background-position: right;
}

#contenu {
    margin-left:19px;
}

#bandeau_haut {
    width:780px;
    height:78px;  
    background-image:url(IMG/jpg/bandeau_haut.jpg);
    background-repeat :no-repeat;     
}

#bandeau {
    width:780px;
    height:41px;  
    background-image:url(IMG/jpg/bandeau.jpg);
    background-repeat :no-repeat;     
}

#menu_langue {
    margin-top:0px; 
    margin-left:37px;    
    height:41px;
}

#menu_langue .gauche {
    float:left;
    width:11px;
    height:41px;
    background-image:url('IMG/jpg/menu_langue_gauche.jpg');
    background-repeat: no-repeat;
    background-position: top left; 
}

#menu_langue .contenu {
    float:left;
    height:41px;   
    background-image:url('IMG/jpg/menu_langue.jpg');
    background-repeat: repeat-x;
    background-position: top left;     
}

#menu_langue .droite {
    float:left;
    width:20px;
    height:40px;
    background-image:url('IMG/jpg/menu_langue_droite.jpg');
    background-repeat: no-repeat;
    background-position: top left; 
}

#menu_langue .liste {  
    padding-top:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;     
    list-style-type:none;
    vertical-align:center;
}

#menu_langue .liste li {
    list-style:none;
    float:left;
    margin:0px;
}

.fr {
    display:block;
    width:31px;
    height:41px;  
    background-image:url(IMG/jpg/francais.jpg);
    background-repeat :no-repeat;    
}

.en {
    display:block;
    width:31px;
    height:41px;  
    background-image:url(IMG/jpg/anglais.jpg);
    background-repeat :no-repeat;     
}

.es {
    display:block;
    width:35px;
    height:41px;  
    background-image:url(IMG/jpg/espagnol.jpg);
    background-repeat :no-repeat;     
}

#menu_haut {
    float:right;
    margin-top:0px; 
    margin-right:7px;    
    height:41px;
}

#menu_haut .gauche {
    float:left;
    width:20px;
    height:40px;
    background-image:url('IMG/jpg/menu_haut_gauche.jpg');
    background-repeat: no-repeat;
    background-position: top left; 
}

#menu_haut .contenu {
    float:left;
    height:40px;   
    background-image:url('IMG/jpg/menu_haut.jpg');
    background-repeat: repeat-x;
    background-position: top left;     
}

#menu_haut .droite {
    float:left;
    width:20px;
    height:40px;
    background-image:url('IMG/jpg/menu_haut_droite.jpg');
    background-repeat: no-repeat;
    background-position: top left; 
}

#menu_haut .liste {  
    padding-top:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding:2px;     
    list-style-type:none;
    vertical-align:center;
}

#menu_haut .liste li {
    list-style:none;
    float:left;
    margin:0px;
    margin-right:15px;
    margin-left:15px;
}

#menu_haut .liste li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu_haut .liste li ul {
	padding-top:4px;
}

#menu_haut .liste li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
/*        border-top : 1px solid #fff;  on met une bordure blanche en haut de chaque élément d'une sous-liste */

		  margin-left:-42px;
		  background-image: url(IMG/png/menug.gif);
		  background-repeat:repeat-y;
		  background-position: top left;
		  padding-left: 14px;
}

#menu_haut .liste li ul li a {
	 background-color: #8A643F;
}

#menu_haut .liste  h2 {
	  background-image:url(IMG/png/menud.gif);
	  background-repeat:repeat-y;
	  background-position: top right;
	  padding-right: 14px;

}

#menu_haut a {
    color:#F6B879;	 
}

#menu_haut .liste  h2  a {
	display:block;
	width: 120px;
	float: left;
	padding-left:3px;
}

#menu_haut .liste li ul {
	background-image: url(IMG/png/menub.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom:17px;
	margin-left:-34px;
	width:200px;
}

#menu_haut a:hover {
    color:#FBD09D;
    text-decoration : none;
}

#menu_haut .liste li:hover ul ul, #menu_haut .liste li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_haut .liste li:hover ul, #menu_haut .liste li li:hover ul, #menu_haut .liste li.sfhover ul, #menu_haut .listeu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#conteneur { 
    width:780px;
    background-color:#E2C6A9;
}



#conteneur .page {  
    float:left;
    width:550px; 
    background-color:#F1E3D4;
    border-left:1px solid #B59573;
    padding-left:30px;
    padding-right:26px;
}

#animation {
    width:548px;
    height:200px;
    border: 1px solid #89643E;
}

.page .titre {
    margin-left:80px;
    width:400px; 
    height:50px;
}


.page .texte  {
    float:left;
    margin-top:8px;
    width:295px;
    text-align:justify;
    color:#3A3A3A;
    
}

.page h3 {
    font-size:14px;
}

.page .actu {
    float:right;
    margin-top:8px;
    width:240px;
    height:217px;
    border:1px solid #BDA389;
    margin-right:0px;
    background-color:#F8F1EA;
}


#conteneur .menugauche {
    float:left;
    width:173px;
}

.menugauche .liste {  
    padding-top:0px;
    margin-left:5px;
    margin-top:60px;
    margin-bottom:0px;
    padding:0px;     
    list-style-type:none;
    vertical-align:center;

}

.menugauche .liste li {
    list-style:none;
    margin:0px;
    width:167px;
    height:22px;
    background-image:url('IMG/jpg/fond_menu_gauche.jpg');
    background-repeat: no-repeat;
    background-position: top left; 
    padding-top:3px;    
}

.menugauche .liste .courant {
    list-style:none;
    margin:0px;
    width:167px;
    height:22px;
    background-image:url('IMG/jpg/fond_menu_gauche_courant.jpg');
    background-repeat: no-repeat;
    background-position: top left;   
    padding-top:3px;    
}

.menugauche .liste a {
    font-size:10px;
    margin-left:18px;
    color:#FFFFFF;
}

#conteneur .bas {
    clear:both;
    margin-top:0px;
    margin-left:0px;
    width:780px;
    height:22px;
    background-image:url('IMG/gif/bas.gif');
    background-repeat: no-repeat;
    background-position: top left; 

}

.menubas {
    font-size:9px;
    color:#89643E;
    width:173px;
    margin-left:0px;
    text-align:center;
}

.menubas a {
    color:#89643E; 
}


#pied_page {
    width:818px;
    height:28px;
    background-image:url('IMG/gif/bord-bas.gif');
    background-repeat: no-repeat;
    background-position: top left;       
}

#AutoScrollContainer {
    position:absolute; 
    top:410px; 
    left:50%; 
    margin-left:135px;
    width:215px;
    height:175px;
    clip:rect(0,175,25,0); 
    overflow:hidden; 
    z-index:1; 
    visibility: visible;
}

#AutoScrollContent {
 position:absolute;
 top:11px;
 left:1px;
 width:210px;
 height: 200px;
}  

#AutoScrollContent ul {  
    padding-top:0px;
    margin-left:5px;
    margin-top:60px;
    margin-bottom:0px;
    padding:0px;     
    list-style-type:none;
    vertical-align:center;

}

#AutoScrollContent ul li {
    list-style:none;
    margin:0px;
    padding-top:3px;    
}

#AutoScrollContent h2, .titre_actu {
    font-size:14px;
    color:#89643E;
}

#phpMyVisites {
    float:right;
}

