<style type="text/css">

* { border: 0 0 0 0; marging: 0 0 0 0; padding: 0 0 0 0;}

body  {
	color:  navy  ;
	background-color: #333333 ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt; 	
     }

/* DIV squellette*/

#wrapper {
	width: 955px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
       }

#bandeauTete {
        width:100%; 
        left: 0; 
        top:0 ;
        padding: 0 0 0 0;
        margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
       }

#bandeauFooter {
       width:100%; 
       left: 0; 
       top:0 ;
       padding: 0 0 0 0;
       margin-top: 0;
       margin-right: auto;
       margin-bottom: 0;
       margin-left: auto;
      }

#troncCommun {
    color: #000066; 
	width: 955px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
       }

#plainTexte {
    position:relative; 
	left: -4px;
    width: 697px;
	o-height: 450px;
	height: 700px;
	top: 0px; 
    z-index:3;
	padding: 2px 6px 2px 6px;
    margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    background-color: beige; 
    color: purple;
       }      
 
 #Vignette {
 position:absolute;
 width:158px;
 height:100px;
 z-index:2;
 left: 29px;
 top: 20px;
 }
 
 #Titre {
 position:absolute;
 width:220px;
 height:100px;
 z-index:6;
 left: 258px; 
 top: 25px;
 }
 
#SousTitre {
 position:absolute;
 width:395px;
 height:67px;
 z-index:5;
 left: 213px;
 top: 120px;
 }

#Titre2 {
 position:absolute;
 width:280px;
 height:75px;
 z-index:4;
 left: 350px;
 top: 6px }
 
#Texte {
 position:absolute;
 width:443px;
 height:115px;
 z-index:1;
 left: 50px;
 top: 200px;
 }

#TexteFull {
 position:absolute;
 width:688px;
 height:460px;
 z-index:1;
 left: 10px;
 top: 320px;
 padding: 0;
} 

#Somm {
 position:absolute;
 border: 0;
 margin: 0;
 padding: 0;
 width: 268px;
 height: 140px;
 z-index:3;
 left: 10px;
 top: 10px;
 color: black;
 padding: 10px;
 border: solid 2px silver;
 font-size:70%;
}

#Somm  h3, p, li {
border: 0;
margin: 0;
padding: 0 ;
}

#Somm ul {
border: 0;
padding: 0;
margin: 0 0 0 15px;
}
	   
/* DIV ecc */

#footer {
  position: relative;
  left: 0;
  top: -50px;
  z-index:29;
  padding: 0 0 0 0;
  margin-top: 0;
  margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  text-align: center;
  font-size: 7pt;
  color: #000066; 
}

#blocMarques {
   position:relative; left: 0; top: 20px;
   padding: 0 5px 0 5px;
   width:137px; height:0px; z-index:3;
   font-size: 9pt; font-style: italic; font-weight : bold; color: #FFFFFF
   }

#blocInfo { 
   position:relative;    left: 830px;    top: -450px; 
   width:137px;    oldheight:349px; height: 0;
   z-index:3; 
   padding: 0 5px 0 5px;
   font-size: 8pt;    font-style: italic; font-weight : bold; color: #FFFFFF
   }


#mNav {
        position:relative; 
	left: -4px;
        width:700px; 
        z-index:31;
        height:15px;
	padding: 2px 5px 2px 5px;
    margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    background-color: purple;
    layer-background-color: purple;
	border: 1px none #000000;  
    font-size: 10px; 
	background: purple; color: #ffffff; font-weight : bold;
  }      

#hNav {
    position:relative; 
    left: -4px;
    width:700px;
    height:14px;
    z-index:30;
	padding: 2px 5px 2px 5px;
    margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    background-color: #000066; layer-background-color: #000066; 
    border: 1px none #000000;  font-size: 10px;
    background: #000066; color: #ffffff; font-weight : bold; 
 }      

/* DIV HTML */


#plainTexte p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-align: justify;
}

#TexteFull p {
	padding:  6px 0 0 0;
    margin: 0;
}

#plainTexte h1 { font-size: 14pt; color: purple; }
#plainTexte h2 { font-size: 12pt; font-style: italic; color: purple; }
#plainTexte h3 { font-size: 10pt; font-style: italic; color: purple; }


#blocInfo a, #blocCateg a, #blocMarques a                   {  color: #DDDDDD; text-decoration: none}
#blocInfo a:hover, #blocCateg a:hover,  #blocMarques a:hover {  color: #FF6600; text-decoration: none}
#blocMarques h1 {font-size: 10pt; font-style: italic; font-weight : bold; color: #FFFFFF}

 #hNav a, #mNav a             { color: #ffffff; text-decoration: none; }		  
 #hNav a:hover, #mNav a:hover { color: #ffffff; text-decoration: underline;}
 #footer a       { color: #000066; text-decoration: underline; }		  
 #footer a:hover { color: #FF6600; text-decoration: underline;}
 #footer p {   text-align: center;  font-size: 7pt;  color: #000066; }

/* HTML */

 p    { padding: 3px 2px 3px 2px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
        }
 
 h1     { font-size: 14pt; color: purple; }
 h2     { font-size: 12pt; font-style: italic; color: purple ; }

 td    { 
/*	border: inset 2px;   */
	padding: 2px 2px 2px 2px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-align: justify;
/*      vertical-align: bottom;  */      
}
/*
 td a   { color: red; text-decoration: none; }
 td a:hover {color: red; text-decoration: underline;}
 a      { color: #ffffff; text-decoration: none; }		  
 a:hover {color: #ffffff; text-decoration: underline;}
*/

 a      { font-weight : bold; text-decoration: none; }		  
 a:hover {font-weight : bold; text-decoration: underline;}

</style>