@CHARSET "ISO-8859-1";

body{background-image:none;background-repeat:repeat-y;background-position:center top;color:#414242;}
a{text-decoration:none;cursor:pointer;color:#414242} img{border:0}
input,select,form,a,span{margin:0;padding:0;display:inline;}
div{margin:0;padding:0;}
hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
table{border-collapse:collapse}
body{font-family:Helvetica, Arial, sans-serif;font-size:14px;background-color:#FFFFFF;}
.clear{clear:both;height:1px;overflow:hidden} .a{height:4px} .b{height:8px} .c{height:12px} .d{height:16px} .e{height:20px} .f{height:24px} .g{height:28px}

body{ margin:0; padding:0;}
* html body{ overflow:hidden; } 
* html div#content{ height:100%; overflow:auto; }
#page{width:960px;text-align:left;}

 * html body{ 
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

 
/*
----------------------------
Couleur de Base de la charte graphique

Gris Noir  			#414242
Gris Foncé  		#54554F (select box)
Gris intermediaire  #828282
Gris Clair 			#CCCCCC
Rouge Titre			#F53C3C
Rouge Lien			#DD4B54

risque important : 	#FAF578
alerte orange : 	#FFA023 
alerte rouge : 		#CD0000
violet communique: 	#5a4be1

//Bleu pour la marine
Bleu Fonce 			#0a0a5f
Bleu Moyen 			#6e739b
Bleu Clair 			#cdd7fa

--------------------------------
*/



/* Mise en page generale */

h1		 {color:#FFFFFF; font-size:14px; font-weight:normal; padding-left:5px; line_height:25px;}
h1 #entite {font-size:18px; }
h1.alerte{color :#414242;}
h2{color:#FFFFFF; font-size:14px; font-weight:normal;}
h2.noir{color:#414242;}
h3{color:#FFFFFF; font-size:14px; font-weight:normal; padding-left:5px;}
h3.alerte{color:#414242;}
h3.gris{color:#CCCCCC;}
h3.noir{color:#414242;}
h4{color:#FFFFFF; font-size:18px; font-weight:normal; padding-left:5px;}
p{margin-bottom: 5px; color: #414242;}

/* Menu */

#menu_mc, #menu_mc ul{
margin:0px;
padding:0px;
list-style-type:none;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
z-index:498;
}

#menu_mc a{
display:block;
text-decoration:none;
}

#menu_mc li{
float:left;
position:relative;
}

#menu_mc ul {
position:absolute;
display:none;
}

#menu_mc li ul a{
float:left;
}
#menu_mc li:hover ul ul, #menu_mc li:hover ul ul ul, #menu_mc li:hover ul ul ul ul{
display:none;
}
#menu_mc li:hover ul, #menu_mc li li:hover ul, #menu_mc li li li:hover ul, #menu_mc li li li li:hover ul{
display:block;
}

/* titres et sous-titre */

.barre_titre	{width:100% ;/*height:25px;*/line-height:25px;position:relative;color: #FFFFFF;}
.barre_titre h2 { padding-left: 5px;}
.barre_titre_terrestre 		{background-color: #828282; width:100% ;height:25px;line-height:25px; position:relative;color: #FFFFFF; border-bottom:1px solid #727272;}

.barre_sous_titre_terrestre	{background-color: #828282; width:320px;height:25px;line-height:25px; font-size: 18px;}
.bloc_contenant_terrestre 	{background-color: #CCCCCC;margin-bottom:5px; position: relative;}*/
.barre_titre_info_terrestre{position:relative; width:100 %; background-color : #414242; height:25px; line-height:25px; color: #FFFFFF;}
	
.barre_titre_marine 	{background-color: #6e739b;width:100% ;height:25px;line-height:25px; position:relative;color: #FFFFFF; border-bottom:1px solid #666A8D; }

.barre_sous_titre_marine{background-color: #6e739b; border-top:1px solid #76759F; width:320px;height:25px;line-height:25px; font-size: 18px;}
.bloc_contenant_marine	{background-color: #cdd7fa;margin-bottom:5px; position: relative;} 
.barre_titre_info_marine{position:relative; width:100 %; background-color : #0a0a5f ; height:25px; line-height:25px; color: #FFFFFF;}

.barre_titre_marine span{margin-left : 5px;}

.bloc_contenant{margin-bottom:5px;}
.bloc_contenant_cs{background-color: #CCCCCC;margin-bottom:5px; position: relative;}

.bloc_contenant_niv1{margin-bottom:5px; border:1px solid #FAF578; width:640px;}
.bloc_contenant_niv2{margin-bottom:5px; border:1px solid #FFA023; width:640px;}
.bloc_contenant_niv3{margin-bottom:5px; border:1px solid #cd0000; width:640px; background-color:#333AAA;}

.barre_titre_info{position:relative; width:100 %; background-color : #414242; height:25px; line-height:25px; color: #FFFFFF;}
.barre_titre_rouge{position:relative; width:100%; background-color : #f53c3c; height:25px; line-height:25px;}
.barre_titre_rouge h2{margin-left: 5px;}
.barre_titre_gris_fonce{position:relative; width:100%; background-color : #414242; height:25px; line-height:25px;}
.barre_titre_gris_fonce h2{margin-left: 5px;}
.barre_titre_gris{position:relative; width:100%; background-color : #828282; height:25px; line-height:25px;}
.barre_titre_gris h2{margin-left: 5px; color:#414242; font-size: 14px; color:#ffffff; }

.barre_titre_blanc h2{margin-left: 0px; color:#000; font-size: 14px; color:#000; }
.barre_titre_blanc{position:relative; width:100%; background-color : #fff; height:25px; line-height:25px;}

.barre_titre_gris_clair{position:relative; width:100%; background-color : #CCCCCC; height:25px; line-height:25px;}
.barre_titre_gris_clair h1{color:#414242; font-size: 18px; }
.barre_titre_gris_clair h2{margin-left: 5px; color:#414242; font-size: 14px; }
.barre_titre_alerte_niv0{position:relative; height:25px; line-height:25px;}
.barre_titre_alerte_niv1{position:relative; width:100%; background-color : #FAF578; height:25px; line-height:25px;}
.barre_titre_alerte_niv2{position:relative; width:100%; background-color : #FFA023; height:25px; line-height:25px;}
.barre_titre_alerte_niv3{position:relative; width:100%; background-color : #cd0000; height:25px; line-height:25px;}
.barre_titre_alerte_niv3 h1.alerte{color:#ffffff;}
.barre_titre_alerte_niv3 h3.alerte{color:#ffffff;}
.barre_titre_alerte_niv3{color:#ffffff;}
.icone_barre_titre{float:right; padding-top:0px;}

.bloc_contenu{margin:5px;}
.bloc_contenu_interieur{padding:5px;}
.onglet_titre_gris { 
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	background: #828282; 
	padding-left: 5px;
	font-weight: normal;
	font-size: 18px;
	width: 175px;
	position: absolute;
	 border-top:1px solid #878787;
}
.onglet_titre{
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	padding-left: 5px;
	font-weight: normal;
	font-size: 18px;
	width: 175px;
	position: absolute;
}

.texte_blanc { color:#FFFFFF; }
.texte_noir { color:#000; }
.texte_gris { color:#CCCCCC; }
.texte_gris_intermediaire { color:#828282; }
.texte_gris_fonce { color:#54554F; }
.texte_gris_noir { color:#414242; }
.texte_rouge { color:#ff4b4b; }
.texte_rouge a{ color:#ff4b4b; }
.texte_bleu_fonce{color:#0a0a5f};
	
	
.lien_rouge a{ color:#DD4B54;}
.lien_rouge a:hover{ color:#DD4B54;}

.fond_rouge { background-color:#ff4b4b;}

.liste ul{
  list-style-type: disc;
}

.liste li{
	position: relative;
	margin-left: 15px;
}


input.incorrect{background-color:#fd7;}
input.correct {background-color:#414242;}	

/*Nouveau style pour tous les boutons rouge */
.bouton_rouge{
	width:115px;
	height:25px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica, arial;
	background-color:#f53c3c;
	cursor:pointer;
	/*padding-left: 5px;*/
	text-align:center;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border:none; 
	-moz-box-shadow: 2px 2px 5px #54554F;  	
	-webkit-box-shadow : 2px 2px 5px #54554F;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#54554F', Direction=120, Strength=4); 
}
.bouton_rouge a{
	color:#ffffff;
}
/*
input[type=button] {
	text-align:center;
}*/
/*
.bouton_validation_rouge{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/fond_bouton_rouge.png');
	background-repeat:no-repeat;   
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
}

.bouton_validation_rouge a{
	color:#ffffff;
}
.bouton_validation_rouge_grand{
	width:190px;
	height:32px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/fond_bouton_rouge_grand.png');
	background-repeat:no-repeat;   
	background-color:#939393;
	cursor:pointer;
	padding-left: 10px;
	padding-top: 6px;
	border:none;
}

.bouton_validation_rouge_grand a{
	color:#ffffff;
}


.bouton_validation_thickbox{
	width:110px;
	height:25px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/bouton_rouge_thickbox.jpg');
	background-repeat:no-repeat;   
	cursor:pointer;
	padding-bottom: 4px;
	border:none;
}

.bouton_validation_thickbox a{
	color:#ffffff;
}


.bouton_validation_thickbox_grand{
	width:182px;
	height:25px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/bouton_rouge_thickbox_grand.jpg');
	background-repeat:no-repeat;   
	cursor:pointer;
	padding-top: 4px;
	padding-left:2px;
	border:none;
}

.bouton_validation_thickbox_grand a{
	color:#ffffff;
}

.bouton_validation_rouge_D6D6D6{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_d6d6d6.jpg');
	background-repeat:no-repeat;   
	background-color:#D6D6D6;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_D6D6D6 a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_D6D6D6{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_D6D6D6.jpg');
	background-repeat:no-repeat;   
	background-color:#D6D6D6;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_D6D6D6 a{
	color:#ffffff;
}

.bouton_validation_rouge_grand2_D6D6D6{
	width:240px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand2_D6D6D.jpg');
	background-repeat:no-repeat;   
	background-color:#D6D6D6;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand2_D6D6D6 a{
	color:#ffffff;
}

.bouton_validation_rouge_818181{
	width:150px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_818181.jpg');
	background-repeat:no-repeat;   
	background-color:#818181;
	cursor:pointer;
	padding-bottom: 18px;
	border:none;
	padding-left: 5px;
	padding-top: 3px;
}

.bouton_validation_rouge_818181 a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_818181{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_818181.jpg');
	background-repeat:no-repeat;   
	background-color:#818181;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_818181 a{
	color:#ffffff;
}


.bouton_validation_rouge_B8B8B8{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_B8B8B8.jpg');
	background-repeat:no-repeat;   
	background-color:#B8B8B8;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}


.bouton_validation_rouge_B8B8B8 a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_B8B8B8{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_B8B8B8.jpg');
	background-repeat:no-repeat;   
	background-color:#B8B8B8;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_B8B8B8 a{
	color:#ffffff;
}
.bouton_validation_rouge_ACACAC{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_ACACAC.jpg');
	background-repeat:no-repeat;   
	background-color:#ACACAC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_ACACAC a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_ACACAC{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_ACACAC.jpg');
	background-repeat:no-repeat;   
	background-color:#ACACAC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_ACACAC a{
	color:#ffffff;
}


.bouton_validation_rouge_C5C5C5{
	width:100px;
	height:20px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_C5C5C5.jpg');
	background-repeat:no-repeat;   
	background-color:#C5C5C5;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_rouge_grand_ACACAC{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_ACACAC.jpg');
	background-repeat:no-repeat;   
	background-color:#ACACAC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_C5C5C5 a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_C5C5C5{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_C5C5C5.jpg');
	background-repeat:no-repeat;   
	background-color:#C5C5C5;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_C5C5C5 a{
	color:#ffffff;
}


.bouton_validation_rouge_8F8F8F{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_8F8F8F.jpg');
	background-repeat:no-repeat;   
	background-color:#8F8F8F;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_8F8F8F a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_8F8F8F{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_8F8F8F.jpg');
	background-repeat:no-repeat;   
	background-color:#8F8F8F;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_8F8F8F a{
	color:#ffffff;
}


.bouton_validation_rouge_000000{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_000000.jpg');
	background-repeat:no-repeat;   
	background-color:#000000;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_000000 a{
	color:#ffffff;
}

.bouton_validation_rouge_ffffff{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_ffffff.jpg');
	background-repeat:no-repeat;   
	background-color:#ffffff;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_ffffff a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_000000{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_000000.jpg');
	background-repeat:no-repeat;   
	background-color:#000000;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}

.bouton_validation_rouge_grand_000000 a{
	color:#ffffff;
}

.bouton_validation_rouge_CCCCCC{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_CCCCCC.jpg');
	background-repeat:no-repeat;   
	background-color:#CCCCCC;
	cursor:pointer;
	padding-bottom: 18px;
	border:none;
	padding-left: 3px;
	padding-top: 1px;
}


.bouton_validation_rouge_CCCCCC a{
	color:#ffffff;
}


.bouton_validation_rouge_818181{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_818181.jpg');
	background-repeat:no-repeat;   
	background-color:#818181;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 3px;
	padding-top: 1px;
}


.bouton_validation_rouge_818181 a{
	color:#ffffff;
}



.bouton_validation_rouge_grand_CCCCCC{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_000000.jpg');
	background-repeat:no-repeat;   
	background-color:#CCCCCC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_rouge_grand_CCCCCC a{
	color:#ffffff;
}


.bouton_validation_rouge_grand_gris{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_CCCCCC.jpg');
	background-repeat:no-repeat;   
	background-color:#CCCCCC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_rouge_grand_gris a{
	color:#ffffff;
}




.bouton_validation_grand_3favoris{
	width:260px;
	height:31px;
	color:#ffffff;
	font-size: 16px;
	background-image :  url('/images/boutons/btn_validation_grand_3favor.jpg');
	background-repeat:no-repeat;   
	background-color:#939393;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_grand_3favoris a{
	color:#ffffff;
}


.bouton_validation_grand_3favoris_marine{
	width:260px;
	height:31px;
	color:#ffffff;
	font-size: 16px;
	background-image :  url('/images/boutons/btn_validation_grand_3favma.jpg');
	background-repeat:no-repeat;   
	background-color:#8489AF;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_grand_3favoris_marine a{
	color:#ffffff;
}


.bouton_validation_rouge_grand_gris_clair{
	width:190px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/fond_bouton_rouge_grand_3favoris.jpg');
	background-repeat:no-repeat;   
	background-color:#CCCCCC;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 0px;
	padding-top: 0px;
}
.bouton_validation_rouge_grand_gris_clair a{
	color:#ffffff;
}

.bouton_validation_rouge_grand_CBD5F9{
	width:307px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_grand_CBD5F9.jpg');
	background-repeat:no-repeat;   
	background-color:#CBD5F9;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_rouge_grand_CBD5F9 a{
	color:#ffffff;
}

.bouton_validation_rouge_CBD5F9{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_CDD7FA.jpg');
	background-repeat:no-repeat;   
	background-color:#CBD5F9;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 5px;
	padding-top: 5px;
}
.bouton_validation_rouge_CBD5F9 a{
	color:#ffffff;
}
.bouton_validation_rouge_6E739B{
	width:116px;
	height:31px;
	color:#ffffff;
	font-size: 18px;
	font-family: helvetica;
	background-image :  url('/images/boutons/btn_validation_6E739B.jpg');
	background-repeat:no-repeat;   
	background-color:#6E739B;
	cursor:pointer;
	padding-bottom: 8px;
	border:none;
	padding-left: 0px;
	padding-top: 0px;
}
.bouton_validation_rouge_6E739B a{
	color:#ffffff;
}


.bouton_validation_gris{width:125px;height:25px;border:1px #000000 solid;background:#cccccc;;color:#414242;cursor:pointer;padding-bottom: 4px;}
*/
/* Entete */
.entete_logo{width:300px; }
.entete_recherche_texte{ width:360px;font-family: Helvetica, Arial, sans-serif;}
.entete_specific{width:300px; }

.entete_terrestre_general{width:960px; height :65px;background-color : #414242; color:#FFFFFF; margin-bottom:1px;  }
.entete_terrestre_general_passerelle{width:960px; height :105px;background-color : #414242; color:#FFFFFF; margin-bottom:1px;  }
.entete_marine_general	 {width:960px; height :65px;background-color : #0a0a5f ; color:#FFFFFF; margin-bottom:1px;  }	


.saisie_recherche_texte{  
  background-image:url('/images/logos/loupe.png');
  background-repeat:no-repeat;
  padding-left:32px;
  text-align:center;
  height:23px;
  line-height:23px;
}

.zone_recherche {
	background-image:url('/images/boutons/fond_recherche.jpg');
	background-repeat:no-repeat;
	width:297px;
	height:27px;
}
.zone_recherche_deroulant {
	background-image:url('/images/boutons/fond_rech_deroulant.jpg');
	background-repeat:no-repeat;
	width:240px;
	height:27px;
}



.zone_recherche .saisie, .zone_recherche_deroulant .saisie {
	border:0px;
	margin-left:32px;
	width:262px;
	text-align:center;
	height: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	margin-top: 5px;
}
.zone_recherche .saisie {
	width:262px;
}
.zone_recherche_deroulant .saisie {
	width:205px;
}


/* Deroulant */

div#deroulant{	z-index:500;width:100%;background-color :#cccccc; padding-top:1px; padding-bottom:1px;}
div.contenu_deroulant {width:100%; background-color:#1b1b1b; position:relative;}
.contenu_deroulant .recherche{position:absolute;top:3px;left:25px;}
.contenu_deroulant .texte{position:absolute;top :3px;right:5px;color:#ffffff;height:28px; line-height:28px;width:450px;}

#deroulant a { color:#ffffff; }

/* Connexion */

.barre_connexion {font-size : 11px;}
.bandeau_passerelle{ font-weight: bold; color:#0078ff;}


/* Publicite */

.bandeau_publicite_terrestre{width:100%; background-color : #828282;}
.bandeau_publicite_marine	{width:100%; background-color : #6e739b;}
#bloc_pub_sommaire_terrestre{position:absolute;right:0px;bottom:0px;width:310px;height:267px;background-color:#CCCCCC;color:#414242;}


/* Barre Meteo Perso */

#barre_meteoperso{width:100%; margin-bottom: 0px;}

.groupWrapper{
	width: 193px;
	float: left;
	margin-right: 2px;
	/*min-height: 400px;*/
	height: 200px;
}
.serializer{clear: both;}
#groupItem{z-index: 90; position: relative!important;}
#groupItemApercu{z-index: 450; position: relative;}/* Définit 2 fois à cause du javascript */
.itemHeader{
	line-height: 25px;
	color: #ffffff;
	/*padding: 0 10px;*/
	background-color:#828282;
	padding-left: 5px;
	cursor: move;
	font-family: helvetica;
	font-weight: normal;
	font-size: 18px;
	height: 25px;
	width: 160px;
	position: absolute;
	z-index: 460;
}
.fond_terrestre_fonce{background: #828282;}
.fond_terrestre_moyen{background: #828282;}
.fond_terrestre_clair{background: #cccccc;}
.fond_marine_fonce{background: #0a0a5f;}
.fond_marine_moyen{background: #6e739b;}
.fond_marine_clair{background: #cdd7fa;}
.itemHeaderApercu{
 	width: 308px; 
 	cursor:default; 
 	left: 0px;
	line-height: 25px;
	color: #ffffff;
	/*padding: 0 10px;*/
	padding-left: 5px;
	cursor: move;
	font-family: helvetica;
	font-weight: normal;
	font-size: 18px;
	height: 25px;
	position: absolute;
	z-index: 460;
	background-color:#828282; /**mc_terrestre**/
	/*background-color:#414242; /**mc_global**/
}


.itemHeader a{
	position: absolute;
	right: 5px;
	top: 0px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.itemHeaderApercu a{
	position: absolute;
	right: 5px;
	top: 0px;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
}

.itemHeaderApercu_terrestre{
 	width: 308px; 
 	cursor:default; 
 	left: 0px;
	line-height: 25px;
	color: #ffffff;
	/*padding: 0 10px;*/
	padding-left: 5px;
	cursor: move;
	font-family: helvetica;
	font-weight: normal;
	font-size: 18px;
	height: 25px;
	position: absolute;
	z-index: 460;
	background-color:#414242; 
}
.itemHeaderApercu_terrestre a{
	position: absolute;
	right: 2px;
	top: -3px;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
}


.sortHelper{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper p{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.itemContent{
	position:absolute;
	width: 165px;
	top: 25px;
	color:#ffffff;
	display: none;
	z-index:460;
	opacity:.9; 
	filter:alpha(opacity=90);
	
}

.itemContent li.itemData{list-style: none ; line-height: 10px; }


.itemContentFavoriPerso{
	position:absolute;
	width: 190px;
	top: 25px;
	color:#ffffff;
	display: none;
	z-index:465;
	opacity:.9; 
	filter:alpha(opacity=90);
	right: 0px; 
	padding-top: 8px;
	font-size: 12px;
	background-color:#414242;
}

.itemContentFavoriPerso a {color:#ffffff;}

.itemContentFavoriPerso li.itemData{list-style: none ; line-height: 10px;}

.content_favoris{
	border: 1px solid #ff4b4b;
	/*position:absolute;*/
	width: 165px;
	/*top: 25px;*/
	color:#ffffff;
	display: none;
	z-index:500;
	opacity:.9; 
	filter:alpha(opacity=90);
	
}

.content_favoris a{
	color:#ffffff;
}

.ui-state-defaultmp{
	background-color:#ffffff;   
	color:#000000;
}

.itemContent a{color:#ffffff;}
.closeEl{margin-top: 5px;}
.closeEl_nonconnect{margin-top: 5px;}
.closeFavoriPerso{margin-top: 5px;}
#sortable { list-style-type: none; margin: 0; padding: 0; width:955px }
#sortable li {list-style: none ; width: 188px!important; width: 186px; margin: 0px; cursor:move; font-size: 12px; margin: 0px 0px 0px 0px;height: 140px; float:left!important ;
z-index:460 !important /*Non-IE6*/;
z-index:460 /*IE6*/; }
/*#sortable li:last-child {width: 188px; margin: 0px; cursor:move; font-size: 12px; margin: 0px 0px 5px 0px;height: 140px; float:left;*/
#sortable li span { position: absolute; margin-left: 5px;}
#sortable li .itemData{ list-style: none ; height: 15px; padding: 5px;}
#sortable li .itemData a:hover{cursor:pointer;}
.ui-state-highlight {width: 186px; height: 140px;}
.contenu_item{height: 139px; width: 188px;}
.contenu_item table{margin: 0px 5px 0px 5px;}

.contenu_item .tempe_maxi{ font-size: 16px; color:#FF4646;}
.contenu_item .tempe_mini{ font-size: 16px; color:#394AF0;}
.contenu_item .valign_center70{display: table-cell; vertical-align:middle; z-index:450;}
.contenu_item .valign_center70_span { display: table-cell; vertical-align:middle; z-index:450;}

/* apercu à 14 jours */
.apercu{display: none; list-style: none ; width: 958px; height: 140px;}
.apercu li { 
	list-style: none;
    float: left ; 
    width: 54px ; 
    height:110px;
    margin-top: 27px;
    margin-right: 0px ;
    margin-left: 0px; 
    color: #868686 ; 
    /*background: #CCCCCC ; */
}
.apercu  li a { 
    /*display: block ;  */
    color: #4c4c4c ; 
   /* line-height: 25px ; */
    text-align: center ;
    /*height:25px; */
   /* background: #CCCCCC ;*/
} 
.apercu li.lien_apercu:hover, 
.apercu li.lien_apercu:focus, 
.apercu li.lien_apercu:active { 
    color:#fff;
    padding-top: 27px;
    margin-top: 0px;
    height: 110px;
    background: #E3E3E3;
}


.apercu  li.lien_apercu:selected { 
    color:#fff;
    padding-top: 27px;
    margin-top: 0px;
    height: 108px;
}


.apercu  li.lien_apercu.week{ 
    color:#fff;
    padding-top: 27px;
    margin-top: 0px;
    height: 108px;
    background: #F0EEF0;
}

.apercu  li.lien_apercu.week:hover{ 
     background: #E3E3E3;
}

.apercu  li.separ:hover{
	height: 108px;
	width: 1px;	
	 margin-top: 0px;
}
.apercu  li.separ{
	height: 135px;
	background: #cccccc url(/images/apercu/separateur_apercu.png) no-repeat;
	width: 1px;	
	 margin-top: 0px;
}

.apercu  li.separ_v2{
	height: 135px;
	background: #cccccc url(/images/apercu/separateur_apercu_v3.jpg) no-repeat;
	width: 1px;	
	 margin-top: 0px;
}


.apercu li.itemDataApercu {
	
	color: #ffffff;
	width: 310px; 
	height: 10px;
	margin: 6px;	
}

.apercu li.itemDataApercu a{
	color: #ffffff;	
	width: 310px; 
}
.apercu li.itemDataApercu a:hover{
 	background: none ; 
    height:15px; 	
	width: 310px;
	text-decoration: underline; 
}

.lien_item_data {
	height: 25px; 
	width:185px;
	padding-left: 5px; 
	line-height:25px; 
}
.lien_item_data a{
	width:185px;
	height: 25px;
	margin-left: -10px;
	padding-left: 10px; 
	display: block;	
}
.lien_item_data a:hover{
	width:185px;
	margin-left: -5px;
	padding-left: 5px; 
}

.lien_item_data_widget_terrestre {
	height: 25px; 
	width : 140px; 
	padding-left: 0px; 
	line-height:25px; 
	top: 25px;
}

.lien_item_data_widget_terrestre a:hover{
	background-color:#828282;
}


.lien_item_data_widget_terrestre a{
	width:160px; 
	height: 25px;
	margin-left: -5px;
	padding-left: 5px; 
	display: block;	
}

.lien_item_data_widget_marine {
	height: 25px; 
	width : 140px; 
	padding-left: 0px; 
	line-height:25px; 
	top: 25px;
}

.lien_item_data_widget_marine a:hover{
	background-color:#6e739b;
}

.lien_item_data_widget_marine a{
	width:160px; 
	height: 22px;
	margin-left: -5px;
	padding-left: 5px; 
	display: block;	
}
.lien_item_data_favoriprevi {
	height: 25px; 
	/*width : 195px; */
	/*padding-left: 0px;*/ 
	line-height:23px; 
	font-size:12px;
}

.lien_item_data_favoriprevi a{
	/*width:195px; */
	height: 22px;
	/*margin-left: -5px;
	padding-left: 5px; */
	display: block;	
	color:#414242;
}
.lien_item_data_favoriprevi a:hover{
	color:#ffffff;
}


/* Chemin de fer */

.chemin_fer {
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
}
.chemin_fer a {
	color:#414242;
}


/* Barre de Navigation */

#barre_navigation{width:100%;border:1px;  margin-top:0px;}
#barre_navigation ul.onglet { list-style: none ;	text-align: center ; overflow:hidden ;  }

#barre_navigation ul.onglet li { float: right ; font-size:14px; width: 146px ;   height:41px;   margin-left: 2px ;   color: #fff ; line-height:25px;}
/*#barre_navigation ul.onglet li { float: right ; font-size:12px; width: 155px ;   height:25px;   margin-left: 2px ;   color: #fff ;    background: #414242 ;line-height:25px;}*/

#barre_navigation ul.onglet li.actif { float: right ; font-size:16px; width: 146px ;  line-height: 17px; height:41px;   margin-left: 2px ;   color: #fff ; font-weight:bold;}
/*#barre_navigation ul.onglet li.actif { float: right ; font-size:14px; width: 155px ;   height:25px;   margin-left: 2px ;   color: #fff ;    background: #828282 ;}*/

#barre_navigation ul.onglet li.alerte1 { float: right ; width: 146px ;   height:41px;   margin-left: 2px ;   background: #FAF578 ; line-height:16px;}
#barre_navigation ul.onglet li.alerte2 { float: right ; width: 146px ;   height:41px;   margin-left: 2px ;   background: #FFA023 ;line-height:16px;}
#barre_navigation ul.onglet li.alerte3 { float: right ; width: 146px ;   height:41px;   margin-left: 2px ;   background: #cd0000 ; line-height:16px;}
#barre_navigation ul.onglet_haut li.alerte3 { float: right ; width: 146px ;   height:41px;   margin-left: 2px ;   background: #cd0000 ;}
#barre_navigation ul.onglet li.alerte1 a{ color: #000;} 
#barre_navigation ul.onglet li.alerte2 a{ color: #000;} 
#barre_navigation ul.onglet li.alerte3 a{ color: #ffffff;}
#barre_navigation ul.onglet_haut li.alerte3 a{ color: #ffffff;}

#barre_navigation ul.onglet li a{ color: #fff ;}

#barre_navigation ul.onglet_haut { list-style: none ; display:inline; text-align: center ;  overflow:hidden ;}
#barre_navigation ul.onglet_haut_terrestre li { list-style: none ; background-color:#414242; float: right ; font-size:14px; width: 146px ;   height:48px;line-height:16px;   margin-left: 2px ;   color: #fff ;}*/
#barre_navigation ul.onglet_haut li { float: right ; font-size:14px; width: 146px ;   height:41px;line-height:16px;   margin-left: 2px ;   color: #fff ;}
#barre_navigation ul.onglet_haut li { float: right ; font-size:14px; width: 146px ;   height:41px;line-height:16px;   margin-left: 2px ;   color: #fff ; }

#barre_navigation ul.onglet_haut_terrestre li { color: #ffffff; float: right ; font-size:14px; width: 146px ;   height:41px;line-height:15px;   margin-left: 2px ;   color: #fff ;}
#barre_navigation ul.onglet_haut_terrestre li.actif { background-color:#6e739b; float: right ; font-size:16px; width: 146px ;   height:41px;   margin-left: 2px ;   color: #fff ; }
#barre_navigation ul.onglet_haut li.actif { float: right ; font-size:14px; width: 146px ;   height:41px;   margin-left: 2px ;   color: #fff ; }
#barre_navigation ul.onglet_haut_terrestre li a{ color: #fff ; }
#barre_navigation ul.onglet_haut li a{ color: #fff ; font-size:14px; line-height:16px}
#barre_navigation ul.onglet_haut li.actif a{ color: #fff ; font-size:16px; font-weight:bold; line-height:18px}

/* Carte de navigation MARINE */
#bloc_navigation_marine{ width:100%; background-color : #cdd7fa; padding-bottom:4px; margin-bottom : 5px;}


/* Carte de navigation */
#bloc_carte_prevision{ width:100%; background-color : #CCCCCC; padding-bottom:4px; margin-bottom : 5px;}
#zone_navigation_thickbox { width:650px;height:526px;background-color:#fff;position:relative;}
#barre_informative {width:100%; background-color:#000; position: relative; text-align:center;color:#fff;font-size:14px; height:24px; min-height:24px; line-height:24px; border-top: 1px solid #414242;}
#barre_informative div.tb_retour {position:absolute; right:0px; color:#ff4b4b; font-size:12px; height:24px; min-height:24px; line-height:24px;}
#barre_informative div.tb_retour a,
#barre_informative div.tb_retour a:hover,
#barre_informative div.tb_retour a:active,
#barre_informative div.tb_retour a:focus	{ color:#ff4b4b; font-size:12px;}



.map_transparent_50 {-moz-opacity:.3;opacity:.3;filter:alpha(opacity=30);}
.map_transparent_70 {-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
.map_transparent_100 {-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}

#selection_parametres_meteo {position:absolute;top:5px;left:0px;width:650px;}
#selection_parametres_meteo div{float:right; width :58px;}


.fond_panneau_controle {text-align: center;position:absolute; top:492px; left:0px; }
.fond_sequenceur {width:655px; text-align:center;}
.fond_sequenceur_pas_1h {position:relative; height:16px; margin : auto;width:624px; background-color: #cccccc ;	-moz-opacity:0.5;	opacity:.5;	filter:alpha(opacity=50);height:38px;}
.fond_sequenceur_pas_3h {position:relative; height:16px; margin : auto;width:624px; background-color: #cccccc ;	-moz-opacity:0.5;	opacity:.5;	filter:alpha(opacity=50);height:38px;}
.fond_sequenceur_pas_6h {position:relative; height:16px; margin : auto;width:400px; background-color: #cccccc ;	-moz-opacity:0.5;	opacity:.5;	filter:alpha(opacity=50);height:38px;}

.panneau_controle {text-align: center;position:absolute; top:486px; left:0px;}



.sequenceur {width:655px; text-align:center;}
.sequenceur_pas_1h   {position:relative; height:22px; margin : auto;width:624px; } /* largeur exacte nb periode * largeur colonne */
.sequenceur_pas_3h   {position:relative; height:22px; margin : auto;width:624px; } 
.sequenceur_pas_6h   {position:relative; height:22px; margin : auto;width:400px; } 


.sequenceur .espacement_haut {height:5px; }
.sequenceur .ligne_fond	{background-color:#828282; height:1px;}

.sequenceur tr.legende_fond {height:15px;}
.sequenceur_pas_1h  tr.legende_fond td{text-align:center;height:15px;width:26px; font-size:12px;color:#414242;font-weight:bold;} /* largeur = largeur du trait */
.sequenceur_pas_3h  tr.legende_fond td{text-align:center;height:15px;width:78px; font-size:12px;color:#414242;font-weight:bold;}
.sequenceur_pas_6h  tr.legende_fond td{text-align:center;height:15px;width:100px; font-size:12px;color:#414242;font-weight:bold;}

.legende_fond {margin-top:4px; line-height:10px;}

#barre_survol {position:absolute; top:4px; left:0px; text-align:center;}
.sequenceur_pas_1h #barre_survol #curseur{background-color:#414242;width:26px; height:3px; font-size:1px;} /* largeur = largeur du trait */
.sequenceur_pas_3h #barre_survol #curseur{background-color:#414242;width:78px; height:3px; font-size:1px;}
.sequenceur_pas_6h #barre_survol #curseur{background-color:#414242;width:100px; height:3px; font-size:1px;}

#legende_survol {text-align:center; }

#loader {position:absolute; bottom:7px; left:0px; text-align:center; }
.sequenceur_pas_1h #loader .image_loader{width:26px; height:9px;} /* largeur = largeur du trait */
.sequenceur_pas_3h #loader .image_loader{width:78px; height:9px;}
.sequenceur_pas_6h #loader .image_loader{width:100px; height:9px;}

#conteneur_map_sequenceur {position:absolute; top:0px; left:0px; }
.sequenceur_pas_1h #image_map_sequenceur {width:650px;height:21px;}
.sequenceur_pas_3h #image_map_sequenceur {width:650px;height:21px;}
.sequenceur_pas_6h #image_map_sequenceur {width:650px;height:21px;}

.player_sequenceur {margin:auto;width:104px; background-color:#828282;height:17px;z-index:500;}
.player_sequenceur tr {height:15px; }
.player_sequenceur td {height:15px; width:24px;}
.player_sequenceur img {height:15px; width:15px;}

.lien_item_data_param {height: 25px;width : 175px;padding-left: 5px; line-height:25px;}
.lien_item_data_param a{width:175px; height: 25px;margin-left: -5px;padding-left: 5px; display: block;}
.lien_item_data_param a:hover {background: #828282; color:#ffffff; }
.lien_item_data_param_terrestre {height: 25px;width : 190px;padding-left: 5px;	line-height:25px;}
.lien_item_data_param_terrestre a{width:190px; height: 25px;margin-left: -5px;padding-left: 5px; display: block;}
.lien_item_data_param_terrestre a:hover{background: #828282; color:#ffffff; font-weight: bold;}
.lien_item_data_param_marine{height: 25px;width : 175px;padding-left: 5px;	line-height:25px;color:#0a0a5f; }
.lien_item_data_param_marine a{width:175px; height: 25px; margin-left: -5px;  margin-top:2px;  padding-left: 5px; display: block; color:#0a0a5f;}
.lien_item_data_param_marine a:hover{background: #6E739B; color:#ffffff;   margin-top:1px; height:26px;}
.lien_item_data_param_favoris_marine{height: 25px;width : 190px;padding-left: 5px;	line-height:25px;color:#0a0a5f;}
.lien_item_data_param_favoris_marine a{width:190px; height: 25px;margin-left: -5px;padding-left: 5px; display: block; color:#0a0a5f;}
.lien_item_data_param_favoris_marine a:hover{background: #6E739B; color:#ffffff;font-weight: bold;}


color:#0a0a5f;

/* Blocs prévision météo */

#zone_previ_pays{ width:100%;height:526px;background-color:#CCCCCC;position:relative;}
.zone_services_supplementaire,
.zone_video,	
.zone_services{
	position:absolute;
	width:300px;
	overflow-x:hidden;
	z-index: 80;
}


#menu_quatorze_jours_marine li, #menu_six_jours_marine li, #menu_fronto_marine li { 
    float:left; 
    height:25px; 
    margin-right:0px; 
    color:#fff; 
    border-bottom:1px solid #959595;
    border-right:1px solid #fff;
    list-style:none;
    font-size: 12px;
}


#menu_quatorze_jours li { 
    float:left; 
    height:25px; 
    margin-right:0px; 
    color:#fff; 
    border-bottom:1px solid #959595;
    border-right:1px solid #fff;
    list-style:none;
    font-size: 12px;
}
#menu_quatorze_jours_marine li {
	width:67px;
}

#menu_fronto_marine li {
	width:119px;
}

#menu_six_jours_marine li { 
	width:136px;
}
#menu_quatorze_jours li {
	background-color:#CCCCCC;
}
#menu_quatorze_jours_marine li, #menu_six_jours_marine li, #menu_fronto_marine li {
	background-color:#cdd7fa;
}

#menu_quatorze_jours_marine li:last-child {width:75px; }
#menu_six_jours_marine li:last-child {width:137px; }
#menu_fronto_marine li:last-child {width:119px; }

#menu_quatorze_jours li a{ 
    display:block; 
    font-size:12px; 
    color: #4c4c4c; 
    line-height:23px; 
    text-align:center;
    height:25px;  
}

#menu_quatorze_jours_marine li a, #menu_six_jours_marine li a, #menu_fronto_marine li a { 
    display:block; 
    font-size:12px; 
    color: #4c4c4c; 
    line-height:23px; 
    text-align:center;
    height:25px;  
}

#menu_quatorze_jours li a {
	background-color:#CCCCCC;
}
#menu_quatorze_jours_marine li a, #menu_six_jours_marine li a, #menu_fronto_marine li a {
	background-color:#cdd7fa;
}
#menu_quatorze_jours li a:hover, 
#menu_quatorze_jours li a:focus, 
#menu_quatorze_jours li a:active { 
    background-color:#828282;
    color:#fff;
}
#menu_fronto_marine li a:hover,
#menu_fronto_marine li a:focus,
#menu_fronto_marine li a.selected,
#menu_quatorze_jours_marine li a:hover, 
#menu_quatorze_jours_marine li a:focus, 
#menu_quatorze_jours_marine li a:active,
#menu_six_jours_marine li a:hover, 
#menu_six_jours_marine li a:focus, 
#menu_six_jours_marine li a:active { 
    background-color:#6e739b;
    color:#fff;
}

#menu_quatorze_jours_marine li a.selected,
#menu_quatorze_jours li a.selected,
#menu_six_jours_marine li a.selected {
	color:#fff;
	font-size:18px; 
}
#menu_quatorze_jours li a.selected {
	background-color:#828282;
}
#menu_quatorze_jours_marine li a.selected, #menu_six_jours_marine li a.selected {
	background-color:#6e739b;
}


#menu_quatorze_jours li.interdit { 	list-style: none ;   float:left;    width:68px;    height:25px;    margin-right:0px;    color:#fff;    background-color:#414242;    border-bottom:1px solid #959595;    list-style:none;}
#menu_quatorze_jours li.interdit a {    display:block;    background-color:#414242;    color: #282828;    line-height:23px;    text-align:center;    height:25px; } 
#menu_quatorze_jours li.interdit a:hover, 
#menu_quatorze_jours li.interdit a:focus, 
#menu_quatorze_jours li.interdit a:active {    background-color:#353636;    height:25px;    color:#222222;}

#menu_quatorze_jours li.abo_aec { 	list-style: none ;   float:left;    width:416px;    height:25px;    margin-right:0px;    color:#fff;    background-color:#414242;    border-bottom:1px solid #959595;  list-style:none;}
#menu_quatorze_jours li.abo_aec a {    display:block;    background-color:#414242;    color: #DD4B54;    line-height:23px;    text-align:right;  font-size:14px;  height:25px; padding-right:5px; } 
#menu_quatorze_jours li.abo_aec a:hover, 
#menu_quatorze_jours li.abo_aec a:focus, 
#menu_quatorze_jours li.abo_aec a:active {    background-color:#414242;    height:25px;    color:#DD4B54;}








/*
 * echeancier terrestre détaillé avec picto et température
 */
#menu_quatorze_jours_ville li { 
    float:left; 
    height:115px; 
    margin-right:0px; 
    color:#fff; 
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    list-style:none;
    font-size: 14px;
}


#menu_quatorze_jours_ville li {
	background-color:#cccccc;
}





#menu_quatorze_jours_ville li a { 
    display:block; 
    font-size:12px; 
    color: #4c4c4c; 
    line-height:23px; 
    text-align:center;
    height:115px;  
}
#menu_quatorze_jours_ville li a {
	background-color:#cccccc;
}



#menu_quatorze_jours_ville li a:hover, 
#menu_quatorze_jours_ville li a.we:hover, 	
#menu_quatorze_jours li a.we:hover,	
#menu_quatorze_jours_ville li a:focus, 
#menu_quatorze_jours_ville li a:active { 
    background-color:#828282;
    color:#fff;
}


#menu_quatorze_jours_ville li a.selected ,
#menu_quatorze_jours li a.selected {	
	color:#fff;
	font-size:18px;
}
#menu_quatorze_jours_ville li a.selected ,
#menu_quatorze_jours li a.selected {	
	background-color:#828282;
}


#menu_quatorze_jours_ville li a.we,
#menu_quatorze_jours li a.we {	
	color:#414242;
	font-size:12px; 
}

#menu_quatorze_jours_ville li a.we,
#menu_quatorze_jours li a.we {	
	background-color:#b4b4b4;
}


#menu_quatorze_jours_ville li.interdit { 	list-style: none ;   float:left;    width:68px;    height:25px;    margin-right:0px;    color:#fff;    background-color:#414242;    border-bottom:1px solid #959595;    list-style:none;}
#menu_quatorze_jours_ville li.interdit a {    display:block;    background-color:#414242;    color: #282828;    line-height:23px;    text-align:center;    height:25px; } 
#menu_quatorze_jours_ville li.interdit a:hover, 
#menu_quatorze_jours_ville li.interdit a:focus, 
#menu_quatorze_jours_ville li.interdit a:active {    background-color:#353636;    height:25px;    color:#222222;}

#menu_quatorze_jours_ville li.abo_aec { 	list-style: none ;   float:left;    width:416px;    height:25px;    margin-right:0px;    color:#fff;    background-color:#414242;    border-bottom:1px solid #959595;  list-style:none;}
#menu_quatorze_jours_ville li.abo_aec a {    display:block;    background-color:#414242;    color: #DD4B54;    line-height:23px;    text-align:right;  font-size:14px;  height:25px; padding-right:5px; } 
#menu_quatorze_jours_ville li.abo_aec a:hover, 
#menu_quatorze_jours_ville li.abo_aec a:focus, 
#menu_quatorze_jours_ville li.abo_aec a:active {    background-color:#414242;    height:25px;    color:#DD4B54;}



.etiquette_liens_cartes {
	position:absolute;
	left:0px;
	top:0px;
	width:144px;
	height:16px;
	background:#ffffff;
	-moz-opacity:0.5;
	opacity:.5;
	filter:alpha(opacity=50);	
}


/* Blocs résultat recherche */

.resultatrecherche_general 
{
	width:100%;
	position:relative;
	background-color:#FFFFFF;
}

.resultatrecherche_conseil_marine
{
	background-color:#6e739b;
	color:#0a0a5f;
	width:875px;
	padding-left:85px;
	text-align:left;
	font-size:18px;
}
.resultatrecherche_conseil_terrestre
{
	background-color:#CCCCCC;
	color:#414242;
	width:875px;
	padding-left:85px;
	text-align:left;
	font-size:18px;
}

.resultatrecherche_conseil_liste_marine
{
	background-color:#6e739b;
	color:#000000;
	width:875px;
	padding-left:85px;
	text-align:left;
	font-size:14px;
	line-height:22px;
}
.resultatrecherche_conseil_liste_terrestre
{
	background-color:#CCCCCC;
	color:#000000;
	width:875px;
	padding-left:85px;
	text-align:left;
	font-size:14px;
	line-height:22px;
}

.resultatrecherche_ligne_resultat_match_marine
{
	color:#0a0a5f;
	font-weight:bold;
	font-size:18px;
}
.resultatrecherche_ligne_resultat_match_marine a
{
	color:#0a0a5f;
	font-weight:bold;
	font-size:18px;
}
.resultatrecherche_ligne_resultat_match_terrestre
{
	color:#414242;
	font-weight:bold;
	font-size:18px;
}
.resultatrecherche_ligne_resultat_match_terrestre a
{
	color:#414242;
	font-weight:bold;
	font-size:18px;
}
.resultatrecherche_ligne_resultat_terrestre
{
	color:#414242;
	font-size:14px;
}
.resultatrecherche_ligne_resultat_terrestre a
{
	color:#414242;
	font-size:14px;
}
.resultatrecherche_ligne_resultat_marine
{
	color:#0a0a5f;
	font-size:14px;
}
.resultatrecherche_ligne_resultat_marine a
{
	color:#0a0a5f;
	font-size:14px;
}


.resultatrecherche_pagination_terrestre {
	float:left;
	color:#FFFFFF;
	font-size: 14px;
	background-color: #828282;	
	text-align: center;
	line-height: 18px;
	width:435px;
}
.resultatrecherche_pagination_marine {
	float:left;
	color:#FFFFFF;
	font-size: 14px;
	background-color: #6e739b;	
	text-align: center;
	line-height: 18px;
	width:435px;
}
.resultatrecherche_pagination_terrestre,
.resultatrecherche_pagination_terrestre a,
.resultatrecherche_pagination_marine ,
.resultatrecherche_pagination_marine a {
	color:#FFFFFF;
	font-size:14px;
}



/* Top 10 - référencement */
#bloc_top_ten {width:100%;}



/*Vidéos*/
.btn_play_vignette{
	/*height: 62px;*/
	width : 63px;
	position: absolute;
	top: 50px;
	left: 65px;
	Z-index: 450;
}	





/* Footer */
.footer_terrestre{width:960px; margin-bottom:30px; }
.footer_terrestre_tableau{background-color:#414242; }
.footer_terrestre_tableau_titre{color:#FFFFFF;font-size:12px;}
.footer_terrestre_tableau_liens{color:#FFFFFF; font-size:12px;}
.footer_terrestre_tableau_liens a{color:#FFFFFF;font-size:12px; }
.footer_terrestre_copyright{background-color:#FFFFFF; font-size:12px; color:#828282; }

.footer_marine{width:960px; margin-bottom:30px; }
.footer_marine_tableau{background-color: #0a0a5f; }
.footer_marine_tableau_titre{color:#FFFFFF;font-size:12px;}
.footer_marine_tableau_liens{color:#FFFFFF; font-size:12px;}
.footer_marine_tableau_liens a{color:#FFFFFF;font-size:12px; }
.footer_marine_copyright{background-color:#FFFFFF; font-size:12px; color:#6e739b; }


/*Enneigement*/

.bloc_enneigement{background: #CCCCCC url(/images/fonds/fond_enneigement.jpg) no-repeat;margin-bottom:5px; position:relative;}
.contenant_enneigement{margin-top: 30px;}
.zone_services td{height: 25px;}
.ligne_enneigement{height: 25px;}
.ligne_enneigement1{background:#828282; -moz-opacity:0.2; opacity:.2; filter:alpha(opacity=20); height: 25px; margin-right: 2px;}
.icone_enneigement{margin-left: 18px; margin-right: 10px;}

/*Articles MC */
#zone_liste_articles_meteo{ color:#000; width:100%;background-color:#FFFFFF;position:relative;}
#zone_liste_articles_meteo .conteneur_descriptif {width:650px;}
#zone_liste_articles_meteo .date {width:150px; background-color:#414242; color:#F53C3C; font-size:14px; height:25px;line-height: 25px ;padding-left:2px;}
#zone_liste_articles_meteo .heure {font-size:18px; }
#zone_liste_articles_meteo .theme {color:#828282; padding-left:2px; font-size:14px;}
#zone_liste_articles_meteo .titre {padding-left:2px; font-size:24px;}
#zone_liste_articles_meteo .localite {padding-left:2px; font-size:14px; color:#414242;}
#zone_liste_articles_meteo .intro { padding: 0 5px 0 2px; font-size:14px; text-align:justify; color:#000000;}
#zone_liste_articles_meteo .intro .lien a{color:#F53C3C; font-size:14px;}
.lien_video a{color:#F53C3C; font-size:14px;}

#zone_liste_articles_meteo .presentation_article_look0 {width:100%; background-color:#CCCCCC;margin-bottom:5px;}
#zone_liste_articles_meteo .presentation_article_look1 {width:100%; height:230px; background-color:#CCCCCC;margin-bottom:5px;}
#zone_liste_articles_meteo .presentation_article_look1 .image {float:right;padding-left:5px;}
#zone_liste_articles_meteo .presentation_article_look1 img {width:300px;height:230px;}
#zone_liste_articles_meteo .presentation_article_look2 {width:100%;background-color:#CCCCCC;margin-bottom:5px;}
#zone_liste_articles_meteo .presentation_article_look2 .image {width:650px;height:135px;position:relative;}
#zone_liste_articles_meteo .presentation_article_look2 .image img { clip:rect(40px 650px 175px 0px); position : absolute; top : -40px; left : 0px;}


#zone_liste_articles_meteo .date_alerte_niv1 {width:150px; background-color:#FAF578; color:#414242; font-size:14px; height:25px;line-height: 25px ;padding-left:2px;}
#zone_liste_articles_meteo .date_alerte_niv2 {width:150px; background-color:#FFA023; color:#414242; font-size:14px; height:25px;line-height: 25px ;padding-left:2px;}
#zone_liste_articles_meteo .date_alerte_niv3 {width:150px; background-color:#cd0000; color:#414242; font-size:14px; height:25px;line-height: 25px ;padding-left:2px;}
#zone_liste_articles_meteo .titre_alerte_niv1 {padding-left:2px; font-size:24px; color:#5a4be1;}
#zone_liste_articles_meteo .titre_alerte_niv2 {padding-left:2px; font-size:24px; color:#5a4be1;}
#zone_liste_articles_meteo .titre_alerte_niv3 {padding-left:2px; font-size:24px; color:#5a4be1;}

.presentation_article_player {width:100%; background-color:#828282;margin-bottom:1px; top:-1px;}
table.pagination_article  {text-align:center;}
table.pagination_article td {width : 20px; background-color:#828282;  color:#FFFFFF;}
table.pagination_article td.texte  {width : 120px; background-color:#828282;  color:#FFFFFF;}
table.pagination_article td a{ background-color:#828282;  color:#FFFFFF;}


/* Communiques Speciaux */
/*
risque important : 	#FAF578
alerte orange : 	#FFA023 
alerte rouge : 		#CD0000
*/

#zone_carte_alerte_meteo { width:100%; background-color:#3f4140; position:relative; margin-bottom:2px; }
#zone_carte_avis_meteo_marine { width:100%; background-color:#cdd7fa; position:relative; margin-bottom:2px; }

#zone_carte_alerte_meteo .conteneur_carte {width:650px;color : #FFFFFF; font-size:17px; text-align:center;}
#zone_carte_alerte_meteo .conteneur_carte_home {width:640px;color : #FFFFFF; font-size:17px; text-align:center;}
#zone_carte_alerte_meteo a {color : #FFFFFF; }

#zone_carte_alerte_meteo .legende {float:right;font-size:12px;margin-top:5px;}
#zone_carte_alerte_meteo .legende div{float:left;font-size:12px;}
#zone_carte_alerte_meteo .tel3201 {font-size:36px; font-weight:800;}
#zone_carte_alerte_meteo .tarif3201{font-size:10px; }
#zone_carte_alerte_meteo .legende_alerte1{float:left;min-height:12px; width:12px; height:12px;font-size:3px;background-color: #FAF578;}
#zone_carte_alerte_meteo .legende_alerte2{float:left;min-height:12px; width:12px; height:12px;font-size:3px;background-color: #FFA023;}
#zone_carte_alerte_meteo .legende_alerte3{float:left;min-height:12px; width:12px; height:12px;font-size:3px;background-color: #CD0000;}

.zone_evenement_meteo { width:100%; background-color:#CCCCCC; position:relative; margin-bottom:3px;}
.zone_evenement_meteo .conteneur_description { color:#000; width:645px; padding : 0 0 0 5px; }
.zone_evenement_meteo .titre {font-size:24px;magin-botton:3px;color:#5a4be1; }
.zone_evenement_meteo .soustitre {font-size:18px;magin-botton:3px; color:#5a4be1;}
.zone_evenement_meteo .texte {font-size:14px;magin-bottom:3px; }
.zone_evenement_meteo p {font-size:14px; color:#000000;}

						
.pave_communique {color: #FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%;background-color:#000000;position:relative;}
.pave_communique .titre{font-size:18px; padding:5px; color:#a091f6;}
.pave_communique .texte{padding:5px;text-align:left;}
.pave_communique .texte_evenement{font-size:14px;padding:5px;text-align:left;}
.pave_communique .texte_alerte_niv1{font-size:16px;color: #FAF578; }
.pave_communique .texte_alerte_niv2{font-size:16px;color: #FFA023; }
.pave_communique .texte_alerte_niv3{font-size:16px;color: #cd0000; }
.pave_communique .vignette_video{padding:5px;width:290px;}
.pave_communique img.param{padding: 5px 0px 0px 5px; width:25px; height:25px;}

.liste_article li:first-child span.texte_rouge{font-size:14px;}
.liste_article li:first-child a.texte_blanc{font-size:14px}


/*Vidéos*/
.descriptif_video{ color:#000; margin-left: 30px; padding-top: 8px; padding-right:30px; }
.descriptif_video li{display: block; margin-top: 10px; font-size: 14px; list-style-type:none;}
.lien_video{color:#F53C3C; font-size: 14px;}
.legende_actualisation_video{color:#828282; font-size: 11px; margin-left: 5px;}
.titre_bloc_video{width: 160px; background-color:#828282;height:25px;line-height:25px;}
.titre_bloc_video_marine{width: 160px; background-color:#6e739b; height:25px;line-height:25px;}
.titre_bloc_video h2{margin-left: 5px;}
.titre_bloc_video_marine h2{margin-left: 5px; font-size: 16px;}
.btn_play_vignette_presentation_video{
	height: 62px;
	width : 63px;
	position: absolute;
	margin-top: 80px;
	margin-left: 125px;
	z-index:50;
}
	
	
/* Mon Compte > Mes Transactions */
table.transactions {width:100%}
table.transactions thead td{color:#828282;text-align:center;}
table.transactions tr td.espacement	{height: 20px;width:5px; padding:0px; background-color:#CCCCCC;}
table.transactions tr td.libelle	{height: 20px;padding:5px;}
table.transactions tr td.debit		{height: 20px;font-weight:bold;text-align:center;}
table.transactions tr td.credit		{height: 20px;font-weight:bold;color:#F53C3C;text-align:center;}
table.transactions tr td.info		{height: 20px;text-align:center;}


/* Mon Compte > Mon mot de passe */
.monCompte_monMotDePasse_table{ }
.monCompte_monMotDePasse_tr{ }
.monCompte_monMotDePasse_td1{height: 30px;width: 250px	;padding-left: 05px;padding-right: 05px; }
.monCompte_monMotDePasse_td2{height: 30px;width: 100px	;padding-left: 05px;padding-right: 05px; }
.monCompte_monMotDePasse_td3{height: 30px;width: 250px	;padding-left: 05px;padding-right: 05px; }
.monCompte_monMotDePasse_td4{height: 30px;width: 100px	;padding-left: 05px;padding-right: 05px; }
.monCompte_monMotDePasse_td5{height: 30px;width: 200px	;padding-left: 05px;padding-right: 05px; }
.monCompte_monMotDePasse_erreur	{color : #F53C3C;font-style: italic;height: 30px;}


/* Mon Compte > Mon Identité */
.monCompte_monIdentite_titre	{ background: #54554F ;color: #FFFFFF;font-size: 18px;font-family: helvetica;padding-left: 5px;width: 200px;}
.monCompte_monIdentite_sousTitre{color : #000000;width: 300px;padding-left:50px; vertical-align:top;line-height: 30px;}
.monCompte_monIdentite_consult	{color : #000000;width: 500px;padding-left:10px;line-height: 30px;}
.monCompte_monIdentite_modif	{width: 500px;padding-left:10px;line-height: 30px;}
.monCompte_monIdentite_erreur	{color : #F53C3C;font-style: italic;}


/*Services*/

.meteomails{color:#000; padding:5px; width: 650px;}
.meteomails a {color:#F53C3C; text-decoration:underline;}
.encart {background-color:#424242; width: 195px; height: 50px; padding-top: 5px; color:#ffffff;}
.encart_petit {background-color:#424242; width: 195px; height: 23px; padding-top: 5px; color:#ffffff;}
	
.liste_pave_services { list-style:none; }
.liste_pave_services li a { color:#ffffff; text-decoration:none; }
.liste_pave_services li a:hover { text-decoration:underline; }

.liste_pave_services_supplementaire { list-style:none; }
.liste_pave_services_supplementaire li a { color:#ffffff; text-decoration:none; }
.liste_pave_services_supplementaire li a:hover { text-decoration:underline; }

/*Page gestion meteoperso*/

.bloc_noirci{
	width: 189px;
	height: 140px;
	background-color:#222222;
	z-index:80;
	-moz-opacity:0.8;
	opacity:.8; 
	filter:alpha(opacity=80);
	margin-right: 2px;
	top: 0px;
	position: absolute;
}


.bloc_noirci_marine{
	width: 189px;
	height: 140px;
	background-color:#0a0a5f;
	z-index:80;
	-moz-opacity:0.8;
	opacity:.8; 
	filter:alpha(opacity=80);
	margin-right: 2px;
	top: 0px;
	position: absolute;
}

.bloc_grand_noirci{
	width: 960px;
	height: 231px;
	z-index:50;
	-moz-opacity:0.8;
	opacity:.8; 
	filter:alpha(opacity=80);
	margin-right: 2px;
	top: 0px;
	position: absolute;
}

.colonne_donnees{
	float: left; 
	width: 315px; 
	margin-right: 5px;
	padding: 5px;
}

/*------------------------FORMULAIRES----------------------------------------*/
.table_formulaire{
	padding:0px;
	border:0;
}
.table_formulaire tr td{
	padding-bottom:6px;
}
.erreur {
	color:#ff4b4b;
}
.formulaire_texte {
	float: left;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 616px;
}
.formulaire_texte a {
	color: #045691;
}

.formulaire_champs {
	float: left;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	height: 20px;
}
.formulaire_valeur {
	float: right;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 416px;
}
.formulaire_remarque {
	float: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	width: 616px;
}
.formulaire_remarque a {
	color: #ff4b4b;
}
.formulaire_remarque b {
	font-weight: bold;
	color: #ff4b4b;
}
.formulaire_separateur {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 616px;
	height: 10px;
	overflow-y: hidden;
	border-width: 0px 0px 1px 0px;
	border-color: #045691;
	border-style:solid;
}

.formulaire_champs_incorrect {
	/*background-color : #f3dc9c;*/
	border-width: 1px;
	border-color: #ff4b4b;
	border-style:solid;
}

/*barre meteoperso v2*/
.barre_titre_meteoperso_terrestre{background-color: #414242; width:100% ;height:25px;line-height:25px; position:relative;color: #FFFFFF; border-bottom:1px solid #727272;}
.barre_titre_meteoperso_marine{background-color: #0a0a5f; width:100% ;height:25px;line-height:25px; position:relative;color: #FFFFFF; border-bottom:1px solid #727272;}


.itemHeader_terrestre{
	line-height: 25px;
	color: #ffffff;
	background-color:#414242;
	padding-left: 5px;
	cursor: move;
	font-family: helvetica;
	font-weight: normal;
	font-size: 18px;
	height: 25px;
	width: 160px;
	position: absolute;
	z-index: 350;
}
.itemHeader_terrestre a{
	position: absolute;
	right: 2px;
	top: -3px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.itemContent_terrestre{
	background-color:#414242;
	position:absolute;
	width: 165px;
	top: 25px;
	color:#ffffff;
	display: none;
	z-index:460;
	opacity:.9; 
	filter:alpha(opacity=90);
	
}

.itemContent_terrestre li.itemData{list-style: none ; line-height: 10px;}

.itemContent_terrestre li.itemData a{color:#ffffff;}


.itemContentFavoriPerso_terrestre{
	position:absolute;
	width: 190px;
	top: 25px;
	color:#414242;
	display: none;
	z-index:465;
	opacity:.9; 
	filter:alpha(opacity=90);
	right: 0px; 
	padding-top: 8px;
	font-size: 12px;
	background-color:#ffffff;
	border: 1px solid #ff4b4b;
}

.itemContentFavoriPerso_terrestre a {color:#414242;}
.itemContentFavoriPerso_terrestre li.itemData{list-style: none ; line-height: 10px;width: 190px; overflow:hidden;}

.itemHeader_marine{
	line-height: 25px;
	color: #ffffff;
	background-color:#0a0a5f;
	padding-left: 5px;
	cursor: move;
	font-family: helvetica;
	font-weight: normal;
	font-size: 18px;
	height: 25px;
	width: 160px;
	position: absolute;
	z-index: 350;
}
.itemHeader_marine a{
	position: absolute;
	right: 2px;
	top: -3px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.itemContent_marine{
	background-color:#0a0a5f;
	position:absolute;
	width: 165px;
	top: 25px;
	color:#ffffff;
	display: none;
	z-index:460;
	opacity:.9; 
	filter:alpha(opacity=90);
	
}

.itemContent_marine li.itemData{list-style: none ; line-height: 10px;}

.itemContent_marine li.itemData a{color:#ffffff;}


.itemContentFavoriPerso_marine{
	position:absolute;
	width: 190px;
	top: 25px;
	color:#414242;
	display: none;
	z-index:465;
	opacity:.9; 
	filter:alpha(opacity=90);
	right: 0px; 
	padding-top: 8px;
	font-size: 12px;
	background-color:#ffffff;
	border: 1px solid #ff4b4b;
}

.itemContentFavoriPerso_marine a {color:#414242;}
.itemContentFavoriPerso_marine a:hover{color:#ffffff;}
.itemContentFavoriPerso_marine li.itemData{list-style: none ; line-height: 10px; width: 190px; overflow:hidden;}

