@charset "windows-1252";
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; background-image: url(../img/bgd.jpg)}
a {color:#BE5F00; text-decoration: none}
a:hover, a:focus {color:#564f01; text-decoration: underline}

/* HEAD */
#head {text-align: right; color:#ffffff; font-size:0.7em; padding-right:20px}
#head a {color:#ffffff; text-decoration: none}
#head a:hover, a:focus {color:#ffffff; text-decoration: underline}

/* CONTENU */	
#content {width: 950px; margin:0; padding:0 }
#main {padding:0; color:#564f01; font-size:0.8em }
#main p {padding:5px 25px 5px 25px}
#main h1 {padding-left:25px; font-size:1.5em;font-weight:bold; margin: 40px 0 20px 0}
#main h2 {padding-left:25px; font-size:1.1em; margin: 40px 0 0 0}
#main  li {margin: 0; margin-bottom: 2px; width: 400px; padding-left: 35px; background: url(../img/puce1.jpg) 17px 4px; background-repeat: no-repeat; list-style: none; border:0px red solid}

/* FORMULAIRE */
#main form {padding-left:25px}
#main label {width:150px; display : inline; float:left; color:#564F01;  margin:5px 0 0 0;  }
#main label.on {color: #FF9C00; font-weight:bold}
#main input, textarea, select {width:350px;  border: 1px solid #959595;  margin:5px 0 0 0px}
#main input.readonly {visibility: hidden}
#main input.btn{width:60px;  border: 1px solid #959595; background-color:white;  margin:15px 0 0 265px}
#main input.on, textarea.on  {border: 1px solid #ff9c00;}
#main input.formReadOnly {border: none; color: #959595;background-color:#F6F6F6; font-size:1em;font-weight:bold;}
#main input.radio {margin-left:10px; margin-right:15px; padding:0; border :0px solid red; width:20px}
#main input.file { margin:5px 0 0 0px border: 1px solid #959595; width:180px}
#main form.verif {padding:25px; border : 1px solid #564F01; background-color : #D8D1AE; margin : 25px; width : 700px}

/* MESSAGE DES FORMULAIRES */
#err {color: #FF0000; font-style:italic;  border: 1px dotted #FF0000; background-color:#FFECEC; width:550px; padding:15px; margin : 25px}
#alert {color: #02065E; font-style:bold;  border: 1px dotted #02065E; background-color:#ECF6FF; width:550px; padding:15px; margin : 25px}

/* ILLUSTRATION */
#imgD {border: 1px white solid; float: left; margin-right: 25px; margin-left: 25px; clear: both}
.tableau1  {border:1px solid #fffff}

.titre1 {margin-left:10px}


/* Table */
#main table {
	color: #564f01;
	font-size:1em;
}
.ligne {padding-top:5px;padding-bottom:5px; border-bottom:1px solid white}

/* Tableau quadrillé en blanc */
.tab1 {color:#5F3B1D; font-size:9px; width: 900px; border-top:1px solid #5F3B1D; border-left:1px solid #5F3B1D; margin-left:25px}
.tab2 {color:#5F3B1D; font-size:9px; width: 350px; border-top:1px solid #5F3B1D; border-left:1px solid #5F3B1D}
.tab1_champs{padding:5px; border-bottom:1px solid #5F3B1D; border-right:1px solid #5F3B1D} 


.offrespec {border : 1px solid #564F01; width:850px; margin : 25px;padding:25px; background-color:#7E8B16; color:#ffffff}

/*************************** 
Définition des TD 
h: header
m: main (partie centrale)
f: foo
*****************************/	
.h{height: 35px; background-color: #5f3b1d}
.h1{height: 35px; background-color: #5f3b1d; background-image: url(../img/h1_bgd.jpg); background-repeat: no-repeat; background-position: right top}
.h2 {width: 950px;}
.h3{height: 35px; background-color: #5f3b1d; background-image: url(../img/h3_bgd.jpg); background-repeat: no-repeat; background-position: left top}

.m1 {background-image: url(../img/main1_bgd.jpg); background-repeat: no-repeat; background-position: right top}
.m2 {width: 950px; background-image: url(../img/main2.jpg); background-repeat: repeat-y}
.m3 {background-image: url(../img/main3_bgd.jpg); background-repeat: no-repeat; background-position: left top}

.f{height: 74px; background-color: #5f3b1d}
.f1{height: 74px; background-color: #5f3b1d; background-image: url(../img/f1_bgd.jpg); background-repeat: no-repeat; background-position: right top}
.f2 {width: 950px; background-image: url(../img/f2_bgd.jpg); background-repeat: no-repeat; background-position: left top}
.f3{height: 74px; background-color: #5f3b1d; background-image: url(../img/f3_bgd.jpg); background-repeat: no-repeat; background-position: left top}

/* MENU */
#menu {width: 950px; height:434px; background-image: url(../img/menu_bgd.jpg); background-repeat: no-repeat; background-position: right top; margin:0; padding:0}

#menuFlash {position: absolute; top:45px;margin:0;color:#fff;z-index:5}

/* FOO */
#foo {color:#ffffff; font-size:0.7em; width:950px; padding-top:5px}
#fooText{width:190px; font-size:1em; text-align: left;float:left; margin-top:15px; border:0px solid yellow;}
#foo a{color:#ffffff}
#foo a:hover, a:focus {text-decoration: underline}
#picto {float: left; width:200px;border:0px solid green;text-align: right;}
/* METEO */
#meteo0 {border: 0px solid orange; width: 90px; height: 70px; float: left; text-align: center; margin-left: 250px; padding-top:5px; background-image: url(../img/meteo1.jpg); background-repeat: no-repeat; background-position: left top}
#meteo1 {border:0px solid orange; width:90px;height:70px; float:left; text-align: center; padding-top:5px;   background-image: url(../img/meteo2.jpg); background-repeat: no-repeat; background-position: left top}
#meteo2 {border:0px solid orange; width:90px;height:70px; float:left; text-align: center; padding-top:5px; margin-right:20px;  background-image: url(../img/meteo3.jpg); background-repeat: no-repeat; background-position: left top} 

#meteo {margin-left: 240px; margin-top: -8px;}
#meteo .forecast {float: left; padding:10px; text-align: center;}
#meteo p {font-size: 8pt; padding: 0; margin: 0;}
#meteo img { margin: 3px;}
/* ZONE DROITE	 */
/* Global */
#right {width: 338px;padding:0; margin:0; float: right; margin-right: 5px; margin-left: 5px; margin-top: 10px; color: white; border : 0px solid orange;color: #ffffff;}
#right .r_contenu {background-image: url(../img/r_main.jpg); background-repeat: repeat-y; width: 338px; font-size: 0.9em; text-align: left; padding:0; margin:0;}
#right .r_contenu p {padding:0 35px 0 15px; margin : 0} 
#right .r_contenu  a {color: #ffffff;text-decoration : none;border:0px red solid }  
#right .r_contenu  a:hover {text-decoration : underline} 

#right .r_foo {background-image: url(../img/r_foo.jpg); background-repeat: no-repeat;padding:0; ; margin:0;height:27px;padding-top:0px; margin-top:0}
#right .btn_right {margin:0;padding:0;height:21px; width:126px; margin-left:95px}		

/* Actualité */
#right .actuHead {background-image: url(../img/r_actuhead.jpg); background-repeat: no-repeat;padding:0; margin:0; height: 80px; width: 338px; margin: 0}
.cal_titre_right {font-size: 1em; font-weight: normal; margin: 0;margin-bottom: 5px;  width: 280px; padding-left: 25px; background: url(../img/puce2.jpg) 17px 4px; background-repeat: no-repeat}
.cal_date_right {font-size: 1em; font-weight: bold; margin: 0 0 0 15px;width:280px;border: 0px red solid;padding-top:10px}
/* Animation */
#right .animHead {background-image: url(../img/r_animhead.jpg); background-repeat: no-repeat;padding:0; margin:0;  height: 80px; width: 338px;  margin:0} 

/* Offres spé */
#right .offresHead {background-image: url(../img/r_offreshead.jpg); background-repeat: no-repeat;padding:0; margin:0;  height: 80px; width: 338px;  margin:0}


/* Résa */
#right .resaHead {background-image: url(../img/r_resahead.jpg); background-repeat: no-repeat;padding:0; margin:0;  height: 80px; width: 338px;  margin:0}



/* Calendrier animations */
#cal_anim {width:250px; border:1px #fff solid; float :left; margin:20px; padding:0}
.cal_titre {font-size: 1em; font-weight: normal; margin: 0; color: #564F01;  margin-left: 0px; background: url(../img/puce1.jpg) 15px 10px; background-repeat: no-repeat}
.cal_date {font-size:1em; font-weight:bold; margin:0;  margin-top :5px;color: #7E8B16; margin-left:-20px}
.cal_mois {font-size:1.1em; font-weight:bold; margin:0; padding:0;  margin-top :0 ;color: #ffffff; background-color:#7E8B16;  border-bottom: 1px solid #ffffff; text-align:center} 


/* TOURISME / Partner */
#tourisme_cadre {float: left; width: 400px; margin:0 25px 25px 25px; }
#tourisme_cadre_t {width: 399px; height: 19px; background: url(../img/tourisme_h.jpg); background-repeat: no-repeat; margin :0; padding:0} 
#tourisme_cadre_m {width: 399px; background: url(../img/tourisme_m.jpg); background-repeat: repeat-y; margin: 0; padding: 0; padding-bottom:10px}
#tourisme_cadre_b{width: 399px; height: 19px; background: url(../img/tourisme_f.jpg); background-repeat: no-repeat; margin :0; padding:0; }
#tourisme_img {float: left; margin:0; margin-left:10px;}
#tourisme_cont {float: left; margin:0; margin-left:5px; width :180px; border : 0px solid red}
#partner_cont {float: left; margin:0; margin-left:5px; width :260px; border : 0px solid red}
#comet_btn_occ {background-color: #223F8D; color: white; width : 140px; height: 17px; text-align: center; padding:2px; margin :5px 0 5px 19px; font-size:0.9em}
#comet_btn_occ a{color:#ffffff}
#comet_btn_occ a:hover{text-decoration: unedrline}
#tourisme_cadre .titre {color: white; font-weight: bold;  margin:0} 
#tourisme_cadre .texte {color: #5F3B1D; font-size: 0.85em} 
#tourisme_cadre .vign {margin: 0 10px 10px 20px; padding: 0; border: 1px #e2dbc1 solid}
#tourisme_cadre a{color:#e2dbc1} 
#tourisme_cadre a:hover, a:focus {color:#ffffff; text-decoration: underline} 

/* PARTENAIRES */
#partenaires {margin : 5px 35px 10px 35px} 


/* MAPSITE */
#map {float: left; border: 1px solid #A5A18D; width: 270px; margin-left: 25px; margin-bottom: 25px; padding: 5px; background-color: #D6CFB7}
#map .mapt {font-weight: bold; font-size: 1em; color:#BE5F00;}
#map .mapl {font-weight: normal; font-size: 1em; background: url(../img/puce1.jpg) 5px; background-repeat: no-repeat; padding-left: 15px}