/*******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 */
/* ------------------------------------------------------------------------ */
#banniere {
	height: 111px;
	margin: 0 0 0 0;
	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;
}

#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#wbox {
      background-position: 0 -22px;
      width: 117px;
}

#ban_services a#wbox: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;
	}
/*****************************
HABILLAGE PAGE JEU 
******************/

#rechercher {
	display:none;
	}