body{
margin:0px; padding:0px; /* pour éviter les marges */
text-align: left; /* pour corriger le bug de centrage IE */
background-color:#003399;   
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
cursor:default;
SCROLLBAR-FACE-COLOR: #4564B2  ; 
SCROLLBAR-HIGHLIGHT-COLOR:#4564B2   ;
SCROLLBAR-SHADOW-COLOR: #4564B2  ; 
SCROLLBAR-3DLIGHT-COLOR:#4564B2  ;
SCROLLBAR-ARROW-COLOR:#00FF00;  
SCROLLBAR-TRACK-COLOR: #4564B2  ; 
SCROLLBAR-DARKSHADOW-COLOR: #4564B2  ; 
SCROLLBAR-BASE-COLOR: #4564B2  ; }
#fond {
	top:1%; margin-top:1%;
	border:1px solid white;	
	min-width:770px; width:70%;
	min-height:650px; height:auto; 
	margin:auto;    
	position:relative; }
#menu{
	position:absolute; 
	padding:0;
	margin:0;
	top:5%;
	left:39%;
	width:60%;
	height:15%;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}	
#menu_gauche {position:absolute;padding:0;margin:0;top:5%;	left:16%;	width:19.5%;	height:auto;	z-index:2;color: #FFFFFF;	text-align: right;	font-family: Arial, Helvetica, sans-serif;	font-size: 15px;	font-weight: bold; }
.icone{
	float:left;  position:relative;
	width:14%;
	height:70%; 
	margin:0;
	padding:0;
	margin-right:2%; 
	text-align:center; 
	line-height:17px; z-index:1;	}
#bout_chien{position:absolute; border-top:3px solid white; top:24%; display:block; width:100%; height:25%; background-color:#00CC66; left:0; background-color:#00CC00; opacity:0.9;filter:alpha(opacity=90);}
#bout_chat{position:absolute; top:50%; border-top:3px solid white; border-bottom:3px solid white; width:100%; height:25%; background-color:#00CC66; left:0; background-color:#00CC00;opacity:0.9;filter:alpha(opacity=90); font-weight:bold}
.icone2{	float:left; z-index:3; width:14%;	height:67%;
	margin:0; padding:0;	margin-right:2%; margin-top:-2%; 
	text-align:center;	line-height:17px;}
.contenue2 {	text-align: center;}
#bande_info{ display:block; position:absolute; left:0; bottom:6%;  width:97%;  margin:0; padding:0}	
#menu_bas{	float:left;	width:500px;  	height:30%;margin:0;padding:0; margin-top:2%;
	text-align:left;line-height:normal; text-align:center; background-color:#FFFF00;
	left: 0%;	right: 50%; z-index:3;}
#menu_bas2 {float: left; text-align:center; background-color:#FF0000;
	height: 30%; margin-top:2%;width: 60px; 	padding-left: 1%; z-index:3;}
#contenu{
	position:absolute; padding:0 1% 0 0;margin:0;top:24%;left:43%;width:53%;height:54%;z-index:3;
	font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;font-weight: normal;
	font-size: 11px;font-style: normal;font-variant: normal;text-decoration: none;
	text-align:justify; overflow: auto;}		
.video{ float:left; width:170px; height: 130px; margin:0; padding:0 1% 0 0; text-align:left}		
.photos_lat{ float:left; width:164px; margin:3px 6px 3px 3px; padding:0 4px 0 0; }	

#contenu h2 {font-size:1.3em; color:#00FF00;}
#contenu p { text-align:justify}
.legende{display:block; width:155px; margin:0; padding:0 0 0 5px; text-align:left; max-height:30px; overflow:hidden; color:#00ff00}
.vignette {border: thin solid #00FF00; max-width:160px;  max-height:190px;	margin:5px; font-size:9px; color:#00ff00}
.vignette2 {  max-width:150px; max-height:140px; margin:0 5px 0 0; vertical-align:middle}
	
#quizz{position:absolute;	padding:0; padding-left:1%; 	margin:0; 	top:23%;
	left:0;width:98%;height:90%;z-index:3;font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;	font-weight: normal;	font-size: 11px;	text-decoration: none;
	text-align:justify;	overflow:hidden;}	
.menu:hover {	color: #00CC00;}
.menu {	color: #FFFFFF; text-decoration:none}
.menu_bas {color:white ; text-decoration:underline}
.menu_bas:hover { color: #00FF00;}
.menu_bas_inv {color: #003399 ; text-decoration:overline}
.menu_bas_inv:hover { color:white;}
#vignette4 {	border: thin solid #00FF00;	margin: 2%;	float: Aucune;}
h1 { margin:0; padding:0; font-size:13px; width:98%; text-align:right}
h2 { margin:0; margin-top:5px; margin-bottom:5px; padding:0;}
#message{ float:left; width:99%; margin:0; overflow:auto;}
#questionnaire{ float:right; width:36%; height:99%; margin-right:1%; margin-top:1%;  }
#plan{ float:left; width:93%; height:65%; margin:0; margin-top:-2%;  color:#84D0F1;  font-weight:bold}
.titretableau { font-size:12px; color: #00ff00; font-weight: bold;}
a.patch{ font-size:9px; text-decoration:none; vertical-align: middle; color:white}
a.patch:hover{ color:red}
a.mail{ font-size:12px; color:white}
a.mail:hover{ color:#00ff00}
.liens_gauches {margin:0; padding:0 ; margin-bottom:4%}
.lien_telecharger {margin:0; padding:0 ; font-size:0.7em; font-weight:100  }
.img1{margin-top:1%; max-height:100%}
.img2{max-height:100%}
.img3 {margin-top:9%; max-height:100%}
.img4 {margin-top:8%; max-height:100%}

.imgpatch{display:none}
/* _________________________________ pop up __________________________________*/
#pop_descr{ 
float:left; position:relative; z-index:6;
background-color:#FFFFFF; color:blue; margin:0; padding:0; display:none;  
margin:0; padding:0; width:100%; margin-top:-25%; min-height:50%; padding-left:2%; padding-bottom:1%; font-weight:100} 

#pop_descr p{ margin:0; margin-top:5px; padding:0;}
/* _______________________  champs de formulaire  ____________________________*/
input.champs {
color:#009900; 
font-size:10px; 
height:13px;
padding:0; margin:0;
}

input.champsob {
color:blue; 
font-size:10px; 
height:13px;
padding:0; margin:0;
}
input.bouton{ 
color:#00FF00; 
background-color:#003399; 
border:0; 
font-size:12px; text-decoration:underline;
font-weight:bold;
}
input.bouton:hover{ color:red;}

input.boutonred{ 
color:#00CC00; 
background-color:white; 
border:0; 
font-size:12px; text-decoration:underline;
font-weight:bold;
}
input.boutonred:hover{ color:blue}

input.boutonTaille{ 
color:white;
background-color:red; 
font-size:12px;
font-weight:bold;
font-family:arial;
width:120px
}
input.boutonTaille:hover{ color:white; background-color:red}


select { 
color:#009900; 
font-size:9px; border:0; 
font-family:arial; margin:0px;
padding:0px;
}

textarea {
color: white; line-height:13px; border:0;
background-color:#4564B2;
}

input.fichier {
color:black; 
background-color:#66CCFF; 
font-size:10px; 
font-family:arial;
}

#message_actu{ position: absolute; margin:auto; left:38%; top:30%; width: 330px;   min-height:300px; height:auto; display: block; padding:5px; font-size:1.6em; background-image:url(../objets/fond-encart.jpg);background-repeat: no-repeat; background-position:bottom right; border:5px solid #00FF00; z-index:6}

#message_actu p{ color: white; padding:25px 15px 15px 15px}