/* CSS Document */
/****************************************************************************************
*	PRESENTATION GENERALE
*****************************************************************************************/
body {  background-color : #b9b9b9; font-family : Arial, Helvetica, sans-serif; color : #000; font-size : 62.5%; font-style : normal; text-align : center; margin : 0; padding : 0; scrollbar-face-color: #fff; scrollbar-highlight-color: #DDDDDD; scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #536d7a; scrollbar-shadow-color: #536d7a; scrollbar-arrow-color: #1e77a6; scrollbar-track-color: #e7ebec; scrollbar-base-color: #1e77a6;} 

.page { background-color : #fff; background-image: url(../img/fd_page.gif); background-repeat: no-repeat; background-position: 0% 0%; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 0; width : 750px; text-align: left; }

/*styles par défault des formulaires*/
textarea { border: 1px solid #61787e; font-size: 1.1em; padding-left: 5px; padding-right: 5px; }
textarea.text {color: #1e77a6; }

input { border: 1px solid #61787e; font-size: 1.1em; color : #5b6365; padding-left: 5px; padding-right: 5px;}
input.text { color: #1e77a6 }
input.submit { border: 1px solid #1e77a6; font-weight: bold; color: #1e77a6; background-color: #fff; padding-right:3px;  padding-left: 3px;}
input.reset { border: 1px solid #1e77a6; font-weight: bold; color: #1e77a6; background-color: #fff; padding-right:3px;  padding-left: 3px;}
.inputSmall { border: 1px solid #61787e; width: 120px; font-size: 1em; color : #3b4a51; padding-right: 0px; padding-left: 5px; padding-top: 1px; margin-right: 2px; margin-bottom: 3px; }

/*fieldset { border: 1px solid #1e77a6; padding:10px; width: 95%; margin-bottom: 10px;}*/
.fieldsetForm { border-width: 0px; padding-left: 5px; /*padding-right: 2px;*/}
legend { color: #1b6890; padding: 0 4px; margin: 0; }
select { font-size: 1.1em; color : #5b6365; background-color: #fff;}
.menuDeroulant { border: 1px solid #61787e; font-size: 1.1em; color: #5b6365; background-color: #fff;}
.boxAlertes { color: #61787e; font-size: 1em; font-weight: bold; padding-left: 5px; }
.formLog {border-top: 1px solid #fff; width: 163px; padding-top: 4px; margin: 0; background-color: #e7ebec; }

.button { border: 1px solid #61787e; font-size: 1.1em; color: #5b6365; background-color: #fff; padding-right: 3px;  padding-left: 3px; }
.buttonSmall { border: 1px solid #61787e; font-size: 1em; color: #5b6365; background-color: #fff; padding-right: 3px; padding-left: 3px; margin-bottom: 3px;}
.buttonInter { border: 1px solid #61787e; font-size: 1.1em; color : #5b6365; background-color: #fff; padding-right: 3px; padding-left: 3px;  margin-left: 2px; padding-bottom: 0px; margin-bottom: 0px; position:absolute;}

/*----------------------------------------------------------
				  Bandeau Horaires 
-----------------------------------------------------------*/
.time { width: 745px; float: left; background-color : #536d7a; text-align: right; font-size : 1.1em; color : #fff; text-transform: capitalize; letter-spacing: 1px; padding-bottom: 4px; padding-top: 4px; padding-left: 5px; }
.timeFloatLeft { float: left; background-color : #536d7a; padding-right: 8px;}
.timeFloatLeftLien { float: left; background-color : #536d7a; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; }
a.logo { font-size: 0.9em; color: #fff; text-decoration: none; }
a.logo:hover { font-size: 0.9em; color: #fff; text-decoration: none; }

/*------------------------------------------------------------------
			  Bandeau Titre La Poste Courrier International
-------------------------------------------------------------------*/
.bandeauLPCI {
	width : 730px;
	clear: both;
	text-transform : uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	/*font-weight: bold;*/
	margin-top: 5px;
	padding-top:15px;
	padding-bottom:5px;
	color: #536d7a ;
}

.bandeauLPCIText { width: 524px; color: #61787e; float: right; }
.txtSite { width : 500px ; margin-left : 230px ; color: #1e77a6; padding-bottom: 7px; } 
.CI { width : 500px ; margin-left : 230px ; }
.txtLP { color: #c0cacf; }	
.txtCI { color: #61787e; }	


/* Bandeau d'emplacement des BOUTONS PLAY-STOP */
.bandeauPlayStop-dec05 { width : 57px; height : 19px ; float: left; text-indent: 5px; background-color: #238cc3; background-image: url(../img/playstopfond_bleu.gif); background-repeat: no-repeat; background-position: 0% 0%; padding-top: 1px; padding-bottom: 2px; } 
/*.stopPlay { width : 57px; float: left; text-indent: 5px; background-color: #238cc3; background-image: url(../img/playstopfond_bleu.gif); background-repeat: no-repeat; background-position: 0% 0%; padding-top: 0px; padding-bottom: 2px; } 
*/

/* Lien vers PORTAIL */
.bandeauPortail { width : 170px; float: left; text-indent: 30px; background-color: #61787e;	background-image: url(../img/fond_portail.jpg); background-repeat: no-repeat; background-position: 0% 0%; padding-top: 4px; padding-bottom: 3px; }
.bandeauPortail-dec05 { width: 170px; /*height : 22px ; */float: left; text-indent: 30px; background-color: #536D7A ; background-image: url(../img/portail_violet.jpg); background-repeat: no-repeat; background-position: 0% 0%; padding-top: 4px; padding-bottom: 3px; }

/*.bandeauInter { width : 342px; float: left; text-indent: 30px; background-image: url(../img/fond_couleur.gif); background-repeat: no-repeat; background-position: 0% 0%; padding-top: 4px; padding-bottom: 3px;}
*/
.bandeauInter { width: 297px; background-color: #238cc3 ;  background-position: 0% 0%; float: right ; /*text-align : center ; */text-indent: 30px;background-image: url(../img/fond_couleur.gif); padding-bottom: 2px; padding-top: 2px; background-repeat: no-repeat } 
.bandeauInter  .inline {padding-left : 30px ;}


/* Bandeau pour compléter la ligne */
.bandeauVide { background-color: #90a1a9; width: 190px; padding-top: 4px; padding-bottom: 3px;	float: right; font-size: 1.2em; }

a.lien { color: #fff; font-weight: normal; font-size: 1.2em; font-style: normal; text-decoration: none; }
a.lien:hover { color: #fff; font-weight: normal; font-size: 1.2em; font-style: normal; text-decoration: none; }
a.lien2 { color: #000; font-weight: normal; font-size: 1.2em; font-style: normal; text-decoration: none; }
a.lien2:hover { color: #1e77a6; font-weight: normal; font-size: 1.2em; font-style: normal; text-decoration: none; }

/*-------------------------------------------------------------
			  Bandeau Liens Suivre, Recherche....
--------------------------------------------------------------*/
/* Liste horizontale des liens */
a.lienBord { color : #3b4a51; font-size : 1.1em;  font-style : normal; text-decoration: none; }
a.lienBord:hover { color : #11658d; font-size : 1.1em; font-style : normal; text-decoration: none; }

/* Contour des liens */
.border { font-size: 1.1em; color : #3b4a51; border: 1px solid #61787e; background-color: #fff; padding-left: 5px; padding-right: 5px; }

/*--------------------------------------------------------------------------
			  Bandeau d'indication de Navigation "petit Poucet"
----------------------------------------------------------------------------*/
.navigation {float: left; width: 491px; background-color: #e7ebec; color: #5b6365; font-size: 1em; font-weight: normal; text-decoration: none; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; text-align: left; } 
.imprimer { float: right; width: 20px; height: 16px; padding-left: 5px; text-align: right; background-image: url(../img/print.gif); background-repeat: no-repeat; background-position: right;}

a.lienNav { color: #5b6365; text-decoration: none; }
a.lienNav:hover { color: #11658d; text-decoration: none; }
.activeNav { color : #11658d; }

/*-------------------------------------------------
			  Bandeau liste du menu
--------------------------------------------------*/
.bandeauMenu { float: left; clear: left; width: auto; padding-left: 24px; padding-top: 7px; color: #4f5759; font-size: 1.2em; font-weight: normal; }

/* Liste de menus */
ul.listeMenu { border-top: 1px solid #fff; padding-left:2px; padding-right:2px; padding-top: 2px; margin: 0; width: 161px; list-style-type: none; background-color: #e7ebec; }
li.liMenu { border-top: 3px solid #fff; padding-bottom: 3px; padding-top: 2px; padding-left: 3px; }	
li.liMenu1 { padding-bottom: 3px; padding-top: 2px; padding-left: 3px;}	

/* Liste de sous-menus */
ul.listeSsMenu { padding-left:5px; padding-right:2px; margin: 0; margin-top: 3px; width: auto; list-style-type: none; background-color: #fff; }
li.liSsMenu { padding-bottom: 3px; padding-top: 2px; padding-left: 3px;}	

/* Liste de sous-menus de 3ème niveau */
ul.listeSsSsMenu { width: auto; list-style-image: url(../img/puce.gif); margin-left: 10px; padding-left: 13px; background-color: #fff; }

/* Liens du menu */
a.lienMenu { color: #4f5759; text-decoration: none;}		
a.lienMenu:hover { color: #11658d; text-decoration: none;}

/* Style du menu actif */
a.menuActif { color: #11658d; text-decoration: none; padding-bottom: 3px; padding-top: 2px; padding-left: 3px;} 
a.menuActif:hover { color: #11658d; text-decoration: none; padding-bottom: 3px; padding-top: 2px;} 

.menuActif { color: #11658d; text-decoration: none; padding-bottom: 3px; padding-top: 2px; /*padding-left: 3px;*/} 
.liMenuActif { color: #11658d; text-decoration: none; border-top: 3px solid #fff; padding-bottom: 3px; padding-top: 2px; /*padding-left: 3px;*/ }

/*--------------------------------------------------------------------
			  Bandeau des liens Imprimer / Sélectionner...
---------------------------------------------------------------------*/
.bandeauPrint { padding-top: 10px; border-bottom: 1px solid #000; text-align: right; clear: both; }
.bandeauTop { float: right; width: 505px; margin-top: 20px; margin-bottom: 30px; padding-right: 13px; color: #5b6365; }
/*.top { float: right; width: 15px; height: 10px; padding-left: 5px; background-color: #fff; text-align: right; }*/
.top { float: right; text-align: right; background-image: url(../img/hp.gif); background-repeat: no-repeat; width:15px; background-position: right;}
/*.top2 { float: right; text-align: right; background-image: url(../img/hp.gif); background-repeat: no-repeat; width:15px; background-position: right;}*/
.barreBottom { background-color: #e7ebec; float: left; width: 285px; }	
	
/*-------------------------------------------------
			  Bandeau de Bas de page
--------------------------------------------------*/
.bandeauBas { width: 750px; top: auto; right: 0; bottom: 0; left: 0; clear: both; background-color: #e7ebec; color: #5b6365; font-size: 1.2em; }
.bandeauGrisBas { background-color: #b9b9b9; width: 750px; height: 5px; } 
.bandeauMargeGrisBas { background-color: #b9b9b9; width: 750px; height: 20px; clear: both; } 
.alignDroite { line-height: 15px; padding-right: 8px; background-color: #e7ebec; text-align: right; width: 367px; float: right; } 
.alignGauche { float: left; line-height: 15px; background-color: #e7ebec; padding-left: 8px; width: 367px; text-align: left; }
a.lienBas { color: #5b6365; text-decoration: none; }
a.lienBas:hover { color: #11658d; text-decoration: none; }

/*-------------------------------------------------
			  Bandeau contenu de la page
--------------------------------------------------*/
/* Titres de la page */
/*h1 { color: #1e77a6; font-size: 1.6em; font-weight: bold; padding: 0; margin: 0; }*/
h1 { color: #1e77a6; font-size: 1.6em; font-weight: bold; background-image: url(../img/puce_titre.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 3px;}
h1.home { color: #1e77a6; font-size: 1.6em; font-weight: bold; padding: 0; margin-bottom: 3px; background-image:none; }
h2 { color: #61787e; font-size: 1.3em; font-weight: bold; padding: 0; margin: 0; }
h2.color { color: #1e77a6; font-size: 1.3em; font-weight: bold; padding: 0; margin-top: 5px; margin-bottom: 3px;}
h3 { color: #61787e; font-size: 1.15em; font-weight: bold; padding: 0; margin: 0; }
h3.color { color: #1e77a6; font-size: 1.15em; font-weight: bold; padding: 0; margin: 0; }
h4 { color: #61787e; font-size: 1em; font-weight: bold; padding: 0; margin: 0; }
h4.color { color: #1e77a6; font-size: 1.em; font-weight: bold; padding: 0; margin: 0; }

.txtGrisBold { color: #61787e; font-weight: bold; }
.sousTitre { color: #61787e; font-weight: bold; }
.txtBleuBold { color: #1e77a6; font-weight: bold; }

/* Liens courants dans la page */
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

a.linkBlanc { color: #fff; font-weight: bold; font-size: 0.9em; text-decoration: none; }
a.linkBlanc:hover { color: #e7ebec; font-weight: bold; font-size: 0.9em; text-decoration: none; }
a.linkNoir { color: #000; font-weight: bold; font-size: 0.9em; text-decoration: none; }
a.linkNoir:hover { color: #61787e; font-weight: bold; font-size: 0.9em; text-decoration: none; }

a.voir { color: #1e77a6; font-weight: bold; text-decoration: none; }
a.voir:hover { color: #61787e; font-weight: bold; text-decoration: none; }

a.linkEncart { color: #1e77a6; text-decoration: none; }
a.linkEncart:hover { color: #61787e; text-decoration: none; }

a.toggle { background-image: url(../img/fleche_couleur.gif); background-repeat: no-repeat; color: #1e77a6; font-weight: bold; text-decoration: none; padding-left: 15px; }
a.toggle:hover {  background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; font-weight: bold; text-decoration: none; padding-left: 15px; }

/* listes */
ul.listePuces { list-style-image: url(../img/liste_puce.gif); margin: 0; padding-left: 15px; }
li.liPuces { padding-top: 5px; }
ul.listeFleches { list-style-image: url(../img/fl_bl_couleur.gif); margin: 0; padding-left: 25px; }
ul.listeTiret { list-style-type: none; margin: 0; padding-left: 15px; }
ul.retrait { list-style-image: url(../img/liste_puce.gif); margin: 0; margin-left: 15px; padding-left: 10px;}
	 	 
a.flecheBlanc { height: 13px; background-image: url(../img/fl_fond_blanc.gif); background-repeat: no-repeat; color: #fff; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheBlanc:hover { background-image: url(../img/fl_bl_gris.gif); background-repeat: no-repeat; color: #e7ebec; text-decoration: none; padding-left: 15px; } 	

/* ROLL-OVER avec fleches grises/ fleches bleues*/
a.fleche { height: 13px; background-image: url(../img/fleche_couleur.gif); background-repeat: no-repeat; color: #1e77a6; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.fleche:hover { background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }
	 
/*----------Nouveau style de lien fleche pour revenir au choix précédent sur Visite guidée------------------*/	 
a.flecheVG {height: 13px; background-image: url(../img/flecheGauche_couleur.gif); background-repeat: no-repeat;  color: #1e77a6; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheVG:hover { background-image: url(../img/flecheGauche_grise.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none;  padding-left: 15px; } 
		 
/* Styles pour les encarts gris et bleus avec coin bas retourné */
.blocGris { background-color: #e7ebec; width: auto; padding: 0; margin: 0; }
.blocGrisEncart { background-color: #e7ebec; width: auto; margin-top: 10px;}
.finBlocGrisEncart { background-image: url(../img/coin_gris.gif); background-repeat: no-repeat; background-position: right bottom; }
.blocEncart { clear: both; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; color: #1e77a6; font-weight: bold; }
.blocEncartCouleur { color: #fff; font-weight: bold; padding: 3px; padding-left: 10px; padding-right: 10px; }
.blocEncartCouleurTxt { color: #fff; padding: 3px; padding-left: 10px; padding-right: 10px; }
.blocCouleur { background-color: #1e77a6; width: auto; }
.finBlocCouleur { clear: both; background-image: url(../img/coin_couleur.gif); background-repeat: no-repeat; background-position: right bottom; }

/*éléments décoratifs*/
.pointille505 { clear: both; background-image: url(../img/pointille_505.gif); background-repeat: no-repeat; }
.pointille328 { clear: both; background-image: url(../img/pointille_328.gif); background-repeat: no-repeat; }
.pointilleHome { clear: both; background-image: url(../img/pointille_338.gif); background-repeat: no-repeat; }

.finBlocGen505 { clear: both; background-image: url(../img/bas_encart_505_couleur.gif); background-repeat: no-repeat; }
.finBlocGen505Top { clear: both; text-align: right; background-image: url(../img/bas_encart_505_fleche.gif); background-repeat: no-repeat; width:505px;}
.finBlocGen328 { clear: both; background-image: url(../img/bas_encart_328_couleur.gif); background-repeat: no-repeat; }
.finBlocHome { clear: both; background-image: url(../img/bas_encart_338_couleur.gif); background-repeat: no-repeat; margin-bottom: 5px; margin-top: 5px;}

.hp { clear: both; bbackground-image: url(../img/hp.gif); background-repeat: no-repeat; background-position: right bottom; }
.reponseNo {height: 13px; background-image: url(../img/reponse_no.gif); background-repeat: no-repeat; padding-left: 20px; color: #1e77a6;}	
.reponseOk {height: 13px; background-image: url(../img/reponse_ok.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 20px; color: #1e77a6;}	

/*-------------------------------------------------
			 !!! A CONSERVER !!!
--------------------------------------------------*/
/*style pour les encadrés à fond de couleur 
.blocCouleurClair { margin-top: 10px; border-top: 2px solid #1e77a6; background-color: #e7ebec; width: 338px; }
.blocCouleurContenu { padding: 10px; padding-left: 12px; padding-bottom: 0px; }
.borderBottom { background-image: url(../img/bas_encart_clair.gif); background-position: bottom; background-repeat: repeat-x; } */

/*-------------------------------------------------
			  Contenu de la page générique
--------------------------------------------------*/
.blocFiletTop{ float: left; padding-top: 10px; width: 505px; margin-top: 10px; border-top: 2px solid #1e77a6; }
.blocIntroGen {/*float: left;*/ border-bottom: 2px solid #1e77a6; padding-top: 5px; padding-bottom: 10px; width: 505px; margin-bottom: 10px;}
.blocFiletGen { float: left; border-bottom: 2px solid #1e77a6; padding-top: 5px; padding-bottom: 10px; width: 328px; margin-bottom: 5px;}
.navRecherche { float: right; width: 495px; margin-top: 5px; margin-bottom: 5px; background-color: #e7ebec; color : #1e77a6;  font-style : normal; padding: 5px;}
.blocFiletTopJF{ float: left; /*padding-top: 10px;*/ width: 505px; margin-top: 10px; border-top: 2px solid #1e77a6;; }
.blocFiletTopJF328{ float: left; /*padding-top: 10px;*/ width: 328px; margin-top: 10px; border-top: 2px solid #1e77a6;; }


.rouge { color: #f62c0d; }
.bleu { color: #2e58a7;}
.vert { color: #4dba38;}

/*--------------------------------------------------------------
		PAGE HOME
--------------------------------------------------------------*/
.blocFiletHome { margin-top: 10px;  border-top: 2px solid #1e77a6; width: 338px; }
.titreBlocHome { background-color: #1e77a6; color: #fff; font-weight: bold; 	padding-top: 3px; padding-bottom: 3px; padding-left: 5px; margin-top: 10px; margin-bottom: 5px; }

/*--------------------------------------------------------------
		PAGE MARKETING
--------------------------------------------------------------*/
.blocMarketing { clear: both; float: left;  border: 1px solid #e7ebec; width: 505px; margin-top: 10px; }			
.ligneMarketing { clear: both; width: 505px; background-color: #e7ebec; text-align: right; background-image: url(../img/hp.gif); background-repeat: no-repeat; background-position: right; } 
.ligneMarketingTop { clear: both; width: 505px; background-color: #e7ebec; text-align: right; } 
ul.listeNormale { color: #1e77a6; padding: 0; padding-left: 10px; margin: 0; margin-left: 10px; }
.titreEtape {padding-top: 7px; color: #61787e; font-size: 1.3em; font-weight: bold; }	


/*--------------------------------------------------------------
		PAGE GAMME ACCESS (PRODUIT)
--------------------------------------------------------------*/
.blocProduit {float: left; clear:left; border-top: 10px solid #e7ebec; width: 505px; margin-top: 1px;}
.blocGaucheProduitBorder {/* float: left;*/ padding: 5px; width: 322px; margin-bottom: 10px; border-left: 1px solid #e7ebec;  border-bottom: 10px solid #e7ebec; }	

/*--------------------------------------------------------------
		PAGE LISTE PAYS - DICO POSTAL
--------------------------------------------------------------*/
a.lettre { font-size : 0.9em; background-color: #61787e; padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px; margin-right: 4px; text-transform : uppercase; text-align : center; color : #fff; font-weight: bold; font-style : normal; text-decoration: none; }
a.lettre:hover { border: 1px solid #61787e; color : #1e77a6; font-weight: bold; font-style : normal; text-decoration: none; font-size : 0.9em; background-color: #e7ebec; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; margin-right: 4px; text-transform : uppercase; text-align : center; }
.lettreOn { border: 1px solid #61787e; color : #1e77a6; font-weight: bold; font-style : normal; text-decoration: none; font-size : 0.9em; background-color: #e7ebec; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; margin-right: 4px; text-transform : uppercase; text-align : center;}

/* identifie le tableau*/
#dico { text-align: left; border: 1px solid #61787e; border-collapse: collapse; width: 98%; }

/* Cellule titre du tableau PAGE DICO*/
#dico th{ color: #fff; font-size: 0.95em; font-weight: bold; background-color: #1e77a6; padding-left: 5px; padding-top: 2px; 	padding-bottom: 2px; }

/* Cellule */
#dico td { font-size: 0.95em; padding-left: 5px; padding-top: 2px; border-left: 1px solid #3b4a51; border-top: 0; border-right: 0; border-bottom: 0;}

/*--------------------------------------------------------------
		STYLE POUR LES TABLEAUX
--------------------------------------------------------------*/
/* Styles pour les tableaux*/
table { text-align: center; border: 1px solid #3b4a51; border-collapse: collapse; empty-cells: show; }

caption { text-align: left; caption-side: top; color: #1e77a6; font-size: 1.em; font-weight: bold; padding-bottom: 5px; }

/* fond de cellule gris*/
.fondGris { background-color: #e7ebec; }

/* Cellule titre */
th { color: #1e77a6; font-size: 0.95em; background-color: #e7ebec; border: 1px solid #3b4a51; padding: 2px; }

/* Cellule */
td { font-size: 0.95em; border: 1px solid #3b4a51; padding-left: 2px; padding-right: 2px; }

/*-------------------------------------------------------------
			  Page Formulaire contact
--------------------------------------------------------------*/
.txtContact { color: #61787e; font-size: 1em; font-weight: bold; padding-right: 5px; vertical-align: top; } 

/*--------------------------------------------------------------
		 POPUP 
--------------------------------------------------------------*/
.pagePop { background-color : #fff; background-image: url(../img/fd_popup.gif); background-repeat: no-repeat; background-position: 0% 0%;	margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0; width: 542px; text-align: left; }
/*.popNavigation { clear: both; float: left; width: 505px; margin-top: 5px; margin-bottom: 10px; margin-right: 13px; margin-left: 24px; background-color: #e7ebec; color: #5b6365; font-size : 1em; font-weight : normal; text-decoration: none; }*/
.navigationPop { padding-left: 2px; padding-bottom: 2px; float: left; width: 476px; padding-right: 2px; background-color: #e7ebec; color: #5b6365; font-size: 1em; font-weight: normal; text-decoration: none; }
.popup { width: 542px; float: left; background-color: #536d7a; }
.bandeauTitreBlanc { color: #fff; padding-left: 5px; float: left; font-family: Verdana,Arial, Helvetica, sans-serif;}
.bandeauTitreNoir { color: #000; padding-left: 5px; float: left; font-family: Verdana,Arial, Helvetica, sans-serif;}
.bandeauCouleur { width: 542px; margin-top: 25px; margin-bottom: 25px; padding-top: 5px; padding-bottom: 5px; float: left; background-color: #1e77a6; text-transform : uppercase; font-size: 1.8em; color: #fff;}
.bandeauBasPop { width: 542px;  bottom: 0; left: 0; clear: both; background-color: #e7ebec; height: 20px; margin-top: 10px;}
.fermer { float: right; padding-top: 2px; padding-bottom: 2px; padding-right: 13px; text-align: right; color: #5b6365;}
.margeFermer { padding-left: 5px; background-image: url(../img/picto_fermer.gif); background-repeat: no-repeat; background-position: right;} 

/*--------------------------------------------------------------
		 PRINT 
--------------------------------------------------------------*/
.white { background-color: #fff; }
.pagePrint { background-color : #fff; /*margin-left: auto; margin-right: auto;*/ margin-top: 0px; padding: 0; width: 542px; text-align: left; border: 1px solid #536d7a;}
.bandeauGris {  font-family : Verdana, Arial, Helvetica, sans-serif;  width: 542px; margin-bottom: 25px; padding-top: 5px; padding-bottom: 5px; /*float: left;*/ background-color: #536d7a; text-transform : uppercase; font-size: 1.8em; color: #e7ebec; }
.bandeauBasPrint { width: 518px;  bottom: 0; padding-left: 24px; padding-top: 2px; clear: both; background-color: #e7ebec; height: 18px; color: #5b6365; font-size: 1em;}
.titrePrintCouleur { padding-left: 24px; color: #fff; font-family: Verdana,Arial, Helvetica, sans-serif;}
.printNavigation { clear: both; float: left; width: 515px; margin-top: 5px; margin-bottom: 10px; margin-right: 13px; margin-left: 14px; background-color: #e7ebec; color: #5b6365; font-size : 1em; font-weight : normal; text-decoration: none; }

/* --------------------------------------------------------------
                    Espace sécurisé - juin 2006
--------------------------------------------------------------  */

li.espaceSecu {
list-style-type : none ;
}

li.espaceSecu a { background-image: url(../img/fleche_couleur.gif); background-repeat: no-repeat; color: #1e77a6; font-weight: bold; text-decoration: none; padding-left: 15px; }
li.espaceSecu a:hover {  background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; font-weight: bold; text-decoration: none; padding-left: 15px; }

/* ------------------------------------------------------
                      Formulaire de contact
--------------------------------------------------------- */

label.color { color: #1e77a6; font-size: 1.15em; font-weight: bold; padding: 0; margin: 0; }
h2.theme { background-color : #1e77a6; color: #fff ; font-size: 1.3em; font-weight: bold; padding: 0 0 0 4px; margin: 0; }
#formulaireContact fieldset legend { color : #1e77a6; }