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

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



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

a:link {
	color: #009900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009900;
}
a:hover {
	text-decoration: 1px dashed;
	color: #FF9933;
}
a:active {
	text-decoration: none;
	
	color: #009900;
	}
	
img {
	elevation: lower;
	
}

#img {
	elevation: lower;
	/*margin:15px;*/
	padding:15px;
}
.img {
	elevation: lower;
	/*margin:15px;*/
	padding:15px;
}
body
{
   width: 700px;
   height:100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   background-image: url(graphix/CLAUDE%20MIQUEU.jpg); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
background: White;
	font-size: small;
	/*background-color: White; */
}

/*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: #666666;
	font-size: 13px;
	text-align: justify;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

#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: #646464;
	font-size: 13px;
	text-align: justify;
	 /*border: 1px dashed gray;
   
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

#p1{
	width: 650px;
	border: 1px solid gray;
	/*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 */
	-moz-border-radius: 18px / 24px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
				  
	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 solid 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 */
	-moz-border-radius: 18px / 24px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
				  
	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; 
	 
-moz-border-radius: 18px / 24px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
				  
    left: 25%; 
    text-align: left;
    vertical-align: middle;
    margin: 10px;
    padding: 20px;
	padding-top: 10px;
    width: 700px;
    /*height:;*/
    background-color: #ffffff;
    border: 1px solid #009900;
    color: #666666;
    /* border-color: Silver; */
}
/*#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 {

-moz-border-radius: 10px / 10px; 
	
	     -webkit-border-radius: 10px / 20px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
				  
border: 4px double #0033CC;
margin: 5px;
/*margin-left: 0px;*/
padding: 5px;
	/*padding-left: 10px;*/
width: 682px;
/*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);  */
}

#injection2 {
border: 3px double #0080FF;
-moz-border-radius: 18px / 24px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
				  
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 solid #0033CC;
	-moz-border-radius: 10px / 10px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
	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;
	color: #666666;
/*height: 130px;*/
 /*background: url(graphix/haed1.jpg);  */
}


*#navigation {
	font-family: sans-serif;
	border: 1px dotted #ffffff;
		margin-left: 30px;
	font-style: normal;
	width: 650px;
	height:25px;
	background-color: #FFFFFF;
} 


#Zone_de_texte {
	background-color: White;
	-moz-border-radius: 10px / 10px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
	border: 1px solid #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;
	font-size: 12px;
	/*float: left;*/   
  }


.Zone_de_texte {
	background-color: White;
	border: 1px solid #0033CC;
	-moz-border-radius: 10px / 10px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
	width: 620px;
	margin-left: 30px;
	padding: 10px;
	padding-left: 10px;
	text-align: justify;
	font-size: 12px;	/*float: left;*/   
  }
#footer {
	/*vertical-align: bottom;*/
    background-color: White;
	-moz-border-radius: 10px / 10px; 
	
	     -webkit-border-radius: 18px / 24px;  
		     -khtml-border-radius: 18px / 24px;  
			     border-radius: 18px / 24px;
	width: 400x;
	padding: 5px;
	padding-top: 0px;
	padding-left: 20px;
	margin: 20px;
	margin-top: 10px;
	border: 2px dashed silver;
	text-align: center;
	/*height: 20px;*/
}

#injectionImprime {
	border: 1px dashed #009900;
	margin: 5px;
	font-size: 18px;
	text-align: justify;
	margin-left: 10%; /*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;
}