@charset "utf-8";
/* CSS Document */
body{width :950px;
background:url(../images/vue-aerienne-penvins.jpg) center top no-repeat #FFFFFF;

}

p {
padding:8px 0 8px 0;
margin:0;}


h1 {
padding:0;
margin:0;    
color:#726A52;
font-size:24px;
font-weight:bold;
font-style:italic;
} 

h3 {
font-size:14px;
text-transform:uppercase;
width:175px;
border-bottom: solid 1px #726A52;
padding-bottom:3px;
color:#726A52;

}

.txtBleu {
color:#37759C !important;}


#wrapper {
width:950px;
height:auto;
position:absolute;
margin-left:-475px;
left:50%;
}


#header {
width :950px;
height:402px;
position:relative;
float:left;

}

#wrapperMilieu {
position:relative;
float:left;
width:950px;
height:auto;
padding:20px 0 20px 0 ;
color:#726A52;
font-size:14px;
}

#footer {
width:100%;
height:auto;
background:#37759C;
padding:10px 0 10px 0;
position:absolute ;
top:800px;

}

#footerTextes {
width:950px;
position:relative;
float:left;
margin:0 auto;
margin-left:-475px;
left:50%;
color:#FFFFFF;
font-size:12px;
}

#footerTextes a{
color:#FFFFFF;
text-decoration:none;}

#footerTextes a:hover {
text-decoration:underline;}

#logo {
position:relative;
float:left;
width:192px;
height:183px;}


#communaute {
width:115px;
height:30px;
position:absolute;
z-index:2;
top:374px;
left:765px;
}

.petitBoutonBlanc {
width:33px;
height:28px;
margin-left:3px;
padding-top:2px;
text-align:center;
background:url(../images/petit-bouton-blanc.png) no-repeat;
display:block;
position:relative;
float:left;
}

#contenairTextes {
position:relative;
float:left;
width:505px;
height:auto;}

#contenairTextes a{
color:#726A52;
font-weight:bold;
}

#contenairTextes a:hover{
color:#726A52;
text-decoration:underline;
}

#titreH1 {
width:505px;
height:40px;
border-bottom: solid 1px #726A52;
}

#col2 {
width:175px;
position:relative;
float:left;
margin-left:50px;
padding-top:22px;
}

#col2 ul {
margin:5px 0 15px 0;
padding: 0;}

#col2 li {
list-style:none;
background:url(../images/puce-plus.gif) no-repeat left 4px;
padding:2px 0 2px 20px;
}

#col2 li a {
color:#3F361E;
text-decoration:none;
}

#col2 li a:hover {
text-decoration:underline;
}

#navigation {
width:170px;
position:relative;
float:left;
margin-left:50px;
}

#navigation ul {
margin:0;
padding:16px 0 0 0 ;}

#navigation li {
width:170px;
height:22px;
display:block;
border-bottom: dashed 1px #3F361E;
text-transform:uppercase;
font-size:16px;
line-height:25px;
padding-bottom:3px;
text-indent:5px;}

#navigation li a {
color:#3F361E;
text-decoration:none;
}

#navigation li a:hover, #navigation .current {
color:#FFFFFF !important;
background-color:#37759C;
text-decoration:none;
display:block;
width:170px;
height:25px;}

/*************** RECOMMANDER AMI **********************/


#button {
cursor:pointer;

}

#buttonClose {
cursor:pointer;
width:15px;
height:15px;
position:absolute;
left:275px;

}

#effect { 
width: 290px; 
height: 100px; 
padding: 0.4em; 
position: absolute; 
z-index:800; 
background:#FFFFFF; 
border-top: solid 2px #37759C; 
border-left: solid 2px #37759C; 
border-right: solid 2px #37759C; 
left:460px; 
top:290px; 
font-size:12px; 
color:#726A52; }
		.ui-effects-transfer { border: 2px dotted gray; } 
		
		#effect h3 { color:#726A52; font-size:12px; width:290px;}

#effect input  {
font-size:11px;
color: #1E87A6;
border: dashed 1px #37759C;
}

#effect input[type="button"] {
background:url(../images/send-button.gif) no-repeat;
width:88px;
height:16px;
padding:0;
border:none;
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
}