/*******Conteneur Global, passage en taille fixe**********/

body{

	color: #000;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	/*background-color:#EAE1E9; 

	background-color: #f6e8bc;

	background-image:url(/include/images/site/2009/fd_ban.gif);

	background: url("/include/images/site/fond-site_janvier2012.jpg") no-repeat scroll center top transparent;*/
	
	background: url(/include/images/site/fond-page.gif) repeat-y center;

}



html>body {

	font-size: 12px;

}

.positionV4 {

	margin-left: 180px;

	}



#tailleFixe {

	margin: 0pt auto;

	width: 995px;

	text-align: left;

	background-color:#FFFFFF;

}

/* ------------------------------------------------------------------------ */

/* ONGLETS */







#banniere {

	height: 111px;

	margin:0 0 20px;

	padding: 0 0 0 0;

	position:relative;

}



#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;

	text-decoration:none;

	color: #000000;

}



#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;

}

#banPANIER a {

	color: #000000;

	text-decoration:none;

	}

/* #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#jeux-video {

      background-position: -249px -76px;

      width: 102px;

}



#onglets a#jeux-video:hover {

      background-position: -249px 0px;

}



#onglets a#dvd-video {

      background-position: -351px -76px;

      width: 58px;

}



#onglets a#dvd-video:hover {

      background-position: -351px 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 {

	height: 32px;

	margin-top: 3px;

	margin-left: 117px;

}



#ban_services a{

	background: url("/include/images/site/ban/menu2.avec.papeterie.png") no-repeat;

	height: 18px;

	padding-top: 4px;

	text-decoration: none;

	float: left;

	color: #505050;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

}



#ban_services a#bocof {

     background-position: 0 -22px;

     width: 81px;

}



#ban_services a#bocof:hover {

      background-position: 0 0;

}

#ban_services a#papeterie {

      background-position: 0 -22px;

      width: 81px;

}



#ban_services a#papeterie:hover {

      background-position: 0 0;

}

#ban_services a#chapitre {

      background-position: -317px -22px;

      width: 105px;

}



#ban_services a#chapitre:hover {

   background-position: -317px 0;

}



#ban_services a#audiblefr { 

    background-position: -232px -22px;

    width: 84px;

}



#ban_services a#audiblefr:hover { 

      background-position: -232px 0;

}



#ban_services a#soutien-scolaire {

      background-position: -316px -22px;

      width: 120px;

}



#ban_services a#soutien-scolaire:hover {

      background-position: -316px 0;

}



#ban_services a#cinema {

      background-position: -436px -22px;

      width: 121px;

}

#ban_services a#cinema:hover {

      background-position: -436px 0;

}



#ban_services a#assurances {

      background-position: -557px -22px;

	  width: 96px;

}



#ban_services a#assurances:hover {

      background-position: -557px 0;

}



#ban_services a#finance {

      background-position: -653px -22px;

      width: 102px;

}



#ban_services a#finance:hover {

      background-position: -653px 0;

}



#ban_services a#astro {

      background-position: -755px -22px;

      width: 61px;

}



#ban_services a#astro:hover {

      background-position: -755px 0;

}



#ban_services a#ckdo {

	display: none;

}





/*********************************************************/

/*******************************/

/*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:600px; 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;

	}



/*******************************/

/*Styles colonne droite mon compte*/

/*******************************/



.txt-catalogue {

 width:225px;

}

#GB_MEA_rightColumn {

width:225px;

}

.prix-fidelite {

width:225px;

}

.conteneurCompte .compteContenuS a:hover {

    background-color:#EBF6FC;

    text-decoration:none;

   }

.conteneurCompte .compteContenuS a {

	border-bottom:1px solid #D7E9F3;

	display:block;

	padding:5px 0 3px;

	position:relative;

	width:100%;

	color:#000000;

	text-decoration:none;

}

/*Ajustements bas de page*/

#BDPmentions {

	font-size: 11px;

	margin-left: 30px;

	margin-right: 30px;

	margin-top: 10px;

	}

.cnil {

	color: #666666;

	}

.masqueadhesion {

	color: #FFFFFF;

	}

.bibliocatalogue {

	color: #0D429A;

	font-size: 10px;

	}

.bibliocatalogue a{

	color: #0D429A;

	text-decoration:none;

	}

.bibliocatalogue a:hover {

	color: #0D429A;

	text-decoration: underline;

	}