@charset "utf-8";
/* CSS Document */

body {
width:770px;
margin:0 auto;
background:#37759C url(../images/vue-camping-penvins.jpg) center top no-repeat }

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


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

#colDroiteBas 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:770px;
height:auto;

}

#header {
width :770px;
height:210px;
position:relative;
float:left;
}

#wrapperTextes {
width:740px;
height:auto;
position:relative;
float:left;
padding:15px;
background:#FFFFFF;
font-size:14px;

}

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

#communaute {
width:115px;
height:30px;
position:relative;
float:left;
z-index:2;
left:585px;
clear:both;


}

.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;
}


#colGauche {
width:530px;
height:auto;
position:relative;
float:left;
}

#colDroite {
position:relative;
float:left;
width:175px;
margin-left:30px;
color:#726A52;
}

#navigation {
width:175px;
position:relative;
float:left;

}

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

#navigation li {
width:175px;
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:175px;
height:25px;}


#colDroiteBas {
width:175px;
position:relative;
float:left;
margin-top:35px;
}

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

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

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

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

#slideShow, #ggmap {
width:520px;
height:275px;
border: solid 1px #3F361E;
position:relative;
float:left;
padding:5px;
background: #FFFFFF;
overflow:hidden;
}

#slideShow img {
width:520px;
height:275px;
margin:5px;}

#contenairTextes, #contenairTextes2 {
width:530px;
height:auto;
position:relative;
float:left;
color:#726A52;}

#contenairTextes h2, #contenairTextes2 h2 {
margin:10px 0 3px 0;
padding:0;
font-size:14px;
font-weight:bold;}

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

#contenairTextes a:hover, #contenairTextes2 a:hover{
text-decoration:none;}

#contenairTextes table {
background:#726A52;
font-size:13px;}
#contenairTextes td {
background:#FFFFFF;}
#contenairTextes th, #contenairTextes2 th {
background:#726A52;
color:#FFFFFF !important;}

#contenairTextes h3, #contenairTextes2 h3 {
font-weight:bold;
font-size:14px;}


#contenairTextes ul, #contenairTextes2 ul{
margin:5px 0 15px 0;
padding: 0;}

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

#contenairTextes li a,  #contenairTextes2  li a{
color:#3F361E;
text-decoration:none;
background:url(../images/puce-plus.gif) no-repeat left 4px;
padding:2px 0 2px 20px;
}

#contenairTextes li a:hover, #contenairTextes2 li a:hover {
text-decoration:underline;
}

#contenairTextes2 table {
font-size:12px;}

.textArea {
border: solid 1px #3F361E;
height:15px;
color:#3F361E;}

.buttonSubmit {
background:url(../images/send-button.gif) no-repeat;
width:86px;
height:20px;
padding:0;
border:none;
cursor:pointer;
color:#FFFFFF;
font-weight:bold;}

.buttonSubmitPetit {
background:url(../images/send-buttonOK.gif) no-repeat;
width:26px;
height:21px;
padding:0;
border:none;
cursor:pointer;
color:#FFFFFF;
font-weight:bold;}

.textAreaMultiligne {
border: solid 1px #3F361E;
height:50px;
color:#3F361E;
}



.intercolonne {
background-color:#EFEDE4 !important;}

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

#footer {
width:770px;
position:relative;
float:left;
margin-top:5px;
color:#FFFFFF;
font-size:12px;
}

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

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

#infosPratiques {
display:none;
font-size:12px;
padding:5px;
border: solid 1px #726A52;}


.titrePromo {
color:#37759C;
font-size:14px;
font-weight:bold;
margin:20px 0 8px 5px;
}

.importantPromo {
font-weight:bold;
color:#FF0000;}


/*************** 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:275px; 
top:98px; 
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;
}

.plans {
position:relative;
float:right;}