@charset "utf-8";
/* CSS Document */

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
    margin: 0; 
    padding: 0; 
    font-size: 0.9em; /* À adapter pour la police choisie. (3) */        
	/*background-color:#A2A2A2;*/
	
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1em; 
  color:#1A5D9F;
  text-transform:uppercase;
  margin-left:6px;
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 

 
/* Liens */ 
a { 
  text-decoration:none;
  outline:none;
} 

a:hover, a:focus, a:active { 
 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 

/*MES BLOCS*/

#contenant{
	width:315px;
	/*height:520px;*/
	background-image:url(../imgs/corp.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	}
#header{
	background-image:url(../imgs/head.png); 
	background-repeat:no-repeat;
	height:70px;
	width:98%;		
	padding:5px;
	}

#corps{	
/*	height:355px;*/
	background-repeat:no-repeat;
	clear:both;
	display:block;
	height:auto;
	padding:0;
	width:98%;
	}

#footer{	
	clear:both;
	font-size:9px;
	height:28px;
	padding:5px;	
	text-align:center;
	width:98%;
	background-image:url(../imgs/footer.png); 
	background-repeat:no-repeat;
	}
#footer img{
	float:right;
	margin-right:15px;
	}

/***********************************************/
/*////////////////contact//////////////////////*/	
.contact {
	list-style-type:circle !important;
	width:auto !important;
	margin-left:4px !important;
	margin-top:0em !important;
	height:230px;

	}
.contact li{
	clear:both;
	display:block !important;
	font-size:0.9em;
	padding-left:30px;
	text-align:left !important;
	width:270px !important;
	margin-top:1em;
	}
.contact a{
	padding-left:30px;
	color:#FFF;	
	font-weight:bold
	}
.contact a:hover{text-decoration:underline}	
	
#bloc_liens{
	padding-top:30px;
	}	
	
#logo{ 
	margin-left:5px;
	margin-top:8px;
	}	

.trait{
	width:290px;
	height:3px;
	background-image:url(../imgs/trait-horiz.png);
	margin-left:10px;
	margin-top:12px;
	}
.trait1{
	width:290px;
	height:3px;
	background-image:url(../imgs/trait-horiz.png);
	margin-left:2px;
	margin-top:12px;
	clear:both;
	}
 .choix{
	 height:88px;
	 font-size:0.8em;
	 margin-left:30px;
	 margin-top:20px;
	 width:260px;
	 }
	 .choix div{
		 margin-bottom:2px;
		 }
#recherche{
	position:relative;
	height:215px;
	}
/******************champ select custom*/
 
select.styled {
	opacity:0;
	position:absolute !important;
	width:156px !important;
	background: url(../imgs/champ.png) no-repeat !important;
		
}
 .select {
   position: absolute;
   width:142px;
   height: 23px;
   padding: 0 5px 0 8px;
   color: #FFF;
   font: 11px/21px arial,sans-serif;
   background: url(../imgs/champ.png) no-repeat !important;
   overflow: hidden;
   margin-top:0px;
 }
select.styled  option{
	width:100%;
	background-color:#FFF;
	color: #000;
	border:none;
}
select.styled  option:selected{
	background-color:#F90!important;
	
	}
/*custom*/

#alertes{
	height:229px;
	padding:5px;
	width:100%;
	}
#alertes ul{
	display:inline;
	}
#alertes li{
	padding-left:20px;
	}

#affichage{	
		margin-top:2px;
		position:relative;
		width:285px;
		}
.nom_departement{
		float:left;
		padding:2px 2px 0;
		width:auto;
		text-transform:uppercase;
		margin-bottom:0px !important;
		}
/***********************************************/
/*////////////////conseil//////////////////////*/		
#conseil{
	height:230px;
	overflow-y:auto !important;
	width:313px;
	background-color:#267BB4;
	background-image:url(../imgs/bloc_bleu.jpg);
	}
.MesConseils{
	padding:5px;
	width:280px;
	}
.MesConseils p {
	font-size:78%;
	text-align:justify;
	}		
.MesConseils p img{
	float:left;
	padding:3px;
	}
.titre{
	font-size:1em;
	font-weight:bold;
	text-decoration:;
	clear:both;
	color:#FC6;
	}
.MesConseils span {
	font-weight:bold;
	color:#F93;
	}	
.generique{
	font-size:0.8em;
	font-weight:bold;
	padding:5px;
	}
/***********************************************/
/*////////////////risques//////////////////////*/	
.niveau{
	float:left;
	}
.MonAlerte{
	float:left;
	font-size:60%;
	margin-top:5px;
	padding:5px;
	font-weight:bold;
}

.img_alert{
	float:left;
	}
.bloc_alerte{
	margin-top:5px;
	}

.lien_spe {
	color:#FFF !important;
	padding-bottom:7px;
	padding-top:0;
	width:auto;
}


/***************************************************/
/*///////////////METEO//////////////////////////////*/

#meteo{
	float:right;
	margin-right:16px;
	margin-top:10px;
	width:140px;
	}
#temperature{
		
	}
.picto{
	
	}
	
.temp{
	margin-left:83px;
	font-weight:bold;
	color:#000;
	}

#maVille{
	margin-left:14em;
	margin-top:-1em;
	position:absolute;
	}
#ville{
	font-size:12px;
	width:95px;
	
	}
.titre_ville{
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#000;
	font-size:12px;
	}
.supimg {
	cursor:pointer
	}



.tumevoispas
{
 visibility: hidden;
 position:absolute;
}

#loader1.tumevois
{
 	margin-left:-6px;
	margin-top:-18px;
	position:absolute;
	visibility:visible;
}

#loader2.tumevois
{
	margin-left:-7px;
	margin-top:-20px;
	position:absolute;
	visibility:visible;
}

#loader3.tumevois
{
 	margin-left:2.5em;
	margin-top:-7px;
	position:relative;
	visibility:visible;
}

#loader4.tumevois
{
 	visibility: visible;
	position:relative;
	margin-left:2.5em;
	margin-top:-2px;
}

.premiere_visite{
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	margin-top:0;
	width:290px;
	padding:5px;
}
.premiere_visite span{	
	color:#FFCC7E;	
	}
	
#departement{
	width:200px;
	}
#pollen{
	width:200px;
	}
#mentions{
	color:#666666;
	float:left;
	margin-left:5px;
	margin-top:10px;
	}
a#mentions:hover{
	text-decoration:underline;
	}