/* CSS Document */
/****************************************************************************************
*	PRESENTATION GENERALE
*****************************************************************************************/

/*styles par défault des images*/
img {border-width:0px;}

/*styles par défault des formulaires*/
input.radio { border: 0px; padding-left:0; }
input.checkbox { border: 0px}
.navCachee { display: none; }
.inline { display: inline; }
.input { padding-top: 1px; margin-right: 5px; }
.leftRadio { float: left; padding-right: 10px; padding-top: 10px; }
.inputModule { width: 100px;}
.selectModule { width: 112px; padding-left: 5px; padding-right: 5px; } /* Pour que le select dans la page de module prenne les memes caracteristiques que les input text*/
.fieldsetSearch { border-width: 0px; }


/*------------------------------------------------------------------
		Images stop & play pour le flash
-------------------------------------------------------------------*/
.stopPlay {padding-top: 5px;}

/*------------------------------------------------------------------
		Bandeau Titre La Poste Courrier International
-------------------------------------------------------------------*/
.bandeauLPCI { width : 740px; clear: both; margin-top: 5px; padding-top:8px; padding-bottom:5px; text-transform : uppercase; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 1.8em; } 
.bandeauOiseau { width: 101px; float: left; /*text-indent: 220px; */}

.logoBlanc {float : left ; margin-right : 4px ;}

/*----------------------------------------------
			  Bandeau Animation Flash
-----------------------------------------------*/
.bandeauTotal {width: 750px; /*height: 130px;*/ }
.bandeauEnTete { background-color: #90a1a9; clear: both;}
.bandeauDroite-dec05 { width: 524px; /*height: 130px;*/ float: right; /* background-color: #fff; */ } 
/*.bandeauAnim { width: 560px; height: 108px; float: left; background-color: #fff; } */
.bandeauAnim-dec05 { width: 524px; height: 108px; /* background-color: #fff; */ }


/*----------------------------------------------
			  Bandeau en-dessous de l'Animation Flash
-----------------------------------------------*/
.bandeauSousAnim-dec05 { width: 524px; /*height: 22px; */ }


/*----------------------------------------------
			  Bandeau Logo LPCI
----------------------------------------------- */
/*.bandeauLogo { width : 190px; height : 70px; text-indent: 18px; float: left; padding-top : 38px; background-color: #90a1a9; }
.bandeauLogo { width : 190px; height : 71px; text-indent: 18px; float: left; padding-top : 18px; background-color: #90a1a9; }
*/
.bandeauLogo-dec05 { width : 226px; height : 130px; float: left; /* background-color: #90a1a9; */ }
/*-------------------------------------------------------------
			  Bandeau Liens Suivre, Recherche....
--------------------------------------------------------------*/
.bandeauLiens { padding-right: 13px; padding-top: 16px; clear: both; margin-bottom: 21px; }
.listeLiens { width: 470px; padding-top: 1px; padding-bottom : 1px ; float: right; /* Hide from IE-Mac \*/ text-align: right; 	/* End hide */	} 

/*--------------------------------------------------------------------------
			  Bandeau d'indication de Navigation "petit Poucet"
----------------------------------------------------------------------------*/
.bandeauNavigation { clear: both; float: right; width: 520px; margin-top: 15px; margin-bottom: 10px; margin-right: 13px; }


/*---------------------------------------------------------
			  Bandeau des pictos de menus
-----------------------------------------------------------*/
.bandeauImgMenu { clear: left; width: auto; height: auto; float: left; padding-left: 24px; margin-top: 15px;}

/*-------------------------------------------------
			  Bandeau liste du menu
--------------------------------------------------*/
.spacer { clear: both; }
.spacerLeft { clear: left; }

/*--------------------------------------------------------------------
			  Bandeau des liens Imprimer / Sélectionner...
---------------------------------------------------------------------*/
.liensBottom { float: left; /* width: 200px */ padding-right : 4px ; text-align: left; }			

/*-------------------------------------------------
			  Bandeau contenu de la page
--------------------------------------------------*/

.bandeauContenu { float: right; clear: right; width: 520px; font-size: 1.2em; padding-right: 13px; padding-left: 0px; padding-top: 6px; padding-bottom: 10px; margin-bottom: 10px; }

.legendeImg { text-align: left; font-size: 0.9em; padding-top: 3px; padding-bottom: 10px; margin: 0; }

/* Styles pour les éléments décoratifs */
.topPage { float: right; width: 15px; height: 10px; padding-left: 5px; padding-bottom: 5px; text-align: right; }

/* Styles pour les encarts gris et violets avec coin bas retourné */
.boxLinkEncart { padding-left: 10px; padding-right: 10px; padding-bottom: 3px; font-weight: bold; }
.blocTxtEncart { padding-left: 10px; padding-right: 10px;  padding-bottom: 5px; }

/*-------------------------------------------------
			  Contenu de la page générique
--------------------------------------------------*/
.margeLeft { padding-left: 10px; }
.margeSmallLeft { padding-left: 5px; }
.margeRight { padding-right: 5px; }
.margeGauche { padding-left: 20px; }
.margeDroite { padding-right: 20px; }
.margeHaut { padding-top: 5px; }
.margeBas { padding-bottom: 7px; }
.margeTxt { padding-top: 5px; padding-bottom: 10px; }
.margeTitre{ padding-top: 5px; padding-bottom: 5px; }	
.margeImg { margin-top: 10px; marging-bottom: 10px; }	
.floatLeft { float: left; }

.floatRight { float: right; }
.alignCenter { text-align: center; }
.margeValid { padding-left: 110px; }
.margeMotif {/* padding-left: 57px; */}
.margeContact { padding-left: 133px; }

.bloc {/*float: left;*/ padding-left: 15px; width: 505px;}
.blocGaucheGen {float: left; width: 505px; padding-top: 5px;}
.blocDroiteGen { float: right; padding: 5px; padding-right: 0; width: 162px; }
.blocGaucheTxtGen {float: left; width: 328px; padding: 0;}	
.blocLeft363 {float: left; display:block; width:363px;}	
.blocRight214 {float: right; display:block; width:214px;}	
.blocLeft214 {float: left; display:block; width:214px;}	
.blocGaucheGenCol {float: left; padding-right: 15px; width: 245px; }	
.blocDroiteGenCol { float: right; width: 245px; }	

.imgFloatLeft { float: left; padding-right: 10px; }
.imgLegLeft { float: left; padding-right: 10px; width: 132px;}
.imgFloatRight { float: right; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.blocLeftImg { float: left; padding-bottom: 10px; padding-left: 10px; width: 300px;}
.blocRightImg { float: right; padding-bottom: 10px; padding-left: 10px; padding-top: 5px; }

.tiret { text-indent: 15px; }

/*--------------------------------------------------------------
                               ERREUR - ajout le 20/12/05 
------------------------------------------------------------------*/
.erreur {color : red ;}

/*--------------------------------------------------------------
		PAGE HOME
--------------------------------------------------------------*/
.blocGaucheHome { float: left; padding-left: 15px; padding-right: 0px; width: 328px; }
.accueil {padding: 5px; width: 338px} 

/*--------------------------------------------------------------
		PAGE MARKETING
--------------------------------------------------------------*/
.blocLeftImgTitre { float: left;  padding-right: 10px; }
.titreEtapeMarketing { /*float: left;*/ padding-top: 7px; padding-left: 5px; }	
.textBlocMarketing { clear: both; padding-left: 38px; /*padding-top: 5px;*/}
.blocFlecheVerticale { float: left; width: 28px; padding-left: 5px; padding-top: 20px; }
.blocTextGaucheMarketing { float: left; width: 294px; padding-top: 10px; padding-left: 4px; } 
.blocTextMarketing { float: left; width: 485px; padding: 10px; }
.menuMarketing { padding-top: 10px; padding-bottom: 10px; }
.menuFlecheMarketing { padding-top: 10px; padding-left: 3px; padding-right: 3px; float: left; }	

.blocLiensGauche { float: left; width: 222px; }
.blocLiensDroite { float: right; width: 222px; }

/*--------------------------------------------------------------
		PAGE GAMME ACCESS (PRODUIT)
--------------------------------------------------------------*/
.blocGaucheProduit {float: left; padding: 0; width: 328px; }	
.blocDroiteProduit { float: right; padding: 5px; width: 162px; padding-right: 0; }	
.blocDroiteProduitMenu { float: right;  padding-top: 5px; width: 166px; margin-bottom: 10px; }
.menuProduit { height: 33px; margin-top: 5px; margin-bottom: 5px; }	

/*--------------------------------------------------------------
	SPECIAL
--------------------------------------------------------------*/
@media speech {  .navCachee {display: block;} 
#flashmovie {display: none;} }

/*-------------------------------------------------------------
	Page Formulaire contact
--------------------------------------------------------------*/
.inputContact { width: 300px;}
.inputContactS { width: 150px;}
.blocContact {float: left;  width: 95%; padding-top: 5px; text-align: right; } 
.blocContactS {float: left;  width: 80%; padding-top: 5px; text-align: right;}

/*-------------------------------------------------------------
     Page le plan du site
--------------------------------------------------------------*/ 
.gris { background-image: url(../img/fleche_grise.gif);  background-repeat: no-repeat; color: #61787e; font-weight: bold; text-decoration: none; padding-left: 15px; }

/*-------------------------------------------------------------
     Page cotations
--------------------------------------------------------------*/
.blocCotations { width: 100%; padding-top: 5px; text-align: right; } 
.blocGaucheCalcul { float: left; /*padding-right: 10px;*/ width: 276px; }	
.blocCalcul {float: left;  width: 90%; padding-top: 5px; text-align: right; } 
#estimate .submit { margin : 0 10px }

/*--------------------------------------------------------------
		 POPUP 
--------------------------------------------------------------*/
.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; }
.pageContenu { float: left; width: 468px; padding-right: 13px; padding-left: 24px; padding-bottom: 10px; font-size: 1.2em;}
/*.navigationPop { padding-left: 2px; float: left; }*/
.popNavigation { clear: both; float: left; width: 505px; margin-top: 5px; margin-bottom: 10px; margin-right: 13px; margin-left: 24px;  }

/*--------------------------------------------------------------
		 PRINT 
--------------------------------------------------------------*/
.printFloatRight { float: right; padding-right: 13px; /*padding-top: 5px;*/ padding-bottom: 5px;}
.titrePrint { padding-left: 24px; }
.printContenu { float: left; clear: left; width: 515px; padding-left: 14px; padding-bottom: 10px; font-size: 1.2em;}
.imprimer a.lien {color : #000 ; font-size : 0.9em ; text-decoration : underline ;}

/*--------------------------------------------------------------
		 MODULE DE CALCUL  cf également css entreprise et particulier
--------------------------------------------------------------*/

.retrait { margin-left: 20px; }
ul.remarques { margin-top: -15px}
a.retour { text-decoration: none; border : solid 1px rgb(97, 120, 126); color: rgb(91, 99, 101); padding-left: 5px; padding-right: 5px;}
submit.retour { background-color : #fff }

td.entete { font-size: 1.1em;}

p.achat a {  color : #fff ; font-weight : bold }
p.achat a:hover { color : #f9fafa ; font-weight : bold}

/* ---------------------------------------------------------------
                             HEURES DANS LE MONDE
----------------------------------------------------------------- */
.heures { width : 505px ; clear : both ;}
.heures1 { width : 250px ; float : left ;  text-align : center ; }
.heures2 { width : 105px ; float : left ;  text-align : center ; }
.heures3 { float : right ; width : 250px ; text-align : center ; }
.heures4 { width : 180px ; float : left ;  text-align : center ; }
.heures5 { width : 145px ; float : left ;  text-align : center ; }
.heures6 { float : right ; width : 180px ; text-align : center ; }
p.calculer { text-align : right ; padding-right : 40px ; clear : both ;}
p.gmt { text-align : left ; clear : both ;}
.heures input { text-align : center }


/* --------------------------------------------------------------
                    Choix de l'horloge dans la tétière
-------------------------------------------------------------- */
#choixHorloge {
text-align : right ;
padding-right : 40px ;
}
#choixHorlogeENG {
text-align : right ;
padding-right : 110px ;
}
#choixHorloge label, #choixHorlogeENG label {
font-weight : bold ;  color : #61787e; /* color : #949797 ;*/
}

/* -------------------------------------------------------------
                   Module MD V2 (id 144)
------------------------------------------------------------- */
.formModuleMD {
width : 420px ;
}
.formModuleMD .inputModule{
width : 164px ;
}
.formModuleMD .selectModule{
width : 176px ; padding-left : 10px ; padding-right : 0px ;
}

/* ---------------------------------------------------------------
                         Encart sécurisé
---------------------------------------------------------------- */
#encartSecu 
{margin : 0 ; padding : 0 ; }
.fieldsetEncart 
{margin : 0 ; padding: 0 ; border-width : 0px ;}
#encartSecu legend 
{margin : 0 ; padding : 0 ; color : #fff ;}
#encartSecu img 
{margin-bottom : 2px ;}
.ulSecu
{clear : both ;margin-top : 2px ;}

/*-------------------------------------------------------------
	Page Formulaire contact - version août 2006
--------------------------------------------------------------*/
/* ---- Encart sur la page sommaire Contact ---- */
form#ContactLaPoste {
margin-top : 0
}

#ContactLaPoste .submit {
float : right ; margin-bottom : 5px ; margin-top : 5px ;
}
#ContactLaPoste label.txtGrisbold{
font-weight : bold ; color : #61787e ;
}
.blocImageDroite img {float : right ; margin-left : 6px}

/* --- Encart de redirection ---*/
.blocRedirectContact {/*float: left; padding-top: 1px; padding-bottom: 2px; */ width: 505px; margin-bottom: 2px;}
.blocRedirectContact .blocIntroGen {padding-bottom: 3px; margin-bottom: 2px; height : 2px ;}
.titreRedirect { margin-top : 5px ; font-weight : bold ; color : #61787e ; }


/* ---- formulaire ---- */
#formulaireContact .inputContact2, #formulaireContact .inputContact { width: 230px; margin-right : 33px}
#formulaireContact .formContact {clear : both ; text-align : right ; width: 505px; padding-top: 5px;}
#formulaireContact label { text-align : right ; font-weight : bold ; color: #61787e; font-size: 1em; padding-right: 3px; vertical-align: top; white-space : normal }
#formulaireContact .adresse {margin-right : 380px ; font-weight : bold ; font-weight : bold ; color: #61787e; font-size: 1em;}
#formulaireContact #cp {width : 160px ; float : left }
#formulaireContact #numero, #formulaireContact #codepostal  {width : 40px }
#formulaireContact #ville , #formulaireContact #adresse {width : 230px ;}
#formulaireContact #tel, #formulaireContact #fax {width : 73px}

#formulaireContact #coclico, #formulaireContact #siret { margin-right : 10px } 
#formulaireContact img { margin-right : 7px } 

#formulaireContact #codepostal {margin-right : 20px }
#formulaireContact #tel {margin-right : 36px}
#formulaireContact #numero {margin-right : 28px}

#formulaireContact .labelMsg {float : left ; width : 160px ; text-align : right ;  margin-left : 65px ;}
#formulaireContact #message {float : right }

#formulaireContact #condition { border : none }

#formulaireContact fieldset { padding : 0 0 0 5px ; border-bottom : 0px ; border-right : 0px ; border-left : 0px ;}
#formulaireContact fieldset legend { padding : 0 2px ;}

#formulaireContact .baseline { vertical-align : baseline }

#pictoContact {
float : left ; padding-right : 5px ;
}

fieldset#FormAdresse {clear : both ; border : 0 ; padding : 0 ; margin : 0}

.formContact .erreur {margin-right : 60px}
.formContact #cp .erreur {margin-right : 0}
.formContact #civi .erreur {margin-right : 0}
#civi {margin-left : 10px; float : left}


/* ----------------------------------------------------------------
                       Inscription à Mon Site
---------------------------------------------------------------------*/ 
.inputMonSite { width : 300px ; }
.blocMonSite { float: left;  width: 95%; padding-top: 5px; text-align: right; } 
.blocMonSite input#accepter { border : 0px }

/* ----------------------------------------------------------------
                       Inscription à Mon Site Version octobre 2006
---------------------------------------------------------------------*/ 

#formFEuser .blocMonSite { clear : both;  width: 505px; padding-top: 5px; text-align: right; }
#formFEuser .blocMonSite2 { float : left ;  width : 150px ; padding-top: 5px; text-align: right; }
#formFEuser .blocMonSite2VI { float : left ;  width : 140px ; padding-top: 5px; text-align: right; }
#formFEuser .blocMonSite3 { float : right ; width : 350px ;  padding-top: 5px; text-align: right; }
#formFEuser .blocMonSite3VI { float : right ; width : 360px ;  padding-top: 5px; text-align: right; }
#formFEuser .blocMonSite4 { clear : both ; width : 505px ;  padding-top: 5px; text-align: left; }

#formFEuser .blocMonSite .erreur { margin-right : 33px }

#formFEuser fieldset { padding : 0 0 0 5px ; /*margin-bottom : 10px ; */border-bottom : 0px ; border-right : 0px ; border-left : 0px ;}
#formFEuser .inputMonSite { width : 230px ; margin-right : 43px }
#formFEuser label { text-align : right ; font-weight : bold ; color: #61787e; font-size: 1em; padding-right: 3px; vertical-align: top; white-space : normal }

#formFEuser #numero, #formFEuser #zip  {width : 40px }
#formFEuser #numero  { margin-right : 10px }
#formFEuser #zip  { margin-right : 10px }

#formFEuser #coclico, #formFEuser #siret { margin-right : 10px } 
#formFEuser img { margin-right : 17px } 

#formFEuser #country  { margin-right : 43px }

#formFEuser input#accepter { border : 0px }

#formFEuser .blocMonSite .erreur { margin-right : 43px ;}
#formFEuser .blocMonSite2 .erreur { margin-right : 0px ;}
#formFEuser .blocMonSite3 .erreur { margin-right : 43px ; }

/* test */
.fondBlanc { background-color : #fff }

#formFEuser #caseAccepter { height : 30px ; float : left }
#formFEuser  .blocMonSite4 { width : 460px }

#FEuserConfirm h3.color { font-size : 1.1em ; margin : 0 ; padding : 0 ;margin-bottom : 4px ;}
#FEuserConfirm .margeBas {margin-left : 5px ;}

/* -----------   Pop up du BO e-alertes ------------------------ */ 

label.commClient { color : red }
textarea.commClient { border : 1px solid red }
div#Imprim font, div#Imprim .eAlmodif  { text-decoration : underline }
.modif { border-top : 1px solid #8320b1 ; margin-top : 5px ; padding-top : 5px  }
.modif label { font-weight : bold ;  }
.modif .erreur { font-weight : bold ; color : red ;}


/* Différents éléments de couleur */
.colorRed, .red {color : red}
.colorGreen, .green, .eAlmodif {color : #019208 }
.colorOrange {color : #ff6900 }

.colorRed:hover, .red:hover {color : red}
.colorGreen:hover, .green:hover, .eAlmodif {color : #019208 }
.colorOrange:hover {color : #ff6900 }


/* -------------- Fiches Pays - modifs septembre 2006 ---------------- */

/* menu à droite */
.rubPays { margin-bottom : 6px ; }

/* Eléments de placement  */
p.zoneTarif1 { margin : 0px ; padding : 0px }
p.zoneTarif2 { margin : 0px ; padding : 0px  ; text-align : center }
div.blocCarte {text-align : center ; padding-top : 7px }

/* Nouvelles couleurs des zones */
.zoneParme { color : #8A607A  }
.zoneBleu { color : #3257ac  }

.txtZone .zoneParme, .txtZone .zoneParme, .txtZone .zoneBleu, .txtZone .zoneBleu { font-weight : bold ; margin-top : 3px ; margin-bottom : 3px }

/* ------------- test décalages bizarres sur IE ------------ */
#renseignements, #infosPostales, #solutions, #objetsInterdits, #rensDouaniers, #joursFeries { width : 326px ; }

/* ---------------- Formalités douanières --------------- */
.paragraphe .imgFloatRight .blocCouleur {width : 162px ;}

.erreurAccept {color : red ; margin-top : 10px ; }

.accepterOverflow {
height : 240px ;
border : 1px solid #d4d0c8 ;
overflow : auto ;
padding : 4px ;
margin-top : 15px ;
}

div#AccepterRefuser input { font-size: 0.8em;  padding-left: 0px; padding-right: 0px;}

#btRetour { float : left ; margin-right : 0px  }
#btPoursuivre { float : right ;}


/* --------- IMAGE LIEN --------- */
.alignImageLien {
text-align:right;
padding-top : 10px ;
width : 160px ;
}