body {

 background-image:url(hamac_fond2.jpg);

 background-color:#DDDDDD;    
margin: 0;
padding: 0;
font: 100% Times New Roman, Verdana, Geneva, Arial, Helvetica, "Bitstream Vera
	Sans", sans-serif;
text-align: center;
}


hr {
align:center;
width:90%;
color:#EF67B1;
background-color:#EF67B1;
size:0px; }



#quickSummary p.p1 {display:none;}

acronym {border-bottom: 1px dotted #606060; cursor:help;}




.centered {  
	width:56em;
 	clear:both;
 	background: #ffffff;
 	margin:0.1em auto;
	text-align: center;
	}


.table { 
border:0;
bordercolor:DDDDDD;
width:95%;
align:center;
cellspacing:1;
 cellpadding:0;
}



.ombre { 
color:#D6D5D5 ;
font-size:53px ;
text-align:left;
font-weight:bold;
} 



.main_title { 
color :#DB1F8A;
font-size:53px;
text-align:left;
font-weight: bold;
position:relative ; 
top:-62px ; 
left:-2px;
} 
  


.headerfinal {
margin-top:2px;

background-color:#C0C0C0;
color:#969696;
font-family:times new roman,verdana,sans-serif;
font-weight: bold;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;

}


.headerfinal a{

color:#969696;
font-family:verdana,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: bold;
line-height:normal;
text-decoration:none;
}


.headerfinal a:hover {

color:#969696;
font-family:verdana,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: bold;
line-height:normal;
text-decoration:underline;
}


.headerfinal a:visited {

color:#969696;
font-family:verdana,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: bold;
line-height:normal;
}



div.content {
padding-left:10%;
padding-right:10%;
}

div.float {
float: center;
}
 
 
 div.legende2 {
color: #969696;
font: 12px "Verdana", sans-serif;
text-align: center;
}
 
  div.legende3 {
 color: #969696;
 font: 10px "Verdana", sans-serif;
 text-align: center;
 }
  
 
  div.legende4 {
 color: #969696;
 font: 17px "Verdana", sans-serif;
 text-align: center;
 font-weight: bold;
}
 
 div.legende {
color: #969696;
font: 12px "Verdana", sans-serif;
text-align: left;
}


	
.lienspecial:link, .lienspecial:visited { 
text-align: center;
color: #FFFFFF;
background: #FFFFFF;
text-decoration: none; 
}


.centered {
width:56em;
 clear:both;
 background: #ffffff;
margin:0.1em auto;
text-align: center;
}

.centered2 {
width:56em;
 clear:both;
 background: #ffffff;
margin:0.1em auto;
text-align: center;
font: 16px "Times New Roman", sans-serif;
font-weight: bold;
 
text-decoration: none; 
color:#EF67B1;

}

.left {
float:left;
width:28em;
background: #ffffff;
}
    
    
    .left2 {
    float:left;

    background: #ffffff;
}
    
.right {
float:right;
width:28em;
background: #ffffff;
    }

.right2 {
float:right;

background: #ffffff;
    }
    
    .right3 {
    float:right;
     width:32em;
    background: #ffffff;
        }


  .right4 {
    float:right;
    width:32em;
    background: #ffffff;
        }



.middle {
float:center;

background: #ffffff;
    }



img{
border: 0px;
}


input {

vertical-align:bottom;
margin-left:10px;
}



.texte{
font: 14px "Times New Roman", sans-serif;
margin-left: +2%;
margin-right: +2%;
text-align: center;  
color:#646262;
}

.text2{
font: 14px "Times New Roman", sans-serif;
margin-left: +2%;
margin-right: +2%;
text-align: left;  
color:#646262;
}


.text3{
font: 16px "Times New Roman", sans-serif;
margin-left: +2%;
margin-right: +2%;
text-align: left;  
color:#646262;
}





p{
font: 16px "Times New Roman", sans-serif;
font-weight: bold;
margin-left: +2%;
margin-right: +2%;
text-align: center;  
color:#888;
}



h3{
font: 12px "Times New Roman", sans-serif;
margin-left: +40%;
margin-right: +1%;
text-align: center;  
color:#646262;
}

h6{
font: 14px "Times New Roman", sans-serif;
margin-left: +2%;
margin-right: +2%;
text-align: left;  
color:#646262;
}





h2{
font: 14px "Times New Roman", sans-serif;
font-weight: bold;
margin-left: +2%;
margin-right: +2%;
text-align: left;  
color:#EF67B1;
}
	
h5{
font: 12px "Times New Roman", sans-serif;
margin-left: +2%;
margin-right: +2%;
text-align: center;  
color:#646262;
}

h1{
font: 16px "Times New Roman", sans-serif;
font-weight: bold;
text-align: center;  
text-decoration: none; 
color:#EF67B1;
}

h4{
font: 16px "Times New Roman", sans-serif;
font-weight: bold;
text-align: center;  
text-decoration: none; 
color:#646262;
}

.liengris:link, .liengris:visited { 
text-align: center;
color: #646262;
background: transparent;
text-decoration: underline; 
}



.liengrisNS:link, .liengrisNS:visited { 
padding: 0 5px 0 5px;
text-align: center;
color: #646262;
background: transparent;
}


.lienbrun:link, .lienbrun:visited { 
font: 16px "Times New Roman", sans-serif;
text-align: center;
color: #EF67B1;
background: transparent;

text-decoration: none; 
}

.lienrose:link, .lienrose:visited { 
text-align: center;
color: #EF67B1;
background: transparent;
text-decoration: underline; 
}

.lienNS, .lienNS:visited {
color: #969696;
	
	text-align: center;
	 background: transparent;
	 text-decoration: none; 
}
	
	 
 
	
.lien_main_title:link, .lien_main_title:visited { 
text-align: center;
background: transparent;
text-decoration: none; 
text-align: center;
color: #DB1F8A;
}

.contour {
	border:3px #DDDDDD solid;
}



#gallery {position:relative; width:870px; margin:25px 0 5px -7px;}
#thumbs {width:170px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:75px; height:75px; border:0px solid #000;}
#thumbs a img {width:75px; height:75px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:190px; top:0; border:1px solid #ACA4AA;}



ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px;}


#nav,
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px Palatino Linotype, Verdana, sans-serif;  border:1px solid #000; border-color:#FFFFFF #FFFFFF #BC649F #FFFFFF; border-width:4px 5px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; width:890px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 9px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#888; height:25px; padding-left:1px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#BC649F;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#BC649F;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


 #conteneur {
          position: relative;
          margin: 1em auto;

          text-align: left;
          }

      .bloc_image {
        float : left;
        /*height : 200px;*/
        margin : 0 10px;
        /*border : 1px dotted #d55;*/
        }
      .p_image {
        display : table-cell;
        vertical-align : bottom;
        margin : 0;

        }

      .separ {
        clear : left;
        margin : 20px 0;
        height : 1px;
        line-height : 1px;
        }







.fondvert	{
	 
background-color:#FFFFFF;    
background-repeat: no-repeat;
margin: 0;
padding: 0;
background-position: 140px 45px;
}	




.fondbio	{
	 background-image:url(logo-bio.jpg);
background-color:#FFFFFF;    
background-repeat: no-repeat;
margin: 0;
padding: 0;
background-position: 140px 35px;
}