/* -------- Feuille de style pour le site APLI ------------------------------*/

/* Programmé par Georges Pécarrère       */

/*  ---------------- ENCPSULAGE GENERL Body ,wrapper, navigation, beande, zone de texte footer ======================================================*/



* {
	padding: 0px;
	margin: 0px;
}

a:link {
/*padding:2px;
border: 1px dotted #0033CC;
background-color:#CCCCCC; */
	color: #009900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009900;
}
a:hover {
	border-bottom: 2px dashed #CC9933;
	color: #330066;
	font-size: 18px;
}
a:active {
	text-decoration: none;
	
	color: #003300;
	}
	
img {
	elevation: lower;
	
}

#img {
	elevation: lower;
	/*margin:15px;*/
	padding:15px;
}
.img {
	elevation: lower;
	/*margin:15px;*/
	padding:15px;
}

.imgH {
	elevation: lower;
	margin: 0px;
	/*margin:15px;*/
	/*padding:15px;*/
}

.imgPOT {
	elevation: lower;
	margin: 10px;
	/*margin:15px;*/
	/*padding:15px;*/
}

body
{
	width: 700px;
	height:100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 10px;
	font-size: small;
	background-image: url(BG/automne.jpg);	/*background-color: White; */
	background-repeat: repeat-x;
	background-color: #DBDBDB;
	background-attachment:fixed;
}

/*body #index  {
	background: White;
	font-size: small;
	background-color: White;
	width: 50%;
	position: absolute;
	left : 35%;
}*/


.bandeauDeroulant {color: #CC6600; font-weight: bold; font-size: 12px; }

p{
	width: 590px;
	/*padding-left: 10px; /* Marge intérieure de 12px */
	/*padding-right: 10px; /* Marge intérieure de 12px */
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #000099;
	font-size: 12px;
	text-align: justify;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

#p{
	width: 550px;
	/*padding-left: 10px; /* Marge intérieure de 12px */
	/*padding-right: 10px; /* Marge intérieure de 12px */
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #000066;
	font-size: 13px;
	text-align: justify;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

#p1{
	width: 650px;
	/*padding-left: 10px; /* Marge intérieure de 12px */
	/*padding-right: 10px; /* Marge intérieure de 12px */
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #666666;
	font-size: 18px;
	text-align: justify;
	padding:5px;
	margin: 10px;
	direction: inherit;
	position: static;
	left: auto;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

/*#pfooter{
	width: 390px;
	padding-left: 10px;  Marge intérieure de 12px 
	/*padding-right: 10px;  Marge intérieure de 12px 
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #666666;
	font-size: 15px;
	text-align: justify;
	padding:5px;
	margin: 10px;
	direction: inherit;
	position: static;
	left: auto;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px 
}*/
.pfooter{
	width: 545px;
	/*padding-left: 10px; /* Marge intérieure de 12px */
	/*padding-right: 10px; /* Marge intérieure de 12px */
	margin-bottom: 5px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	color: #666666;
	font-size: 15px;
	text-align: justify;
	padding:5px;
	margin: 5px;
	direction: inherit;
	position: static;
	left: auto;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}
#wrapper {
	position:absolute;
	width: 720px;


left : 50 %; /* tout le temps */

margin-left : -360px; /* la taille de ta div divisée par 2 */


	text-align: left;
	/*vertical-align: middle;*/
	margin: 10px;
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	
	/*height:;*/
   
    border: 5px double #990000;
	-moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px; 
	color: #999999;
	background-color: #E8E8E8;    /* border-color: Silver; */
	background-image: url(graphix/mur_dazzle_textures-800px.jpg);
	background-repeat: repeat-y;
}
/*#tab {
     position:absolute; 

    left: 25%; 
	text-align: left;
	vertical-align: middle;
	margin: 0px auto;
	padding: 0px;
	width: 568px;
	height: 100%;
	background-color: #ffffff;
	border: 1px dashed;
	color: #999999;
	
}*/

#haeder {
	border: 6px double #006600;
	margin: 0px;
	/*margin-left: 0px;*/
padding: 5px;
	/*padding-left: 10px;*/
width: 707px;
	margin-left: 1px;
	moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px;
/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
}

#bordureFLV {
border: 3px double #0033CC;
margin: 0px;
/*margin-left: 0px;*/
padding: 2px;
	/*padding-left: 10px;*/
width: 598px;
height:410px;

/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
}

#injection {
border: 3px double #009900;
margin: 10px;
/*margin-left: 0px;*/
padding: 5px;
	/*padding-left: 10px;*/
width: 575px;
/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
 -moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px; 
}

#injection2 {
border: 3px double #0080FF;
margin: 5px;
margin-left: 5px;
/*margin-left: 0px;*/
padding: 5px;
	/*padding-left: 10px;*/
width: 575px;
/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
}


#bandeau {
	border: 1px dotted #0033CC;
	margin: 10px;
	margin-left: 30px;
	padding: 10px;
	padding-left: 10px;
	text-align:justify;
	/*background-image:url(graphix/ClaudeMiqueu-Vignette-100px.jpg);
	background-position:left;
	background-repeat:no-repeat;*/
	
	
	
width: 650px;
	color: #666666;
	background-image: url(graphix/Backgrund-2-transparent.jpg);/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
}


#navigation {
	margin-top: 0px;
	text-align:center;
	font-family: sans-serif;
	border: 1px dotted #ffffff;
	margin-left: 5px;
	font-style: normal;
	width: 650px;
	height:25px;
	/*margin-bottom:10px;*/
	background-color: #999999;
	font-size:13px;
	background-image: url(graphix/Backgrund-2transparent.jpg);	
} 


#Zone_de_texte {
	width: 700px;
	background-color: #EEEEEE;
	border: 6px double #006600;
	-moz-border-radius: 50px / 80px;   
    -webkit-border-radius: 40px / 24px;   
	   -khtml-border-radius: 40px / 24px;  
	       border-radius: 50px / 80px; 
	margin: 10px;
	margin-left: 2px;
	padding: 10px;
	padding-left: 0px;
	/*background-image:url(graphix/ClaudeMiqueu-Vignette-100px.jpg);
	background-position:left;
	background-repeat:no-repeat;*/
	
	

	text-align: justify;
	background-image: url(graphix/fond-news.jpg);
	/*float: left;*/   
  }


.Zone_de_texte {
	background-color: #E9E9E9;
	border: 1px dotted #0033CC;
	width: 700px;
	margin-left: 10px;
	padding: 10px;
	padding-left: 5px;
	text-align: justify;
	/*float: left;*/   
  }
  
  #analyses {
	background-color: #CCCCCC;
	
	width: 680px;
	
	padding: 5px;
	
	text-align: justify;
	/*float: left;*/   
  }
  
  .analyses {
	background-color: White;
	
	width: 680px;
	
	padding: 5px;
	
	text-align: justify;
	/*float: left;*/   
  }
  
  #Zone_de_texte2 {
	background-color: White;
	border: 1px dotted #0033CC;
	margin: 10px;
	margin-left: 30px;
	padding: 10px;
	padding-left: 10px;
	text-align:justify;
	/*background-image:url(graphix/ClaudeMiqueu-Vignette-100px.jpg);
	background-position:left;
	background-repeat:no-repeat;*/
	
	
width: 620px;
	text-align: justify;
	/*float: left;*/   
  }


.Zone_de_texte2 {
	color:#710000; 
	background-color: White;
	border: 4px double #710000;
	width: 520px;
	margin-left: 30px;
	padding: 10px;
	padding-left: 10px;
	text-align:left;
	/*float: left;*/   
  }
  
  .Zone_de_texte3 {
	color:#000066;
	background-color: #E6E6E6;
	border: 9px double #006600;
	width: 610px;
	margin-left: 40px;
	padding: 10px;
	padding-left: 10px;
	text-align: left;
	float: none;
	
	height: 310px;
	moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px;
	margin-right: 30px;
	margin-top: 20px;	/*float: left;*/
	font-size: 16px;
	background-image: url(graphix/brin-herbe-bidon-alpha.jpg);
  }
  
  #Zone_de_texte3 {
	color:#FFFFFF;
	background-color: #FFFFFF;
	border: 9px double #000066;
	-moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px;
	width: 610px;
	margin-left: 40px;
	padding: 10px;
	padding-left: 10px;
	text-align: left;
	float: none;
	
	height: 310px;
	
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom:10px;	/*float: left;*/
	font-size: 9px;
	background-image: url(graphix/L-ESPOIR-A-UN-NOM.jpg);
  }
 
 .Zone_de_texte4 {
 
	margin: 20px;
	color:#710000;
	background-color: White;
	border: 2px dotted #336600;
	width: 520px;
	margin-left: 10%;
	padding: 10px;
	padding-left: 10px;
	text-align: justify;
	font-size: 13px;	/*float: left;*/
	
  } 
  
   .Zone_de_texte_MARCEL {
	color:#000099;
	background-color: White;
	border: 2px dotted #336600;
	width: 520px;
	margin-left: 15%;
	padding: 10px;
	padding-left: 10px;
	text-align: left;
	float: none;
	height: 140px;
	margin-right: 30px;
	margin-top: 0px;	/*float: left;*/   
  }
  
  
#footer {
	/*vertical-align: bottom;*/
    background-color: White;
	width: 650px;
	padding: 5px;
	padding-top: 0px;
	padding-left: 20px;
	margin: 20px;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom:10px;
	border: 6px double #009900;
	-moz-border-radius: 20px / 24px;   
    -webkit-border-radius: 20px / 24px;   
	   -khtml-border-radius: 20px / 24px;  
	       border-radius: 20px / 24px;
	text-align: center;
	background-image: url(graphix/BG-FOOTER.jpg);	/*height: 20px;*/
	background-repeat: repeat-y;	
	
}

#injectionImprime {
	border: 1px dashed #009900;
	margin: 5px;
	font-size: 18px;
	text-align: justify;
	margin-left: -240px; /*margin-left: 0px;*/
	padding: 5px; /*padding-left: 10px;*/
	width: 700px; /*height: 130px;*/
	vertical-align: middle;/*background: url(graphix/haed1.jpg);  */
    
}

/*==============================================================================================================*/

/* PARAGRAPHES balise <p id="paragrapheN°" --------------------------------------*/





#paragraphe1 {
	margin-left: 5px;
	font-style: oblique;
	margin-right: 5px;
	margin-top: 1%;
	text-align: justify;
	text-indent: 1%;
	
	color: #696969;
	border: 1px;
	counter-increment: inherit;
	font-size: 11px;

} 


#paragraphe2 {
	margin-left: 5px;
	font-style: italic;
	margin-right: 5px;
	margin-top: 1%;
	text-align: justify;
	text-indent: 1%;
	color: Gray;
	font-size: 12px;
} 

#paragraphe3 {
	margin-left: 5px;
	font-style: italic;
	margin-right: 5px;
	margin-top: 1%;
	text-align: justify;
	text-indent: 1%;
	color: Gray;
} 


#news1 {
	text-align:center;
	border: 9px double #660000;
	width: 535px;
	height: auto;
	-moz-border-radius: 18px / 24px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
	background-color: White;
	font-size: 12px;
	margin: 10px;
	margin-bottom: 0px;
	margin-top:0px;
	margin-left: 8%;
	padding: 10px;
	padding-top:5px;
	padding-right: 10px;
	font-size: 12px;
	color: #660000;
	font-style: normal;
	background-image: url(../graphix/bg-flash-infos.jpg);
}