/* CSS Document */
html {
margin:0;
padding:0;
text-align:center;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;height:100%;
font-weight:normal;
background:#86A5AA url(../fond/fond2.jpg) repeat-x top;
text-align:center;
color:#54534A;}

#header{
width:920px;
height:80px;
background-image:url(../fond/top_flou.png);
background-repeat:no-repeat; 
background-position:center;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:30px;}

#header_contenu{
width:825px;
height:50px;
background:#fff url(../fond/top_fond.jpg) repeat-x top;
border:1px solid #fff;
border-top:0;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#moselle{position:absolute;  background-color:transparent;top:0; margin-left:-107px;}
#paysdebitche{position:absolute;  background-color:transparent;margin-top:-212px;;margin-left:-36px;}
#paysdebitche2{position:absolute;  background-color:transparent;margin-top:-89px;;margin-left:45px;}
#photos{ background-image:url(../fond/photos.jpg); width:551px; height:84px; float:right; margin-top:33px; margin-right:49px;}

#header_contenu ul{float:left;padding-left:10px; padding-top:18px;}
#header_contenu ul li{float:left; display:block;}
#header_contenu ul li a{float:left; display:block;padding-left:25px; padding-right:15px;
border-right:1px solid #B2B2B2; color:#626262; text-decoration:none; text-transform:uppercase; font-size:0.9em;}
#header_contenu ul li a:hover{float:left; display:block;padding-left:25px; padding-right:15px;
border-right:1px solid #B2B2B2; color:#000; text-decoration:underline; text-transform:uppercase; font-size:0.9em;}


#recherche{float:right;padding-right:15px; padding-top:13px;}

.champs{ background: #eee url(../fond/champ.jpg) repeat-x top; border:1px solid #9EB5BA;font-size:0.9em; text-align:right;
padding:3px; color:#71878B; width:160px;}
.valid{ background: #fff url(../fond/valid.jpg) repeat-x top; text-transform:uppercase; font-size:0.9em; border:1px outset #9EB5BA;
padding:2px; color:#6C6D6D; cursor:pointer;}

.accueil, .accueil a{ background-image:url(../fond/accueil.gif);background-repeat:no-repeat;background-position: 0.5em center;}
.accueil a:hover{ background-image:url(../fond/accueil2.gif);background-repeat:no-repeat;background-position: 0.5em center;}

.plan, .plan a{ background-image:url(../fond/plan.gif);background-repeat:no-repeat; background-position: 0.5em center;}
.plan a:hover{ background-image:url(../fond/plan2.gif);background-repeat:no-repeat; background-position: 0.5em center;}

.contact, .contact a{ background-image:url(../fond/contact.gif);background-repeat:no-repeat; background-position: 0.5em center;}
.contact a:hover{ background-image:url(../fond/contact2.gif);background-repeat:no-repeat; background-position: 0.5em center;}

.liens, .liens a{ background-image:url(../fond/liens.gif);background-repeat:no-repeat; background-position: 0.5em center;}
.liens a:hover{ background-image:url(../fond/liens2.gif);background-repeat:no-repeat; background-position: 0.5em center;}
#bandeau{
width:920px;
height:150px; 
background-image:url(../fond/bandeau.png);
background-color:transparent;
background-repeat:no-repeat; 
background-position:center;
margin-left:auto;
margin-right:auto;
margin-top:-45px;
text-align:left;
}
h1{ display:block; width:300px; height:150px; background-image:url(../fond/h1.png); background-color:transparent; text-indent:-9999px; margin-top:-10px; margin-left:-5px; position:absolute; cursor:pointer;}


#principal{
width:827px;
height:307px;
background-color: transparent;
margin-top:-12px;margin-left:auto;
margin-right:auto;
text-align:left;}

#contenu{float:left; width:618px;
color:#1A1F20; font-size:1em;}




.bloc{ width:200px; border:1px solid #fff; height:305px;border-top:0; float:left; margin-right:6px;}
.bloc4{ width:200px; border:1px solid #fff;height:70px;border-top:0; float:left; margin-right:6px;z-index:2000;}



.bloc2{ width:200px; border:1px solid #fff; height:250px;border-top:0; float:left; margin-right:0px; margin-top:55px; margin-left:1px;}
#communes, #communes2{ background: #f8f8f8 url(../fond/communes.jpg) no-repeat bottom;}
.bloc3{ width:200px; border:1px solid #fff;padding-bottom:10px; border-top:0; float:left; margin-bottom:3px;}

#info_droite{ background: #f8f8f8 url(../fond/communes.jpg) no-repeat bottom;}

#info_droite h2{background-image:url(../fond/meteo.png); width:200px; height:30px; display:block; text-indent:-9999px; margin-top:10px;}


#info_droite h2.newsletter{ background-image:url(../fond/newsletter.png); width:200px; height:30px; display:block; text-indent:-9999px;}


#info_droite .temps{ display:block; background-color:#E3E3E3; border:1px solid #C0BEBE; margin:5px; padding:10px; 
font-size:1.3em;color:#335D8C;}

hr{background-color:transparent;border:0; border-bottom:1px dashed #939393;margin:5px;}

#bloc_droite{ width:200px;  height:200px;border-top:0; float:right; margin-right:0px;margin-left:1px;}

#syndicat h2{ background-image:url(../fond/syndicat.png); background-color: transparent;width:200px; height:80px; text-indent:-9999px;}
#services h2{ background-image:url(../fond/services.png); background-color: transparent;width:200px; height:80px; text-indent:-9999px;}
#documentations h2{ background-image:url(../fond/documentations.png); background-color: transparent;width:200px; height:80px; text-indent:-9999px;}
#communes h2{ background-image:url(../fond/communes.png); background-color: transparent;width:200px; height:80px; text-indent:-9999px; margin-bottom:-20px; margin-top:80px;}

#communes2 h2{ background-image:url(../fond/communes.png); background-color: transparent;width:200px; height:80px; text-indent:-9999px; margin-bottom:-20px; margin-top:20px;}






#communes p, #communes2 p{ padding-left:12px; padding-right:10px;color:#393939; font-size:0.9em; }
#communes label, #communes2 label{padding-left:12px; padding-right:10px;color:#F28109; font-size:0.9em; font-weight:bold;}

#syndicat ul{ width:170px; padding-left:15px; padding-right:15px; margin-top:-15px;}

#syndicat ul li{ float:left; display:block;width:170px;padding-top:5px; padding-bottom:5px;}
#syndicat ul li a{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#fff; text-decoration:none;
background-image:url(../fond/puce_verte.gif); background-repeat:no-repeat; background-position:0em 0.3em; }

#syndicat ul li a:hover{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#fff; text-decoration:underline;
background-image:url(../fond/puce_verte2.gif); background-repeat:no-repeat; background-position:0em 0.3em; }




#services ul{ width:170px; padding-left:15px; padding-right:15px; margin-top:-15px;}

#services ul li{ float:left; display:block;width:170px;padding-top:5px; padding-bottom:5px; }
#services ul li a{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#fff; text-decoration:none;
background-image:url(../fond/puce_bleue.gif); background-repeat:no-repeat; background-position:0em 0.3em;}

#services ul li a:hover{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#fff; text-decoration:underline;
background-image:url(../fond/puce_bleue2.gif); background-repeat:no-repeat; background-position:0em 0.3em;}


#documentations ul{ width:170px; padding-left:15px; padding-right:15px; margin-top:-15px;}

#documentations ul li{ float:left; display:block;width:170px;padding-top:5px; padding-bottom:5px;}
#documentations ul li a{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#fff; text-decoration:none;
background-image:url(../fond/puce_orange.gif); background-repeat:no-repeat; background-position:0em 0.3em;}

#documentations ul li a:hover{ float:left; display:block;width:150px; padding-left:20px; font-size:1.1em; color:#ffRapido 10f; text-decoration:underline;
background-image:url(../fond/puce_orange2.gif); background-repeat:no-repeat; background-position:0em 0.3em; }

#communes select{ width:170px;margin-left:12px;font-size:0.9em; margin-top:5px; border:1px solid #7494B3;}

#infos{
width:920px;
height:190px;
background-image:url(../fond/top_flou.gif);
background-repeat:no-repeat; 
background-position:bottom;
margin-left:auto;
margin-right:auto;
margin-top:6px;
margin-bottom:-15px;}

#infos_contenu{
width:825px;
height:160px;
background:#E9E9E9 url(../fond/infos.jpg) repeat-x top;
border:1px solid #fff;
margin-left:auto;
margin-right:auto;
text-align:left;
}


#pied_de_page{
width:825px;
margin-left:auto;
margin-right:auto;
text-align:left;
}


#pied_de_page2{
width:606px;
border:1px solid #A0BFC6;
padding:5px;
font-size:0.9em;
background-color:#84A8B1;
text-transform:uppercase;
color:#fff; 
float:left;
text-align:left;
margin-top:8px;
}

#pied_de_page a img, #pied_de_page2 a img{ float:left; margin-right:5px;}
#pied_de_page a, #pied_de_page2 a{ text-decoration:none; color:#fff; font-size:0.9em;margin-right:5px;margin-left:5px; }
#pied_de_page a:hover, #pied_de_page2 a:hover{ text-decoration:underline;}




#programme{margin:10px;margin-left:0; margin-right:0;width:300px; border-right:1px dashed #989898; height:140px; background-image:url(../fond/tvcristal.gif); background-repeat:no-repeat; background-position:right top; float:left;}
#programme h2{ background-image:url(../fond/tv-locale.gif); width:200px; height:30px; display:block; text-indent:-9999px;}
#programme strong{padding-left:12px; font-size:1.1em; color:#02729A; font-weight:bold; letter-spacing:-1px;}
#programme ul{padding-left:12px; list-style-position:inside; line-height:1.3em; list-style-type:square;}


#meteo{margin:10px;margin-left:0;margin-right:0;width:250px; border-right:1px dashed #989898; height:140px;  background-repeat:no-repeat; background-position:right top;float:left;}
#meteo h2{ background-image:url(../fond/meteo.gif); width:200px; height:30px; display:block; text-indent:-9999px;}

.temps{ display:block; background-color:#E3E3E3; border:1px solid #C0BEBE; margin:5px; padding:10px; 
color:#335D8C;}

.temps2{ display:block; background-color:#E3E3E3; border:1px solid #C0BEBE; margin:5px; padding:10px; 
color:#335D8C;height:100px;}
#newsletter2{padding:10px;margin-left:0;margin-right:0;  background-repeat:no-repeat; padding-top:0px;}

#newsletter{margin:10px;margin-left:0;margin-right:0;width:250px; height:80px;  background-repeat:no-repeat; background-position:right top;float:left;}
#newsletter h2{ background-image:url(../fond/newsletter.gif); width:200px; height:30px; display:block; text-indent:-9999px;}

#newsletter label{padding-left:12px; font-size:0.9em; color:#626F72; font-weight:bold; clear:both; display:block;margin-bottom:7px; }
#newsletter .champs{margin-left:10px; font-size:1em; color:#626F72; font-weight:bold; clear:both; width:190px;
text-align:left;font-weight:normal;}

#newsletter .valid2{ background: #fff url(../fond/valid.jpg) repeat-x top; text-transform:uppercase; font-size:0.9em; border:1px outset #9EB5BA;
padding:2px; color:#6C6D6D; cursor:pointer;}

#info_droite .valid3{ background: #fff url(../fond/valid.jpg) repeat-x top; text-transform:uppercase; font-size:0.9em; border:1px outset #9EB5BA;width:170px;margin-top:5px;
padding:2px; color:#6C6D6D; cursor:pointer;}


.temps a{font-size:0.6em; color:#C30E3D;}
.temps img{float:right;}

.temps2 a{font-size:0.6em; color:#C30E3D;}
.temps2 img{float:right;}


h3{ font-size:1.5em;color:#0C333C;}
h4{ font-size:1.2em;color:#fff; font-weight:normal;}
h5{ font-size:1.1em;color:#1E2627; font-weight:bold;}


#ariane a{  color:#fff;}
#ariane a:hover{  color:#fff; text-decoration:underline;}
.Weather_fond tr{ color:222;font-size:11px;}

.temps .Weather_sstitre{ text-align:right; width:80px; }
.temps2 .Weather_sstitre{ text-align:right; width:60px; }

ul.planint{ width:600px;font-size:0.9em; list-style:none;}

ul.planint li.niveau1 {color:#fff;list-style:none !important;}
ul.planint li.niveau2 {color:#031F56;list-style:none !important;}
ul.planint li.niveau3 {color:#7D3C02;list-style:none !important;}

ul.planint li.niveau1 a{color:#fff;list-style:none !important;}
ul.planint li.niveau2 a{color:#031F56;list-style:none !important;}
ul.planint li.niveau3 a{color:#7D3C02;list-style:none !important;}

ul.planint li.niveau1 a:hover{color:#fff;text-decoration:underline;}
ul.planint li.niveau2 a:hover{color:#031F56;font-weight:bold;}
ul.planint li.niveau3 a:hover{color:#7D3C02;font-weight:bold;}

ul.planint li.niveau1{  padding:2px;padding-left:10px; width:588px;  background-color:#668B94; list-style:none; margin-bottom:1px;clear:right; font-size:1.3em; font-weight:normal; clear:both;}
ul.planint li.niveau2{  padding:2px; padding-left:15px; width:583px;  list-style:none; margin-bottom:1px;
border-bottom:1px solid #5F848D; clear:both;}
ul.planint li.niveau3{  padding:2px; padding-left:40px;  list-style:none; margin-bottom:1px;border-bottom:1px solid #5F848D;
float:left; width:158px; display:block;}



#formulairepage .submit{
	width:610px;
	margin:4px;
	background:#436067;
	color:#fff; text-transform:uppercase; letter-spacing:3px;
	border:1px outset #555; font-weight:bold;
	cursor:pointer;
}


#formulairepage fieldset{
	
	margin:4px;
	padding:8px 6px;
	
	background:#71969F url(../fond/ariane.jpg) no-repeat top left;
	
	display:block !important;
}


#formulairepage fieldset legend{
	font-weight:bold; letter-spacing:1px;color:#fff; font-size:12px;
	margin-top:-15px;margin-bottom:18px;padding-top:15px; text-transform:uppercase; 
}
#formulairepage label{
	display:block;
	float:left;
	clear:both;
	width:130px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage select{
	
	border:1px solid #000;
}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage ul{
	float:left;
	display:block;
	width:300px;
	font-size:10px;
	border:1px inset #555;
	margin-bottom:10px;
}

#formulairepage select{
	overflow:visible;
	float:left;
	width:300px;
	margin-bottom:10px;
	font-size:11px;
	background-color:#fff;
}
#formulairepage select option{
	
	width:200px;
	display:block;
	overflow:visible;
	white-space:normal;
}
#formulairepage textarea{
	margin:0 0 8px;
	height:90px;
	width:290px;
}

#formulairepage ul input{
	margin:0 5px;
	background-color:#fff;
}
#formulairepage .facultatif{
	padding:0 0 0 0px;
margin-top:0px;
margin-left:5px;
	font-size:11px;
	color:#fff;
	float:left;
}

#print{display:none;}

.resultat{font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em;color:#fff; font-weight:normal;margin-bottom:5px; font-weight:bold;}

.titreactu{font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em;color:#fff; font-weight:normal;margin-bottom:5px; font-weight:bold; display:block;}
.listitem a{border-bottom:1px solid #AAC9CE;margin-bottom:5px;display:block;background-color:#527279;color:#fff; padding-left:10px;}

.news1{border-bottom:1px solid #AAC9CE;margin-bottom:5px;}
.news2{border-bottom:1px solid #AAC9CE;margin-bottom:5px;}

.news1 .savoir{ background-color:#527279;}
.news2 .savoir{ background-color:#668A93;}

.resultat_contenu,.texteactu{padding-bottom:10px;}

.taille{ display:block; float:left; width:100px;margin-top:20px;margin-left:10px;}
.taille a {margin-right:3px;}

#jour{width:49%;  text-align:right;height:73px;float:left; font-size:0.9em;}
 #nuit{width:49%; text-align:right;height:73px;float:left;font-size:0.9em;}
 
  
 label.overlabel {
	color:#444;
}
label.overlabel-apply {
	position:absolute;
	margin-top:4px;
	margin-left:14px;
	z-index:1;
	font-size:11px;
	color:#444;
}