/* = Style locaux
---------------- */
@import "/global/css/layoutA.css";
@import "communMeteo.css";


	.boxE {color: #DCF1FF;}

/* =Mise en page-------------  */
	#parVille {
		width: 300px;
		float: right;
		}
		
	#cartographie {
		width: 460px;
		float: left;
		}


/* =Colonne de gauche-------------  */

	#ephemeride,#cartoVendee,#cartoFrance {
		padding: 10px 10px; margin: 10px 0;
		clear: both;
		}

	#ephemeride {
		padding-left: 120px;
	}
	#ephemerideIcn {
		position: absolute;
		top: 20px; left: 20px;
	}

	#ephemeride h1 {
		font-size: 189%;
		font-weight: bold;
	}
	#ephemeride h1 span {
		display: block;
		font-size: 50%;
	}
	#soleil {margin: 10px 0;}

	#cartoVendee {}
	#cartoVendee ul {
		background: url(../img/bgOngletPeriodeFilet.png) no-repeat bottom center;
		padding: 0 0 0 140px;
		}
	#cartoVendee ul li {
		font-size: 77%;
		background: url(../img/bgOngletPeriode.png) no-repeat top right;
		float: left;
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
	}
	#cartoVendee ul li a {
		display: block;
		color: #fff;
		background: url(../img/bgOngletPeriode.png) no-repeat top left;
		padding: 2px 5px 2px 10px;
		margin: 0 0 0 -2px;
		}
	#cartoVendee ul li.current {
		font-weight: bold;
		position: relative; top: 1px;
		}
	#cartoVendee ul li a:hover, #cartoVendee ul li a:focus {color: yellow!important;}
	
	#cartoFrance {
		background: #005b90;
		margin-left: 10px;
		font-size: 77%;
		border: 1px #0078bd solid;
	}
	#cartoFrance h2 {
		font-weight: bold;
		font-size: 130%;
		margin: 0 0 1em 0;
	}
	#cartoFrance h3 {
		font-size: 108%;
		font-weight: bold;
	}
	#cartoFrance td {
		width: 33%;
		vertical-align: top;
		}
	#cartoFrance td p {
		margin: .3em 1em .85em 0;
	}


	#parVille {margin-right: 10px;}
	#parVille h2 {
		font-weight: bold;
		font-size: 138.5%;
		margin: .8em 0;
	}
	#parVille h3 {
		font-weight: bold;
		font-size: 108%;
		margin: .5em 0;
		color: #fff;
	}
	#parVille p {
		font-size: 85%;
	}
	#parVille .ville {
		position: relative;
		border-top: 1px #336684 solid;
		min-height: 85px;
	}

	#parVille img.icnTemps {
		position: absolute; top: 0; right: 0;
		}


#meteorem {
	clear: both;
	padding: 10px;
	}





/* =Previsions-------------  */

	#previsionsJour {background: #003959}