/* CSS Document */
body,html{
background-color:#1681D3;
background-image:url(img/fd.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
font-family:Arial;
font-size:12px;
color:#003399;
}

div#Fd{
width:950px;

position:absolute;
left:50%;
margin-left:-472px;
margin-top:5px;

z-index:1;
}

div#NewsL{
width:343px;
height:22px;
border:0px solid red;
background-image:url(img/fdNews.png);
background-repeat:no-repeat;

position:absolute;
float:left;
left:50%;
margin-left:-470px;
margin-top:81px;
padding-top:1px;
padding-left:7px;

color:#FFFFFF;
font-weight:bold;

z-index:20;
}

div#Site{
width:950px;

position:absolute;
left:50%;
margin-left:-472px;
margin-top:5px;

border:0px solid black;
z-index:5;
}

div#News{
width:700px;
position:absolute;
left:50%;
margin-left:-350px;
margin-top:32px;

z-index:10;
}

div#Menu{
width:946px;
height:257px;

margin-left:2px;
margin-top:50px;

position:relative;
float:left;
z-index:5;
}

div#HCentre{
width:944px;
height:9px;

position:relative;
float:left;
margin-top:5px;
margin-left:3px;
z-index:5;
}

div#Centre{
width:934px;
min-height:200px;
background-color:#FFFFFF;

position:relative;
float:left;
margin-left:3px;
padding:5px;
z-index:5px;
}

div#PartG{
width:510px;

float:left;
border:0px solid red;
}

div#PartD{
width:400px;

float:left;
margin-left:10px;
border:0px solid blue;
text-align:center;
}

div#Copyr{
width:944px;
height:14px;
background-image:url(img/fdCopy.jpg);

position:relative;
float:left;
margin-left:3px;
padding-top:10px;
z-index:5;
text-align:center;
}

div#Camp{
width:333px;
min-height:60px;
border:0;
margin-right:35px;

float:left;
position:relative;
z-index:5
}
	div#HCamp{
	width:333px;
	height:12px;
	
	float:left;
	position:relative;
	}
	div#CCamp{
	width:329px;
	min-height:120px;
	background-image:url(img/cadreCCamp.jpg);
	background-repeat:repeat-y;
	
	float:left;
	position:relative;
	padding:2px;
	}
	div#BCamp{
	width:333px;
	height:16px;
	background-image:url(img/cadreBCamp.jpg);
	background-repeat:no-repeat;
	text-align:center;
	
	float:left;
	position:relative;
	}

/* ------------------------------------------------------ */
div#Desc{
width:540px;
height:100px;
border:0px solid red;
background-image:url(img/fdTableau.jpg);
background-repeat:no-repeat;

position:relative;
float:left;
}

div#Plan{
width:185px;
height:85px;
border:0px solid blue;

position:relative;
float:left;
margin-left:5px;
margin-top:5px;
text-align:center;
}

div#Info{
width:90px;
height:60px;
border:0px solid green;

position:relative;
float:left;
margin-left:8px;
margin-top:5px;
color:#FFFFFF;
}

div#Surf{
width:35px;
height:15px;
border:0px solid black;

position:relative;
float:left;
margin-left:-38px;
margin-top:75px;
font-size:14px;
font-weight:bold;
color:#0099FF;
}

div#Occaz1{
width:400px;
height:80px;
border:1px solid #F18E00;

float:left;
position:relative;
margin-bottom:3px;
padding:2px;
overflow:hidden;
}

div#Occaz2{
width:400px;
height:80px;
background-color:#FFD1A4;
border:1px solid #FFD1A4;

float:left;
position:relative;
margin-bottom:3px;
padding:2px;
overflow:hidden;
}

div#Formul{
width:400px;
height:180px;
border:2px solid #F18E00;
background-color:#FFFFFF;

position:absolute;
text-align:center;
float:left;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-90px;
z-index:20;
}
	div#F1{
	width:300px; 
	margin-left:40px; 
	position:relative; 
	float:left; 
	padding-left:10px;
	}

/* TYPO ------------------------------------------------- */

.copyr{
font-size:10px;
color:#FFFFFF;
}
.copyr a{
font-size:10px;
color:#FFFFFF;
}
.copyr a:hover{
font-size:10px;
color:#FFFFFF;
}

H1{
margin:0;
padding:0;
color:#F18E00;
font-size:14px;
font-weight:bold;
}

H2{
margin:0;
padding:0;
color:#F18E00;
font-size:12px;
font-weight:bold;
}

.normal{
color:#003399;
}
.normal a{
color:#003399;
text-decoration:none;
}
.normal a:hover{
color:#003399;
text-decoration:none;
}

.orange{
color:#F18E00;
font-size:12px;
font-weight:bold;
}

.blanc{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.blanc2{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

.bleuPrix{
color:#008FD7;
font-size:14px;
font-weight:bold;
}


/* ------ calendrier --------------------------*/

div#Calendrier{
width:110px;
height:145px;
overflow:hidden;
float:left;
margin-right:5px;

position:relative;
font-size:10px;
}

.mois{
font-size:12px;
color:#FFFFFF;
background-color:#3366CC;
}

.libre{
font-size:10px;
color:#333333;
background-color:#FFFFFF;
border-bottom:1px solid #F18E00;
border-left:1px solid #F18E00;
border-top:1px solid #F18E00;
border-right:1px solid #F18E00;
}

.occup{
font-size:10px;
color:#FFFFFF;
background-color:#F18E00;
}

.passe{
font-size:10px;
color:#FFFFFF;
background-color:#CCCCCC;
}