html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0;
	/* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	/*background-color: #999999;*/
       background: url('fond_papier.jpg') top left; 
       /* background: url(fond2.png) top left repeat;*/; padding-left:20px; padding-right:20px; padding-top:12px; padding-bottom:12px
}




div#conteneur

{ width:880px;
margin: 5px auto ;
text-align :left ;
border:thin solid #7B7A88 ;
/*background: url(fond5.jpg) ; */
/*background: url(htmlbg.jpg) ;*/
background: url('fond_papier.jpg') top left; 

/*background: url(bodybg.jpg) ; */
 /*background: #EEEEEE;*/
/*background-color: white;*/
/*background: #eed ;*/
 }



div#conteneur2

{ width:880px;
 margin: 5px auto;
text-align :left ;
border:thin solid #7B7A88 ;
background: url('bodybg.jpg') ; 
/*background: #EEEEEE;*/
/*background-color: white;*/
/*background: #eed ;*/
}



h1#header
{height: 250px ;
width:100%;
/*background: url(normalpagebg2.jpg) no-repeat center;*/
/*background: url(ban.jpg) ; */
/*background: url(bodybg.jpg) ; */
/*background: url(bg_faismonportrait.jpg); */
/*background: url(fond2.png) top left repeat;*/
/*background: url(fond5.jpg) ; */
/*background: url(htmlbg.jpg) ; */
 background: white url('fond_papier.jpg') top left; 
 

/*background: url(header.jpg);*/

/*background: url(logo5.jpg) no-repeat center ; */
/*border: 2px solid #666666;*/
/*background-color:#CCCCCC;*/
/*border:thin solid #7B7A88;*/
/*background-color: #EEefff;*/
text-align:center; color:#7B7A88; *:0 auto; margin:0 auto; display:block; background-color:white/*text-decoration: underline ;*/

 

}

.note {
background-color:#FFFFCC;
border:1px dotted #CCCCCC;
padding:0.5em;
display : inline ;
}



h1#header a
{
 /*color: white;*/
color:#666666;
 text-align:center top;

}



.texte{
font-size: 12pt;
font-family: arial, verdana, sans-serif;

}

.texte2{
font-size: 10pt;
font-family: arial, verdana, sans-serif;

}




		        
ul#nav {                        height: 30px ;	                                 
				     list-style-type: none ;				
                                padding:0px 0px 0px 10px;
                                margin:10px 0 0 12px;
display:block;


                                
				}
			 ul#nav li {
				display: inline ;				 
				color: black ;
				/*background:#7B7A88    ;*/
                                  /* background:#EEEfff;*/
                                background:white;
                                float: left ;
	                        text-align: center ;
				}
			 ul#nav li a {
                                width: 100px ;
				line-height: 18px ;
				font-size: 9px ;
				font-weight: bold ;
				letter-spacing: 1px ;
				color :#7B7A88;
                               /* color: #eeeeef; */
				display: block ;				
				border : 2px solid #7B7A88  ;                                                                                     
				text-align: center ;
				text-decoration: none ;                               
                                
				}
			 ul#nav li a:hover, #nav li a:focus {
				    background: #eeeeef ;
                                color: black; 
				     text-decoration: underline ; 
                                /*color: white ;    */
                                color:black ; repeat-x                                                   
				}

                         ul#nav  li.active {
                               /* border-bottom: 1px solid #fff;*/
                               /* background-color: #fff;*/
                                color:white ;
                          }
                            

ul#commentaires {               height: 40px ;	                                 
				list-style-type: none ;				
                                padding:0px 0px 0px 10px;
                                margin:10px 0 0 12px;
display:block;


                                
				}
			 ul#commentaires li {
				display: inline ;				 
				color: black ;
				background: #666666    ;
                                float: left ;
	                        text-align: center ;
				}
			 ul#commentaires li a {
                                width: 50px ;
				line-height: 25px ;
				font-size: 10px ;
				font-weight: bold ;
				letter-spacing: 1px ;
				color: #eeeeef;                             
				display: block ;				
				border : 2px solid #7B7A88  ;                                                                                     
				text-align: center ;
				text-decoration: none ;                               
                                
				}
			 ul#commentaires li a:hover, #commentaires li a:focus {
				background: #eeeeef ;
                                color: black; 
				text-decoration: underline ; 
                                color: white ; repeat-x                    
                       
				}

			ul#commentaires li.active {
                         border-bottom: 1px solid #fff;
                         background-color: #fff;

                        
                        }
	


/* ci-dessous mon menu de navigation principal(onglets) */


#onglets 
{
    font : bold 11px Batang, arial, serif;
        list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
     /*margin:0;*/
     /*padding:0;*/
     text-align:center;






 
     
    
}
#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    /*background-color: #666666 ;*/
    background:white;  
    margin : 2px 2px 0 2px !important; */ /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
#onglets li.active
{
    border-bottom: 1px solid #fff;
   /* background-color: #fff; */
      background-color: #EEEfff
}
#onglets a
{
    display : block;
    /*color : #666;*/
    color :#7B7A88;
    text-decoration : none;
    padding : 4px;
}
ul#onglets li a:hover {
				background: #eeeeef  ;
                                 /*background: #900 ;*/

                                color: black; 
				text-decoration: underline ; 
                                /*color: white ;    */
                                color:black ; repeat-x                                                   
				}
ul#onglets li a:focus {
                                background: #eeeeef  ;
                                color: black; 
				text-decoration: underline ; 
                                /*color: white ;    */
                                color:black ; repeat-x      
    
                 }


/* menu vertical */

#navigation {
	width: 110px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}



#navigation li {
	background:white; 
	height : 24px; 
	border : 1px solid #9EA0A1;
       margin-bottom : 2px !important; */ /* Pour les navigateurs autre que IE */
       margin-bottom : 1px ;  /* Pour IE  */

	}

#navigation li.active
{
    border-bottom: 1px solid #fff;
   /* background-color: #fff; */
      background-color: #EEEfff
}


#navigation li a {
	display: block ;
	background-color: #EEEfff;
	color :#7B7A88;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 0 ;
	}


#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	text-decoration: underline ;
	}















div#contAcceuil
{
	 
        padding: 0 30px 0 100px ;
        marging:10px;
	/*background: url(bg_page.gif) no-repeat 15px 15px ;*/
        height:600px;        
overflow : scroll; 

}

div#contAcceuil2
{
	marging:10px; 
        *background: url(bg_page.gif) no-repeat 15px 15px ;*/
        height:777px;
               
overflow : scroll; 

}


div#contAcceuil3
{
	 marging:10px; 
        *background: url(bg_page.gif) no-repeat 15px 15px ;*/
        height:100%;
              

}



div#contenu
{
	 
        padding: 0 30px 0 100px ;
        marging:10px;
        
	/*background: url(bg_page.gif) no-repeat 15px 15px ;*/


       }
div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	/*background: url(little_apple.gif) no-repeat left bottom ;*/
	color: black ;
	border-bottom: 1px solid #7B7A88;
}
div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid black ;
	border-left: 3px solid black;
	color: black ;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
        color:black;
       
       
     
}
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: black
}

div#contenu a:hover
{
	color: black;
}
/* On met en forme les liens contenu dans la page */


.zoom img:hover {
width:150%;
height:150%;
}










p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: white;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
p#footer a 
{
color: white;
}

p#footer li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

p#footerh
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: black ;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
p#footerh a 
{
color: blue ;
}


pre
{
overflow : auto;
	background: #dea ;
	border: 2px solid black ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;

}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */
pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */

div#galerie
{

	width: 100% ;
	background: black ;
	border: 2px solid ;	

	text-align: center ;
	font: 0.8em Georgia, serif ;    
        /*position:relative; */
}

ul#galerie_mini
{
	margin: 4px;
	padding: 0 ;
	list-style-type: none ;
          
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #7B7A88 ;
        
   
}

dl#photo
{
	clear: both ;
	margin: 0 10 0 0 ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0  ;
}

dl#photo img
{

	border: 5px solid #7B7A88 ;

}			
p.titre {
  background:#ab4;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
 
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
}



fieldset {
  border:none;
  margin-bottom:1em;
  width:44em;
  padding-top:1.5em;
  padding-bottom:1.5em;
  padding-left:1em;
  padding-right:1em;
}
select {
  margin-left:9em;
  margin-bottom:0;
}
/* fieldset coordonnees */
fieldset#coordonnees {
  background:#F9F2df; 
  border:2px solid #7B7A88;
     
}
#coordonnees label {  
  position:absolute;
  font-size:98%;
  padding-top:.2em;
}
#coordonnees input {
  margin-left:9em;
  line-height:1.4em;
  margin-bottom:.2em;
}
/* fieldset message */
  fieldset#message {
  background:#F9F2df;
  border:2px solid #7B7A88; 
  
   
}
#civilite {
  font-size:98%;
}
#civilite label {
  text-decoration: underline;

}


#civilite input {
  margin-left:6em;
}
#civilite input+input {
  margin-left:1em;
}
#format {
  font-size:98%;
}
#formatlabel {
  text-decoration: underline;

}

#format input {

  margin-left:6em;
}
#format input+input {
  margin-left:1em;
}

#technique {
  font-size:98%;
}
#technique label {
  text-decoration: underline;

}

#technique input {
  margin-left:6em;
}
#technique input+input {
  margin-left:1em;
}
#technique br+input {
  margin-left:6em;
}

#Paiement input {
  margin-left:6em;
}
#Paiement input+input {
  margin-left:1em;
}
#Paiement br+input {
  margin-left:6em;
}

/* zone de texte du message */
textarea {
  font:.9em "Trebuchet MS", Verdana, sans-serif;
  width:48em;
  padding:.2em;
}

input[type="submit"], input[type="reset"] {
  background:#DED983;
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}

p#buttons {
  text-align:center;
}


#clignote {
       text-decoration: blink;
}


#secondaire {
	/*position: relative; *//* -> 1 */
         float:left;
         margin-left:-220px; 
         text-align:center;

		             
	}
#secondaire2 {
	/*position: relative; *//* -> 1 */
         float:left;
         margin-left:-180px; 
		             
	}
#secondaire3 {
	/*position: relative; *//* -> 1 */
         float:right;
         margin-right:-150px; 
		             
	}
 

.marge {
margin-left: 7em;
}
 

.moteur { position: absolute; top: 1em; left: 1em;  }  




.droite {
  float: right;
  width: 0;
  text-align: center;
  margin: 0;
}

#gauche {
	/*position: relative; *//* -> 1 */
       margin-left: 1px;
	margin-right: 800px;
	padding: 12px 0;
		             
	}


.ombrage {
 
        border: 5px solid #fff;
        -moz-box-shadow: 8px 8px 12px #aaa; 
        -webkit-box-shadow: 8px 8px 12px #aaa; 
        box-shadow: 8px 8px 12px #555; 
      } 


<!--[if lte IE 7]>
  <style type="text/css">
  .ombrage {
    padding: 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
  } 
  </style>
<![endif]-->
    







{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }