/*******Conteneur Global, passage en taille fixe**********/
body{
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:"Trebuchet MS", Verdana, Arial;
	text-align: center;
	/*background-color:#EAE1E9; 
	background-color: #f6e8bc;
	background-image:url(/include/images/site/2009/fd_ban.gif);*/
	background-image:url(/include/images/site/fond-page.gif);
	background-repeat:repeat-y;
	background-position:center;
}

html>body {
	font-size: 12px;
}
.positionV4 {
	margin-left: 180px;
	}

.tailleFixe {
	margin: 0pt auto;
	width: 995px;
	text-align: left;
	background-color:#FFFFFF;
}
/* ------------------------------------------------------------------------ */
/* ONGLETS */
/* ------------------------------------------------------------------------ */


#logo {
	margin-left: 24px;
	float: left;
}

#utile {
	position: absolute;
	top: 4px;
	right: 220px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

#utile ul {
	height: 26px;
	margin: 0;
	padding: 0;
	display: inline;
}

#utile li {
	list-style: none;
	display: inline;
}

#utile li a {
	padding-right: 10px;
}

#onglets {
	margin-left: 137px;
	height: 76px;
}

#banPANIER {
	position: absolute;
	top: 0;
	right: 12px;
	background: url("/include/images/site/ban/panier.png") no-repeat;
	width: 207px;
	height: 33px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-top:4px;
	white-space: nowrap;
}

/* #onglets a {
	background-image: url("/include/images/site/ban/menu1.png");
	background-repeat: no-repeat;
	height: 76px;
	text-decoration: none;
	float: left;
} */

#onglets a {
	float: left;
	background: url("/include/images/site/ban/menu1.png") no-repeat;
	height: 26px;
	color: #505050;
	font-size: 13px;
	font-weight: bold;
	padding-top: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}


#onglets a#accueil {
    background-image: 0px; -76px;
    width: 81px;
	background-position: left bottom;
}

#onglets a#accueil:hover {
      background-position: top left;
}

#onglets a#livres {
      background-position: -81px -76px;
      width: 74px;
}

#onglets a#livres:hover {
      background-position: -81px 0px;
}

#onglets a#jeunesse {
      background-position: -155px -76px;
      width: 94px;
}

#onglets a#jeunesse:hover {
      background-position: -155px 0px;
}

#onglets a#dvd-video {
      background-position: -249px -76px;
      width: 58px;
}

#onglets a#dvd-video:hover {
      background-position: -249px 0px;
}

#onglets a#jeux-video {
      background-position: -307px -76px;
      width: 102px;
}

#onglets a#jeux-video:hover {
      background-position: -307px 0px;
}

#onglets a#musique {
      background-position: -409px -76px;
      width: 87px;
}
#onglets a#musique:hover {
      background-position: -409px 0px;
}

#onglets a#service-photo {
      background-position: -496px -76px;
      width: 74px;
}

#onglets a#service-photo:hover {
      background-position: -496px 0px;
}

#onglets a#presse-magazines {
      background-position: -570px -76px;
      width: 150px;
}

#onglets a#presse-magazines:hover {
      background-position: -570px 0px;
}

#onglets a#vacances {
      background-position: -720px -76px;
      width: 96px;
}

#onglets a#vacances:hover {
      background-position: -720px 0px;
}

#ban_services a#location_dvd {
      background-position: 0 -22px;
      width: 117px;
}

#ban_services a#location_dvd:hover {
      background-position: 0 0;
}

#ban_services a#audiblefr { 
      background-position: -117px -22px;
      width: 98px;
}

#ban_services a#audiblefr:hover { 
      background-position: -117px 0;
}

#ban_services a#soutien-scolaire {
      background-position: -215px -22px;
      width: 132px;
}

#ban_services a#soutien-scolaire:hover {
      background-position: -215px 0;
}

#ban_services a#chapitre {
      background-position: -347px -22px;
      width: 118px;
}

#ban_services a#chapitre:hover {
      background-position: -347px 0;
}

#ban_services a#cinema {
      background-position: -465px -22px;
      width: 132px;
}

#ban_services a#cinema:hover {
      background-position: -465px 0;
}

#ban_services a#assurances {
      background-position: -597px -22px;
	  width: 104px;
}

#ban_services a#assurances:hover {
      background-position: -597px 0;
}

#ban_services a#financement {
      background-position: -701px -22px;
      width: 115px;
}

#ban_services a#financement:hover {
      background-position: -701px 0;
}

#ban_services {
	height: 32px;
	margin-top: 3px;
	margin-left: 137px;
}

#ban_services a {
	background: url("/include/images/site/ban/menu2.png") no-repeat;
	height: 18px;
	padding-top: 4px;
	text-decoration: none;
	float: left;
	color: #505050;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


/*********************************************************/
/*******************************/
/*RESET CSS*/
/*******************************/
.conteneurCompte * {margin:0; padding:0}

.conteneurCompte {background-color:#fff; color:#333;/* font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; line-height: 1em;*/}

.conteneurCompte p{font-size:1.1em; line-height:1.3em;}

.conteneurCompte a img {border:0}

.conteneurCompte ul, ul li {list-style:none}

.conteneurCompte ul {font-size:1.1em; line-height:1.3em;}

.conteneurCompte :focus {
	outline: 0;
}
/******************Liens*******************************/
/*.conteneurCompte a{text-decoration: underline;}*/
.conteneurCompte a:hover{text-decoration: none;}

.gauche a{text-decoration: underline;}
.gauche a:hover{text-decoration: none;}

/********Fixer la taille de police pour le menu gauche*********/
.gauche{font-size:12px; line-height:18px;}
/*reglages de taille de police*/
.boiteDroite{font-size:1em; line-height:normal;}

/*******************************/
/*Bandeau de l'espace compte - Titre, ariane et intro -*/
/*******************************/
.bandeauMoncompte{line-height:1.5em; color:#0d429a;}
.bandeauMoncompte p{font-size:1em; font-family:Verdana, sans-serif;}
.bandeauMoncompte h2{font-size:2em; line-height:1.5em;}

.bandeauMoncompte a.ariane{text-decoration:none; color:#0d429a; font-size:1.1em;}
.bandeauMoncompte a.ariane:hover{color:#669933; text-decoration:underline;}

/*******************************/
/*Cadres principaux - Gabarits */
/*******************************/
/*conteneur global*/
.conteneurCompte {width:800px; float:left;}
/*zone centrale*/
.compteContenuP {width:564px; float:left;}
/*zone droite*/
.compteContenuS {float:left;width:225px;  /*padding-left:17px*/}

/*******************************/
/*Boites couleurs zone principale*/
/*******************************/
/*****Boite bleue ombre******************************/
.conteneurCompte .bleuOmbre{ width:564px; background: url(/include/compte/images/bg-mid-bleuOmbre.gif) repeat-y;}
.conteneurCompte .bleuOmbre h3{height:47px; background:url(/include/compte/images/bg-top-bleuOmbre.gif) no-repeat;}
.conteneurCompte .bleuOmbre .piedBoite {height:24px; width:564px; background:url(/include/compte/images/bg-bot-bleuOmbre.gif) no-repeat;}

/*****Boite orange ombre******************************/
.conteneurCompte .orangeOmbre{ width:564px; background: url(/include/compte/images/bg-mid-orangeOmbre.gif) repeat-y;}
.conteneurCompte .orangeOmbre h3{height:51px; background:url(/include/compte/images/bg-top-orangeOmbre.gif) no-repeat;}
.conteneurCompte .orangeOmbre .piedBoite {height:25px; width:564px; background:url(/include/compte/images/bg-bot-orangeOmbre.gif) no-repeat;}

/*****Boite vert ombre******************************/
.conteneurCompte .vertOmbre{ width:564px; background: url(/include/compte/images/bg-mid-vertOmbre.gif) repeat-y;}
.conteneurCompte .vertOmbre h3{height:52px; background:url(/include/compte/images/bg-top-vertOmbre.gif) no-repeat;}
.conteneurCompte .vertOmbre .piedBoite {height:22px; width:564px; background:url(/include/compte/images/bg-bot-vertOmbre.gif) no-repeat;}

/******Conteneur commun des boites*****************************/
.conteneurCompte .boiteContenu{margin:0 20px 0 20px;}
.conteneurCompte .boiteContenu p{margin:5px 0 5px 0;}

/*******************************/
/*Styles communs*/
/*******************************/
/*formulaires*/
form input{border: 1px solid #ccc;}
form label{margin:0 10px 0 0;}
form li {margin:6px 0 6px 0;}

/*couleurs et styles de texte*/
.couleur{color:#0d429a;}/*bleu par défaut*/
.warn{color:#f00; font-size:1.2em; background-color:#fff; margin:10px 0 10px 0;}
/*utilitaires*/
.nettoyeur{clear:both;}

/*******************************/
/*Styles de la grande boite aide*/
/*******************************/
.conteneurCompte .aideVert{width:558px; background-color:#e9faab;}
.conteneurCompte .aideVert h3{width:558px;height:52px; background:url(/include/compte/images/bg-top-aideVert.gif) no-repeat left top;}
.conteneurCompte .aideVert .boiteContenu{margin:10px 0 0 0;}
.conteneurCompte .aideVert .piedBoite{width:558px; height:27px; background:url(/include/compte/images/bg-bot-aideVert.gif) no-repeat left top;}
/*******************************/
/*Styles de la petite boite verte générique*/
/*******************************/
.conteneurCompte .greenBox{position:relative; width:251px; margin:0 5px 10px 0; background:url(/include/compte/images/bg-mid-greenBox.gif) repeat-y left top; color:#708b13;}
.conteneurCompte .greenBox h4{display:block;width:206px; height:27px; padding:6px 0 0 45px; background:url(/include/compte/images/bg-top-greenBox.gif) no-repeat left top;}
.conteneurCompte .greenBox .boxPicto{position:absolute; top:-8px; left:-6px;}
.conteneurCompte .greenBox .boxContent{margin:8px 18px 0 15px;}
.conteneurCompte .greenBox .boxFooter{width:251px; height:33px; background:url(/include/compte/images/bg-bot-greenBox.gif) no-repeat left top;}
.IDerreur2 {
	color:#CC0000;
	font-weight: bold;
	border: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	margin-left: 180px;
	margin-right: 180px;
	}
.MEAidentFid {
	font-size: 12px;
	}

	

.conteneurCompte .compteContenuP {margin:4px 0 0 0;}
/*******************************/
/*boite suivi commande*/
/*******************************/
.conteneurCompte #suiviCommande {width:272px; background:url(/include/accueil_moncompte/images/bg-mid-suiviComm.gif) repeat-y top left; color:#f91e66}
.conteneurCompte #suiviCommande p{padding:5px 0 5px 24px;}
.conteneurCompte #suiviCommande ul{padding:0 0 0 24px; margin:0 0 20px 0;}
.conteneurCompte #suiviCommande li{margin:5px 0 0 0;}
.conteneurCompte #suiviCommande a{color:#f91e66; line-height:1.1em;}
.conteneurCompte #suiviCommande a.actif{font-weight:bold; line-height:1.7em;}
.conteneurCompte #suiviCommande a:hover{text-decoration:none;}
.conteneurCompte #suiviCommande .piedBoite{
	/*background:url(/include/accueil_moncompte/images/bg-bot-suiviComm.jpg) no-repeat bottom left;
	padding:10px 0 0 0
	*/
	height:20px;}

/*******************************/
/*boite infos perso*/
/*******************************/
.conteneurCompte #infosPerso {width:272px; float:left; background:url(/include/accueil_moncompte/images/bg-mid-infoPerso.gif) repeat-y top left;color:#0d429a;}
.conteneurCompte #infosPerso p {padding:0 0 0 24px;}
.conteneurCompte #infosPerso ul {padding:0 0 0 24px; margin:20px 0 0 0;}
.conteneurCompte #infosPerso li {margin:5px 0 0 0;}
.conteneurCompte #infosPerso a{color:#0d429a; line-height:1.2em;}
.conteneurCompte #infosPerso a:hover{text-decoration:none;}
.conteneurCompte #infosPerso .piedBoite{background:url(/include/accueil_moncompte/images/bg-bot-infoPerso.gif) no-repeat bottom left;height:36px}


/*******************************/
/*boite adresse livraison*/
/*******************************/
.conteneurCompte #adresseLivraison {width:272px; background:url(/include/accueil_moncompte/images/bg-mid-adresseLivr.gif) repeat-y top left;color:#ff7800;}
.conteneurCompte #adresseLivraison p {padding:10px 0 8px 24px;}
.conteneurCompte #adresseLivraison ul {padding:0 0 0 24px;}
.conteneurCompte #adresseLivraison li {margin:5px 0 0 0;}
.conteneurCompte #adresseLivraison a{color:#ff7800; line-height:1.2em;}
.conteneurCompte #adresseLivraison a:hover{text-decoration:none;}
.conteneurCompte #adresseLivraison .piedBoite{background:url(/include/accueil_moncompte/images/bg-bot-adresseLivr.gif) no-repeat bottom left; height:25px}

/*******************************/
/*boite aide*/
/*******************************/
.conteneurCompte #besoinAide {position:relative; width:563px; float:left; clear:both; height:142px; margin-top:10px; padding:0 0 0 0;}
.conteneurCompte #besoinAide p {padding:0 0 0 24px; color:#8eb509; line-height:1.1em;}
.conteneurCompte #besoinAide ul {padding:0 0 0 24px; }
.conteneurCompte #besoinAide h3 {margin:12px 0 0 30px;}
.conteneurCompte #besoinAide .gras {font-weight:bold; font-size:1.1em;}
.conteneurCompte #besoinAide p.cout {font-size:0.9em; margin-top:5px;}
.conteneurCompte #besoinAide #titreCont1 {margin: 41px 0 0 0;}
.conteneurCompte #besoinAide #titreCont2 {margin: 64px 0 5px 23px;}
.conteneurCompte #besoinAide #rubAide {width:237px;height:136px;float:left; background:url(/include/accueil_moncompte/images/bg-mid-aide_vc.gif) repeat-x top left;}
.conteneurCompte #besoinAide #rubAide .picto {position:absolute; top:-6px; left:0; width:44px; height:142px; background:url(/include/accueil_moncompte/images/bg-pic-besoinAide.gif) no-repeat top left;z-index:10;}
.conteneurCompte #besoinAide #rubAide p {margin:5px 0 0 30px; font-size:1em;}
.conteneurCompte #besoinAide #rubAide .gras{margin-bottom:11px;}
.conteneurCompte #besoinAide #rubAide .btnLien {margin:0 0 0 56px;}
.conteneurCompte #besoinAide #contactezNous {width:198px;height:136px;float:left; background:url(/include/accueil_moncompte/images/bg-mid-aide_vf.gif) repeat-x top right;}
.conteneurCompte #besoinAide #contactezNous .picto {float:left; width:48px; height:136px; background:url(/include/accueil_moncompte/images/bg-pic-aideContact1.gif) no-repeat top left;}
.conteneurCompte #besoinAide #contact {width:128px;height:136px;float:left; background:url(/include/accueil_moncompte/images/bg-pic-aideContact2.gif) no-repeat top left;}
.conteneurCompte #besoinAide #contact .btnLien {padding-top:6px; margin:0px 0 0 27px; z-index:10;}

/*******************************/
/*boite avantages*/
/*******************************/
.conteneurCompte .compteContenuS{margin-left:11px;}



/*******************************/
/*boite avantages*/
/*******************************/
.conteneurCompte .compteContenuS #avantages_main{background: url(/include/accueil_moncompte/images/bg-mid-avantagesC.gif) repeat-y;}
.conteneurCompte .compteContenuS {z-index:10;}
.conteneurCompte .compteContenuP {z-index:100;}
/*.conteneurCompte .compteContenuS a{color:#ea0d9f;}*/
.conteneurCompte .compteContenuS a:hover{text-decoration:none;}
.conteneurCompte .compteContenuS .introBoite {line-height:1.1em; margin:5px 0 5px 0; font-size:1em; color:#ea0d9f;}
.conteneurCompte .compteContenuS p {padding:0 20px 0 11px; margin:5px 0 0 0; font-size:1.1em; line-height:1.1em; color:#7e7878;}
.conteneurCompte .compteContenuS ul {padding:0 20px 0 24px;}


.conteneurCompte .compteContenuS .avantagesSep{background: url(/include/accueil_moncompte/images/bg-sep-avantagesC.gif) no-repeat center left; width:100%; height:5px; padding:3px 0; clear:both}

.conteneurCompte .compteContenuS #cadeauParrainage {float:right; margin:-15px 20px 0 0; z-index:10;}




/*PAULINE Décembre 2009 */
a .nolien {
	text-decoration:none;
	}
#UGLYdroite {
	float:right;
	}
#parrainage{
	background: url(/include/accueil_moncompte/images/bg-boutiques.gif) repeat-y; 
	width:272px;
	text-align:center;
	}
#parrainage img a {
	text-decoration:none;
	}
#parrainage .texte {
	margin-left: 10px;
	margin-right: 10px;
	}
#parrainage .hautBoite{
	background:url(/include/accueil_moncompte/images/bg-boutiques-top.gif) no-repeat top left; 
	height:13px;
	}
#parrainage .piedBoite{
	background:url(/include/accueil_moncompte/images/bg-boutiques-bas.gif) no-repeat top left; 
	height: 14px;
	}
/* PARRAINAGE - Pauline Décembre 2009 */
#boutiques{
	background: url(/include/accueil_moncompte/images/bg-boutiques.gif) repeat-y; 
	width:272px;
	}
#boutiques .hautBoite{
	background:url(/include/accueil_moncompte/images/bg-boutiques-top.gif) no-repeat top left; 
	height:13px;
	}
#boutiques .piedBoite{
	background:url(/include/accueil_moncompte/images/bg-boutiques-bas.gif) no-repeat top left; 
	height: 14px;
	}
#boutiques h4 {
	margin-left: 8px;
	}
#boutiques #carteFrance {
	float:right; 
	margin:-15px 15px 0 0;
	width:36px; 
	height:36px;
	background:url(/include/accueil_moncompte/images/bg-img-france.gif) no-repeat top left;
	}
#lbl-boutique-dep {
	color:#ea0d9f; 
	line-height:1.1em; 
	float:left; 
	width:150px; 
	display:inline;
	margin-left: 8px;
	margin-top: 10px;
	}
#boutique-dep {
	width:25px;
	margin-top: 10px;
	float:left; 
	display:inline;
	}
#btnOk {
	display:inline; 
	background:url(/include/accueil_moncompte/images/img-btnBoutiques-ok.gif); 
	width:22px; 
	border:none;
	margin-top: 10px;
	margin-left: 4px;
	}
#boutiques a.listeBoutiques {
	display: block;
	margin-left:8px;
	color: #ea0d9f;
	font-weight: bold;
	margin-bottom: 10px;
	}
#boutiques form {
	margin-bottom: 10px;
	}
#pictoDoc {
	float: right;
	margin-right: 9px;
	margin-bottom: 0;
	margin-top:-20px;
	}
p.receptionCatalogue {
	width:150px; 
	padding-bottom:5px;
	margin-left: 8px;
	color: #666666;
	}
p.receptionCatalogue a{
	color: #666666;
	}