html { font-size: 100%;}
body {
	background-color: white;
	text-align:center;
	margin-top: 0px;
	background-image: url("Images/fond.jpg");
	background-repeat: repeat-x;
	font: 0.8em verdana, arial, sans-serif;
}
/* container correspond au cadre extérieur de la page *****/
#container{ 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:left;
	border: solid 1px maroon;
	background-color: #fef8e2;
}
/* cartouche de l'entete ****/
#cartouche {
	width:auto;
	height:120px;
	z-index:1;
}
#logo {
   position:absolute;

	top:0px;

	left:0px;
	visibility:hidden;
	z-index:2;
}

img { 
	border:0px;
}


/***********************************************************************************/
/*****************  MENU PRINCIPAL *********************************************************/

#menu_principal {
	position:absolute;
	width:785px;
	height:34px;
	z-index:3;
	left:0px;    
   text-align:center;
	padding:0px 0px 0px 15px;
	float:left;	
	background-image: url("Images/Barmenu.jpg");
	background-repeat: repeat-x;
}
div#menu_principal li {
	width:auto;
	height:34px !important;
   height:34px;
   float:left;	
	padding:7px 15px 0px 0px;
   margin-left:2px;
	margin-right:5px;

}
div#menu_principal a { 
  vertical-align:middle;
	font: bold 13px verdana, sans-serif;
	color:white; 
	text-decoration: none;
}
div#menu_principal a:hover { 
   font: bold 14px verdana, sans-serif;
	color:red;
	text-decoration: none;
	background-color:transparent;
}

/****************** Page et répartition en colonnes *********************/
#CR {
	position:absolute;
	z-index:10;
	left:5px;
	top:170px;
}
.page { 
   width:100%;  
   text-align:left;
   vertical-align:top;
   z-index: 4;
   padding-top:34px;	

}
.gauche {                    /*  Pub livre et google  */
	position : absolute;	
	margin-left : 5px;
	width:295px;
	height:620px;
	z-index:6;	
   background-color:#b0c4de;
   border-style : outset;
   border-width : 3px;
   border-color:black;
   padding: 0px 7px 0px 7px;
}


.droite {                   /* Info site */
	width:458px;
   float : right;
	margin-right : 5px;
	padding: 3px 4px 3px 7px;
	z-index:5;
   background-color: #feffe2;
	border-style:solid;
   border-width:1px;
   border-color:maroon;
}
.droite_vide {
	width:470px;
   float : right;
	right : 0px;
	padding-top: 10px;
}	
h1 {                                              /* Titre de page */
	text-align:center;
	font: bold italic 35px Georgia, arial, serif;  
   color : #471111; 
   letter-spacing :0.1em
}
#net {
	clear : both;
	padding-top : 20px;
}
#blog {
	clear : both;
	border-style:solid;
   border-width:10px;
   border-color:black;
}
#AdSense {
	background-color:white;
}

/*******************  Diverses fonctions ******************/
div.centrage {text-align: center;} /* centrer un élément */
div.agauche {text-align: left;}
table.entete  {font-family : arial, tahoma, sans-serif; font-size: 8pt ; color: #ffffff; background-image: url("Images/fond.jpg"); background-repeat: repeat;}
.corp         {margin: 5px 3px 5px 3px; padding: 1em 2em 1em 2em; background-color: #fef8e2; border: solid 1px maroon; width: auto}
.copyright    {color : #cc6666 ; text-align : center ; font : bold 0.9em Verdana, Arial, sans-serif; padding:6px 0px 7px 0px;}
    h2            {font-weight : bold; font-size: 1.3em;}              /* Titre chapitre */
     h3            {font-weight : bold; font-size: 1.3em; }             /* Titre para */
     h4            {font : bold 1.2em sans-serif;}   /* Titre sous-para */
     h2, h3, h4    {color : #009000;}
     h3, h4        {text-align : left; }
     h2        {text-align : center; }
.encadre      {font-family : verdana, arial, tahoma, sans-serif; font-size: 0.9em ; text-align : center; margin: 2em; padding: 1em; background-color: rgb(247,247,247); color: #008000; border: solid maroon;}
.exemple      {color : #800000; font-style : italic; margin: 1em;}
.center       {text-align : center; }
     span.souligne {font-family:  helvetica, sans-serif;}
     .lois         { color : #008080 ; font-size: 0.8em; font-family:  tahoma, helvetica, sans-serif; padding: 1em ; border: groove 1px blue; }
     p:first-letter { font-size: 1.2em; font-weight: bold;  }
     a:link        {color: #556b2f;}    /* unvisited links */
     a:visited     {color: #d2691e; }   /* visited links   */
     a:hover       {color: #0000ff; background-color: #ffffff;} /* user hovers     */
     a:active      {color: #00ff00; }   /* active links    */
     table         {padding: 1em 3em; font-family : verdana, arial, tahoma, sans-serif; font-size: 0.8em ; background-color: #ffffcc ; empty-cells: show; margin: auto }
     th            {text-align: center; background-color : #000000; color: #ffffff; font-weight : bold; }