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

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

/* CONTENU */	
#content {width: 950px; background-image: url(../img/main2.jpg); background-repeat: no-repeat; background-position: right bottom;margin:0; padding:0 }
#main {padding:5px 25px 5px 25px; color:#606060; font-size:0.8em; min-height:600px }

#main h2 {font-size:1.1em; margin: 20px 0 0 0; color : #14AEE5}

/* FORMULAIRE */
#main label {width:150px; display : inline; float:left; color:#606060;  margin:5px 0 0 0;  }
#main label.on {color: #14AEE5; font-weight:bold}
#main input, textarea, select {width:350px;  border: 1px solid #959595;  margin:5px 0 0 0px}
#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 #14AEE5;}
#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}
#err {color: #FF0000; font-style:italic;  border: 1px dotted #FF0000; background-color:#FFECEC; width:50%; padding:15px}

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

.titre1 {margin-left:-16px}

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

/* Tableau quadrillé en bleu */
.tab1 {color:#606060; font-size:1em; width: 800px; ; border-top:1px solid #05aae4; border-left:1px solid #05aae4}
.tab1_champs{padding:5px; border-bottom:1px solid #05aae4; border-right:1px solid #05aae4} 
/*************************** 
Définition des TD 
h: header
m: main (partie centrale)
f: foo
*****************************/	
.h{height: 35px; background-color: #192f50}
.h1{height: 35px; background-color: #192f50; background-image: url(../img/h1_bgd.jpg); background-repeat: no-repeat; background-position: right top}
.h2 {width: 950px;}
.h3{height: 35px; background-color: #192f50; 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: #192f50}
.f2 {background-image: url(../img/foo2.jpg)} */

.f{height: 74px; background-color: #192f50}
.f1{height: 74px; background-color: #192f50; 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: #192f50; background-image: url(../img/f3_bgd.jpg); background-repeat: no-repeat; background-position: left top}

/* MENU */
#menu {width: 950px; height:424px; background-image: url(../img/menu_bgd.jpg); background-repeat: no-repeat; background-position: right top; margin:0; padding:0} 
#menu a {color:#f9ef9f; text-decoration: none}
#menu a:hover, a:focus {color:#ffffff; text-decoration: underline}
#menuContent {padding:35px;padding-top:100px; color:#fff;}
#menuFlash {position: absolute; top:40px;margin-left:0px; color:#fff;z-index:5}
.menuPuce {background-image: url(../img/menu_puce.jpg); background-repeat: no-repeat; height: 15px; width: 18px; float: left;}
.menuOver{font-weight:bold; font-size : 1em; float : left; margin-left : 10px;}

/* FOO */
#foo {color:#ffffff; font-size:0.7em; width:950px; padding-top:5px}
#fooText{width:220px; font-size:1em; text-align: left;float:left; margin-top:20px; 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: 200px; 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:60px;  background-image: url(../img/meteo3.jpg); background-repeat: no-repeat; background-position: left top} 

#meteo {margin-left: 200px; 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: 300px;padding:0; margin:0; float: right; margin-right: 5px; margin-left:15px; margin-top: 5px; 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/puce1.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}
 
/* Calendrier animations */
#cal_anim {width:250px; border:1px #192F50 solid; float :left; margin:20px; padding:0}
.cal_titre {font-size: 1em; font-weight: normal; margin: 0; color: #20a0e8;  padding-left: 20px;padding-right: 10px; background: url(../img/puce2.jpg) 10px 5px; background-repeat: no-repeat}
.cal_date {font-size:1em; font-weight:bold; margin:0;  margin-top :5px;color: #20a0e8; margin-left:10px; margin-right:10px}
.cal_mois {font-size:1.1em; font-weight:bold; margin:0; padding:0;  margin-top :0 ;color: #ffffff; background-color:#192F50;  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: #ffffff; font-size: 0.85em} 
#tourisme_cadre .vign {margin: 0 10px 10px 20px; padding: 0; border: 1px #e2dbc1 solid}
#tourisme_cadre a{color:#D9F5FF} 
#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 #192F50; width: 270px; margin-left: 25px; margin-bottom: 25px; padding: 5px; background-color: #E7F0F8}
#map .mapt {font-weight: bold; font-size: 1em; color:#05AAE4;}
#map .mapl {font-weight: normal; font-size: 1em; background: url(../img/puce3.jpg) 5px; background-repeat: no-repeat; padding-left: 15px}