/* CSS Document */
body {
  background: #FFCC66 url("images/image2.gif") repeat-y fixed 0% 0%;
  }

titre    {
    font: normal small-caps bold 24px arial, verdana, san-serif;
	color: #000000;
    text-align: center;
	text-decoration: none;
	 margin: 0px 0px 0px Opx;
    }

h1    {
    font: normal small-caps bold 32px arial, verdana, san-serif;
	color: #000000;
    text-align: center;
	text-decoration: none;
    }
	
p   {
       font-size: 17px;
       font-family: "arial", "helvetica", "Verdana", "sans-serif";
       color: #330000;
       font-weight: normal;
       text-align: justify;
	   margin-bottom: 5px;
	   text-indent: none;
	   background-color: #FFFFFF;
	   letter-spacing: 0,3px;
	    }
	
	
h2    {
		font: normal normal bold 24px arial, verdana, san-serif;
		color: #000000;
    	text-align: center;
		text-decoration: none;

    }
	
h3    {
		font: normal normal normal 18px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: underline;
	   	margin-top: 10px;
		margin-right: 10px;
	   	margin-left: 10px;
	   	margin-bottom: 5px;
    }

h4    {	
       font-size: 11 pt;
       font-family: "arial", "helvetica", "Verdana", "sans-serif";
       color: #000000;
       font-weight: normal;
       text-align: left;
	   text-decoration: none;
	   margin-top: 10px;
		margin-right: 10px;
	   margin-left: 10px;
	   margin-bottom: 5px;
    }
	
h5    {
       font: normal normal normal 11px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
		
       
    }	
h6    {
		font: normal normal normal 11px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
		background-color: #FF9900;
 	   }	
#image1 {
	    float: left;
	    width: 175px;
		height: 261px;
		margin-top: 5px;
		margin-right: 5px;
	   margin-left: 5px;
	   margin-bottom: 5px;
	}
#image2 {
	    float: left;
	    width: 44px;
		height: 66px;
		margin-top: 1px;
		margin-right: 10px;
	   margin-left: 1px;
	   margin-bottom: 5px;)
	}
#image3 {
	    float: left;
	    width: 105px;
		height: 158px;
		margin-top: 5px;
		margin-right: 10px;
	   margin-left: 10px;
	   margin-bottom: 10px;
	   text-align: center;
	}
#tete1 {
	position:absolute;
	margin: 0px 0px 0px 0px;
	width: 90px;
	height: 134px;
	z-index: 1;
}

#tete2 {
	position:absolute;
	margin: 5px 0px 0px 50px;
	width: 90px;
	height: 134px;
	z-index: 2;
}

#tete3 {
	position: absolute;
	margin: 10px 0px 0px 100px;
	width: 90px;
	height: 134px;
	z-index: 3;
}

#tete4 {
	position: absolute;
	margin: 15px 0px 0px 150px;
	width: 90px;
	height: 134px;
	z-index: 4;
}

#tete5 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 90px;
	height: 134px;
	z-index: 1;
}

#tete6 {
	position: absolute;
	top: 5px;
	right: 50px;
	width: 90px;
	height: 134px;
	z-index: 2;
}

#tete7 {
	position: absolute;
	top: 10px;
	right: 100px;
	width: 90px;
	height: 134px;
	z-index: 3;
}

#tete8 {
	position: absolute;
	top: 15px;
	right: 150px;
	width: 90px;
	height: 134px;
	z-index: 4;
}	
	
#boite0 {
	    position: absolute;
		margin: auto;
		margin: 5px 0px 5px 180px;
	    border: 0px none #666633;
	    background-image: url("11images/image4.jpg");
		width: 900px;
		height: 150px;
		overflow: none;
		padding: 0px 0px 0px 0px;

}

#boite1 {
	    position: absolute;
		margin: auto;
		margin: 160px 0px 0px 180px;
	    border: 0px none #666633;
	    background-image: url("11images/image3.jpg");
		width: 190px;
		height: 600px;
		overflow: auto;
		padding: 5px 5px 5px 15px;
		font: normal normal bold 24px arial, verdana, san-serif;
		color: #000000;
    	text-align: center;
		text-decoration: none;
	 	margin: 0px 0px 0px Opx;
}

#boite2 {
	    position:absolute;
		margin: auto;
		margin: 160px 0px 0px 395px;
	    border: 0px none #666633;
		background-color: #FFFFFF;
		width: 460px;
		height: 600px;
		overflow: auto;
		padding: 5px 5px 5px 5px;
		font: normal normal normal 11px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
	 	margin: 0px 0px 0px Opx;
}

#boite3 {
	    position: absolute;
		margin: auto;
		margin: 160px 0px 0px 870px;
	    border: 0px none #666633;
		background-image: url("11images/image6.jpg");
		background-color: #FFFFFF;
		width: 195px;
		height: 605px;
		overflow: scroll;
		padding: 3px 15px 0px 1px;
		font: normal normal bold 24px arial, verdana, san-serif;
		color: #000000;
    	text-align: center;
		text-decoration: none;
	 	margin: 0px 0px 0px Opx;
		}

#boite4 {
	    position:absolute;
		margin: auto;
		margin: 780px 0px 0px 180px;
	    border: 0px none #666633;
	    background-color: #FFFFFF;
		width: 900px;
		height: 650px;
		overflow: none;
		padding: 5px 5px 5px 5px;
		font: normal normal normal 11px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
	 	margin: 0px 0px 0px Opx;
		
		}
#boite4bis {
	    position:absolute;
	    top: 655px;
	    left: 180px;
		width: 900px;
		height: 900px;
		border-width: thick;
	    border-style: none;
	    border-color: #666633;
		background-color: #FFFFFF;
}

#boite5 {
	    float: left;
		margin: auto;
		margin: 0px 0px 0px 0px;
	    border: 1px solid #666633;
	    background-color: #FFFF99;
		width: 170px;
		overflow: none;
		padding: 5px 5px 0px 5px;
		font: normal normal bold 10px arial, verdana, san-serif;
		color: #000000;
    	text-align: left;
		text-decoration: none;
	 	margin: 5px 5px 5px 5px;		
}
#boite5bis {
	    float: left;
		margin: auto;
		margin: 0px 0px 0px 0px;
	    border: 1px solid #666633;
	    background-color: #FFFF99;
		width: 400px;
		overflow: none;
		padding: 5px 5px 0px 5px;
		font: normal normal bold 10px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
	 	margin: 5px 5px 5px 5px;
		clear:both;		
}
#boite5ter {
	    float: left;
		margin: auto;
		margin: 0px 0px 0px 0px;
	    border: 1px solid #330000;
	    background-color: #FFFFFF;
		width: 90px;
		overflow: none;
		padding: 1px 1px 1px 1px;
		font: normal normal bold 10px arial, verdana, san-serif;
		color: #000000;
    	text-align: center;
		text-decoration: none;
	 	margin: 5px 5px 5px 5px;
	
		}
#boite5qua {
	    float: left;
		margin: auto;
		margin: 0px 0px 0px 0px;
	    border: 1px solid #330000;
	    background-color: #FFFFFF;
		width: 176px;
		overflow: none;
		padding: 1px 1px 1px 1px;
		font: normal normal bold 10px arial, verdana, san-serif;
		color: #000000;
    	text-align: center;
		text-decoration: none;
	 	margin: 5px 5px 5px 5px;
		clear: left;	
			}
#boite6 {
	    float: left;
	    top: 50px;
	    left: 10px;
		width: 880px;
		border-width: thick;
	    border-style: none;
	    border-color: #666633;
		background-color: #FFFFFF;
		margin-top: 5px;
		
	   margin-left: 5px;
	   margin-bottom: 5px;
}
#boite7 {
	    float: left;
		margin: auto;
		margin: 20px 0px 0px 0px;
	    border: 2px solid #666633;
	    background-image: url("11images/image3.jpg");
		background-color: #FFFF99;
		width: 430px;
		overflow: none;
		padding: 5px 5px 0px 5px;
		font: normal normal bold 12px arial, verdana, san-serif;
		color: #000000;
    	text-align: justify;
		text-decoration: none;
	 	margin: 5px 5px 5px 5px;
		clear:both;		
		
}
A:link {
font-size: 11px;
font-weight: bold;
font-style: normal;
font-family: "arial", "helvetica", "Verdana", "sans-serif";
color: #000099;
text-decoration: none;
}

A:visited {
font-size: 11px;
font-weight: bold;
font-style: normal;
font-family: "arial", "helvetica", "Verdana", "sans-serif";
color: #666666;
text-decoration: none;
}

A:active {
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: "arial", "helvetica", "Verdana", "sans-serif";
color: #000099;
text-decoration: none;
}

A:hover {
font-size: 11px;
font-weight: normal;
font-style: normal;
font-family: "arial", "helvetica", "Verdana", "sans-serif";
color: #666666;
text-decoration: none;
}

input, textarea
{
   font-family: "Verdana", "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   border-style: groove;
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #999999;
}
 
label
{
   color: #330000; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #330000;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 10px; /* Une marge pour séparer les fieldset */
   background-color: #CCCCCC;
}

table
{
   margin: auto;
   border: none;
   border-collapse: collapse;
}

th
{
   background-color: #666699;
   color: white;
   text-align: center;
}

td
{
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: none;
   text-align: center;
   padding: 5px;
}