body { 
  background-color: #362717; /* #222222  vert foncé */
  margin: 0px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 1em;
  color: #606a22; 
  height: 500px; /* afin d'avoir un ascenceur horizontal pour de faibles résolution d'écran */
}	
		
a:link { 
  text-decoration: none;
  color: #898888; /* sorte de gris */
}
a:visited { 
  text-decoration: none;
  color: #606a22; /* #555555; */
}

/*
a:hover {
    text-decoration: underline;
    color: #606a22;
    cursor: pointer;
	cursor: hand;
} 

a img {
    border: none;
}
*/


a:active { 
  text-decoration: none;
}

/* Gestion miniatures */
/* http://batraciens.net/css-astuces/image-survol.htm# */
a img {border: 2px solid #8F0000; /* défini l'encadrement des images dans les liens hors survol */
  margin-bottom: 3px;} /* espace juste sous miniature */ 
a:hover {border: 0px;} /* hack pour IE - ne sert sinon à rien */
/*a:hover img {border: 2px #336699 dotted}  défini l'encadrement des images lors du survol */
a:hover img {border: 2px #7F751D solid} /* défini l'encadrement des images lors du survol */


/* Gestion img rapport 1/1 au survol 
   http://www.developpez.net/forums/d390531/webmasters-developpement-web/css/css-rollover-transparence-indesirable/ */
.photo {float:right; position:relative;}
.photo span  {display:none;}
.photo:hover {border:0;} /* bug IE6 */
/*
.photo:hover span{
  display: block; 
  position: fixed;  en fonction scrolbar 
  top: 10px; 
  left: 10px;  
  left: 50%;
  margin: auto; 
  margin-left: auto;
  margin-right: auto;  
  width: 630px; largeur obligatoire pour être centré 
  z-index pour img 1/1 au dessus des miniatures 
  z-index: 1; */ 
}


.centrage {
  /*width: 600px; 
  text-align: center;
  margin-left: auto;
  margin-right: auto; 
  margin: auto;  
  width:  468px;*/
  text-align: center;
  display: block;
} 


li {
  padding-bottom: 10px;
}

.frameskin {
  width: 600px; /* 167 */
  /*margin-top: 10px;*/  
  /*margin: auto;*/
  /*margin-left: auto;
  margin-right: auto;*/ 
  
  foat: left;
  width: 20%;
  position: relative;
  
  padding: 7px;
  background-color: #FFE3C2;
  border-left: 1px solid #000000; /* couleur du cadre */
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  text-align: center;
  /*font-size: 0.8em; */
  margin-bottom: 7px;  
}

.conteneur1 {
text-align: center;
}


/* ------- Tableau et cellules ------- */
.tableau{
  text-align: left; 
  width: 484px; 
  height: 180px; 
  margin-left: auto; 
  margin-right: auto; 
}

.cellule{
  background-color: #FFE3C2; 
  width: 180px;  
  height: 180px; 
  padding-top: 30px; /* 11/2011 */
  text-align: center; 
  vertical-align: middle;
}

.label_skin{
  font-size: 0.80em; 
  font-weight: bolder;  
  text-align: center;
  color: #606a22; 
}

.zip1_gallery {
	display: inline-block;
	text-align: center;
}

.zip2_gallery {
    font-size: 0.68em;
	margin-top: -10px;	
    color: #606a22; 
    text-align: center;
}
/*-------------------------------------*/
	
	
	
h4 { 
  font-size: 1.0em; 
  text-align: center;
  color: #FFDC00; /* jaune */
}

h5 { 
  font-size: 0.8em; 
  text-align: center;
  color: #E59E02; /* sorte d'orangé */ 
}
	
	
/*============== Banner ==============*/
.blockbanner { 
  background-color: #FFE3C2;
  vertical-align: top;
  width: 100%;
  height: 143px;
  text-align: center;
  padding-top: 20px;
  /*border-bottom: 3px solid #F2984F;*/
}
.decohg {
  background-image: url("pictures/decohg.png");
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: top left;
}
.decohd {
  background-image: url("pictures/decohd.png");
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: top right;
}
.banner {
  background-image: url("pictures/ban_limace.gif");
  width:  468px;
  height: 87px;
  margin: auto;
  margin-top: 0px;
}
/*=============/ Banner ==============*/



/*------- Ligne ombrée juste sous bannière -------*/
.shadowline {
  background-image: url("pictures/shadowline2.png" );  
  background-repeat: repeat-x;  
  height: 7px;
}    
/*------/ Ligne ombrée juste sous bannière -------*/
	

/*===================== Nav system =====================*/
/* Credits: http://css.maxdesign.com 
http://css.maxdesign.com.au/index.htm 
http://cssbook.maxdesign.com.au/
http://css.maxdesign.com.au/listamatic/horizontal02.htm */
#navcontainer ul {
  margin-left: 0;
  padding-left: 0;
  padding-top: 12px; /* top items */
  white-space: nowrap;
}
#navcontainer ul li {
  display: inline;
  list-style-type: none;
}
#navcontainer a {
  padding: 3px 10px;
}
#navcontainer a:link, #navcontainer a:visited {
  color: #fff;
  background-color: #8F0000;
         border-bottom: 3px solid #F2984F;
  text-decoration: none;
}
#navcontainer a:hover {
  color: #93350d;
  background-color: #FDB086;
      border: 1px solid #8F0000;  
  text-decoration: none;
}
#active a:link, #active a:visited, #active a:hover {
  color: #93350d;               
  border: 1px solid #8F0000;
  background-color: #FFFFFF; 
}
/*====================/ Nav system =====================*/
	
	
		
	
.space {
  height: 17px;
  width: 100%; 
}


.space_mi {
  height: 1px;
  width: 100%; 
}
	
		
.head_info {
  width: 570px;
  margin-left : auto;
  margin-right: auto; 	
  border: 1px solid #FFE3C2;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-size: 0.80em;
  color: #FFE3C2; 
}			
	
.label{
  font-size: 0.7em; 
  font-weight: bolder;  
  text-align: center;
  color: #606a22; /* #555555; */
}		

	
/* http://css.mammouthland.net/zoomer-vignettes-thumbnail-avec-css.php */
	
img {
  border: 0px solid black;
 }	
     
.thumb {
  position: relative; 
  top: 0;
  left: 0; 
 }
  
.thumb a {
  margin: 0;
  text-decoration: none;
 }

 /* effet au suvol */
.thumb a:hover {
  background-color:  #FFFFFF; /*FDB086; */
  /* Epaisseur trait blanc cassé au survol */
  padding-bottom: 2px;
  color: #8F0000;   
  
  /* Impec mais seulement pour FF : 
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; 
  Retiré car pas compatible avec img rapport 1/1 survol
  */
 }

 
/*============= Navig pages ===============*/
.navigation{
  width: 767px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0.9em; /* 0.67em  */
  font-weight: bolder;  
}

.apres{
/*border: 1px solid yellow; */
  width: 187px;
  float: right;
  text-align: right;
}

.milieu{
/*border: 1px solid red; */ 
  width: 387px;  
  float: left;
}

.avant{
/*border: 1px solid green; */
  width: 187px;
  float: left; 
  text-align: left;  
}
/*=============/ Navig pages ===============*/
 
.footer {
  padding-top: 3px; 
  background: transparent url(pictures/blockfooter.gif) repeat-x left bottom;
  height: 88px;
  font-size: 0.7em; 
  text-align: center;
  color: #8F0000;
}