@charset "utf-8";
/* CSS Document */
#Content div.carteRegion{
	width:185px;
	float:left;
	display:block;
	position:relative;
	/*height:310px;*/
}

#Content div.carte{
	width:431px;
	float:left;
	display:block;
	position:relative;
}

#Content div.carte p.indication{
	font-style:italic;
	width:90%;
	font-size:11px;
}
#Content div.carte .pictoMeteo{
	position:absolute;
	text-align:center;
	width:50px;

}
#Content div.carte .pictoMeteo span{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background:url(/library/img/fond_temperature.png) no-repeat;
	width:20px;
	height:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
}
#Content div.carte .pictoVent{
	position:absolute;
	text-align:center;
}
#Content div.carte .pictoVent a{
	text-decoration:none;
	color:#000000;
}
#Content div.carte .pictoVent span{
	font-size:9px;
	font-weight:bold;
	display:block;
	background:#F0F0F0;
	padding:2px;
}
#Content div.carte .MasqueCarte{
	z-index:999;
	position:absolute;
	top:0;
	left:0;
	background:url(/library/img/white_line.png) repeat #CCCCCC;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
#Content div.carte .MasqueCarte p{
	text-align:center;
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin-top:100px;
}

/*
div.cityList div.carte, div.gridList{
	float:left;
}
div.cityList div.carte{
	width:250px;
}

div.cityList{
font-size:12px;
}

div.gridList{
	width:376px;
	margin-top:10px;
}
*/

#Content div.controlCarte{
	width:190px; /* 195 - 3*/
	padding-left:3px;
	float:left;
}
#Content div.controlCarte input, select{
	color:#24528f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:2px;
}
#Content div.controlCarte select{
	display:block;
}
#Content div.controlCarte h2{
	margin-bottom:3px;
	
}
#Content div.controlCarte a.titre{
	cursor:pointer;
	font-weight:bold;
	margin-top:10px;
	display:block;
}
#Content div.controlCarte a.titre:hover{
	text-decoration:underline;
}
#Content div.controlCarte ul{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	padding:0;
	list-style:none;	
	font-size:11px;
	color:#333333;
}

#Content div.controlCarte ul li{
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
}

#Content div.controlCarte ul li span{
	margin-left:2px;
}

#Content div.controlCarte ul li span a{
	margin-left:20px;
}

#Content div.controlCarte ul li a:hover{
	text-decoration:underline;
}


#Content div.controlCarte ul li a{
	max-width:180px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	font-size:11px;
}

#Content div.controlCarte ul.grey{
	background-color:#F3F3F3;
}
#Content div.controlCarte ul.grey li{
	padding-left:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
#Content div.controlCarte ul.grey li a{
	font-weight:normal;
	cursor:pointer;
}

/* [START] Page liste des villes */
#Content div.cityList .box430{
	margin-top:0px!important;
	margin-left:10px;
	float:left;
}
/*
#Content div.cityList table {
	margin-left:5px;
	margin-top:5px;
}
#Content div.cityList  a{
	color:#24528F;
	text-decoration:none;
	margin-bottom:3px;
}
#Content div.cityList  a:hover{
	text-decoration:underline;
}

#Content div.cityList .pagination a, #Content div.cityList  .pagination span{
	color:#333333;
	text-decoration:none;
	display:block;
	width:15px;
	height:15px;
	font-size:11px;
	padding:4px;
	margin-top:10px;
	text-align:center;
}
#Content div.cityList  .pagination a:hover{
	background:#E8E8E8;
}
#Content div.cityList  .pagination span{
	background:#CCCCCC;
	font-weight:bold;
}
*/
#Content div.cityList div.rechercheVille{
	margin-top:10px;
	margin-left:13px;
}

/* [END] Page liste des villes */

/* [START] boites bleu */
#Content .box430, #Content .box625{
	background:#24528F;
	padding-top: 9px;
	padding-bottom: 5px;
	margin-top:15px;

}
#Content .box430{
	width:420px;
	padding-right: 5px;
	padding-left: 5px;
}
#Content .box625{
	width:613px;
	padding-left:6px;
	padding-right:6px;
}

#Content .box430 h2,#Content .box625 h2 {
	display: block;
	height: 20px;
	margin-bottom: 5px;
	color:#000000;
	font-weight:bold;
}
#Content .box430 .white, #Content .box625 .white{
	color:#ffffff;
}
#Content .box430 .list, #Content .box625 .list {
	background-color:#F4F6F9;
}

#Content .box430 .list, #Content .box625 .list {
	background-color:#F4F6F9;
	background-position:0 0;
	background-repeat:no-repeat;
}
#Content .box430 .list{
	background-image:url(/library/img/box430-top.gif);
}
#Content .box625 .list{
	background-image:url(/library/img/infobox-top.gif);
}

#Content .box430 ul,#Content .box625 ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-position: 0px bottom;
	background-repeat: no-repeat;		
	display:block;  
}
#Content .box430 ul{
	background-image: url(/library/img/box430-bottom.gif);
	width:420px;
}
#Content .box625 ul{
	background: url(/library/img/infobox-bottom.gif) bottom no-repeat;
	width:613px;
	
}
#Content .box430 ul li, #Content .box625 ul li{
	display:inline-block;
	float:left;
	margin:0;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#Content .box430 ul li{
	width:198px;
}
#Content .box625 ul li{
	width:146px;
	padding-left:5px;
}
#Content .box430 ul li a, #Content .box625 ul li a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#Content .box430 ul li a:hover, #Content .box625 ul li a:hover{
	text-decoration:underline;
}

#Content .box430 ul li span.ville, #Content .box625 ul li span.ville{
	display:inline-block;
	width:150px;
}
#Content .box430 ul li span.codePostal a, #Content .box625 ul li span.codePostal a{
	color:#24528f;
}

/* [START] surCouche */
#Content .box625 ul.villes li{
	width:198px;
	padding-left:5px;
}
#Content .box430 ul.villes li{
	width:200px;
	padding-left:5px;
}
/* [END] surCouche */

/* [START] pagination */
#Content .box430 .paginationAlphabet, #Content .box625 .paginationAlphabet{
	text-align:center;
}
#Content .box430 .paginationAlphabet a, #Content .box625 .paginationAlphabet a{
	color:#333333;
	text-decoration:none;
	display:inline-block;
	width:12px;
	height:12px;
	font-size:12px;
	line-height:12px;
	padding:3px;
	margin:10px 0 10px 0;
}
#Content .box430 .paginationAlphabet a:hover, #Content .box625 .paginationAlphabet a:hover{
	background:#E8E8E8;
	color:#1F1D1D;
	font-weight:bold;
}
#Content .box430 .paginationAlphabet a.active, #Content .box625 .paginationAlphabet a.active{
	background:#E8E8E8;
	color:#1F1D1D;
	font-weight:bold;
}
/* [END] pagination */

#Content .regionHome ul li a
{
	font-weight:normal;
	font-size:12px;
}
/* [END]  boites bleu */


/* [START] GridList : pour les liste avec des GirdView */
.Pagination a, .Pagination span{
	color:#333333;
	text-decoration:none;
	display:block;
	width:15px;
	height:15px;
	font-size:10px;
	padding:4px;
	margin-top:10px;
	text-align:center;
}
.Pagination a:hover{
	background:#E8E8E8;
}
.Pagination span{
	background:#CCCCCC;
	font-weight:bold;
}
/* [END] GridList : pour les liste avec des GridView */



/* [START] class pour l'autocomplete */
div.autoCompleter{
	border:1px #333333 solid;
	z-index:998;
	background:#FFFFFF;
	margin-top:2px;
	position:absolute;
	font-size: 11px;
}
div.autoCompleter .text{
	text-align:center;
	font-style:italic;
}
div.autoCompleter ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.autoCompleter ul li{
	margin:0;
	color:#666666;
	cursor:pointer;
	display:block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
div.autoCompleter ul li:hover{
	color:#333333;
	background:#D6D7D6;
}
/* [END] class pour l'autocomplete */

/* [START] class pour les encarts des autres météo */
#Content .autreMeteo div{
	float:left;
	margin:0;
	width:300px;
	margin-top:15px;
}
#Content div.spacer{
	width:25px;
	height:150px;
}
div.autreMeteo h2, div.autreMeteo h2, div.autreMeteo h2{
	display:block;
	height:24px;
	width:300px;
	margin:0;
}
/* [END] class pour les encarts des autres météo */


/* [START] boite de dialogue */
.boxMsg{
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:10px;	
	margin:2px;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
	font-weight:bold;	
}
.boxMsg p, .boxMsg a{
	font-size:11px;
	color:#333333;
	margin:0;
}
.boxMsgError{
	border:1px solid #FF0101;
	background:#FFE6E6 url(/library/img/erreur.gif) 8px  no-repeat ;
	color: #FF0000;
	margin:2px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:2px;
	padding-right:2px;
	font-weight:bold;
	min-height:20px;
}
.boxMsgError p, .boxMsgError a{
	font-size:11px;
	color:#FF0000;
}

.boxMsgInfo{
	border:1px solid #056FBD;
	background:#D9E4F2 url(/library/img/info.gif) 10px no-repeat ;
	color: #046FBD;
	margin:2px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:2px;
	padding-right:2px;
	font-weight:bold;
	min-height:20px;
}
.boxMsgInfo p, .boxMsgInfo a{
	font-size:11px;
	color:#046FBD;
}
.boxMsgHelp{
	border:1px solid #FF6600;
	background:#FDF6CF url(/library/img/astuce.gif) 10px no-repeat ;
	color: #FF6600;
	margin:2px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:2px;
	padding-right:2px;
	font-weight:bold;
	min-height:20px;
}
.boxMsgHelp p, .boxMsgHelp a{
	font-size:11px;
	color:#FF6600;
}
.boxMsgValid{
	border:1px solid #109B00;
	background:#D2EDCD url(/library/img/valid.gif) 10px no-repeat ;
	color: #109B00;
	min-height:20px;
}
.boxMsgValid p, .boxMsgValid a{
	font-size:11px;
	color:#109B00;
}

/* [START] boite de dialogue */