/* CSS Document */

body{
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(/include/images/site/fond-page.gif) repeat-y center;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

.titre {
	color: #990066;
}

img {
	border: none;
}

.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

/****************** Pour clearer les float ******************/

#corps, .MEAautres, .MEAarticle, .box, .colonne, #GB_corps {
	overflow: hidden;
	height: 1%;
}

/*
#IE6 #corps {
	width: 635px;
}


#IE6 #corps.deux-col {
	width: 800px;
}
*/
/****************** Structure ******************/

/* ========= page ========= */

#page {
	margin: 0pt auto;
	width: 995px;
	text-align: left;
	background-color:#FFFFFF;
	position: relative;
	overflow: hidden;
}

/* ========= corps ========= */

/*Bandeau sur toute la largeur de la page*/

#bandeau-boss {
	height: 25px;
}


#corps {
	margin: 0;
}

#GB_corps {

}

.pac-haut {
	margin: 2px 2px 10px 2px;
}

#IE6 .pac-haut {
	margin: 0;
}

.pac-bas {
	clear: both;
	margin: 2px 2px 10px 2px;
	background: #330099;
}

.box-droite {
	float: right;
	width: 323px;
	margin: 0 0 0 2px;
	overflow: hidden;
}



/* ========= colonnes centrales ========= */

.deux-col .colonne-gauche {
	float: left;
	width: 49%;
}



.deux-col .colonne-droite {
	float: right;
	width: 49%;
}



.trois-col .colonne {
	float: left;
	width: 33.3%;
}



.quatre-col .colonne {
	float: left;
	width: 24.9%;
}



/* ========= Colonnes gauche et droite ========= */

.colonne-g {
	overflow: hidden;
	width: 160px;
	float: left;
	margin-right: 20px;
	font-size: 11px;
	min-height: 1px;
}



.colonne-d {
	overflow: hidden;
	width: 180px;
	float: right;
}



/* ========= header ========= */

#header-droite ul {
	height: 26px;
	margin: 0 0 0 10px;
	padding: 8px 0 0 24px;
	display: inline;
}


#header-droite li {
	list-style: none;
	display: inline;
}


/* ========= Onglets  ========= */



/* ========= Footer======== */

#footer {
	clear: both;
	padding-top:50px;
}


/* ========= Gabarit =========*/

.gabaritDroppableZone_GB_top {

	min-height:45px;

}



.gabaritDroppableZone_GB_pac-haut {

	min-height:45px;

}



.gabaritDroppableZone_GB_pac-bas {

	min-height:45px;

}



.gabaritDroppableZone_GB_MEA_leftColumn {

	float:left;

	width:49%;

	margin-bottom:2px;

}



.gabaritDroppableZone_GB_MEA_rightColumn {

	float:right;

	width:49%;

	margin-bottom:2px;

}



.gabaritDroppableZone_GB_bottom {

	min-height:45px;

}



.gabaritDroppableZone_GB_bandeau-boss {

	min-height:45px;

}



.gabaritDroppableZone_GB_corps {

	min-height:45px;

}






/* ========= Gabarit =========*/

.sans-droite #GB_corps {
	margin: 0 30px;
}

.GB_top {
        min-height:45px;
}

.GB_pac-haut {
        min-height:45px;
}

.GB_pac-bas {
        min-height:45px;
}

/*
#GB_MEA_leftColumn, #GB_MEA_rightColumn {
        float: left;
        width: 45%;
        margin-bottom: 2px;
}
*/
/*
#GB_MEA_leftColumn {
	width: 49%;	
}

#GB_MEA_rightColumn {
	width: 49%;	
	float: right;
	background-color: green;
}
*/
.GB_bottom {
        min-height:45px;
}

.GB_bandeau-boss {
        min-height:45px;
		background: #003366;
}

.GB_corps {
        min-height:45px;
}
/* ========= Gabarit =========*/
.inibform {
        margin: 0 0 0 0;
        }
#cmdrefbt {
        margin-left: 4px;
        margin-bottom: -5px;
        }
#reference {
        height: 14px;
}

input.qtt {width: 20px; vertical-align: -3px;}
/*** Pauline ***/
/*.colonne {
	float: left;
	width: 49%;
}
*/
.colonne#GB_MEAautres_rightColumn {
	float: left;
	width: 49%;
}
.colonne#GB_MEAautres_leftColumn {
	float: left;
	width: 49%;
}
.gabaritDroppableZone_GB_MEAautres_leftColumn {
	float:left;
	width:49%;
}


.gabaritDroppableZone_GB_MEAautres_rightColumn {
	float:left;
	width:49%;
}
/* ################## AJOUT PANIER #################################### */

a#MEAprix {
	background-image: url(/include/images/site/commande/achetez.gif);
}

a#MEAprixrza {
	background-image: url(/include/images/site/commande/reservez.gif);
}

a#MEAprix, a#MEAprixrza {
	background-repeat: no-repeat;
	background-position: top center;
	display:block;
	width: 144px;
	height: 28px;
	margin: 4px 0 6px 0;
	padding-left: 9px;
	line-height: 27px;
}

a#MEAprix:hover, a#MEAprixrza:hover {
	background-position: bottom center;
	text-decoration:none;
}

.MEAprixtexte {
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
}

a#MEAprixFiche {
	background-image: url(/include/images/site/commande/achetez-fiche.gif);
}

a#MEAprixFicherza {
	background-image: url(/include/images/site/commande/reservez-fiche.gif);
}

a#MEAprixFiche, a#MEAprixFicherza  {
	background-repeat: no-repeat;
	background-position: top center;
	display: block;
	height: 34px;
	line-height: 34px;
	margin: 0 auto;
	text-align:  left;
	width: 183px;
}

a#MEAprixFiche:hover, a#MEAprixFicherza:hover {
	background-position: bottom center;
	text-decoration:none;
}

.MEAprixFichetexte {
	font-weight: bold;
	padding-left: 5px;
	color: #000000;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	text-decoration:none;
	font-size:17px;
}

a#MVFprix {
	background-image: url(/include/images/site/commande/achetez-petit.gif);
	background-position: center top;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-family: "Trebuchet MS",Tahoma,sans-serif;
	font-size: 12px;
	height: 23px;
	line-height: 24px;
	padding-left: 5px;
	text-align: left;
	text-decoration: none;
	width: 110px;
}

a#MVFprix:hover {
	background-position: bottom center;
	text-decoration:none;
}

/*
a#MEAprixrza  {
	background-image: url(/include/images/site/commande/reservez-off.gif);
	float: left;
	width: 171px;
	height: 16px;
	background-repeat:no-repeat;
	margin-top: 4px;
	margin-bottom: 6px;
	}
a#MEAprixrza:hover {
	background-image: url(/include/images/site/commande/reservez-on.gif);
	float: left;
	width: 171px;
	height: 16px;
	text-decoration:none;
	margin-top: 4px;
	margin-bottom: 6px;
	}

a#MEAprixFicherza  {
	background-image: url(/include/images/site/commande/reservezFiche_off.gif);
	float: left;
	width: 273px;
	height: 26px;
	background-repeat:no-repeat;
	margin-top: 4px;
	margin-bottom: 6px;
	}
a#MEAprixFicherza:hover {
	background-image: url(/include/images/site/commande/reservezFiche_on.gif);
	float: left;
	width: 273px;
	height: 26px;
	text-decoration:none;
	margin-top: 4px;
	margin-bottom: 6px;
	}
*/

























/*******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;
	}
	
	
/* Menu gauche .css */

.gauche {

float:left;

width:170px;

}

.gauche * {

margin:0;

padding:0;

}

.gauche #menu_gauche {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(/include/compte/images/bg-mid-menugauche.gif) repeat-y scroll left top;

font-family:"Trebuchet MS",Verdana,Arial,sans-serif;

margin:auto;

width:161px;

}

.gauche #menu_gauche img {

border:medium none;

}

.gauche #menu_gauche h3 {

color:#0D429A;

font-size:1.2em;

margin:10px 0 5px 5px;

}

.gauche #menu_gauche h3 a {

color:#0D429A;

text-decoration:none;

}

.gauche #menu_gauche h3 a:hover {

text-decoration:underline;

}

.gauche #menu_gauche li {

font-size:1em;

margin:2px 2px 2px 5px;

}

.gauche #menu_gauche li a {

color:#5D5C5C;

text-decoration:underline;

}

.gauche #menu_gauche li a:hover {

text-decoration:none;

}

.gauche #menu_gauche .piedBoite {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(/include/compte/images/bg-bot-menuGauche.gif) no-repeat scroll left bottom;

}

/*Votre club Non reco*/
.txt-catalogue a {
border-bottom:1px solid #D7E9F3;
display:block;
padding:5px 0 3px;
position:relative;
text-decoration:none;
}
.txt-catalogue a:hover {
background-color:#EBF6FC;
text-decoration:none;
}

/*FutursAchats - DetailedBasketComponent.css*/
.blocFutursAchats {
	width: 550px;
}

.futurAchats .texte {
	padding-left: 5px;
	background-color:#EBEBEB;
	width:310px;
}

#picrond {
display:none;
}

.panierFutur {
float:left;
height:150px;
padding-left:10px;
padding-top:10px;
width:260px;
}

.libelleArticle {
font-weight:bold;
}

#calBoutons {
	margin-top: 5px;
	margin-bottom:20px;
}

.boutonsFutursAchat {
	clear: left;
	overflow: hidden;
	height: 40px;
}

.boutonsFutursAchat a {
	float: left;
	width: 100px;
}

.boutonsFutursAchat #supprimer {
	margin-top: 5px;
	margin-bottom: 0;
}

.panierFutur .photoVisuel {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.panierFutur .referenceExterne {
	float: none;
}

/*Primes panier - PrimeAnnounceComponent.css */
.blocAnnouncePrime {
	margin-top:5px;
	margin-bottom:0;
	float:left;
}

/*Accès à la planete Noël */
.accesplanete {
    height: 40px;
    margin-left: 600px;
    position: absolute;
    text-decoration: none;
    top: 111px;
    width: 350px;
	}
	
/*Page Historique de Points Club*/
#tableauDetPoint {
	font-family:Arial, Helvetica, sans-serif;
}
.NomPremon, .ExpirationPoints {
	font-weight:bold;
    font-size: 1.1em;
	line-height: 30px;
}
.ComptePointsClub {
	font-weight:bold;
	font-size:2.5em;
	line-height: 30px;
}
.MessageMoins100Pts {
    background-color: #DC0E1C;
    background-image: url("/include/compte/statique/images/logocoeur.gif");
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 10px 40px 15px 60px;
    text-align: center;
	font-weight: bold;
	text-decoration: underline;
    width: 410px;
	cursor:pointer;
}
.MessagePlus100Pts {
    background-color: #DC0E1C;
    background-image: url("/include/compte/statique/images/logocoeur.gif");
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
    height: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 10px 20px 10px 60px;
    text-align: center;
    text-decoration: underline;
    width: 270px;
	cursor:pointer;
}
.TitreTableauPoints, .TotalPoints {
	color:#DC0E1C;
	font-weight: bold;
}
.TableauPoints {
	border: 0;
	padding: 5px 5px 5px 5px;
    margin-top: 8px;
	width: 700px;
	border-collapse: collapse;
}
.LigneTableauPoints, .LigneTableauPointsDt {
	border-top:1px solid #DC0E1C;
	padding-bottom: 6px;
    padding-top: 6px;
}
.LigneTableauPointsDt {
	text-align:right;
}
	
.TotalPoints {
	border-top:1px solid #DC0E1C;
	padding-top: 10px;
    width: 700px;
	font-weight: bold;
}
.NombrePoints {
    font-weight: bold;
    text-align: right;
}
/*footer page Mes Points Club*/
#footer #GB_bottom {
    background: url("/include/images/site/navigation/fd_bas.gif") no-repeat scroll 0 0 #F5F7F4;
    overflow: hidden;
}
#footer .BPlistes {
    margin: 0 0 15px;
    overflow: hidden;
    padding-left: 200px;
}
#footer ul {
    float: left;
    list-style: none outside none;
    margin-top: 25px;
    width: 200px;
}
#footer .titre {
    color: #000000;
    font-weight: bold;
	font-size: 12px;
}
#footer a {
    color: #666666;
}
#footer .cnil, #footer .biblioliens {
    background-color: #FFFFFF;
    font-size: 9px;
    padding: 40px 110px 40px 135px;
}

.CachePhrasestest {
	display:none;
}


	
	
	
	
