/* CSS Document */
/* Fichier css pour exercice : un pied de page qui dépasse */
* {margin:0; padding:0;}
#wrapper-context {
overflow: auto;
}

#bloc {
height: 5em;

}
html>body #bloc {
height: auto;
min-height: 5em;
} 

body,html {text-align:center;	margin:0; padding:0;height:100%;}
#general {
	width: 955; 
	 height:100%;

	}
#header {
top:0;
width: 955; 
float:none;
}

#header_b {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/b_histoire/haut_de_page.jpg) no-repeat top ;
}
#header_c {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/c_lacs/haut_de_page.jpg) no-repeat top ;
}
#header_d {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/d_nature/haut_de_page.jpg) no-repeat top ;
}
#header_e {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/e_gourmandise/haut_de_page.jpg) no-repeat top ;
}
#header_f {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/f_sorties/haut_de_page.jpg) no-repeat top ;
}
#header_g {
	top:0;
	width: 955; 
float:none;
  background: transparent url(../images/g_contes/haut_de_page.jpg) no-repeat top ;
}

#colgauche {
	position:relative;
	left:0;
	float:left;
	width:11px;
	height:100%;

	background: transparent url(../images/site/colonne_gauche.gif) repeat-y top left;
}



#central {
	float:left;
	width:1000px;

}
#coldroite {
	position:relative;
	float:right;
	right:0;
	width:11px;
	height:100%;

	background: transparent url(../images/site/colonne_droite.gif) repeat-y top right;
}
#footer {
	position:relative;
	clear:both;
	height:51px;
	bottom:0;
	float:none;
	background: transparent url(../images/site/pied_de_page.png) no-repeat bottom left ;
}


#basgauche {
	position:relative;
	float:left;
	right:0;
	width:11px;
height:11px;

	background: transparent url(../images/site/bas_gauche.gif) no-repeat;
}

#bascentre {
	position:relative;
  border:0;
  height:11px;
	background: transparent url(../images/site/bas_centre.gif) repeat-x bottom left;
}

#basdroite {
	position:relative;
	float:right;
	right:-12;
	width:11px;
  height:11px;
	background: transparent url(../images/site/bas_droite.gif) no-repeat right ;
	border:0;
}

  H1 {
    margin: 0; 
    padding: 0;
    height:30;
    
  }
  h2 {font-family: "Comic Sans MS", sans-serif;font-size:18;text-align:right;color:cc0000;}
  h3 {font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:right;color:cc0000;}
  h4 {font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:FFFFFF;font-weight:normal}
  h5{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:cc0000;line-height:16px}
  h6{font-family: "Comic Sans MS", sans-serif;font-size:16;text-align:left;color:#993333;font-weight:normal}
  
  
  .h2 {font-family: "Comic Sans MS", sans-serif;font-size:18;text-align:right;color:cc0000;text-decoration:none}
  .h2:hover {font-family: "Comic Sans MS", sans-serif;font-size:18;text-align:right;color:red;text-decoration:none}
  .h3 {font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:right;color:cc0000;text-decoration:none}
  .credits {font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:000000;text-decoration:none}
  LI.credits {font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:000000;text-decoration:none;margin-left:40px;}
  .h3:hover{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:right;color:red;text-decoration:none}
  .date{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:left;color:#993333;}
  .pasteurtitre{font-family: "Comic Sans MS", sans-serif;font-size:16;text-align:right;color:#cc0000;font-weight:normal}
  .pasteur{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:right;color:6a180e;line-height:16px}
  .date2{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:right;color:#993333;}
  .saline{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:cc0000;line-height:16px;font-weight:normal}
  .copyarchi{font-family: "Comic Sans MS", sans-serif;font-size:10;text-align:left;color:cc0000;}
  .copyfaune{font-family: "Comic Sans MS", sans-serif;font-size:10;text-align:left;color:#33994d;}
  .copyfaune2{font-family: "Comic Sans MS", sans-serif;font-size:8;text-align:left;color:#33994d;}
  .rivacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:right;color:#0194f1;font-weight:bold;text-decoration:none}
  .rivacc:hover{color:#336699;}  
  .casacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#d1e4fa;font-weight:bold;text-decoration:none}
  .casacc:hover{color:#336699;}
  .heri{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#68bfff;line-height:16px;font-weight:normal}
  .acccas{font-family: "Comic Sans MS", sans-serif;font-size:16;text-align:left;color:FFFFFF;text-decoration:none}
  .acccas:hover{color:#795c27;}
  .saone{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#429cde;line-height:16px;font-weight:normal}
  .fauneacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:jright;color:#28a412;line-height:16px;font-weight:bold;text-decoration:none}
  .fauneacc:hover{color:#006600;}
  .floreacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#33994d;line-height:16px;font-weight:bold;text-decoration:none}
  .floreacc:hover{color:#006600;}
  .tetras{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#5fb01e;line-height:16px;text-decoration:none}
  .chamois{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#33994d;line-height:16px;text-decoration:none}
  .cerf{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#5fb01e;line-height:16px;text-decoration:none}
  .lynx{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#28a412;line-height:16px;text-decoration:none} 
  .fromacc{font-family: "Comic Sans MS", sans-serif;font-size:18;text-align:left;color:#d58863;line-height:16px;text-decoration:none;font-weight:bold}
  .fromacc:hover{color:#795c27;}
  .gourmacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:center;color:#bc6c23;line-height:16px;text-decoration:none;font-weight:bold}
  .galacc{font-family: "Comic Sans MS", sans-serif;font-size:16;text-align:center;color:#795c27;line-height:16px;text-decoration:none;font-weight:bold}
  .galacc:hover{color:#bc6c23;}
  .liens{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#bc6c23;line-height:18px;text-decoration:none;font-weight:bold}
  .musee{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:left;color:#bc6c23;line-height:20px;text-decoration:none}
  .www{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:left;color:#875f16;line-height:14px;text-decoration:none}
  .www:hover{color:black;font-weight:bold;}
  .vache{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#d58863;text-decoration:none;}
  .recette{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#d58863;text-decoration:none;}
  .recette2{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#795c27;text-decoration:none;}
  .fromage{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#a0522d;text-decoration:none;}
  .fromage:hover{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#bc6c23;text-decoration:none;}
  .creditgourm2{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#795c27;line-height:16px;font-weight:bold;text-decoration:none}
  .creditgourm2:hover{color:#bc6c23;text-decoration:underline}
  .creditnature{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#33994d;line-height:16px;font-weight:bold;text-decoration:none}
  .creditnature:hover{color:#006600;}
  .credithistoire{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:cc0000;line-height:16px;font-weight:bold;text-decoration:none}
  .credithistoire:hover{color:red;}
  .creditlac{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#0194f1;line-height:16px;font-weight:bold;text-decoration:none}
  .creditlac:hover{color:#336699;}
  .creditsorties{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#f955c8;line-height:16px;font-weight:bold;text-decoration:none}
  .creditsorties:hover{color:#eca8e7;}
  .creditgourm{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#795c27;line-height:16px;font-weight:bold;text-decoration:none}
  .creditgourm:hover{color:#bc6c23;}
  .creditcontes{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#4d3d23;line-height:16px;font-weight:bold;text-decoration:none}
  .creditcontes:hover{color:##69522c;}
  .grotteacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#f955c8;line-height:30px;font-weight:bold;text-decoration:none}
  .grotteacc:hover{color:#eca8e7;}
  .grotteacc2{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:left;color:#f955c8;line-height:12px;text-decoration:none;}
  .grotteacc2:hover{color:#eca8e7;}
  .nmacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:left;color:#eca8e7;line-height:30px;font-weight:bold;text-decoration:none}
  .nmacc:hover{color:#f955c8;}
  .nmacc2{font-family: "Comic Sans MS", sans-serif;font-size:12;text-align:left;color:#eca8e7;line-height:12px;text-decoration:none}
  .nmacc2:hover{color:#f955c8;}
  .legacc{font-family: "Comic Sans MS", sans-serif;font-size:14;text-align:justify;color:#4d3d23;font-weight:bold;text-decoration:none}
  .legacc:hover{color:#69522c;}  
  
	  SPAN.a {
    
    margin: 0; 
    padding: 0;
    height:30;
    
  }
  SPAN.b {
    margin: 0; 
    padding: 0;
    height:30;
  }  
  SPAN.c {
    margin: 0; 
    padding: 0;
    height:30;
  } 
  
  .conteneur-arrondi{
    padding:0;
    
    /* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

  .conteneur-arrondicas{

    
    /* determine la largeur de la boite contenue */
    margin:1%;
}

.un      {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #ff494f;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #ff494f;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #ff494f;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #ff494f;
    border-top:0;
    border-bottom:0;}
    
    .centrearrondi {
    border:1px solid #ff494f;
    border-top:0;border-bottom:0;
    margin:0 1px;


    height:auto!important;
    height:150px;

}


  .conteneur-arrondiSaline{
    padding:0;
    
    /* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

.uncas     {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #68bfff;
    border-top:0;border-bottom:0;}

.deuxcas  {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #68bfff
    border-top:0;border-bottom:0;}

.troiscas {
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #68bfff;
    border-top:0;border-bottom:0;}

.quatrecas  {
    margin:0 1px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #68bfff;
    border-top:0;
    border-bottom:0;}
    
    .centrearrondiSaline  {
    border:1px solid #68bfff;
    border-top:0;border-bottom:0;
    margin:0 1px;



}



.conteneur-arrondiFaune{
    padding:0;    
    /* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

.unFaune     {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #59af57;
    border-top:0;border-bottom:0;}

.deuxFaune  {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #59af57
    border-top:0;border-bottom:0;}

.troisFaune {
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #59af57;
    border-top:0;border-bottom:0;}

.quatreFaune  {
    margin:0 1px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #59af57;
    border-top:0;
    border-bottom:0;}
    
.centrearrondiFaune  {
    border:1px solid #59af57;
    border-top:0;border-bottom:0;
    margin:0 1px;
}

.conteneur-arrondiGourm{
    padding:0;    
    /* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

.unGourm     {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #be9886;
    border-top:0;border-bottom:0;}

.deuxGourm  {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #be9886
    border-top:0;border-bottom:0;}

.troisGourm {
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #be9886;
    border-top:0;border-bottom:0;}

.quatreGourm  {
    margin:0 1px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #be9886;
    border-top:0;
    border-bottom:0;}
    
.centrearrondiGourm {
    border:1px solid #be9886;
    border-top:0;border-bottom:0;
    margin:0 1px;
}

.conteneur-arrondiGourm{
    padding:0;    
    /* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

.unFrom    {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #d58863;
    border-top:0;border-bottom:0;}

.deuxFrom  {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #d58863
    border-top:0;border-bottom:0;}

.troisFrom {
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #d58863;
    border-top:0;border-bottom:0;}

.quatreFrom  {
    margin:0 1px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #d58863;
    border-top:0;
    border-bottom:0;}
    
.centrearrondiFrom {
    border:1px solid #d58863;
    border-top:0;border-bottom:0;
    margin:0 1px;
}