body
{
font-family: Comic Sans MS; 
font-size: 14px;
/* background-color:#DDDDDD;    gris clair */
background : repeat url("../fond.jpg");
}

#container_center 
{  
    margin-right: auto;
    margin-left: auto; 
	width: 1000px;
	background-color:#f4e0c2;   /* beige plus clair */
	 border-style: solid;
	border-width: 1px;
	border-color: #006600;      /* vert foncé kaoala */
}

#header   
{  
font-size: 16px;
font-family: Comic Sans MS; 
color: #006600;      /* vert foncé kaoala */
text-align: center;      
padding: 2px 0;
background-color : #f4e0c2;     /* beige plus clair */
}

#bas_page
{  display : block ;    /* garde le block coloré même si vide table peut servir  pour forcer la ligne en bloc tableau */
    width: 1000px;
font-size: 12px;
height: 15px;
padding: 5px 0;
background-color : #edd0a5;;   /* beige plus clair */
vertical-align: middle;
   clear:both;  		/* securité peut éviter que la bas remonte avec les float avant ..... */
 }
 

#div_left
{    margin-left: 20px;
	float:left;
	background-color:#EBFFEB; /* Vert clair koala */
    width: 700px;	
	height: 550px;
	
}

#int_div_left
{
	margin: 15px 15px 15px 15px;     /*ordre  TOP RIGHT  BOTTOM   LEFT */
	 font-size: 14px
}

#div_centre
{   
	float:left;  
	/*display: table-cell;  comportement visuel de cellule de tableau     NE MARCHE PLUS EN FLOAT
	vertical-align: middle;*/
	width: 100px;
	height: 550px;
	background-color:#f4e0c2;  /* Beige plus clair */
}

#div_right
 {
	 float:left;
	 padding-left : 2pt;
	background-color:#effbed; /* Vert clair */
	width: 120pt;	
	height: 550px;
 } 
 
 #int_div_right
{
	margin: 5px 5px 5px 5px;     /*ordre  TOP RIGHT  BOTTOM   LEFT */
}
 


input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:2px solid #F5C5C5;
 border-radius:5px;
 width:180px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }

input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
 input[type=checkbox] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit] {		/* Vert brillant clair koala */
 width:150px;
 height:35px;
 margin-left:3px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 background-color:#A3FFA3;   
 font-weight: bold;
 }


 input[type=submit]:hover, input[type=reset]:hover {
 background-color:#B0E0E6;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}


 input[type=reset] 
{
	 
}
 
 
 input[type=text] {
 width=33px;
 margin-left:5px;
 box-shadow:1px 1px 1px #00ff00;
 cursor:pointer;
 }
 
 
#zoom a
{ 
	text-decoration:none; 
} 
 
#zoom a:hover
{
	color:white;
	background: none; 
} 
 
#zoom a span 
{ 
	display:none;
	margin-top: -100px;               /*permet de placer le zoom dans la page*/
	margin-left: -50px;               /*permet de placer le zoom dans la page*/
	border: 2px solid #ffb515;   /* bord sur l'image zoomée                  */
	background-color:#FFFFFF;
} 
 
#zoom a:hover span
{ 
	position: absolute;
	text-align:justify;
	display:inline;
}
 
 
 
 .centrer_v
 {
	display: table-cell; /* comportement visuel de cellule */
	vertical-align: middle;
 }
 
.hh1           { font-family: Comic Sans MS; color: #FF0000; font-size: 24px; font-weight: bold }   /*  . pour des classes spéciales en plus ! */
.hh3           { font-family: Comic Sans MS; font-size: 16px; color: #6633CC; font-weight: bold }
.hh4           { font-family: Comic Sans MS; font-size: 12px; color : Maroon; font-weight: bold }	
.T6 {font-size:6pt}
.T8 {font-size:8pt}
.T9 {font-size:9pt}
.T10 {font-size:10pt}
.T11 {font-size:11pt}
.T12 {font-size:12pt; font-family: Comic Sans MS;}
.T14 {font-size:14pt}
.T14_green {font-size:14pt ; color: #009900}
.T14_red {font-size:14pt ; color: #FF0000}
.T16 {font-size:16pt}
.T18 {font-size:18pt}
.T24 {font-size:24pt}
.T30 {font-size:30pt}
.T50 {font-size:50pt}
.T24 {font-size:24pt}
.T48 {font-size:48pt}
.bg_vertclair {background-color: #effbed;}
.bg_beigeclair {background-color: #edd0a5;}
.bg_beigeplusclair {background-color: #f4e0c2;}
.button1 { border:12px; background-color: #FF0000; color: #00FF00; padding:5px }

.cadreblanc{ border: 0px solid #6495ED;  background: White;  background-color: #FFFFFF;}
.cadrejaune{ border: 0px solid #6495ED;  background: White;  background-color: #FFFF99;  text-align: center; }
.cadrejauneC{ border: 0px solid #6495ED;  background: White;  background-color: #FFFFCC;  text-align: center; }
.cadregristresclair {border: 0px solid #6495ED;  background: White;  background-color: #DDDDDD;  text-align: center; }
.cadrerouge{ border: 0px solid #6495ED;  background: White;  background-color: #FF0000;  text-align: center; }
.cadrebleu{ border: 0px solid #6495ED;  background: White;  background-color: #1192FF;  text-align: center; }
.cadreorange{ border: 0px solid #6495ED;  background: White;  background-color: #FCB35C;  text-align: center;}
.cadrerose{ border: 0px solid #6495ED;  background: White;  background-color: #FFC0C0;  text-align: center;}
.cadrebeigeclair  {border: 1px solid #6495ED;  background: White;  background-color: #FCE9B8;  text-align: center; }
.cadrebasket{ border: 1px solid #6495ED;  background: White;  background-color: #DDDDDD;}