
	

div#bandeau { 
	
	 width:967px;
	 height:132px; 
	 background-image:url(images/baniere31.jpg); 
	 position:relative;
}


div#logo { 
     width: 193px;
     height: 38px;
  	 background-image:url('images/titre.gif'); 
	 top:2px; 
	 left:2px; 
	 position:absolute; 
	 background-repeat:no-repeat;
}
div#terre { 
     width: 118px;
     height: 118px;
	 background-image:url('images/terre%20tourne.gif'); 
	 top:2px; 
	 left:802px; 
	 position:absolute; 
	 background-repeat:no-repeat;
}
div#subv{ 
     width: 180px;
     height: 50px;
	 background-image:url('images/subv.JPG'); 
	 top:2px; 
	 left:12px; 
	 position:absolute; 
	 background-repeat:no-repeat; margin: 2px;
     padding: 16 0;
}
div#menu {
    
	
	 width:967px;
	 height:61px; 
	 background-image:url(images/baniere33.jpg); 
	 position:relative;
	 font-family:tahoma,arial,serif;
	 font-size: 9pt ;
     color:maroon;
	}
		

ul#tabnav {

     margin: 0; padding-left: 0em;
     position:absolute;
     top:1.3em;
     left: 0em;
     list-style-type: none;
     padding-bottom:2px;
     border-bottom: 0px solid #66CC66;
   
}
ul#tabnav li {
    float:left;
     height: 26px;
     background-color: #CCFFCC;
     margin: 5px 0px 0 2px;
     border: 1px solid #66CC66;
}
ul#tabnav li#active {
     border-bottom: 1px solid #fff;
     background-color:#FFFFFF;
}
ul#tabnav li#active a {
     color:maroon;
}
#tabnav a {
   
     display: block;
     color:black;
     text-decoration: none;
     padding: 4px;
}
#tabnav a:hover {
     background: #FFFFFF;
	 display: block;
     color:maroon;
}
 #mdefillant{
     top:00em; 
     left:145px; 
	 position:absolute;
 
  
   }

div#para {
     background-image: url(images/para.jpg);
     background-repeat: no-repeat;
     float:left; 
     left:2px; 
	 position:relative;
	 margin: 8px;
     padding: 3 15;
     width: 880px;
     height: 58px;
 
}
div#texte1{ 
     width:88%; 
	 margin:auto;  
     text-align:center;
     position:relative;
     text-align:center;
	
}div#texte11{ 
     width:88%; 
     clear:both;
     margin:auto; 
     text-align:center;
     position:relative; 
}
div#texte14{ 
     width:210px; 
     float:right; 
     text-align:right;
}

div#texte13{ 
     width:360px; 
     float:left; 
     text-align:left;
	}

div#texte12{ 
     width:255px; 
     float:left; 
     text-align:left;
	}

div#texte15{ 
     width:255px; 
     margin:auto; 
     text-align:center;
	}
	div#texte16{ 
     width:255px; 
     float:right; 
     text-align:right;
	}

div#texte2{ 
     width:80%; 
     float:left; 
     text-align:left;	
}

div#texte3{ 
     width:20%; 
     float:right; 
     text-align:right;
}

div#texte4{ 
     width:50%; 
     float:left; 
     text-align:left;
}

div#texte5{ 
     width:49%; 
     float:right;
     text-align:right;
}

div#texte10{ 
     width:49%; 
     float:right; 
     text-align:right; 
}

div#texte6{ 
     width:85%; 
     float:right; 
     text-align:right;
}

div#texte7{ 
     width:14%; 
     float:left; 
     text-align:right;

}div#texte8{ 
     width:65%; 
     float:right; 
}

div#imafond {
     background-image: url(images/fondnature.JPG);
     background-repeat: no-repeat;
     margin:auto;
     width: 793px;
     height: 490px;
     padding: 1;
     text-align:center;
     position:relative;
}

div#imapic {
     background-image: url(images/acc-PicStLoup.jpg);
     background-repeat: no-repeat;
     margin:auto;
     width: 800px;
     height: 547px;
     padding: 30;
     text-align:center;
     position:relative;
}

div#imalogo {
     background-image: url(images/logo.png);
     background-repeat: no-repeat;
     width: 200px;
     height: 38px;
     top:300px; 
	 left:540px; 
	 position:absolute; 
}
div#texteim{ 
     text-align:center;
     top:330px;
     left:0px;  
     position:relative;
}
div#texteim2{ 
     text-align:left;
     top:200px;
     left:560px;  
     position:absolute;
}

div#menu2 {
     float:left;
	 min-width : 150%;
     width:20px;
     height:330px;
	 background-color:#B3E2C2;	

	
	}/* top: 1em;
	div#withe {
position: absolute;
right: 1em;
background-color: #ffff00;
width: 4em;}
	
.verte {
position: relative;
 min-width : 150%
background-color: #00ff00;
width: 15em;
padding-right: 7em;
}
.jaune {
position: absolute; min-width : 150%
top: 1em;
right: 1em;
background-color: #ffff00;
width: 4em;
}

*/
	


div#contenu {
	
	width:820px;
	height:12132px; 
	background-color:#CCCCCC;/*#B3E2C2 */
	font-family:tahoma,arial,serif;
	font-size:10pt ;
        color:black;
	}
/*	
div#pied_page {
	clear:both;
	width:967px;
	
	background-color:#27a166;
	text-align: justify; 
        font-size:  6pt; 
		font-weight:lighter;
        font-family:Tahoma,Verdana, serif;
        color:maroon;
	*/
	
	
	

 p
        { 
      margin-top: 0; 
      text-align: justify; /*texteTITRES noir gras */
      font-size:  10pt; /* Allez, soyons fous, grossissons le texte :o;) #990000*/
	  font-weight:bold;
      font-family:Tahoma,Verdana, serif;
      color:black;
        }
		
  h3
        { 
        margin-top: 0; 
        text-align: justify; /*texteTITRES noir gras */
        font-size:  9pt; /* Allez, soyons fous, grossissons le texte :o;) #990000*/
		font-weight:lighter;
        font-family:Tahoma,Verdana, serif;
        color:maroon;
        }
 h2 
        {
        
        text-align: left; 
	    text-indent: 0px;
	    font-style: italic; 
        font-size:  15pt ;
		font-weight:bold;/**/
        font-family:tahoma,arial,serif;
        color:white; /*)*/
        }
   h1
        {
        text-align: justify;
		text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
        font-size:   9pt ;
		font-weight:lighter;
        font-family:tahoma,arial,serif;
        color:black ; 
        }
  
  h4    {
        text-align: justify; /*texte normal  marron décalage */
		font-style: italic; 
	    font-size: 9pt ;/*taille moyen */
		font-weight:lighter;/*écriture legere */
        font-family:tahoma,arial,serif;
        color:maroon;
        }
  h5    {
        font-size:  10pt ;/*texteTITRES maron écriture legere */
		font-weight:lighter;/*écriture legere */
        font-family:tahoma,arial,serif;
        color:maroon;
        }
h6    {
        text-align: justify; /*texte normal  marron décalage */
	    font-size:  10pt ;/*taille moyen */
		font-weight:bold;/*écriture legere */
        font-family:tahoma,arial,serif;
        color:maroon;
        }
 