/******************************************/
/*** DEFINITION DES ELEMENTS GENERIQUES ***/
/* Définition des marges et padding par défaut */
form, ul, ol, li, p, h1, h2 , h3, dl, dt, dd, hr {
	margin:0;
	padding:0;
}

body {
	font-family:arial;
	background-color:#fff;
	color:#2b3799;
}

/*****************************************/
/*** DEFINITION DES ELEMENTS DU DESIGN ***/
/*** Eléments graphiques ***/
/* Fond blanc global*/
#fond_global {
	position:absolute;
	left:50%; 
	top:0;
	width:800px;
	margin-left: -400px; /* moitié de la largeur */
	background-color:#fff;
}

/*** Entete avec image de fond ***/
#header embed {
	width:800px;
	height:115px;		
}

#lien_header {
	display:block;
	width:250px;
	height:100%;
}

/*** Fond du menu ***/
/* Elément contenant le menu en position absolue */
#conteneur_menu {
	position:relative;
	width:800px;
	height:36px;
	background-color:#4658A4;
	border-bottom:2px #151D72 solid;
}

#menu {
	position: absolute;
	width: 800px;
	margin-left: 3px;
	font-size: 15px;
}
/* Style des liens */
#menu a {
	color: #fff;	
	text-decoration: none;
}

/*** GENERATION DU MENU ***/
#menuDeroulant {
	width: 100%;
	list-style-type: none;	
	margin-top: 1px;
	font-size: 15px;
}

#menuDeroulant li {
	display: block;
	float: left;
	text-align: center;		
	font-weight: bold;
}

#menuDeroulant li a {
	display: block;
	border-top: #fff 2px solid;
	border-right: #000080 2px solid;
	border-bottom: #000080 2px solid;
	border-left: #fff 2px solid;
	padding: 5px;
	margin: 1px;
	width: 143px !important;
	width: 156px;
}

/* Style du lien de la rubrique courante */
#menuDeroulant li a.rub_courante {
	display: block;
	background-color: #fff;
	color: #4658A4;
	border-top: #d5d9e5 2px solid;
	border-right: #8085bc 2px solid;
	border-bottom: #8085bc 2px solid;
	border-left: #d5d9e5 2px solid;
	font-weight: bold;
	padding: 5px;
	margin: 1px;
	width: 143px !important;
	width: 156px;
}

#menuDeroulant .sousMenu {
	display: none;
	list-style-type: none;
	font-size: 0.8em;
	background-color: #4658A4;
	border: 1px #ADB5F9 solid;		
}

#menuDeroulant .sousMenu li {
	float: none;
	text-align: left;
	font-weight: normal;
	border-bottom: #4658A4 1px solid;
}

#menuDeroulant .sousMenu li a {	
	border:#4658A4 1px solid;
	padding:0;
}

#menuDeroulant .sousMenu li a:hover {
	font-weight: bold;
	border: #ADB5F9 1px solid;
	background-color: #fff;
	color: #ADB5F9;
}

/*** Classe des images des activités ***/
.img_aleatoire {
	margin-top: 5px;
}

/*** Elément cassant l'effet flottant des colonnes de gauche et contenu ***/
#footer_contenu {
	clear:left;
	width:800px;
	background-color:#fff;
}

/*** STYLE DU BLOC D'ALERTE */
#alerte table {
	margin-top:8px;
	background-color:#fff;
}

#alerte table th {
	text-align:center;
	font-size:1.2em;
	color:#2b3799;
	font-weight:bold;
	background-color:#fff;
	border:3px #e1eaef solid;
}

#alerte table td {
	border:3px #e1eaef solid;
}

/*** INTERFACE SELECTION FAVORIS ***/
h1.selection {
	width:500px;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	margin:20 0 3 140px;
	padding:4 0 4 3px;
	background-color:#7CA3B2;
	
}

table.selection {
	width:500px;
	border-collapse:collapse;
	margin:10 0 2 140px;
	background-color:#fff;
}

table.selection td {
	padding:4px;
	border:2px #e1eaef solid;
}

table.selection td.suppr {
	background-color:#e1eaef;
	text-align:center;
}

/*** BLOC COMPTE ***/
/* Bloc global */
#bloc_compte {
	clear:left;
	width:698px;
	border:1px #2b3799 solid;
	margin:0 0 10 40px;
}

.fond_vert {
	width:698px;
	height:15px;
	background-color:#7CA3B2;
}

#bloc_compte ul {
	margin:4 0 0 6px;
}

#bloc_compte li {
	width:684px;
	margin-top:3px;
	padding:2 0 2 2px;
	background-color:#fff;
}

#bloc_compte table.tab_abo {
	width:688px;
	margin:10 0 0 4px;				
}

/* Menu */
#menu_compte {
	position:absolute;
	left:32px;
	height:59px;
}

.rub_compte {
	float:left;
	width:163px;
	text-align:center;
	padding:0 8 0 8px;
}

.rub_compte a {
	width:163px;
	display:block;
	text-decoration:none;	
	font-size:0.8em;
	color:#fff;
	background-image:url(/image/meteopro/design/fond_menu_compte.gif);
	background-repeat:repeat-y;
}

.rub_compte a.courant {
	font-size:15px;
}

#bloc_74 {
	height:74px;
}

/***	 ELEMENTS TEXTE		***/
/*** Titre des blocs du contenu ***/
#contenu h1 {
	width:100%;
	margin:8 0 10 0px;
	text-align:center;
	font-size:1.2em;
}

#contenu h2	{
	width:520px;
	margin:20 0 10 40px;
	text-align:center;
	font-size:1em;
	background-color:#E1EAEF;
	border-bottom:2px #151D72 solid;
}

#contenu h3 {
	width:100%;
	margin:12 0 16 10px;
	text-align:center;
	font-size:0.8em;
}

#contenu h4 {
	width:100%;
	margin:12 0 16 10px;
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
}

#contenu h5 {
	width:100%;
	margin:12 0 16 10px;
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
	color:#AA0000;
}
	
#contenu h6 {
	font-size:1em;
	margin:12 0 0 40px;
	background-image:url(/image/meteopro/design/fleche.gif);
	background-repeat:no-repeat;
	background-position:0 -4px;
}

/*** Liens ***/
a {
	color:#2b3799;
}

/*** Listes ***/
#contenu ul.liste {
	margin:8 0 3 56px;
	font-size:0.8em;
}

/*** Contenu de type texte ***/
#contenu p {
	width:520px;
	font-size:0.8em;
	margin:10 0 0 40px;
	line-height:120%;
} 

/* Bloc de petite taille de texte */
#contenu p.petit_txt {
	font-size:0.7em;
}

/*** Liste déroulantes ***/
select {
	color:#4658A4;
	font-size:0.9em;
}

input {
	color:#4658A4;
	font-size:0.9em;
}

/*** Liste déroulantes ***/
textarea {
	color:#4658A4;
	font-size:0.9em;
	width:350px;
}

/*** Le tableau de fomulaire ***/
table.form {
	/*background-color:#E1EAEF;*/
	border-collapse:collapse;
	margin:20 0 10 40px;
	font-size:0.8em;
}

table.form td {
	padding:2px;
	border:4px #fff solid;
}

/* Cellule pour le bouton valider */
table.form td.valider {
	padding:10px;
	/*	background-color:#fff; */
	text-align:center;
	border:none;
}

/* Mise en évidence des champs obligatoires */
tr.chp_oublie {
	font-weight:bold;	
}

tr.chp_oublie input {
	background-color:#ADB5F9;
	color:#fff;
}

tr.chp_oublie select {
	background-color:#ADB5F9;
	color:#fff;
}

p.alerte {
	width:18em;
	padding:3px;
	color:#AA0000;
	font-size:0.8em;
	margin:25 0 0 160px;			
	background-color:#fff;
	
}

p.alerte a {
	font-weight:bold;
	color:#AA0000;
	margin:80 0 6 0px;
}

/* Element de largeur 100% avec fond bleu */
.fond_bleu {
	width:100%;
	background-color:#E1EAEF;
	margin:0;
	padding:2px;
}

/*** STYLE DES BLOCS ***/
/*** Titre des blocs ***/
h1.bloc {
	/*width:208px;*/
	width:100%;
	height:16px;
	padding:3 0 3 0px;
	text-align:center;
	font-size:1.2em;
	color:#F3BA49;
	background-color:#4D5FA9;	
	border-bottom:#141E73 3px solid;
}

/*** Champs d'identification ***/
#bloc_connexion p {
	width:100%;
	margin-top:2px;
	font-size:12px;
	font-weight:bold;
	background-color:#7FA6B5;
	color:#fff;
	text-align:left;
}

#bloc_connexion strong {
	color:#AA0000;
}

/*** Bouton de validation de connexion ***/
#bloc_connexion input {
	font-size:0.8em;
}
/*** Bouton de validation de connexion ***/
#bloc_connexion input.connexion {
	width:198px;
	margin:3 0 0 2px;
	color:#000;
}

/*** Bouton de validation de connexion ***/
#bloc_connexion input.memorise {
	margin-top:6px;
}

/*** Dégradé à droite du bloc de connexion ***/
img.degrade_connexion {
	position:absolute;
	left:204px;
	top:5px;	
}

/*** Style du bloc droit dans le panneau de connexion ***/
.droit {
	margin:5 0 0 5px;
}

.petit {
	float:right;
	margin:10 70 0 0px;
	width:300px;
	font-size:0.7em;
}

.petit-clair {
	color : #FFFFFF;
	font-family : Arial;
	font-size : 12px;
}

/***************************************************/
/***	 ELEMENTS DE POSITIONNEMENT ET TAILLE	 ***/
/*** Bloc de connexion ***/
#bloc_connexion {
	width:202px;
	height:115px;
	margin-top:5px;
	font-size:0.7em;
	border:#4658A4 1px solid;
	background-color:#E1EAEF;
}

#contenu {
	float:right;
	width:568px;
}

#pied_page {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-size:0.7em;
	color:#7CA3B2;
	float:left;
}

#pied_page a {
	color:#7CA3B2;
}

/*** Classe des blocs permettant la gestion des préférences utilisateurs ***/
.bloc_pref {
	float:left;
	height:126px;
	margin:6 2 0 2px;
	background-color:#E1EAEF;
	border:1px #323F9D solid;
}

.bloc_pref_vert {
	float:left;
	height:126px;
	margin:6 2 0 2px;
	background-color:#7CA3B2;
	border:1px #323F9D solid;
}

.bloc_pref_connecte {
	float:left;
	width: 200px;
	margin:6 2 0 2px;
	background-color:#E1EAEF;
	border:1px #323F9D solid;
}

/* Titre du bloc */
.bloc_pref h2 {
	text-align: center;
	padding: 4 0 4 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #F2BA49;
	background-color: #394C98;
	border-bottom: 2px #0F215F solid;
}	

.bloc_pref_vert h2 {
	text-align: center;
	padding: 4 0 4 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #F2BA49;
	background-color: #394C98;
	border-bottom: 2px #0F215F solid;
}

.bloc_pref_connecte h2 {
	width: 200px;
	text-align: center;
	padding: 4 0 4 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #F2BA49;
	background-color: #394C98;
	border-bottom: 2px #0F215F solid;
}

/*** PAGE D'ACCUEIL ***/
div#fond_bleu {
	width:530px;
	background-color:#FFFFFF;
	margin:0 0 0 14px;
}

div#fond_bleu p {
	width:450px;
}

div#fond_bleu p.fond_bleu-2 {
	background-color:#E1EAEF;
	font-weight:bold;
	padding:4 0 3 0px;
}

div#fond_bleu input.bouton_centre {
	margin-left:140px;
}

div#fond_bleu embed {
	margin:6 0 0 14px;
	width:490px;
	height:260px;
}

div#fond_bleu p.fond_blanc_bleu {
	width:500px;
	margin:6 0 0 10px;
	padding:2 0 2 0px;
	background-color:#fff;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}

div#fond_bleu p.fond_blanc_bleu a {
	text-decoration:none;
}

#contenu h2.accueil {
	width: 540px;
	height: 25px;
	line-height: 25px;
	background-image:url(/image/meteopro/design/fond_titre_accueil.gif);
	background-repeat:no-repeat;
	text-align:center;
	font-weight:bold;		
	color:#fff;
	border:none;
	background-color:transparent;
	margin-left:14px;
	vertical-align: middle;
}

#contenu img.accueil {
	border:none;
	margin:2 0 0 20px;
}

/*** MA SELECTION ***/
/* Modélisation de la frame */
.frame_affichage {
	width:332px;
	height:98px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	background-color:#E1EAEF;
}

/* Liste des favoris bloc MA SELECTION */
.frame_affichage ul {
	width:306px;
	margin:4 4 4 4px;		
	font-size:0.8em;
}

.frame_affichage li a {	
	width:306px;
	display:block;
	padding:1px;
	color:#2B3D89;
	text-decoration:none;
	border:#E1EAEF 1px solid;
}

.frame_affichage li a:hover {
	background-color:#fff;
	border:#394C98 1px solid;
}

/*** OPTIONS ***/
#bloc_option {
	margin:2 0 6 0px;
}

#bloc_option img {
	margin:2 17 0 18px;
}

/* Bouton "Se déconnecter" */
#bloc_option input {
	font-size:9px;
	margin-top:4px;
	background-color:#7CA3B2;
	color:#fff;
}

/* Bouton déconnexion */
#bloc_option input.bouton_deconnect {
	margin:4 18 0 17px;
}

/*** RECHERCHE ***/
p#rechercher {
	width:243px;
	text-align:center;
	font-size:0.8em;
	background-color:#E1EAEF;
	margin-top:2px;
	padding: 0 2 0 2px;
}

/* Champ texte du bloc rechercher */
#rechercher .bord_bleu {
	border:#0F215F 1px solid;
	margin:2 0 2 0px;
}

/* Bouton valider */
#rechercher .valider {
	margin:4 0 4 0px;
}

/*** CONNECTE ***/
p#connecte {
	font-size: 0.8em;
	background-color: #E1EAEF;
	margin: 3px;
	padding: 0 2 0 2px;
}

/*** PREVIS ***/
/* Bloc échéances */
img.bouton_echeance {
	margin:6 17 4 16px;
	border:0;
}	

/* Modélisation des traits de pas horaire */
.grille_horaire {
	width:730px;
	height:26px;			
	background-image:url("/image/meteopro/design/fond_grille_horaire_2.gif");
	background-repeat:no-repeat;
	margin-left:41px;
	background-position:18px;
}

/* Modélisation des traits de pas horaire */
.grille_horaire_inverse	{
	width:730px;
	height:26px;			
	background-image:url("/image/meteopro/design/fond_grille_horaire_2.gif");
	background-repeat:no-repeat;
	margin-left:41px;
	background-position:18 -10px;
}

/* Affichage des heures de la grille horaire */
.heure_echeance {
	width:25px;
	text-align:center;
	margin:2 0 0 5px;
	float:left;		
	font-size:11px;
}

.heure_echeance_inverse {
	width:25px;
	text-align:center;
	margin:10 0 0 5px;
	float:left;		
	font-size:11px;
}

/* Heures créneaux horaires */
.creneau_horaire {
	float:left;
	padding:2px;
	margin-top:-2px;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#0F215F;
	font-size:0.8em;
}

/*** Bloc commun ***/
#bloc_commun {
	position:relative;
	float:left;
	width:790px;
	margin:6 0 0 2px;
	background-color:#E1EAEF;
	border:1px #323F9D solid;
}

/* Titre du bloc */
#bloc_commun h2 {
	text-align:center;
	padding:4px;
	font-size:1em;
	font-weight:bold;
	color:#F2BA49;
	background-color:#394C98;
	border-bottom:2px #0F215F solid;
}

#bloc_commun h3 {
	width:100%;
	text-align:center;
	font-size:1em;
	margin:0 0 4 0px;
	
}

#bloc_commun h4 {		
	width:500px;
	font-size:0.8em;
	padding:3 0 3 6px;
	border-bottom:#2b3799 1px solid;				
	margin:20 0 8 140px;
	color:#2b3799;
	background-color:#fff;
}

#bloc_commun h5 {				
	font-size:0.8em;
	width:100%;
	text-align:center;
	font-weight:bold;
}

#bloc_commun h6 {		
	width:500px;
	font-size:0.8em;
	padding:6px;
	border-bottom:#2b3799 1px solid;				
	margin:10 0 10 0px;
	color:#2b3799;
	background-color:#fff;
}

#bloc_commun p {
	text-align:justify;
	font-size:0.9em;
	width:500px;
	margin:7 0 0 140px;			
}

#bloc_commun p.alerte {
	width:18em;
	padding:3px;
	color:#AA0000;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	margin:25 0 0 250px;			
	background-color:#fff;
}

#bloc_commun p.alerte a {
	font-weight:bold;
	color:#AA0000;
	margin:80 0 6 0px;
}

/* Logo de gestion des favoris */
#bloc_commun a.gestion_fav {
	position:absolute;
	right:34px;
	top:3px;
	color:#fff;
	font-size:0.7em;
}

/* Logo de gestion du PDF METFAX */
#bloc_commun a.gestion_pdf {
	position:absolute;
	right:4px;
	top:0;
	color:#fff;
	font-size:0.7em;
}

#bloc_commun ul.liste {
	width:500px;
	margin:8 0 4 154px;
	font-size:0.9em;
	list-style-type:circle;
}

#bloc_commun ul.fond_blanc {
	width:95%;
	margin:10 0 0 8px;
	font-size:0.8em;
	list-style-type:none;
}

.fond_blanc li {
	background-color:#fff;
	margin:2 0 2 0px;
}

#bloc_commun ol {
	font-size:0.8em;
	margin:3 0 0 65px;
}

#bloc_commun ul {
	list-style-type:none;
	font-size:0.8em;
	/*margin:6 0 6 60px;*/
}

#bloc_commun table {
	font-size:0.9em;
}

/* Messages centrés */
#bloc_commun ul.important {
	width:208px;
	padding:2px;
	margin:12 0 0 292px;
	text-align:center;
	background-color:#fff;
	border:1px #ADB5F9 solid;
}

/* Informations quantités restantes */
ul.info_quantite_restante {
	width:500px;
	margin:8 0 0 140px;				
}

.info_quantite_restante	li {
	background-color:#fff;
	margin-top:2px;
	padding:2px;
}

/* Calque qui permet de justifier le bloc des résultats du moteur de recherche */
#bloc_commun div.moteur_recherche {
	margin:2 0 0 0px;
}

p.erreur {
	width:600px;
	font-size:1em;
	color:#AA0000;
	font-weight:bold;
	text-align:center;
	margin:12 0 8 70px;
}

/*** Style d'affichage des différents abonnements */
table.tab_abo {
	width:700px;
	margin:10 0 0 40px;
	font-size:0.8em;
	background-color:#fff;
	border-collapse:collapse;					
}

table.tab_abo th {
	text-align:center;
	font-size:0.9em;
	padding:8px;
	background-color:#7CA3B2;
	color:#fff;
}

table.tab_abo td {
	padding:4 0 4 2px;
	border:4px #E1EAEF solid;				
}

table.tab_abo td.intitule {
	width:300px;			
}

table.tab_abo td.centre {
	text-align:center;				
}

table.tab_abo td.vide {
	background-color:#7CA3B2;
	background-image:url('/image/meteopro/design/diagonale.gif');				
}

table.tab_abo td.align_droite {
	width:320px;
	text-align:right;
	padding-right:4px;					
}

table.tab_abo tr.titre {
	text-align:center;
	background-color:#E1EAEF;
	font-weight:bold;
}

table.tab_abo select.seuil {				
	width:180px;
	text-align:center;
}

table.tab_abo a.detail {
	float:right;
	margin:0 2 0 0px;
	font-size:12px;
	background-color:#e1eaef;
	color:#2b3799;
}

/*** Style du bloc MON COMPTE ***/
ul.liste_menu_compte {
	list-style-type:none;
	margin:6 0 0 56px;
}

.liste_menu_compte li {
	float:left;
	margin-right:20px;
	font-size:0.9em;
	padding:3px;
	border:#323F9D 1px solid;
}

.liste_menu_compte li a {
	color:#323F9D;
	text-decoration:none;
	font-weight:bold;
}

.liste_menu_compte li.rub_courante {
	padding:3px;
	background-color:#fff;
	border:#ADB5F9 2px solid;
}

/* chps texte à remplir */
input.chp_oublie {
	background-color:#ADB5F9;
	color:#fff;
}

/*** Conteneur des blocs prévis (tempè, type de temps...) ***/
#bloc_previ {
	width:774px;
	margin-left:7px;
}

/*** Chaque bloc de prévis ***/
.bloc_previ_detail {
	position:relative;
	width:770px;
	border:#2b3799 2px solid;
	margin:0 0 4 2px;
	background-image:url("/image/meteopro/design/fond_bloc_previ.gif");
	background-repeat:repeat-y;
	background-color:#fff;
}

.bloc_previ_detail h3 {
	position:relative;
	top:-2px;
	width:100%;
	/*height:24px;*/
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	background-color:#394C98;
	border-bottom:2px #0F215F solid;
	padding:4 0 2 0px;
}

.bloc_previ_detail a.param {
	color:#fff;
}

/* Petits pictos ouvrir/masquer */
img.picto_fenetre {
	float:right;
	margin:2 2 0 0px;
}

/* Menu d'un bloc prévis */
.bloc_previ_detail .menu {	
	position:absolute;
	z-index:2;
	top:21px;											
	left:0;						
}

.bloc_previ_detail dl {
	width:146px;
	height:30px;
	background-image:url("/image/meteopro/design/fond_menu_previ.gif");
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	margin-top:8px;											
}

.bloc_previ_detail dl a {
	text-decoration:none;
}

.bloc_previ_detail ul {
	padding:5px;	
	font-size:12px;
	width:120px;
	margin-left:2px;
	list-style-type:none;
	font-weight:normal;						
	background-color:#515FA0;
	filter: alpha(opacity=90);
	opacity:0.9;
}

.bloc_previ_detail li {
	margin-top:4px;
	width:100px;
}

.bloc_previ_detail li a {
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

.bloc_previ_detail li a:hover {
	color:#7FA6B5;
}

/* Pictos du format des graphes */
img.picto_excel {
	position:absolute;
	top:32px;
	right:48px;
}

img.picto_graph {
	position:absolute;
	top:32px;
	right:2px;
}

/* Présentation des prévisions sou forme de tableaux */
.tab_previ {
	float:left;
	font-size:8px;
	border-right:#515FA0 1px solid;						
	height:30px;
	background-color:pink;
	margin-top:15px;
}

/* bloc qui contient les tableaux des températures */
.bloc_tab_previ {
	width:720px;
	margin:32 0 6 46px;
}

.tab_excel {
	margin:5 0 5 0px;
	width:720px;
	background-color:#e1eaef;					
	border-collapse:collapse;
}

.tab_excel th {
	font-size:11px;
	border:1px #515FA0 solid;
	background-color:#fff;
	text-align:center;
}

.tab_excel td {
	border:1px #515FA0 solid;
	width:29px;
	text-align:center;
	font-size:0.7em;
}

/* Quand une valeur d'isothermes à -999 => vide */
.tab_excel td.vide {
	background-color:#e1eaef;
	color:#e1eaef;
}

/* Affichage des jours de prévis */
#bloc_commun div.bloc_jour_previ {
	margin:0 0 -17 57px;
	background-color:#000;
}

#bloc_commun div.bloc_jour_previ_bis {
	margin:2 0 -10 46px;
	background-color:#000;
}

#bloc_commun div.jour_previ {
	border-top:#ADB5F9 3px solid;
	border-bottom:#ADB5F9 1px solid;
	background-color:#fff;
	font-size:12px;
}

#bloc_commun div.jour_previ_bis {
	font-size:11px;
	background-color:#7ca3b2;
	color:#fff;
}

#bloc_commun div.jour_previ span {
	width:100%;
	text-align:center;
	margin:0
	padding:0			
}				

/***	ABONNEMENT DECOUVERTE	***/
/* Modélisation de la frame */
.frame_moderation {
	width:500px;
	height:100px;
	margin:10 0 10 50px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	background-color:#E1EAEF;
	border:2px #fff solid;
}

/* Liste des favoris bloc MA SELECTION */
.frame_moderation ul {
	width:460px;
	margin:4 4 4 4px;		
	font-size:0.8em;
}

.frame_moderation li a {	
	width:460px;
	color:#2B3D89;
	text-decoration:none;
}

/*** Pop up d'infos sur les paramètres ***/
#desc_param h2 {
	width:100%;
	padding:2 0 2 4px;
	font-size:1.1em;
	background-color:#2B3D89;
	color:#fff;
}

#desc_param p {
	margin:10 0 0 6px;
	font-size:0.8em;
	line-height:150%;
}

#desc_param input {
	margin:20 0 0 220px;
	border:#2B3D89 2px solid;
	background-color:#fff;
	font-weight:bold;
	font-size:0.8em;
}

/*** RUBRIQUE CONTACT ***/
#contenu table.contact {
	width:500px;
	margin:10 0 6 40px;
}

#contenu table.contact td {
	border:#fff 2px solid;
	font-size:12px;
}

#contenu table.contact td input, textarea {
	width:360px;
	font-size:12px;
	color:#2b3799;
	border:1px #2b3799 solid;
	background-color:#e1eaef;
	padding:2px;
}

#contenu table.contact td textarea {
	height:60px;
}

.decall_info_admin {
	margin-left:80px;
}

/********************************************/
/***	 CLASSES EN MODE CONNECTE	 ***/
p.fond_blanc {
	width:96%;
	background-color:#fff;
	margin:3 0 10 0px;
	padding:4 0 2 0px;
}

p.fond_blanc select.liste_seuil {
	float:right;
	margin:0 2 0 0px;
}

p.fond-vert {
	color:#fff;
	font-weight:bold;
	background-color:#7CA3B2;
	padding:2 0 2 0px;
}

/* Element flottant :: menu et contenu */
.flottant {
	float:left;
	position:relative;
}

/*** Les marges ***/
.marge_haute_2 {
	margin-top:2px;
}

.marge_haute_10 {
	margin-top:10px;
}

.marge_gauche_20 {
	margin-left:20px;
}

.marge_gauche_30 {
	margin-left:30px;
}

.marge_gauche_50 {
	margin-left:50px;
}

hr.transparent {
	clear:left;
	visibility: hidden;
	height:10px;
}

div.abo {
	width:468px;
	height:42px;
	background-image:url(/image/meteopro/design/hr.gif);
	border:none;
	margin-left:110px;
}

hr.form {
	width:471px;
	height:32px;
	background-image:url(/image/meteopro/design/hr_form.gif);
	border:none;
	margin-left:60px;
}

img.img_publi {	
	margin:12 0 10 0px;
}

/************************/
/*	LES IMAGES	*/
.contact {
	border:0;
	margin:25 0 0 50px;
}

.bouton_centre {
	margin:15 0 10 200px;
}

.bouton_centre_commun {
	margin:15 0 10 270px;
}

.decalle_moteur {
	margin-left:86px;
}

.bord_nul {
	border:0;
}

.hidden {
	display:none;
}

.flottant_droit {
	float:right;
	margin:-2 2 0 0px;
}

/* Blocs de l'index AUTRES SERVICES */
#service {
	float:left;
	width:520px;
	margin-left:40px;
}

#service h2 {
	width:510px;
	margin:20 0 10 0px;
	text-align:center;
	font-size:1em;
	background-color:#E1EAEF;
	border-bottom:2px #151D72 solid;
}

#service p {
	width:510px;
	font-size:0.8em;
	margin:10 0 0 0px;
	line-height:120%;
}

#service p.detail {
	width:225px;
	margin:4px;
}

#service p.detail-long {
	width:470px;
	margin:4px;
}

#service p.detail-treslong {
	width:470px;
	margin:4px;
}

.autre-service {
	float:left;
	width:234px;
	height:115px;
	margin-left:12px;
	border:#4658a4 1px solid;
}

.autre-service h4 {
	width:234px;
	font-size:0.9em;
	background-color:#7fa6b5;
	color:#fff;
	margin:0;
	padding:2 0 2 0px;
}

.autre-service h5 {
	margin:4 0 4 4px;
	font-size:0.8em;
	font-weight:bold;
}

.autre-service-long {
	float:left;
	width:482px;
	height:165px;
	margin-left:12px;
	border:#4658a4 1px solid;
}

.autre-service-long h4 {
	width:482px;
	font-size:0.9em;
	background-color:#7fa6b5;
	color:#fff;
	margin:0;
	padding:2 0 2 0px;
}

.autre-service-long h5 {
	margin:4 0 4 4px;
	font-size:0.8em;
	font-weight:bold;
}

.autre-service-treslong {
	float:left;
	width:482px;
	height:195px;
	margin-left:12px;
	border:#4658a4 1px solid;
}

.autre-service-treslong h4 {
	width:482px;
	font-size:0.9em;
	background-color:#7fa6b5;
	color:#fff;
	margin:0;
	padding:2 0 2 0px;
}

.autre-service-treslong h5 {
	margin:4 0 4 4px;
	font-size:0.8em;
	font-weight:bold;
}

embed.presentation {
	width:700px;
	height:471px;
	margin:10 0 0 20px;
}

input.presentation {
	margin:20 0 0 340px;
	background-color:#c7a3b2;
	border:#4d5fa9 1px solid;
	color:#fff;
	font-weight:bold;
}

/*** Style d'affichage des différents abonnements */
table.tab_info_abo {
	width:530px;
	margin:10 0 0 40px;
	font-size:0.8em;
	background-color:#fff;
	border-collapse:collapse;					
}

table.tab_info_abo th {
	text-align:center;
	font-size:0.9em;
	padding:8px;
	background-color:#7CA3B2;
	color:#fff;
}

table.tab_info_abo td {
	padding:4 0 4 2px;
	border:1px #E1EAEF solid;
	text-align:center;				
}

#contenu p.petit-italique {
	font-size:0.8em;
	font-style:italic;
}

/************************/
/*  QUESTIONS REPONSES  */
/************************/

.layerbg {
	background-color : #4658A4;
}

.layerfg {
	background-color : #ADB5F9;
}

.trespetit {
	color : #FFFFFF;
	font-family : Arial;
	font-size : 11px;
}

.trespetit-rouge {
	color : #AA0000;
	font-family : Arial;
	font-size : 11px;
}

.petit-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 12px;
}

.petit-rouge {
	color : #AA0000;
	font-family : Arial;
	font-size : 12px;
}

.trespetit-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 11px;
}

.assezpetit-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 12px;
}

.plutotpetit-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 13px;
}

.assezpetit-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 12px;
}

.trespetit-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 11px;
}

.trespetit-bleu-clair2 {
	color : #5A8B9A;
	font-family : Arial;
	font-size : 11px;
}

.assezpetit-grasitalic-rouge {
	color : #AA0000;
	font-family : Arial;
   font-weight : bold;
	font-style : italic;
	font-size : 13px;
}

.assezpetit-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 13px;
}

.assezpetit-gras-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
   font-weight : bold;
	font-size : 13px;
}
	
.assezpetit-gras-rouge {
	color : #AA0000;
	font-family : Arial;
   font-weight : bold;
	font-size : 13px;
}

.petit-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
}

.normal {
	color : #FFFFFF;
	font-family : Arial;
	font-size : 14px;
}

.normal-gras {
	color : #FFFFFF;
	font-family : Arial;
   font-weight : bold;
	font-size : 14px;
}

.assezpetit-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 13px;
}

.normal-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 14px;
}

.normal-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 14px;
}

.normal-gras-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
	font-weight : bold;
	font-size : 14px;
}
	
.assezgros-bleu {
	color : #000080;
	font-family : Arial;
	font-size : 15px;
}

.assezgros-gras-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
	font-weight : bold;
	font-size : 15px;
}
	
.assezgros-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 15px;
}
	
.gros-gras-bleu {
	color : #000080;
	font-family : Arial;
	font-weight : bold;
	font-size : 16px;
}

.gros-gras-bleu-clair {
	color : #2f4fc0;
	font-family : Arial;
	font-weight : bold;
	font-size : 16px;
}
	
.gros-gras-rouge {
	color : #AA0000;
	font-family : Arial;
	font-weight : bold;
	font-size : 16px;
}

a.informations {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 12px;
	text-decoration: underline;
}

a.informations:link {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 12px;
	text-decoration: underline;
}

a.informations:visited {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 12px;
	text-decoration: underline;
}

a.informations:hover {
	color : #2f4fc0;
	font-family : Arial;
	font-size : 12px;
	text-decoration: none;
}

/********************************/
/*	COMMUNIQUES	SPECIAUX */
/********************************/
a.txt_em {
	color:#000080;
	font-size : 11px;
	font-weight: bold;
	text-decoration: underline;
}

a.txt_em:hover {
	color:#000080;
	font-size : 11px;
	font-weight: bold;
	text-decoration: none;
}

a.txt_em2 {
	color:#000080;
	font-size : 11px;
	font-weight: normal;
	text-decoration: underline;
}

a.txt_em2:hover {
	color:#000080;
	font-size : 11px;
	font-weight: normal;
	text-decoration: none;
}

a.img_em {
	color:#000080;
	text-decoration: none;
}

a.img_em:hover {
	color:#000080;
	text-decoration: none;
}

a.txt_acc {
	color:#AA0000;
	text-decoration: underline;
}

a.txt_acc:hover {
	color:#AA0000;
	text-decoration: none;
}

.lnk_fck_petit_ib, .lnk_fck_petit_ib:visited, .lnk_fck_petit_ib:active, .lnk_fck_petit_ib:focus {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color : #000080;
	font-weight: normal;
	text-decoration: underline;
}

.lnk_fck_petit_ib:hover {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color : #000080;
	font-weight: normal;
	text-decoration: none;
}

.lnk_trespetit-bleu-clair2, .lnk_trespetit-bleu-clair2:visited, .lnk_trespetit-bleu-clair2:active, .lnk_trespetit-bleu-clair2:focus {
	color : #5A8B9A;
	font-family : Arial;
	font-size : 11px;
	text-decoration: underline;
}

.lnk_trespetit-bleu-clair2:hover {
	color : #5A8B9A;
	font-family : Arial;
	font-size : 11px;
	text-decoration: none;
}