/* background: #0066CC none;   /* Fond du titre bleu (et sans image de fond) */


/* h1
{
  background: #5C0C0C none;   /* Fond du titre bleu (et sans image de fond) 
  font: 25px arial;           /* taille police 
  color : rgb(234,185,185);   /* couleur ecriture  
  padding: 0.3em;             /* Espacement intérieur non nul pour que le texte ne colle pas à la bordure du cadre 
  text-align: center;         /* Le titre doit être centré ! 
  letter-spacing: 0.3em;      /* On espace les caractères pour que ce soit joli :-) 
  font-style:italic;
  height : 30;
  margin : 0;
    } */


/* centrage */


body 
  {
  background: rgb(246,162,160);
  background: rgb(228,123,96);
  font: 18px arial;
  margin: 20px; /* marge droite gauche */
  overflow:hidden;
  }

/*-------------------------------------------------------------*/
.nom_site
  {
font: 60px forte; 
font-style:italic;
/* color : #5B0B0B;*/
color : rgb(91,11,11);
color : black;
color: rgb(234,185,185);
color:  rgb(183,110,98);
color: rgb(234,185,185);
color: rgb(226,127,127);
color:  rgb(183,110,98);
padding : 10;
margin : 0;
height : 115;
background-image:url("element/fondentete.jpg");
  }
  
#entete 
  {
  background: #B76E62;
  font: 18px arial;
  width :1000px;   
    }

.ligne_separation /* le menu horizontal en général */
{
width : 800px;
position : relative;
top:-525;
left:200;

}

 

/*-- menu horizontal ---------------------------------------------------------------*/
/* pour centrer vertical ajouter une barre de même couleur aud-dessus, pas de silution simple*/
#menu_horizontal /* le menu horizontal en général */
{
list-style : none;
padding : 0;
margin :  0 0 0 0; /* 1:marge haut 2:marge droite 3:marge bas 4marge gauche*/
height  : 40; 
font: 25px arial;           /* taille police */
color : white; /* la couleur blanche à ce niveau donner le souligné sous souris!!! */
background: rgb(91,11,11) none;
background: rgb(53,19,10) none;
background: rgb(57,12,3) none;
/* color : #5B0B0B;*/
}

#menu_horizontal li /* pour affichage des "li" menu horizontal */
{
float:left; /* aligne sur la doite le reste des champs*/
margin : 0 10px ; /* espace entre ligne menu horizontal*/
}

#menu_horizontal a /*couleur du menu "a" horizontal dans le menu --> ok */
{
color:  rgb(183,110,98);  /*#B76E62*/
text-decoration : none;
margin : 0; 
}


#menu_horizontal .encours /*souligne l'onglet ou on est*/
{
text-decoration : underline; /* souligne au passage */
color: rgb(234,185,185); /* #EAB9B9 permet d'indiquer la page ou on est en dur dans chqaue page */
}

#menu_horizontal li a:hover, /* appliquer au survol du menu */
#menu_horizontal li a:focus,
#menu_horizontal li a:active
{
text-decoration : underline; /* souligne au passage */

}


/*-- menu vertical ---------------------------------------------------------------*/

#colonne_gauche_menu /* le menu gauche en général */
{
 /*pas de puce*/
width  : 200px ; 
height : 520px;
position:relative;
top:-5;
left:0; 
/* float : left; /* pemet au sous-menu de se caller sur la gauche et texte de rester à droite */
font: 19px arial;           /* taille police */
color : white; /* la couleur blanche à ce niveau donner le souligné sous souris!!! */
background-image: url("element/sous-menu.png"); /* et pas de repeat */
}


#colonne_gauche_menu .encours2
{
color: rgb(234,185,185); /* #EAB9B9 permet d'indiquer la page ou on est en dur dans chqaue page */
text-decoration : underline;
}

#colonne_gauche_menu a /*couleur du menu "a" colonne dans le menu --> ok */
{
color:  rgb(183,110,98);  /*#B76E62*/
text-decoration : none;
}

#colonne_gauche_menu ul /*couleur du menu "a" colonne dans le menu --> ok */
{
/*margin-top : -2px; /* réduit l'espace entre liste et titres*/

}


#colonne_gauche_menu li a:hover, /* appliquer au survol du menu */
#colonne_gauche_menu li a:focus,
#colonne_gauche_menu li a:active
{
text-decoration : underline; /* souligne au passage */
/*background-image:url(bouton1.png);*/
}

#colonne_gauche_menu .titre /* le menu gauche en général */
{
 /*color : white;
 font-weight:bold; */
 margin : 50px;
 /* font-variant: small-caps ; */

 
}

#colonne_gauche_menu ul/* le menu gauche en général */
{
list-style : none; /*pas de puce*/
padding : 0;
margin:10px; /* pour ie6 */
text-align : center;
}

/* background: rgb(234,185,185) url('sous-menu.png') repeat-y;  /* pase pb avec eplorer 6*/


/*-- colonne droite ---------------------------------------------------------------*/

#colonne_droite_texte 
{

color : black;
height : 485;
width  : 800; 
/* background: rgb(234,185,185);
background: rgb(246,162,140); */
background-image : url("element/fondtextedroite.jpg");
position:relative;
top:-530;
left:200; 
}

#colonne_droite_texte_overflow
{

color : black;
height : 485;
width  : 800; 
/* background: rgb(234,185,185);
background: rgb(246,162,140); */
background-image : url("element/fondtextedroite.jpg");
position:relative;
top:-530;
left:200;
overflow:auto; 
}


#droite_texte 
{
/* margin: 0px 0px 0px 205px;*/
color : black;
padding-left : 20px;
padding-right : 20px;
background-image  :url(fondentete.jpg);
background-image : url("element/fondtextedroite.jpg");
}

H1
{
 font            : 20px arial;
 font-style      : italic;
 text-decoration : underline; 
}

.liste_galerie
{
font-size: 20px;
margin : 0;
}

.ligne_tab_photo
{
WIDTH : 235; 
HEIGHT :120;
text-align: center;
/* border-left :100; */
}

.ligne_tab_com
{
WIDTH : 235; 
HEIGHT :50;
text-align: center;
/* border-left :100; */
}

.ligne_tab_photo_index_galerie
{
WIDTH : 230; 
HEIGHT :120;
text-align: center;
/* border-left :100; */
}


.ligne_tab_com_index_galerie
{
WIDTH : 150; 
HEIGHT :25;
text-align: center;
/* border-left :100; */
font            : 20px arial;
font-style      : italic;
}


/*-- pied page ---------------------------------------------------------------*/



.ligne_separation2 /* le menu horizontal en général */
{
width : 800px;
position : relative;
top : -532px;
left: 200px;
}

#pied_page /* permet d'afficher sur toute la hauteur l'image*/
{
list-style : none;
padding : 0;
margin-top  : -3px ; /*ie6 + mozilla*/
height : 20;
background: rgb(57,12,3) none;
width : 1000px;
position : relative;
top : -540px;
}

.bord-droit 
{
width : 20px;
height : 515px;
position : relative;
top : -1075px;
left :980px;
}


.rem_pied_page
  {
font-size: 10px;
  }



/*-- format standard page ---------------------------------------------------------------*/


.couleur_noire
{
color :black;
}


.en_italique
  {
font-style:italic;
font-size: 20px;
  }