/* CSS Document */
/****************************************************************************************
*	PRESENTATION GENERALE
*****************************************************************************************/
body {
	background-color : #b9b9b9; /* Couleur de fond gris */
	font-family : Arial, Helvetica, sans-serif; 
	color : #536d7a; 							
	font-size : 62.5%; 							
	font-style : normal; 						
	text-align : center; 		/* On met à "align" pour centrer la page */
	margin : 0; 
	padding : 0;
} 

.page {
	background-color : #ffffff; 
	/*background-image:  url(../img/fd_page.gif); ancienne version */
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left : auto; 		/* On met les marges droite et gauche à "auto" pour centrer la page */
	margin-right : auto; 
	margin-top: 10px;
	padding: 0;
	width : 750px; 		/* Taille de la page */
	text-align: left;
}

.navCachee { display: none; }

/* Boutons stop & play pour le flash */
.stopPlay {
text-align: right; padding-top: 5px; padding-right: 2px;
}
.stopPlay img {
border:0;
}

/*----------------------------------------------------------
			Bandeau Horaires 
-----------------------------------------------------------*/
.time {
	width: 745px;
	float: left;
	text-align: right;
	font-size : 1.1em; 
	/*color : #aab9c0;*/
	color: #ffffff;
	background-color : #7f7a73; 
	text-transform: capitalize;
	letter-spacing: 1px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 5px;
}
.timeFloatLeft { float: right; background-color : #536d7a;  padding-right: 8px; }
.timeFloatLeftLien { float: right; background-color : #536d7a; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; }


/*a.logo { font-size: 0.9em; color: #a5b3bd; text-decoration: none; }
a.logo:hover { font-size: 0.9em; color: #a5b3bd; text-decoration: none; }*/
a.logo { font-size: 0.9em; color: #ffffff; text-decoration: none; }
a.logo:hover { font-size: 0.9em; color: #ffffff; text-decoration: none; }

/*------------------------------------------------------------------
			  Bandeau Titre La Poste Courrier International
-------------------------------------------------------------------*/
.bandeauLPCI {
	width : 740px;
	clear: both;
	text-transform : uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	/*font-weight: bold;*/
	margin-top: 5px;
	padding-top:15px;
	padding-bottom:5px;
	color: #536d7a ;
}
.bandeauLPCI span {margin-left : 15px ; }
.bandeauLPCI h1 {background-image:none; font-size:1em; font-weight:normal;}
.bandeauLogo { float: left; }
.margeGauche { padding-left: 20px; }
.margeh1 {padding-left: 14px;}
.margeBas { padding-bottom: 7px; }
/*.bandeauLPCIText {  float: left; }*/

/*----------------------------------------------
			  Bandeau Animation Flash
-----------------------------------------------*/
.bandeauEnTete { background-color: #9fb0b7; clear: both; }

/*-------------------------------------------------
			  Bandeau contenu de la page
--------------------------------------------------*/
.bandeauContenu {
	float: right;
	clear: right;
	/*width: 576px;*/
	width: 596px;
	font-size: 1.1em;
	padding-left: 0px;
background-color: #f5f5f5;
}
/*-------------------------------------------------
			  Styles Recherche
--------------------------------------------------*/
input.radio { border: 0px; padding-left:0; }
input.checkbox { border: 0px}
.leftRadio { float: left; padding-right: 10px; padding-top: 10px; }
.inline { display: inline; }
.fieldsetSearch { border-width: 0px; }
input { border: 1px solid #61787e; font-size: 1.1em; color : #536d7a; padding-left: 5px; padding-right: 5px;}
textarea { border: 1px solid #61787e; font-size: 1.1em; padding-left: 5px; padding-right: 5px; }
select { font-size: 1.1em; color : #536d7a; background-color: #fff;}
textarea.text {color: #536d7a; }
input.text { color: #536d7a; }
input.submit { border: 1px solid #61787e; font-weight: bold; color: #536d7a; background-color: #fff; padding-right:3px;  padding-left: 3px;}
input.reset { border: 1px solid #61787e; font-weight: bold; color: #536d7a; background-color: #fff; padding-right:3px;  padding-left: 3px;}
fieldset { border: 1px solid #61787e; padding:10px; width: 95%; margin-bottom: 10px;}
legend { color: #536d7a; padding: 0; margin: 0;}
.boxAlertes { color: #536d7a; font-size: 1em; font-weight: bold; padding-left: 5px;}
.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;}
.menuDeroulant { border: 1px solid #61787e; font-size: 1.1em; color: #5b6365; background-color: #fff;}
.buttonInter2 { border: 1px solid #61787e; font-size: 1.1em; color: #5b6365; background-color: #fff; padding-right: 3px; padding-left: 3px; margin-left: 2px;  margin-top: 10px; }
/*-------------------------------------------------
			  Styles plan du site
--------------------------------------------------*/

/*- Bandeau d'indication de Navigation "petit Poucet"-*/
.bandeauNavPlan { clear: both; float: right; width: 559px; margin-top: 15px; margin-bottom: 10px; margin-right: 20px; }
.navigation {float: left; width: 530px; background-color: #e7ebec; color: #61787e; font-size: 1em; font-weight: normal; text-decoration: none; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; text-align: left; } 
.imprimerPlan { 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.lienNavPlan { color: #61787e; text-decoration: none; }
a.lienNavPlan:hover { color: #000; text-decoration: none; }
.activeNavPlan { color : #000; }

/*- Bandeau des liens Imprimer / Sélectionner...-*/
.bandeauPrint { padding-top: 10px; border-bottom: 1px solid #000000; text-align: right; clear: both; }
.bandeauTop { float: right; width: 544px; margin-top: 20px; margin-bottom: 30px; padding-right: 20px; color: #61787e; }
.top { float: right; width: 15px; height: 10px; padding-left: 5px; background-color: #ffffff; text-align: 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: 328px;}	

.margePlan { padding-left: 20px; padding-top: 10px;}
.pagePlan { float: left; width: 460px; font-size: 1.2em; padding-left: 178px; padding-right: 13px;}
h1 { font-size: 1.5em;  padding-left: 15px; font-weight: bold; background-image: url(../img/puce_titre.gif); background-repeat: no-repeat; margin: 0;}
h2 { font-size: 1.3em; font-weight: bold; margin: 0;}
a.orange { height: 15px; background-image: url(../img/puce_titre_orange.gif); background-repeat: no-repeat; color: #ff5105; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.orange:hover { background-image: url(../img/puce_titre_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }
a.violet { height: 15px; background-image: url(../img/puce_titre_violet.gif); background-repeat: no-repeat; color: #8320b1; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.violet:hover { background-image: url(../img/puce_titre_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }
a.vert { height: 15px; background-image: url(../img/puce_titre_vert.gif); background-repeat: no-repeat; color: #84b211; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.vert:hover { background-image: url(../img/puce_titre_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }
a.bleu { height: 15px; background-image: url(../img/puce_titre_bleu.gif); background-repeat: no-repeat; color: color: #1e77a6; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.bleu:hover { background-image: url(../img/puce_titre_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }
h3.plan { font-size: 1.1em; font-weight: bold; margin: 0; padding-bottom: 5px;}

.finBlocTop { clear: both; text-align: right; background-image: url(../img/bas_encart_fleche.gif); background-repeat: no-repeat; width: 544px; margin-top: 20px; margin-bottom: 20px;}
.pointille { clear: both; background-image: url(../img/pointille.gif); background-repeat: no-repeat; width: 535px;  /*padding-top: 10px;*/ }
.blocFiletTop { clear: both; float: left; padding-top: 10px; width: 535px; margin-top: 5px; border-top: 2px solid #61787e; }

a.flecheOrange { height: 13px; background-image: url(../img/fleche_couleur_orange.gif); background-repeat: no-repeat; color: #ff5105; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheOrange:hover { background-image: url(../img/fleche_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }

a.flecheViolet { height: 13px; background-image: url(../img/fleche_couleur_violet.gif); background-repeat: no-repeat; color: #8320b1; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheViolet:hover { background-image: url(../img/fleche_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }

a.flecheVert { height: 13px; background-image: url(../img/fleche_couleur_vert.gif); background-repeat: no-repeat; color: #84b211; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheVert:hover { background-image: url(../img/fleche_gris.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }

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

/*-------------------------------------------------
			  Styles contenu de la page
--------------------------------------------------*/

/* nouveau portail - janvier 2006 */
#contenu {
width : 750px ;
font-size: 1.1em;
padding-left: 0px;
}
#contenu h2 {
font-size : 1.1em ;
font-weight : bold ;
}
#blocHaut {
padding-top : 5px ;
width : 750px ;
}
#hautGauche{
width : 180px ;
float : left ;
padding : 10px 20px  ;
}
#hautDroite {
width : 530px ;
float : right ;
}
#search {
margin-left : 0px ;
width : 520px ;
padding-bottom : 10px ;
}
#depFr_locOut {
border-top : 2px dotted #536d7a ;
padding-top : 10px ;
clear : left ;
width : 520px ;
}
#depFr {
width : 250px ;
float : left ;
margin-left : 0px ;
margin-right : 5px ;
}
#locOut{
width : 240px ;
float : right ;
}
#portailSepar {
width : 750px ;
height : 15px ;
clear : both ;
}
#blocBas {
width : 750px ;
clear : both ;
border-bottom : 15px solid #fff ;
}
#basGauche{
width : 220px ;
float : left ;
padding-top : 30px ;
text-align : center ; }
}
.accessiweb {
border : 0px ;
}
#basDroite {
margin : 0 ;
width : 520px ;
float : right ;
background : #eeeff0 url(../img/milieu.gif) left top repeat-y ;
padding : 5px ;
}
#ongletsHaut {
margin : 0 ;
width : 530px ;
float : right ;
height : 6px ;
background : #eeeff0 url(../img/ongletsHaut.gif) left top no-repeat;
}
#actus {
clear : both ;
width : 520px ;
}
#actuFr {
margin-left : 5px ;
width : 240px ;
float : left ; 
}
#news {
float : right ;
width : 245px ; 
margin-right : 5px ;
}
#ongletsBas {
width : 530px ;
float : right ;
height : 10px ;
background : #fff url(../img/ongletsBas.gif) left top no-repeat;
}
.linkinternational { font-size: 1.2em; color: #84b211; font-weight: bold; text-decoration: none; }
a.linkinfo { font-size: 1.2em; color: #18469d; font-weight: bold; text-decoration: none; }
a.linkinfo:hover { font-size: 1.2em; color: #536d7a; font-weight: bold; text-decoration: none; }

/* Titre de paragraphe */
/*h1 { font-size: 1.6em; font-weight: bold; background-image: url(../img/puce_titre.gif); background-repeat: no-repeat; margin-top: 0;}
h2.orange { font-size: 1.3em; font-weight: bold; background-image: url(../../particulier/img/puce_titre.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 3px; margin-top: 0;}
h2.violet { font-size: 1.3em; font-weight: bold; background-image: url(../../entreprise/img/puce_titre.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 3px; margin-top: 0;}
h2.vert { font-size: 1.3em; font-weight: bold; background-image: url(../../international/img/puce_titre.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 3px; margin-top: 0;}
h2.bleu { font-size: 1.3em; font-weight: bold; background-image: url(../../uk/img/puce_titre.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 3px; margin-top: 0;}*/
.blocGauche h2, h3 { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; margin-top: 12px; }
.floatRight h2, .floatRight_v2 h2, h4 { font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
.chapeau { font-size: 1em; padding-bottom: 5px; }

.finBlocGen505 { clear: both; background-image: url(../img/bas_encart_505.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;}
.pointille505 { clear: both; background-image: url(../img/pointille_505.gif); background-repeat: no-repeat; }

a.flecheOrange { height: 13px; background-image: url(../img/fleche_couleur_orange.gif); background-repeat: no-repeat; color: #ff5105; font-weight: bold; text-decoration: none; padding-left: 15px; }	 
a.flecheOrange:hover { background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }

/* Liens vers les différents domaines*/
a.linkparticulier { font-size: 1.2em; color: #ff5105; font-weight: bold; text-decoration: none; }
a.linkparticulier:hover { font-size: 1.2em; color: #536d7a; font-weight: bold; text-decoration: none; }
a.linkentreprise { font-size: 1.2em; color: #8320b1; font-weight: bold; text-decoration: none; }
a.linkentreprise:hover { font-size: 1.2em; color: #536d7a; font-weight: bold; text-decoration: none; }

/*a.linkinternational { font-size: 1.2em; color: #84b211; font-weight: bold; text-decoration: none; }
a.linkinternational:hover { font-size: 1.2em; color: #536d7a; font-weight: bold; text-decoration: none; }*/
a.linknews { font-weight: bold; color: #536d7a; text-decoration: none; }
a.linknews:hover { color: #536d7a; text-decoration: none; }
/* Liens courants dans la page */
a { color: #536d7a; text-decoration: underline; }
a:hover { color: #536d7a; text-decoration: none; }

.border { border: 1px solid #000000; }
.spacer { clear: both; }
.blocPage { padding-left: 10px; }					/* décalage pour le contenu de la page */
/*.blocPadding { padding: 15px; }*/

.floatLeft { float: left; padding-right: 10px; /*width: 94px;*/ }
.floatRight { float: right; width: 181px; /*height: 181px; */}
.floatRight_v2 { float: right; width: 181px; }

.blocGauche { float: left; width: 255px; padding-right: 5px; padding-bottom: 10px; border-right: 1px dotted #b9b9b9;  background-color: #fff;}*/
/*.blocGauche { float: left; width: 255px;  padding-right: 5px;}*/
.blocDroiteRef { float: right; width: 305px; padding: 15px; padding-top: 0px;}			/* bloc colonne gauche */
.blocDroite { float: right; width: 305px; padding: 15px; /*border-left: 1px dotted #b9b9b9;*/ border-top: 1px dotted #b9b9b9; background-color: #f5f5f5; background-image:  url(../img/triangle_cote.gif); background-repeat: no-repeat; background-position: right top;
}
.pointille250{ float: left; background-image: url(../img/pointille_250.gif); background-repeat: no-repeat; width: 250px; padding-top: 10px;}

/*.blocGaucheBas { float: left; width: 240px; }*/
.blocGaucheBas { float: left; width: 260px; }
/*.imgCoinGauche { width: 240px; text-align: right; }*/
.imgCoinGauche { width: 260px; text-align: right; }
.blocDroiteBas { float: right; width: 336px; background-color: #f5f5f5; }	

.alignGauche { text-align: left; }
.alignDroite { text-align: right; }

/*.blocGaucheEncart { float: left; width: 100px; }*/	/* bloc petite colonne gauche */
/*.blocDroiteEncart { float: right; width: 170px; }	*//* bloc colonne droite */

/* Styles pour les encarts gris avec coin bas retourné */
.blocGris { background-color: #e9eaec; width: 305px; margin-top:7px;}
.bloc { padding: 10px; }
.blocFrHaut { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom:0px; height:90px}
.blocEnBas { padding-left: 10px; padding-right: 10px; padding-top:10px; padding-bottom:0px; height:80px; clear: both;}
.finBlocGris { clear: both; background-image:  url(../img/coin.gif); background-repeat: no-repeat; background-position: right bottom; }


/*-------------------------------------------------
			  Bandeau de Bas de page
--------------------------------------------------*/
.bandeauBas {
    width: 750px; clear: both;
    top: auto; right: 0; bottom: 0; left: 0;
	background-color: #cfcfcf; color: #5b6365; font-size: 1.2em;
}
/* bande gris foncé */
.bandeauGrisBas { background-color: #b8b9ba; width: 750px; height: 5px; }
/* bande gris foncé en bas de page */
.bandeauMargeGrisBas { background-color: #b8b9ba; width: 750px; height: 20px; clear: both; }

/* texte aligné à droite */
.alignDroite {
	line-height: 15px;	
	padding-right: 8px;
	background-color: #cfcfcf;
	text-align: right;
	width: 367px;
	float: right;
}
/* texte aligné à gauche */
.alignGauche {
	float: left;
	line-height: 15px;	
	background-color: #cfcfcf;
	padding-left: 8px;
	width: 367px;
	text-align: left;
}
a.lienBas { color: #5b6365; text-decoration: none; }
a.lienBas:hover { color: #5b6365; text-decoration: none; }


a.lienTxt {/* font-size : 1.2em;*/ color: #536d7a; text-decoration: underline; }
a.lienTxt:hover {/* font-size : 1.2em;*/ color: #536d7a; text-decoration: none; }

a.lienTxtBas { font-size : 1.1em; color: #5b6365; text-decoration: underline; }
a.lienTxtBas:hover { font-size : 1.1em; color: #5b6365; text-decoration: none; }

@media speech { .navCachee {display: block;} }


/*--------------------------------------------------------------------------
			  Bandeau d'indication de Navigation "petit Poucet"
----------------------------------------------------------------------------*/
a.lienNav { color: #5b6365; text-decoration: none; }
a.lienNav:hover { color: #5b6365; text-decoration: none; }
.activeNav { color : #5b6365; }

/*--------------------------------------------------------------
		 POPUP 
--------------------------------------------------------------*/
.pagePop { background-color : #ffffff; background-image: url(../../commun/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; }
.popup { width: 542px; float: left; background-color: #536d7a; }
.popFloatLeft { float: left; padding-right: 8px; text-align: right; padding-left: 440px;}
.popFloatLeftLien { float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 13px; }
.bandeauTitre { padding-left: 120px; }
.bandeauTitreBlanc { color: #fff; padding-left: 100px; float: left;}
.bandeauTitreNoir { color: #000; padding-left: 100px; float: left;}


.pageContenu { float: left; width: 468px; padding-right: 13px; padding-left: 24px; padding-bottom: 10px; font-size: 1.2em;}
/*.popNavigation { clear: both; float: left; width: 505px; margin-top: 5px; margin-bottom: 10px; margin-right: 13px; margin-left: 24px; }*/
.navigationPop { padding-left: 2px; float: left; width: 476px; padding-right: 2px; background-color: #e7ebec; color: #5b6365; font-size: 1em; font-weight: normal; text-decoration: none; text-align: left;}  
.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;}

.bandeauCouleur { width: 542px; margin-top: 25px; margin-bottom: 25px; padding-top: 5px; padding-bottom: 5px; float: left; background-color: #e7ebec; text-transform : uppercase; font-size: 1.8em; color: #536d7a;}
.imprimer { float: right; width: 20px; height: 16px; padding-left: 5px; background-color: #fff; text-align: right; }
.page404 { float: left; /*width: 468px; */padding: 40px; font-size: 1.2em; txt-align: center; padding-left: 188px; padding-right: 100px;}
/*--------------------------------------------------------------
		 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 { 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;}
.printFloatRight { float: right; padding-right: 13px; /*padding-top: 5px;*/ padding-bottom: 5px;}
.titrePrint { padding-left: 24px; }
.titrePrintCouleur { padding-left: 24px; color: #fff;}
.printContenu { float: left; width: 515px; padding-left: 14px; padding-bottom: 10px; font-size: 1.2em;}
.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; }

/*------------------------------------------------------------
                            LOGO ACCESSIBILITE - ajout le 20/12/05
------------------------------------------------------------*/
.logoAccessib { margin-top : 30px ; text-align : right ; }
.logoAccessib img {border : 0px ; bottom: 0 px; }

/*--------------------------------------------------------------
                               LOGO Accessiweb - page Aide - 22/12/05 
------------------------------------------------------------------*/
.logoAccessibAide {float : right ; margin-top : -15px ; margin-right : 5px}
.logoAccessibAide img {border : 0px ; }