/* CSS Document */

body{
background-color:#EBEAEA;
background-image:url(img/fond.jpg);
background-repeat:repeat;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
}

div#site{
width:913px;
height:638px;
background-image:url(img/fdSite.png);

position:absolute;
left:50%;
margin-top:0px;
margin-left:-457px;
}

div#Menu{
width:600px;
height:100px;
border:0px solid black;

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

div#News{
width:780px;
height:18px;
border:0px solid red;

position:relative;
float:left;
margin-left:60px;
padding-top:2px;
}

div#contenu{
width:870px;
height:420px;
border:0px solid red;

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

div#txtContenu{
width:495px;
height:400px;
border:0px solid red;

position:relative;
float:left;
margin-top:15px;
}

div#decoContenu{
width:370px;
height:410px;
border:0px solid red;

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

div#Langue{
width:90px;
height:20px;
border:0px solid black;

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

div#Copyr{
width:913px;
height:14px;
border:0px solid green;

position:absolute;
left:50%;
margin-top:625px;
margin-left:-457px;

text-align:center;
font-size:10px;
color:#FFFFFF;
}

div#mobi1{
width:141px;
height:126px;
background-image:url(img/fdMobil.png);
background-repeat:no-repeat;
border:0px solid red;
padding-left:5px;
padding-top:4px;
margin-right:5px;

overflow:hidden;
position:relative;
float:left;
font-size:11px;
color:#003399;
font-weight:bold;
}

div#Gmobil{
width:475px;
position:relative;
float:left;
margin-top:12px;
}

div#FdFiche{
width:600px;
height:400px;
position:absolute;
float:left;
z-index:1;

background-image:url(photos/1-1.jpg);
}

div#Fiche{
width:660px;
min-height:380px;
position:absolute;
margin-left:10px;
float:left;
z-index:10;

border:0px solid red;
}
	div#Gf{
		width:355px; 
		height:296px; 
		position:relative; 
		float:left; 
		margin-top:5px; 
		margin-left:5px; 
		padding:2px;
	}
	div#Df{
		width:280px; 
		min-height:296px; 
		position:relative; 
		float:left; 
		margin-top:5px; 
		margin-left:5px; 
		padding:2px;
		/*border:1px solid red;*/
	}
	div#Tf{
		width:600px; 
		height:70px; 
		position:relative; 
		float:left; 
		margin-top:15px; 
		margin-left:5px; 
		border:0px solid red;
	}

div#BFiche{
width:570px;
height:24px;
position:absolute;
margin-left:10px;
margin-top:376px;
float:left;
z-index:10;

text-align:center;
border:0px solid red;
}

.postit{
width:280px; 
background-image:url(img/PostServ.png); 
background-repeat:no-repeat;
padding-left:10px;
padding-top:4px;
}

/* RESA ----------------------------------------------------- */
div#Fresa{
width:600px;
height:280px;
background-image:url(img/fdFormResa.png);
background-repeat:no-repeat;
padding-left:15px;
padding-top:14px;

float:left;
position:relative;
margin-bottom:2px;
}

div#Lmobi{
width:495px;
height:115px;
background-image:url(img/fdLmobi.png);
background-repeat:no-repeat;
padding-left:10px;
padding-top:8px;

float:left;
position:relative;
margin-bottom:2px;
color:#000000;
}

div#DescMobi{
width:690px;
height:340px;
background-color:#99CCFF;
border:1px dashed white;
padding:4px;

float:left;
position:absolute;
left:50%;
margin-left:-345px;
margin-top:20px;
z-index:5;
}

div#Recap1{
width:230px;
height:330px;
background-color:#FFCC00;
border:1px dashed white;
padding:4px;

float:left;
position:relative;
margin-right:5px;
color:#000000;
}

div#Recap2{
width:300px;
height:330px;
background-color:#6699CC;
border:1px dashed white;
padding:4px;

float:left;
position:relative;
color:#FFFFFF;
}

div#Recap3{
width:286px;
height:330px;
background-color:#993300;
border:1px dashed white;
padding:4px;

float:left;
position:relative;
margin-left:5px;
color:#FFFFFF;
overflow:auto;
}

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

H1{
font-family:"Calisto MT";
font-size:24px;
color:#FFFFFF;
margin:0;
padding:0;
}

H2{
font-family:"Calisto MT";
font-size:16px;
color:#FFFFFF;
margin:0;
padding:0;
}

.plus{
color:#FFCC00;
font-weight:bold;
border:1px dashed #FFFFFF;
display:block;
padding:2px;
text-align:center;
background-color:#87ACE3;
}

.L{
color:#FFCC00;
font-weight:bold;
}

.O{
color:#EF7600;
font-weight:bold;
}

.T{
color:#003399;
}

.lien{
color:#003399;
font-weight:bold;
}

.legende{
font-size:10px;
font-style:italic;
}

.legende2{
font-size:10px;
font-style:italic;
color:#EF7600;
}

.Tpostit{
color:#0099FF;
font-weight:bold;
}

.stitre{
font-size:14px;
color:#FFCC00;
font-weight:bold;
font-style:italic;
text-decoration:underline;
}

.Gamme1{
border:1px #FFCC00 solid ;
}

.Gamme2{
border:1px #3399FF solid ;
}

.Gamme3{
border:1px #CC33CC solid ;
}

.Gamme4{
border:1px #00CC66 solid ;
}

/* -- TARIFS ----*/
.m0{
background-color:#FF6600;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
text-align:left;
}
.t0{
background-color:#FF9933;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
text-align:center;
}
.ft0{
background-color:#FF9933;
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
text-align:center;
}

.m1{
background-color:#FFCC00;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}
.t1{
background-color:#FFFFCC;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}
.ft1{
background-color:#FFFFCC;
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#000000;
text-align:center;
}

.m2{
background-color:#3399FF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}
.t2{
background-color:#AED7FF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}
.ft2{
background-color:#AED7FF;
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#000000;
text-align:center;
}

.m3{
background-color:#CC99FF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}
.t3{
background-color:#CCCCFF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}
.ft3{
background-color:#CCCCFF;
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#000000;
text-align:center;
}

.m4{
background-color:#CC99FF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}
.t4{
background-color:#CCCCFF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}
.ft4{
background-color:#CCCCFF;
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#000000;
text-align:center;
}

.m5{
background-color:#00CC66;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}
.t5{
background-color:#CCFFCC;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}
.ft5{
background-color:#CCFFCC;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}



.t9{
background-color:#AED7FF;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}

.t6{
background-color:#FFCC00;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}

.t7{
background-color:#FFFFCC;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:center;
}

.t8{
background-color:#CCCCCC;
border-left:1px solid #999999;
border-bottom:1px solid #999999; 
color:#000000;
text-align:left;
}

.prix{
color:#0099FF;
font-size:16px;
font-weight:bold;
}

/* ------------- PLANNING --------------------------------------------------------------------- */
div#Infos{
position:absolute;
float:left;
width:300px;
height:550px;
left:50%;
top:50%;

margin-left:-150px;
margin-top:-275px;
border:1px solid #FF6600;
background-color:#FFCC00;

color:#000000;
z-index:5;
}

div#Conteneur{
width:900px;
height:720px;
float:left;
position:absolute;
/*top:50%;*/
left:50%;
margin-left:-450px;
/*margin-top:-360px;*/

border:1px solid red;
background-color:#FFFFFF;
z-index:1;
}

div#BandInfo{
width:900px;
height:25px;
float:left;
position:relative;

background-color:#CCCC00;
color:#000000;
text-align:center;
z-index:1;
}

div#Jour{
width:125px;
height:15px;
margin-right:1px;
position:relative;

border:1px solid #666666;
background-color:#FFFFCC;
z-index:2;
float:left;
text-align:center;
}

div#CalJ{
width:125px;
height:110px;
margin-right:1px;
position:relative;

border:1px solid #666666;
background-color:#DDDDDD;
z-index:2;
float:left;
}

div#CalNJ{
width:125px;
height:110px;
margin-right:1px;
position:relative;

border:1px solid #666666;
background-color:#FFFFFF;
z-index:2;
float:left;
}

div#Sejour1{
width:125px;
height:14px;
float:left;
margin-left:1px;

border:1px solid #666666;
z-index:3;
position:absolute;
text-align:left;
overflow:hidden;
}

/* ------------ CALENDRIER ------------------------------------------------------------ */
div#ConteneurC{
width:900px;
height:720px;
float:left;
position:absolute;
/*top:50%;*/
left:50%;
margin-left:-450px;
/*margin-top:-360px;*/

border:1px solid red;
background-color:#FFFFFF;
z-index:1;
overflow:auto;
}

div#CalendM{
width:130px;
height:145px;
float:left;

margin-right:2px;
margin-bottom:2px;
position:relative;

border:1px solid #000000;
background-color:#FF9900;
z-index:2;
}

div#CalendNJ{
width:15px;
height:15px;
margin-right:1px;
margin-bottom:1px;
position:relative;

border:1px solid #666666;
background-color:#FFFFFF;
z-index:2;
float:left;
}

div#CalendJ{
width:15px;
height:15px;
margin-right:1px;
margin-bottom:1px;
position:relative;

border:1px solid #666666;
background-color:#FFFF00;
z-index:2;
float:left;
}

div#CalendJ0{
width:15px;
height:15px;
margin-right:1px;
margin-bottom:1px;
position:relative;

border:1px solid #666666;
background-color:#DDDDDD;
z-index:2;
float:left;
}

div#CalendJ1{
width:15px;
height:15px;
margin-right:1px;
margin-bottom:1px;
position:relative;

border:1px solid #666666;
background-color:#FF0000;
z-index:2;
float:left;
}

div#CalendJ2{
width:15px;
height:15px;
margin-right:1px;
margin-bottom:1px;
position:relative;

border:1px solid #666666;
background-color:#009933;
z-index:2;
float:left;
}

/* ------------ CALENDRIER ------------------- */

.divCal {position:absolute;border:1px red dashed;background:#CCCCCC;float:left;z-index:5;}
.divCal a{text-decoration:none; width:100%;   }
.divCal table {font-size:12px;font-family:Tahoma;text-align:center;margin:0px;width:140px;}
.divCal td {margin : 0px;border:1px solid #FFFFFF;}
.divCal .zoneTitre {font-size:12px;font-family:Tahoma;color:#FFFFFF;text-align:center;margin:0px;background:#FF3300;}
.divCal .zoneNav {font-size:10px;font-family:Tahoma;text-align:center;margin:0px;cursor:pointer;}
.divCal .zoneMois {font-family:Tahoma;width:70px;margin:0px;}
.divCal .zoneAnnee {font-size:10px;font-weight:bold;text-align:right;margin:0px;width:100%;}
/*.divCal .nSemaine {font-family:Tahoma;width:30px;margin:0px;color:green;}*/
.divCal div{ margin : 0px;}

.divCal .tdx {color:#CCCCCC;} /*par defaut*/
.divCal .tdx .enWeekend {background:#0065B30;color:#00469B;}
.divCal .tdx .enFeriee {background:#0065B30;color:#00469B;}
.divCal .tdx .enMois {color:black;font-weight:bold;color:#00469B;}
.divCal .tdx .aujourdhui {border:2px solid red;color:#FFFFFF;}

.divCal .tdxNow {color:black;font-weight:bold;} 
.divCal .tdxNow:hover {background:lightgreen;} 

.divCal .tdx:hover {background:lightgreen;}
.divCal .tdx:hover .enWeekend {background:green;}
.divCal .tdx:hover .enMois {color:black;font-weight:bold;background:lightgreen;} /*pour firefox */