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

	.boxE {background: #005585; color: #DCF1FF;}
	


	
/* Mise en page meteo*/

	#meteoMarine {
		padding: 10px;
		background: #003858;
		margin-bottom: 1px;
	}
	#meteoMarine h1, #horaireMarees h2 {
		font-size: 189%;
		font-weight: bold;
		margin: 0 0 .5em 0;
		line-height: .7em;
		color: #fff
	}
	#meteoMarine h1 span,  #horaireMarees h2 span{
		display: block;
		font-size: 50%;
	}

    /*#ports li
    {
        display: inline;
        margin-right: 1em;
        height: 2em;
    }
    
    #ports li a {color: White;}

    #ports .actif
    {
        background-color: transparent;
        background-image: url(../images/portActif.gif);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-x-position: 50%;
        background-y-position: 100%;
    }

    #ports .actif a {color: Lime;}*/

	.periode {
		width:  240px;
		float:  left;
		margin-right:  20px;
		font-size: 93%;
	}
	.periode strong {
		font-size: 200%;
		font-weight: normal;
		}
	
	.periode.last {margin-right: 0;}
	.periode .avis {
		color: yellow;
		margin: .8em 0;
		border-top: 0;
		font-weight: bold;
		}
	
	.periode h2 {
		font-size: 120%;
		font-weight: bold;
		color: #fff;
		margin: .3em 0;
	}
	.periode p {
		border-top:  1px #DCF1FF solid;
	}
	.periode span {
		display: block;
		padding: 15px 0 0 0;

	}
	.periode p:first-child {border-top-width: 3px;}
	.periode p img {float: left;}
	
	#cartoVendee {}
	#cartoVendee ul {
		background: url(../img/bgOngletPeriodeFilet.png) no-repeat bottom center;
		padding: 0 0 0 200px;
		}
	#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.actif {
		font-weight: bold;
		position: relative; top: 1px;
		}
	#cartoVendee ul li a:hover, #cartoVendee ul li a:focus {color: yellow!important;}

p.notaBene {
	font-size: 85%;
font-style: italic;position: relative; top: -9px;
}

p#meteorem {
text-align: right;
padding:20px 0 0 0;
}