/* CSS Document */
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, tt, var,
	dl, dt, dd, ol, ul, li,table
	fieldset, form, label, legend,caption, tbody, tfoot, thead, th{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
		font-size:13px;
	}
	
body{
	font:.85em/1.45em normal Arial, sans-serif;
	margin: 0;
	background-color: #FFFFFF;
	color:#353535;
	background-repeat:no-repeat;
	overflow-x:hidden;
		
	}
	
body {behavior:url(csshover.htc);}
	
html>body {
		color:#353535;
		}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #004e4d; }
h1 { color:#07596f; text-decoration:none; font-weight:normal; font-size:25px ; margin-bottom:5px; padding-bottom:8px;border-bottom:4px #57b104 solid; }
h1.home { color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px ; margin-bottom:3px !important; margin-bottom:0px;  margin-top:18px; margin-left:5px; line-height:0px}
h2 {color:#07596f; text-decoration:none; font-weight:bold; font-size:16px;height:21px;  padding-left:30px; padding-top:5px; background-image:url(../images/h2.gif); background-repeat:no-repeat; text-align:left; margin:5px; /*border-bottom:solid 1px #ffb486;*/}
h2.infos{
float:left;
width:590px;
border:solid 0px #FF0000;
}
h3 { color:#e55a05; text-decoration:none; font-weight:normal; font-size:15px ; font-weight:bold;}

h3.accueil { color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px ; font-weight:bold; margin-bottom:5px; border-bottom:solid 1px #FFFFFF;}

p{text-align:justify; margin-bottom:10px;}
a { color:#e55a06; text-decoration:none;}
a.plus{font-weight:bold;}
a:hover {text-decoration:underline;}

hr{
color: #57b104;
background-color: #57b104;
height: 2px;
border: 0;
}

#content{
position:relative;
float:left;
background-image:url(../images/fond7.jpg);
-background-image:url(../images/fond_ie6.jpg); 
background-repeat:no-repeat;
background-color:#3a5604;
width:100%;
height:auto;
}

#content1{
position:relative;
float:left;
width:777px;
height:auto;
margin-left:235px;
display:inline;
padding:0px 0px 0px 10px;
border:solid 0px #333333;
background-image:url(../images/ombre.png);
-background-image:none;
background-repeat:repeat-y;
}

#pub{
position:relative;
float:right;
margin-right:50px;
display:inline;
width:748px;
height:97px;
margin-top:0px;
border:solid 0px #333333;
text-align:right;
}

#menu{
position:relative;
float:left;
width:100%;
height:40px;
padding-left:30px;
margin-top:0px;
border:solid 0px #333333;
}

#menu_themes{
width:280px;
height:auto;
float:left;
margin-left:15px;
}

#menu_themes ul{
list-style:none;
margin-left:10px;
margin-top:0px;
}

/*#menu_themes a{
display:block;
height:43px;
font-size:20px;
padding-left:80px;
padding-top:17px;
text-decoration:none;
color:#353535;
}

#menu_themes a:hover{
text-decoration:underline;
color:#FFFFFF;
}*/

.sejour_foot{
background-image:url(../images/bouton_foot.png);
background-repeat:no-repeat;
}

.sejour_nature{
background-image:url(../images/bouton_nature.png);
background-repeat:no-repeat;
}

.sejour_quad{
background-image:url(../images/bouton_quad.png);
background-repeat:no-repeat;
}



/*-------------Menu-------------------*/
#nav {
	position:relative;
	float:left;
	z-index:60;
	list-style: none ;
	overflow: hidden ;
	}
	
#nav li {
	float: left ;
	list-style:none;
	}
/*-------------Fin Menu-------------------*/

#coupdecoeur{
/*position:absolute;
top:159px;
left:379px;
z-index:30;*/
position:relative;
float:left;
width:280px;
height:300px;
background-color:#FFFFFF;
border:solid 0px #000000;
padding:5px;
overflow:scroll;
overflow-x:hidden;
margin-bottom:15px;
}

#coupdecoeur p{
font-size:12px;
font:.85em/1.25em normal Arial, sans-serif;
}

#coupdecoeur div{
position:relative; 
float:left;
/*width:330px;*/
width:250px;
/*height:90px;*/
height:95px;
border:solid 1px #e55a06;
margin-bottom:5px;
padding:5px 5px 0px 5px;
background-image:url(../images/fond_sejour.jpg);
background-repeat:no-repeat;
}

#coupdecoeur img{
float:left;
margin-right:5px;
}

#coupdecoeur a{
display:block;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
color:#FFFFFF;
}

.titre_cdc{
position:relative;
float:left;
width:370px;
height:30px;
text-align:center;
background-color:#5d9b21;
color:#FFFFFF;
font-weight:bold;
padding-top:2px;
}

#texte{
position:relative;
float:left;
width:719px;
height:auto;
/*height:726px;*/
margin-top:0px;
padding:15px 15px 15px 15px;
border:solid 0px #000000;
background-color:#FFFFFF;
}

#footer{
position:relative;
float:left;
width:749px;
height:153px;
border:solid 0px #333333;
padding-top:15px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
}

#link_footer{
position:relative;
float:left;
width:749px;
height:20px;
border:solid 0px #333333;
background-color:#418700;
text-align:center;
color:#FFFFFF;
}

#link_footer a{
color:#FFFFFF;
text-decoration:underline;
}

.bloc_foot{
position:relative;
float:left;
display:inline;
width:220px;
height:auto;
margin-left:20px;
border:solid 0px #333333;
}

.bloc_foot ul{
list-style:none;
}

.bloc_foot a{
color:#FFFFFF;
font-size:12px;
}

.bloc_foot p{
color:#FFFFFF;
font-size:12px;
}

#papillon {
position:absolute;
top:320px;
left:200px;
margin-left:0px;
margin-bottom:0px;
z-index:30;
-display:none;
}

#fleur {
position:absolute;
bottom:100px;
left:930px;
margin-left:0px;
margin-bottom:0px;
z-index:30;
-display:none;
}

#colozere {
position:absolute;
top:0px;
left:0px;
margin-left:0px;
margin-bottom:0px;
z-index:50;
-display:none;
}

table.sejour{
width:100%;
border:solid 1px #57b104;
margin-bottom:5px;
cursor : pointer;
}

table.sejour:hover{
background-color:#e4ffcb;

}

table.sejour td{
padding:3px;
height:0px;
}


table.sejour .titre{
vertical-align:top;
}

table.sejour .age{
background-color:#ffc108;
text-align:center;
vertical-align:top;
width:15%;
}

table.sejour .duree{
background-color:#00CCFF;
text-align:center;
vertical-align:top;
width:20%;
}

table.sejour .prix{
font-size:18px;
font-weight:bold;
text-align:right;
vertical-align:top;
width:11%;
}

#fiche1{
position:relative;
float:left;
width:475px;
border:solid 0px #FF0000;
}

#fiche1 ul{
list-style:none;
}

#fiche2{
position:relative;
float:left;
width:227px;
border:solid 0px #FF0000;
margin-left:10px;
}

#reserver{
width:227px;
height:90px;
/*height:250px;*/
border:solid 1px #999999;
text-align:center;
margin-top:10px;
background-color:#ffffff;
}

.libre{
color:#009900;
}

.complet{
color:#FF0000;
}

.prix_fiche{
font-size:17px;
font-weight:bold;
color:#ff6000;
margin-left:5px;
}

#map{
float:left; 
width: 227px; 
height:227px; 
overflow:hidden;
border: solid 1px #CCCCCC;
margin-top:10px;
}

#activites{
height:250px;
overflow:scroll;
overflow-x:hidden;
}

#activites ul{
list-style:disc;
margin-left:20px;
}

.important{
color:#FF6600;
font-weight:bold;
}

.important2{
color:#FF6600;
font-size:15px;
}

.age_duree{
float:left;
font-size:17px;
margin-left:10px;
}

.retour{
float:right;
font-size:20px;
}

.numero{
display:block;
color:#FFFFFF;
font-size:20px;
margin-top:15px;
}

.appel{
font-size:12px;
}

tr.blue{
background-color:#eff2f7;

}

#reservation{
border: solid 3px #5dbe0c;
margin-bottom:10px;
}

#haut {
margin-top:5px;
width:830px;
height:10px;
overflow:hidden;
background-image: url(../images/bord_haut.gif);
background-repeat:no-repeat;
}

#bas {
width:830px;
height:10px;
overflow:hidden;
background-image: url(../images/bord_bas.gif);
background-repeat:no-repeat;
}

.comment_venir{
width:100%;
float:left;
height:490px;
overflow:scroll;
overflow-x: hidden;
}

ul.menu_pre {
margin-left:30px;
}

ul.menu_pre ul {
margin-left:20px;
}

span.haut {
display:block;
float:right;
width:auto;
height:18px;
padding:2px;
border:#000000 solid 0px;
margin:7px;
text-align:center;
background-color:#57b104;
}

span.haut a{
color:#FFFFFF;
}

a.bouton_accueil { background-image: url('../images/accueil2.jpg'); display: block; width: 113px; height:38px; border:0px;}
a.bouton_accueil:hover { visibility: visible;}
a.bouton_accueil:hover img { visibility: hidden;}

a.bouton_sejours { background-image: url('../images/sejours2.jpg'); display: block; width: 108px; height:38px; border:0px;}
a.bouton_sejours:hover { visibility: visible;}
a.bouton_sejours:hover img { visibility: hidden;}

a.bouton_infos { background-image: url('../images/informations2.jpg'); display: block; width: 167px; height:38px; border:0px;}
a.bouton_infos:hover { visibility: visible;}
a.bouton_infos:hover img { visibility: hidden;}

a.bouton_resa { background-image: url('../images/reservation2.jpg'); display: block; width: 158px; height:38px; border:0px;}
a.bouton_resa:hover { visibility: visible;}
a.bouton_resa:hover img { visibility: hidden;}

a.bouton_contact { background-image: url('../images/contact2.jpg'); display: block; width: 121px; height:38px; border:0px;}
a.bouton_contact:hover { visibility: visible;}
a.bouton_contact:hover img { visibility: hidden;}

a.bouton_toussejours { background-image: url('../images/tous_sejours2.jpg'); display: block; width: 318px; height:55px; border:0px; margin-left:200px;}
a.bouton_toussejours:hover { visibility: visible;}
a.bouton_toussejours:hover img { visibility: hidden;}