/* CSS Document */

body{
	text-align: center;
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
p { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 16px;
}
a { 
	color: #000000;
	text-decoration: underline;	
}
a:hover { 
	color: #000000;
	text-decoration: none;	
}

h1 { 
	margin: 0px;
}
h2 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	font-weight: normal;
}
h3 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0px;
	font-weight: bold;
}
li {
	list-style-position: outside;
	list-style-image: url(../images/puce_gen.jpg);
	size: 12px;
}


img{
	border: 0px;
	/*float:left;*/
}
.detente{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}
.detente a{
	text-decoration: underline;
}
.detente a:hover{
	text-decoration: none;
}
#pageLayout{
	width: 950px;
	height: auto;
	text-align: left;
	margin: 0 auto; 
}
#mood{
	width: 950px;
	height: auto;
	float: left;
}

#mainContent{
	width: 950px;
	height: auto;
	float: left;
}
#mainContentCollection{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_catalogue2.jpg);
	background-repeat: repeat-y;
}
#collections{
	width: 950px;
	height: auto;
	float: left;
	padding-top: 6px;
}
.collection{
	width: 312px;
	height: auto;
	float: left;
	margin-right: 7px;
}
.collection2{
	width: 302px;
	height: auto;
	float: left;
}
.hCollection{
	width: 312px;
	height: auto;
	float: left;
}
.livresCollection{
	width: 312px;
	height: auto;
	float: left;
}
.livres{
	width: 302px;
	height: auto;
	float: left;
	padding-left: 10px;
	background-color: #f2eee7;
	padding-top: 12px;
}
.livre{
	width: 90px;
	height: auto;
	float: left;
	padding-right: 10px;
}
.homeCouleur{
	width: 312px;
	height: auto;
	float: left;
}
.consultez{
	width: 312px;
	height: auto;
	float: left;
	padding-top: 10px;
	background-color: #f2eee7;
}
/*HEADER*/
#header{
	width: 950px;
	height: auto;
	float: left;
}
#header img{ 
	float: left;
}
#logo{
	width: 274px; /* 281 */
	height: auto;
	float: left;
}
#headerMenu{
	width: 676px; /* 669 */
	height: auto;
	float: left;
	padding-top: 19px;
}
#topMenu{
	width: 344px;
	height: auto;
	float: left;
	padding-left: 325px;
}
#menu{
	width: 676px; /* 669 */
	height: auto;
	float: left;
}
/*FOOTER*/
#footer{
	width: 950px;
	height: auto;
	float: left;
	margin-top: 5px;
	background-color: #d5cfc3;
}
#footerMenu{
	width: 400px;/*400*/
	height: auto;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 19px;/*19*/
	padding-top: 9px;
}
#footerMenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #716e67;
	text-decoration: underline;
}
#footerMenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #716e67;
	text-decoration: none;
}
#footerCopyright{
	width: 950px;
	height: 24px;
	float: left;
	background-color: #9f978a;
}
#footerCopyright p{
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin-top: 5px;
}
#footerCopyright a{ text-decoration: underline; color:#FFFFFF;	}
#footerCopyright a:hover{ text-decoration: none; color:#FFFFFF;	}
#appuie{
	width: 455px;
	height: auto;
	float: left;
}
#footerBoutons{
	width: 76px;
	height: auto;
	float: left;
	padding-top: 13px;
}
#recherche{
	width: 950px;
	height: 32px;
	float: left;
	background-color: #d5cfc3;
}
#bteRecherche{
	width: 377px;/*950*//*397*/
	height: 32px;
	float: left;
	padding-left: 573px;/*553*/
}
#rech1{
	width: 110px;
	height: auto;
	float: left;
}
#rech2{
	width: 170px;/*188*//*160*/
	height: auto;
	float: left;
	padding-top: 4px;
}
#rech3{
	width: 88px;
	height: auto;
	float: left;
	padding-top: 4px;
}
#colGaucheCollection{
	width: 301px;
	height: auto;
	float: left;
}
#colGaucheCollection img{ padding-bottom: 6px; }
#colGaucheContent{
	width: 255px;
	height: auto;
	float: left;
	padding-left: 21px;
	padding-top: 12px;
}
#colGaucheContent p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#colDroiteCollection{
	width: 649px;
	height: auto;
	float: left;
/*	background-image: url(../images/bg_catalogue.jpg);
	background-repeat: repeat-y;*/
}
#contenuCollection{
	width: 563px;/*649*/
	height: auto;
	float: left;
/*	background-image: url(../images/bg_catalogue.jpg);
	background-repeat: repeat-y;*/
	padding-left: 86px;
}




#colGaucheGen{
	width: 299px;
	height: auto;
	float: left;
}
#colGauchePrixbleu{
	width: 299px;/*301*/
	height: 750px;/*715*/
	float: left;
	background-color: #34c1e3;
	background-image: url(../images/colbg_bleu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#colGauchebleu{
	width: 299px;/*301*/
	height: 597px;
	float: left;
	background-color: #34c1e3;/*
	background-image: url(../images/colbg_bleu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#colGauchevert{
	width: 299px;/*301*/
	height: 597px;
	float: left;
	background-color: #a5ce4a;
/*	background-image: url(../images/colbg_vert.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#colGaucherouge{
	width: 299px;/*301*/
	height: 597px;
	float: left;
	background-color: #f2664b;
/*	background-image: url(../images/colbg_rouge.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#colGaucheorange{
	width: 299px;/*301*/
	height: 597px;
	float: left;
	background-color: #f4b800;/*
	background-image: url(../images/colbg_bleu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#colGaucheHorsSerie{
	width: 299px;/*301*/
	height: 597px;
	float: left;
	background-color: #9f978a;/*
	background-image: url(../images/colbg_bleu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#colGauchebleu img{ padding-bottom: 6px; }
#colGauchevert img{ padding-bottom: 6px; }
#colGaucherouge img{ padding-bottom: 6px; }
#colGaucheorange img{ padding-bottom: 6px; }
#colGaucheHorsSerie img{ padding-bottom: 6px; }
#colDroitebleu{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroitevert{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroiterouge{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroiteorange{
	width: 651px;/*649*/
	height: auto;
	float: left;
}

#colDroitebleu{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroitevert{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroiterouge{
	width: 651px;/*649*/
	height: auto;
	float: left;
}
#colDroiteHorsSerie{
	width: 651px;/*649*/
	height: auto;
	float: left;
}

#contenuCouleur{
	width: 557px;/*563*//*565*/   /*643*/
	height: auto;
	float: left;
	padding-left: 86px;
}
#contenuCouleurPed{
	width: 585px;/*557*/
	height: auto;
	float: left;
	padding-left: 29px;/*86*/
	padding-right: 29px;
}

#contenuGen{
	width: 589px;/*643*/
	height: auto;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	text-align:justify;
}
/*#contenuGen img{
	float: right;	
}*/
#mainContentGen{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_bleu.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}
#mainContentCatalogue{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_catalogue2.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}

#mainContentbleu{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_bleu.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}
#mainContentvert{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_vert.jpg);
	background-repeat: repeat-y;
}
#mainContentrouge{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_rouge.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}
#mainContentorange{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_orange.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}
#mainContentHorsSerie{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_catalogue3.jpg);
	background-repeat: repeat-y;
	margin-top: 6px;
}
#mainContentbleu li{
	list-style-position: outside;
	list-style-image: url(../images/puce_bleu.jpg);
}
#mainContentvert li{
	list-style-position: outside;
	list-style-image: url(../images/puce_vert.jpg);
}
#mainContentrouge li{
	list-style-position: outside;
	list-style-image: url(../images/puce_rouge.jpg);
}
#mainContentorange li{
	list-style-position: outside;
	list-style-image: url(../images/puce_orange.jpg);
}

#mainContentHorsSerie li{
	list-style-position: outside;
	list-style-image: url(../images/puce_gen.jpg);
}
#mainContentPedHome{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_ped_int.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin-top: 8px;
}
#titrePedHome{
	width: 950px;
	height: auto;
	float: left;
}
#contentPedHome{
	width: 950px;
	height: auto;
	float: left;
	padding-bottom: 40px;
}
#pdgVache{
	width: 311px;/*312*/         /*319*/
	height: auto;
	float: left;
	background-color: #f2eee7;
}
#pdgChat{
	width: 311px;/*312*/        /*319*/
	height: auto;
	float: left;
	background-color: #f2eee7;
	margin-left: 8px;
}
#pdgGraffiti{
	width: 312px;
	height: auto;
	float: left;
	background-color: #f2eee7;
	margin-left: 8px;
}
#pdgHC{
	width: 312px;
	height: auto;
	float: left;
	background-color: #f2eee7;
}

#txtPdgVache{
	width: 312px;
	height: 120px;/*112 puis 90*/
	float: left;
	background-image: url(../images/pdg_bas_vache.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 22px;
}
#txtPdgVache li{
  line-height:20px;
	list-style-position: outside;
	list-style-image: url(../images/puce_vert.jpg);
}
#txtPdgChat{
	width: 312px;
	height: 120px;
	float: left;
	background-image: url(../images/pdg_bas_chat.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 22px;
}
#txtPdgChat li{
  line-height:20px;
	list-style-position: outside;
	list-style-image: url(../images/puce_rouge.jpg);
}
#txtPdgGraffiti{
	width: 312px;
	height: 120px;
	float: left;
	background-image: url(../images/pdg_bas_graffiti.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 22px;
}
#txtPdgGraffiti li{
  line-height:20px;
	list-style-position: outside;
	list-style-image: url(../images/puce_orange.jpg);
}

#txtPdgHC{
	width: 312px;
	height: 48px;
	float: left;
	margin-top: 5px;
	
}
#txtPdgHC li{
	margin-top: 10px;
  line-height:20px;
	list-style-position: outside;
	list-style-image: url(../images/puce_gen.jpg);

}


#textePedHome{
	width: 894px;/*918*/
	height: auto;
	float: left;
	margin-top: 16px;
	margin-right: 24px;
}
/*PEDAGOGIE 2*/
#mainContentPedHome2{
	width: 950px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
}

/*COLONNE GAUCHE*/
#colGauche{
	width: 299px;/*255*/
	height: auto;
	float: left;
	padding-top: 12px;
}
#texteColGauche{
	width: 255px;/*255*/
	height: auto;
	float: left;
	margin-left: 23px;
	margin-right: 21px;
	margin-top: 0px;
}
#texteColGauche p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#titreColGauche{
	width: 285px;/*255*/
	height: auto;
	float: left;
	margin-left: 14px;/*23*/
	padding-top: 12px;
}
/*PEDAGOGIE*/
#bteGrisePedagogie{
	width: 256px; /*270*/
	height: auto;
	float: left;
	background-color: #f2eee7;
	margin-left: 14px;
}
#bteGrisePedagogie{
	width: 256px; /*270*/
	height: auto;
	float: left;
	background-color: #f2eee7;
	margin-left: 14px;
}
/*NOUVEAUTES*/
.blocNouveautes{
	width: 270px;
	height: auto;
	float: left;
	padding-top: 16px;
}

.imgNouveautes{
	width: 74px;/*232*/
	height: auto;
	float: left;
	padding-left: 16px;
}
.contenuNouveautes{
	width: 129px;/*110*/
	height: auto;
	float: left;
	padding-left: 13px;
}
.txtNouveautes{
	width: 116px;/*129*/
	height: auto;
	float: left;
	margin-top: 0px;
	padding-left: 13px;
	font-family: Helvetica, Arial, sans-serif;
	size: 12px;
	color: #000000;
	line-height: 15px;
}
.consultezNouveautes{
	width: 116px;/*129*/
	height: 27px;
	float: left;
	margin-left: 13px;
}

/*JEUX*/
#mainContentJeux{
	width: 950px;
	height: auto;
	float: left;
	background-image: url(../images/bg_jeux.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin-top: 8px;
}
#contentJeux{
	width: 827px;/*950*//*827*/
	height: auto;
	float: left;
/*	margin-left: 30px;*/
	margin-left: 71px;
	margin-right: 52px;
	padding-bottom: 40px;
}
#titreJeux{
	width: 827px;
	height: auto;
	float: left;
	margin-left: 71px;
	margin-right: 52px;
}
.jeuxLignes{
	width: 827px;
	height: auto;
	float: left;
	padding-bottom: 48px;
}
.jeu{
	width: 275px;
	height: auto;
	float: left;
}
.jeuImg{
	width: 100px;
	height: auto;
	float: left;
}
.jeuDesc{
	width: 125px;
	height: auto;
	float: left;
	margin-left: 10px;
}
.jImg{
	width: 100px;
	height: auto;
	float: left;
}
.jNom{
	width: 100px;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7f7f7f;
}






#column_container{

	overflow:auto;

	_overflow:visible;	/*ie*/	

	clear:all;

	

}



#column_right{

	/*text-align:justify;*/

	width:47%;

	float:left;

	padding-left:10px;

	margin-left:-1px;

	background-image: url(images/dot.gif);

	background-repeat: repeat-y;

	background-position: left;

}



#column_right a{

	color:#646763;

}





#column{

	float:left;

	text-align:justify;

	width:98%;

}



#column_left{

	float:left;

	/*text-align:justify;*/

	width:47%;

	padding-right:10px;

	background-image: url(images/dot.gif);

	background-repeat: repeat-y;

	background-position: right;

}



#column_left a{

	color:#646763;

}



#column_bottom{

	float:left;

	width:100%;

	/*text-align:justify;*/

	padding-bottom:10px;

	margin-bottom:10px;

	background-image: url(images/dot.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}



#column_top{

	float:left;

	/*text-align:justify;*/

	padding-top:10px;

	margin-top:10px;

	background-image: url(images/dot.gif);

	background-repeat: repeat-x;

	background-position: top;

	/*clear:both;*/

	

}

.titre_livre{

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

	font-size:14px;

	font-weight:bold;

	color:#000000;

}

.detail_titre{

	padding-right:10px;
	line-height:30px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	text-align:left;

}

.detail_item{

	padding-right:10px;
	line-height:30px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;

}

.detail_image{
  margin-left: 10px;
  border: 1px solid #000;
}

.catalogue_image{
  border: 1px solid #C3C3C3;
}

#colGaucheCollections{
	width: 299px;
	height: auto;
	float: left;
	/*background-color: #9f978a;*/
}
#colGaucheCollections img{
	padding-bottom: 10px;
}
#colGaucheCollTitre{
	width: 277px;
	height: auto;
	float: left;
	padding-left: 11px;
	padding-top: 10px;
}
#colGaucheCollImg{
	width: 279px;/*277*/
	height: 590px;
	float: left;
	margin-left: 9px;
	/*background-color: #f2ede7;*/
}

#colGaucheCollImg img{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#image_livre{

	float:left;

	width:81px;

	/*height:104px;*/

}



#image_livre a{

	color:#CC6633;

}

#resultat_recherche{

	float:left;

	/*margin-left:82px;*/

	width:300px;

	/*height:120px;*/

	min-height:120px;!important;

	_height:120px;

	/*clear:both;*/

	/*margin-bottom:10px;*/

}



#resultat_recherche a{

	font-weight:bold;

	color:#666633;

}
#pagination{
	color: #9a968d;
}

#pagination span.actif{
	color: #34c1e3;
}
#pagination a{
	text-decoration: none;
	color: #000000;
}
#pagination a:hover{
	color: #34c1e3;/*9a968d*/
	text-decoration: none;
}
.navigationN{
	color: #000000;
}
#tri{
	padding-top: 10px;
}