@charset "utf-8";
/* CSS Document */
/*********************************REINITIALISATION MARGE ET PADDING*****************************/
	*{
		margin:0px;
		padding:0px;
	}
	
/*********************************CLASSES GÉNERALES*****************************/
	body{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	a img{
		border:none;
	}
	a{		
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		color:#527571;	
	}
	a:link{		

		text-decoration:none;
	}
	a:visited{
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;

	}
	a:active{
		text-decoration:none;
	}
	a:focus
	{
		outline:0;
	} 
	
	p{
		margin-bottom:10px;
	}
	li{
	}
	h2{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:24px;
		color:#245d78;
		padding-bottom:20px;
	}
	h3{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:18px;
		color:#245d78;
		margin-bottom:20px;

	}
	h4{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		padding-bottom:20px;
	}
	
	
/************************************************#CLASSES ID**************************************************************/


/*********************************SECTION ENTETE*********************************************/
	#entete{
		margin-bottom:0px;
		background-color:#27607b;	
		background-image:url(../imagesDesign/barreMenu.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		height:147px;
	}
	#entete a {
		color:#f2f2f2;
	}
	#fondBandeau{
		margin-left:auto;
		margin-right:auto;
		background-image:url(../imagesDesign/bandeau_fond.jpg);
		width: 1080px;
		height:111px;
	}
	#logo {
		float:left;
	}
	#ombrage{
		background-image:url(../imagesDesign/ombrage_fond.jpg);
		background-repeat:repeat-x;
	}
	#ombrageMilieu{
		margin-left:auto;
		margin-right:auto;
		height:8px;
		width:1080px;
		background-image:url(../imagesDesign/ombrage_haut.jpg);
		background-repeat:no-repeat;
	}
	
/*******************MENU PANIER***************************/

	#menuPanier
	{
		text-align:right;
		padding-right:20px;
		float:right;
		height:34px;
		padding-top:77px;
	}
	#menuPanier ul{		
		height:34px;
		float:right;
		background-image:url(../imagesDesign/barre_panier.jpg);
		background-repeat:repeat-x;
	}
	#menuPanier li{
		padding-top:5px;
		padding-left:20px;
		padding-right:14px;
		height:29px;
		border-left:1px solid #5191af;
		border-right:1px solid #27566d;
		display:block;
		float:left;
	}
	
	#menuPanier a{
		font-size:14px;
	}
	
	#entete #bordureGauche{		
		border-left:none;
		padding-left:11px;
	}
	#entete #bordureDroite{	
		border-right:none;
		padding-right:11px;
	}
	.icone{
		position:relative;
		top:4px;
		padding-left:10px;
	}
	
/******************MENU PRINCIPAL**************************/


	#menu{
		margin:auto;	
		width:1080px;
	}
	
	#menuPrincipal {
		padding-top:6px;
		padding-bottom:7px;	
		margin-left:20px;
		width:628px;
		float:left;	
	}

	#menuPrincipal li{
		padding-top:6px;
		padding-bottom:9px;
		padding-left:24px;
		padding-right:24px;
		border-left:1px solid #5191af;
		border-right:1px solid #27566d;
		display:inline;
	}
	
	
	#champRecherche{
		float:left;
		width:270px;
		padding-top:7px;
	}
	#champRecherche .recherche{
		width:220px;
		color:#7C7C7C;
	}
	#lienRechercher{
		float:left;
		margin-top:9px;
	}
	#lienRechercher a{
		font-size:12px;
	}
	#recherche .btn_rechercher{
		background-image:url(../imagesContenu/btn_rechercher.jpg);
		background-repeat:no-repeat;
		width: 20px;
		background-position: center center;
		background-color: transparent;
		border:none;
		margin:0;
		padding-top:1px;
		padding-bottom:1px;
	
	}
	
	
/*********************************SECTION CONTENEUR*********************************************/
	
	#page{	
	
		background-image:url(../imagesDesign/ombragePage.gif);
		background-repeat:repeat-y;	
		margin-left:auto;
		margin-right:auto;
		background-color:#FFF;
		width:1080px;
	}
	#page img{
		border: 1px solid #a0a0a0;
	}
	#contenu{
		background-image:url(../imagesDesign/degraderBleuHaut.gif);
		background-repeat:repeat-x;	
		background-position:top;
		width:1038px;
		margin-left:21px;
	}
	

	
/*********************************MENU CATÉGORIE*********************************************************/
	#menuCategorie{
		width:190px;
		float:left;
		margin-left:33px;
		margin-right:10px;
		margin-top:57px;	
	}
	#menuCategorie li{
		list-style-type:none;
		margin-bottom:0px;
		line-height:15px;
	}
	#menuCategorie a{
		font-size:12px;	
	}
	
	.sousMenuCategories{
		margin-left:20px;
	}
	#page .lienSousCat{
		font-size:12px;
		list-style-image:url(../imagesContenu/puce_menu_cat.jpg);
		list-style-position:outside;
	}


/*********************************SECTION CONTENU DROIT*********************************************/
	#contenuDroit{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;	
		color:#3d3d3d;
		margin-top:57px;
		width:770px;
		float:left;
	}
	#contenuDroit a{
		font-size:12px;	
		color:#1a3e4f;
		text-decoration:underline;
	}
	#contenuDroit a:hover{
		color:#1a3e4f;
		text-decoration:none;
	}
	#bienvenue{
		width:450px;
		float:left;
		margin-right:30px;
		margin-bottom:30px;
	}
	#bienvenue a{
		font-size:14px;
	}
	#bienvenue a:hover{
		font-size:14px;
	}
	
	
	#pubMagazineEcole{
		width:290px;
		float:left;
	}
	#pubMagazineEcole img{
		margin-right:10px;
		float:left;
	}

/***************************************************SECTION NOUVEAUTÉS*********************************************************/
	#nouveautes{
		color:#3d3d3d;
		width:770px;
		float:left;
		background-image:url(../imagesDesign/degraderBoite.jpg);
		background-repeat:repeat-x;
		font-size:12px;
	}
	#nouveautes a{
		color:#1a3e4f;
		font-size:12px;
	}
	#nouveautes .contenu2 .titreNouveaute a{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		color:#443e33;
		padding-bottom:20px;
		text-decoration:none;
	}
	#nouveautes .contenu2 .titreNouveaute a:hover{
		text-decoration:underline;
	}
	
	#nouveautes img{
		float:left;
		margin-right:30px;
		margin-top:15px;
	}
	
	.navigationPageResultat{
		text-align:center;
		margin:2px 0 2px 0;
	}
	.navigationPageResultat a{
		margin: 0 2px 0 2px;
		text-decoration:none;	
	}
	.navigationPageResultat a:hover{
		text-decoration:underline;
	}
/***********CLASSE POUR LES NOUVEAUTÉES*********/
	.blocNouveaute{
		width:730px;
		background-image:url(../imagesDesign/ligne_poitille.gif);
		background-repeat:repeat-x;
		background-position:top;
		padding-bottom:10px;
		margin-left:20px;
	}
	.blocNouveaute1{
		width:730px;
		margin-left:20px;
		padding-bottom:10px;
	}
	
	.contenu2{
		float:left;
		width:375px;
		margin-right:25px;
		margin-top:15px;
	}
	.contenu3{
		float:left;
		width:168px;
		margin-top:15px;
	}
	#page .btn a img{
		border: 1px solid #a0a0a0;
		background-color:#a0a0a0;
	}
	#page .btn a:hover img{
		border: 1px solid #666;
		background-color:#666;
	}
	
	#nbreItemPage, #trie, #trierCategorie{
		float:left;
		margin-left:20px;
	}
	
	#trieCategorie{
		width:250px;
	}
	
	
	/***************************************CONTENU DE LA PAGE FICHE*****************************************************/
		
	#contenuDroit2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;	
			color:#3d3d3d;
			margin-top:57px;
			width:770px;
			float:left;
	}
	#contenuDroit2 a{
			font-size:14px;	
			color:#f3f3f3;
			text-decoration:underline;	
	}
	#contenuDroit2 p{
		margin:0px;
	}
	#contenuDroit2 a:hover{
			font-size:14px;	
			color:#FFF;
			text-decoration:underline;	
	}
	#contenuDroit2 h2{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:24px;
		color:#443e33;
		text-decoration:none;
	
	}
	#contenuDroit2 h3{
		font-weight:normal;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:24px;
		color:#c82b2b;
		text-decoration:none;
		margin-bottom:15px;
	}
	#contenuDroit2 h4{
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3d3d3d;
		text-decoration:none;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	/*********************FICHE*********************************/
	
	#fiche{
		float:left;
		background-image:url(../imagesDesign/degraderBoite.jpg);
		background-repeat:repeat-x;
		padding-top:35px;
		width:770px;
	}
	#fiche p{
		margin-bottom:10px;
	}
	#fiche a{
		color:#1a3e4f;
		font-size:14px;
	}
	#fiche a:hover{
		color:#1D1D1D;
		font-size:14px;
		text-decoration:underline;
	}
	/*******************COLONE GAUCHE*******************************/
	
	#coloneGauche{
		float:left;
		margin-right:5px;
		margin-left:20px;
		width:170px;
		font-size:12px;
	}
	#coloneGauche img{
		margin-bottom:10px;
	}
	#coloneGauche a{
		font-size:12px;
	}
	#coloneGauche a:hover{
		font-size:12px;
	}
	/*****************COLONE DROITE****************************/
	#coloneDroite{
		float:left;
		width:550px;
	}
	#prixEtBouton{
		float:left;
		width:180px;
		margin:20px 20px 20px 0;
	}
	
	/*******************VOIR AUSSI****************************/
	#voirAussi{
		padding-top:20px;
		margin-left:20px;
	}

	
	.blocVoirAussi, .blocVoirAussi2{
		width:235px;
		background-color:#eedcbb;
		height:105px;
		padding-top:15px;
		margin-right:10px;
		float:left;
		margin-bottom:30px;
	}
	
	.blocVoirAussi{
		background-color:#eedcbb;
	}
	
	.blocVoirAussi2{
		background-color:#f7eddd;
	}
	.blocVoirAussi img, .blocVoirAussi2 img{
		float:left;
		margin:0 10px 0 10px;
	}
	
	
	/*******.CLASSES POUR LA FICHE*******/
	#page .titreLivre a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#443e33;
		text-decoration:none;
		font-weight:bold;
	}
	#page .titreLivre a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#443e33;
		text-decoration:underline;
	}
	#page .petitEspacement{
		margin-bottom:3px;;
		padding:0;
	}
	
	#page .auteur a{
		font-size:12px;
	}

/*********************************PIED DE PAGE*********************************************/
	#basPage{
		clear:both;
		background-image:url(../imagesDesign/degraderBleuBas.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		height:100px;
	}
	#imagePomme{
		background-image:url(../imagesDesign/pomme.jpg);
		width:217px;
		height:211px;
		position:relative;
		bottom:104px;
	}
	
	#ombrageBas{
		background-image:url(../imagesDesign/ombrage_fond_bas.jpg);
		background-repeat:repeat-x;
	}
	#ombrageMilieuBas{
		margin-left:auto;
		margin-right:auto;
		height:8px;
		width:1080px;
		background-image:url(../imagesDesign/ombrage_bas.jpg);
		background-repeat:no-repeat;
	}
	
	#piedPage{
		background-color:#2a637e;
		background-image:url(../imagesDesign/piedPage.jpg);
		background-repeat:repeat-x;	
		background-position:top;
		text-align:center;
		color:#f2f2f2;
		font-size:12px;
		height:210px;
	}
	#piedPage p{
		margin-top:10px;
	}
	#piedPage img{
		margin-top:20px;
	}
	#menuBas{
		padding-top:20px;
		padding-bottom:10px;
	}
	#menuBas li{
		padding-left:5px;
		display:inline;
	}
	#menuBas li a {
		font-size:14px;
		color:#f2f2f2;
	}
	#menuBas img{
		margin:auto;
		margin-bottom:-3px;
	}
	
	



/*********************************SOUS CLASSES GÉNERALES***********************************/
	.barreBleu{
		background-color:#3d7a96;
		color:#f2f2f2;
		padding-bottom:6px;
		padding-top:4px;
		padding-left:20px;	
		font-size:16px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	.strong{
		font-weight:bold;
	}
	.prix{
		color:#c82b2b;
		font-size:16px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	.date{
		font-size:12px;
	}
	.clear{
		clear:both;
	}
	.gris{
		font-size:12px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#666;
	}
	.count{
		color:#CCC;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.barreBeige{
		background-image:url(../imagesDesign/degraderBoite.jpg);
		background-repeat:repeat-x;
		padding-bottom:6px;
		padding-top:4px;
		font-size:12px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}	
	.indication{
		float:left;
		width:285px;
		margin-top:20px;
	}
	.indication p{
		color:#6d5a36;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.btnForm{
		background-image:url(../imagesDesign/btn_formulaire_compte.png);
		background-repeat:no-repeat;
		width: 217px;
		height:30px;
		background-position: center center;
		background-color: transparent;
		border:none;
		margin:0;
		color:#FFF;
		cursor: pointer;
	}
	.btnForm:hover{
		background-image:url(../imagesDesign/btn_formulaire_compte_hover.png);
	}	
	.format_texte{
		float:right;
		margin-left:40px;
		bottom:10px;
	}	
	.bloc{
		display:block;
	}
	.center{
		text-align:center;
	}
	.left{
		text-align:left;
	}
	.right{
		text-align:right;
	}
	.grandTotal{
		margin-top:3px;
	}
	.espacementBas{
		margin-bottom:20px;
	}
	.lienBas{
		text-align:center;
	}
	.displayNone{
		display:none;
	}
	.espacement10{
		margin-top:0px;
		margin-bottom:2px;
	}