body { 
  background-color: #F8EFD3;  /*EAEAC9;*/
  margin: 0px; 
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 1em;
  color: #05083B; 
  text-align: center; /* Center images ; blocs ; tableaux ; etc.  */
}

a:link { 
  text-decoration: none;
  color: #05083B; 
}

a:visited { 
  text-decoration: none;
  color: #8F0000; 
}

a:hover {
    text-decoration: underline;
    color: #FF7328;
    cursor: pointer;
	
}

a:active { 
    text-decoration: none;
}

a img {
    border: none;
}

li {
  padding-bottom: 10px;
}


h1 { 
  font-size: 1.8em; /* big */
  text-align: center;
  color: #05083B; 
}

h2 {
  font-size: 1.5em; 
 /* font-weight: bold; */
  text-align: center;
  color: #05083B;
}

h3 { 
  font-size: 1.2em; 
  text-align: center;
  color: #05083B; 
}

h4 { 
  font-size: 1.0em; 
  text-align: center;
  color: #05083B;  
}

h5 { 
  font-size: 0.8em; 
  text-align: center;
  color: #05083B; 
}

h6 { 
  font-size: 0.7em; 
  text-align: center;
  color: #05083B; 
}

p {
  font-size: 0.7em;
  color: #05083B; 
}




/*------- Espace entre boites -------*/
.super_space {
  height: 100px;
  width: 100%; 
}

.space {
  height: 37px;
  width: 100%; 
}
/*------/ Espace entre boites -------*/

/*------- Espace limité -------*/
.space_mi {
  height: 17px;
  width: 100%; 
}
/*------/ Espace limité -------*/




imgX {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 100px;
}

img.resize {
    width:230px;
    height: auto;
}

img.centre {
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

.centrer {
	text-align:center;
}



/* ------- TABLEAU ET CELLULES ------------------------------------------------------------------- */
.tableau {
	width: 800px;  /* Longueur tableau */
	height: 187px; /* Hauteur tableau  */
	margin-left: auto;  /* Centrage    */
	margin-right: auto; /* Idem        */
	border-collapse: separate;
	/* border: 1px solid red;      Bordule optionnelle autour tableau                   */
	border-spacing: 20px 10px;  /* Respectivement espace horizontal et ensuite vertical */
}

.cellule {
	background-color: #9CCEFB;  /* Couleur fond de cellules  */
	width: 50px;   /* Dimension horizontale à vide pour test */
	height: 50px;  /* Dimension verticale à vide pour test   */
	padding: 10px; /* Espace pourtour encadrement            */
	text-align: center; /* Centrage texte dans cellule       */
	vertical-align: middle;
	border: 1px solid #737477; /* Bordule autour cellule     */

	/*--- Paramétrage arrondis et ombres... ---*/ 
	-moz-border-radius: 12px;    
	-webkit-border-radius: 12px; 
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 6px 0 #424239;
	-webkit-box-shadow: 3px 3px 6px #424239; 
	box-shadow: 3px 3px 6px 0 #424239; 
	text-shadow: 0.1em 0.1em 0.1em #AFAF89; /* Effet d'ombre sur le texte */
}

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

/*  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 
*/

}

.thumb a:hover img {
	border: 2px navy solid; /* Bordure lors survol */
} 

/* ---/Tableau & cellules ------------------------------------------------------------------- */




/*--- BOX & TEXT ------------------------------------------------------------------------------*/

/* http://css.mammouthland.net/css3/coins-arrondis.php */
.boite {
	width: 870px;
	margin: 0 auto;
	background-color: #AFE3B7;
	padding: 0px;
	border: 1px solid #8F0000; 
	color: #05083B;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 6px 0 #8F0000;
	-webkit-box-shadow: 3px 3px 6px #8F0000; 
	box-shadow: 3px 3px 6px 0 #8F0000; 
	text-align: left; 
}



.boite_2 {
	width: 870px;
	margin: 0 auto;
	background-color: #CECEAA;
	padding: 0px;
	border: 1px solid #737477; 
	color: #05083B;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 6px 0 #424239;
	-webkit-box-shadow: 3px 3px 6px #424239; 
	box-shadow: 3px 3px 6px 0 #424239; 
	text-shadow: 0.1em 0.1em 0.1em #AFAF89; /* Effet d'ombre sur le texte */
}



/* http://css.mammouthland.net/css3/coins-arrondis.php */
.boite_titre {
	width: 400px;
 	padding: 10px;
	margin-left : auto;
 	margin-right: auto; 
  	background-color: #E8CE79;  /* CECEAA; */
	border: 1px solid #737477;
	font-size: 1.0em;
 	font-weight: bolder;
 	color: #05083B;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 6px 0 #424239;
	-webkit-box-shadow: 3px 3px 6px #424239; 
	box-shadow: 3px 3px 6px 0 #424239; 
	text-shadow: 0.1em 0.1em 0.1em #AFAF89; /* Effet d'ombre sur le texte */
}


.boite_titre_2 {
	width: 870px;
	margin: 0 auto;
	background-color: #E8CE79;  /*CECEAA;*/
	padding: 0px;
	border: 1px solid #737477; 
	font-size: 1.3em;
	font-weight: bolder;
	color: #05083B;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 6px 0 #424239;
	-webkit-box-shadow: 3px 3px 6px #424239; 
	box-shadow: 3px 3px 6px 0 #424239; 
	text-shadow: 0.1em 0.1em 0.1em #AFAF89; /* Effet d'ombre sur le texte */
}


.text_box1_color_bc { 
	font-size: 1.0em; 
	font-weight: bolder;
	text-align: center;
	color: #3366FF; 
}

.text_box0_67 { 
	font-size: 0.7em; 
	text-align: center;
	color: #E8E8FF; /* Presque blanc */
}

.text_box0_70 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.70em;
    color: #05083B;
}	

.text_box0_75 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.75em;
    color: #05083B; 
}	

.text_box0_80 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.80em;
    color: #05083B; 
}	

.text_box0_85 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.85em;
    color: #05083B;
}	

.text_box0_85_center {
    text-align: center;
    padding: 10px 37px 10px 30px; 
    font-size: 0.85em;
    color: #05083B; 
}	

.text_box0_85_list {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.85em;
    color: #05083B;
}	

.text_box0_88 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.88em;
    color: #05083B; 
}	

.text_box0_98 {
    /*border: 1px solid black;*/
    text-align: justify;
    padding: 10px 37px 10px 30px;
    font-size: 0.98em;
    color: #05083B;
}	

.text_box1_00 {
  text-align: justify;
  padding: 10px 37px 10px 30px;
  font-size: 1em;
  color: #05083B; 
  font-weight: bolder;
}

.text_box2_00 {
  text-align: justify;
  padding: 10px 37px 10px 30px;
  font-size: 2em;
  color: #D6E0EA; 
  font-weight: bolder;
}

.surligne {
	padding: 3px 10px;
	background-color: #8F0000;
	color: #FEE2C2;
}

.surligne2 {
	padding: 3px 10px;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
    background-color: #fdbe77;
    color: black;
}

.surligne3 {
	padding: 3px 10px;
	font-size: 1.0em;
	/*font-weight: bold;*/
	text-align: center;
    background-color: #FDB086;
    color: #05083B;
}

.surligne4 {
	margin-left: 30px;  
	padding: 3px 10px;
	font-size: 1.0em;
	/*font-weight: bold;*/
	text-align: center;
	background-color: #FDB086;
	color: #05083B;
}

/*---/ Box & text -------------------------------------------------------*/



.image_droite {
  position: relative; 
  top: 0.5em; /* Marge supérieure */
  left: 30em; /* Décalage image vers la droite */
}

.logo_list 
{
	 /*border: 1px solid black;*/
	margin-left: 24px;  
	padding: 10px 37px 10px 30px;
}	

/*============== Zone Footer ==============*/
.info_footer {
  font-size: 0.8em; 
  text-align: center;
  color: #05083B;
}

.footer {
  padding-top: 3px; 
  height: 88px;
  font-size: 0.7em; 
  text-align: center;
}

/*=============/ Zone Footer ==============*/