body 
                   {
                   
                   background-color:15a715;
                   background-repeat:repeat;
                   background-attachment:scroll;
                   background-position:top left;
                   font-family:Georgia,Times,"Times New Roman",serif;
                   
                   }
                  
                   
           #tout { 
                   width: 98%;
                   border:8px;
                   border-style:double;
                   border-color:#cc881e;
                   position: absolute;
                   left:1.1em;
                   top:10px;
                   }
                   
            #ban  {
                   padding-top:
                   padding-left: 
                   border:em;
                   border-color:#9c7434;
                   border-style:solid;
                   }
                   
          #center {position:relative;
                   float :center;
                   }              
                    
         #left    {float:left;
                    padding-left:1em;
                   }
         #left2   {float:left;
                    padding-left:8em;
                    padding-top: 2em;
                    position: relative;
                     color:#ffff00;
                      font-size:1.1em;
                       text-align:center;
                   }
                            
          #right   {float:right;
                    padding-right:1em;
                    } 
        #right2      {float:right;
                      padding-right:8em;
                      padding-top: 2em;
                      position: relative;
                      color:#ffff00;
                      font-size:1.1em;
                      text-align:center;
                     }           
                    
                     
             #van    {position: relative;
                      float:center;
                      }
           
         
            #titre  {float:center;
                     padding-top:1em; 
                     font-size:1.5em;
                     color:#ffff00;
                     text-align:center;
                     }
                     
            #titrev  {float:center;
                     padding-top:1em; 
                     font-size:1.5em;
                     font-weight:bolder;
                     color:black;
                     text-align:center;
                     } 
              
            #titreb  {
                     color:#488418;
                     text-align:center;}       
                     
                             
            #sstitre {float:center;
                     padding-top:1em; 
                     font-size:1.1em;
                     color:#ffff00;
                     text-align:center;}      
        
              #p    {margin-top:5px;
                     font-size:1.1em;
                     color:White;
                     font-weight:bolder;
                     text-align:center;
                    }
                   
            #contenu {background-image:url("images/back.jpg");
                      
                      padding-left: 1em;
                      }
                       
             
            #contenu2{background-image:url("images/paysage.jpg");}
             
            #contenup {background-image:url("images/volcan2.jpg");}    
                     
                                               
             #contenue { background-color:#b0e648;}   
                             
        
                         
           
          .red     {color:#bf0707; 
                   font-size:1.1em;}
                   
          .color   { font-family:Georgia,Times,"Times New Roman",serif;
                    color:white;
                    font-weight:bolder;
                   }     
        
         .lettrine {	 
	                font-size:2.4em;
	                font-weight:bold;
	                padding-right:0em;
	                margin: 1px;
	                line-height:1em;
                    }
                    
        #clic      {float:center;}     
                   
        #clic1     {float:left;
                     padding-left: 16em;   
                    }
                     
        #clic2      {float:right;
                     padding-right:16em;} 
                        
       
          #clicliens { font-size:1.2em;
                       padding-top:55em;
                       position:relative;
                      }                  
                  
           #sign1    { float:left;
                      margin-left:10em;   }      
   
           #sign2    {float:right
                      margin-right:10em;   }
               
           #p2        {font-family:"comic Sans","comic sans MS", cursive ;
                       font-size:1em;
                       color:black;
                       text-align:left;
                       }           
                 
        #p3   {text-align: left;
               color:#156715;
               font-size:1.1em;
               font-style:italic;
              text-align:justify;
               margin-left:1em;
               margin-right:1em;
               text-indent:0em;
               font-family:"comic Sans","comic sans MS", cursive ;
               }
               
         #p4   {text-align: left;
               color:black;
               font-size:1.1em;
               font-style:italic;
              text-align:justify;
               margin-left:1em;
               margin-right:1em;
               text-indent:0em;
               font-family:"comic Sans","comic sans MS", cursive ;
               } 
        #p5   {text-align: left;
               color:#ffff00;
               font-size:1.1em;
               font-style:italic;
              text-align:justify;
               margin-left:1em;
               margin-right:1em;
               text-indent:0em;
               font-family:"comic Sans","comic sans MS", cursive ;
               }  
                       
      .alinea2{padding-left:6em ;     
              }                 
               
       .retrait{ margin-left:15em ;}
        
       .retrait2{ margin-left:5em ;} 
       
         #pp { color:yellow;
               font-weight:normal;
               text-align:justify;
               margin-left:1em;
               margin-right:1em;
               font-family:"comic Sans","comic sans MS", cursive ;}
         
                
         #imgt  {
                 float:left;
                 padding-left:1em;
                 padding-right:1em;
                 }                    
        
                       
                        
           #nb2  { font-size:1em;
                  font-style:normal;
                  color:white;
                  text-align:left;
                  margin-left:1em;}
                    
           
                     
            #form
                    {
                      background-image:url("images/paysage2.jpg");   
                      position:relative;
                    left:22%;    
                     width:49%;					 
	                 border:4px double ;
	                 font-weight: normal;
	                 font-style:normal;
	                 color:black;
                     font-size:1.1em;
                     text-align:left;
                     padding-left:3em;
                     }