/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/* PLAN DU SITE*/
#contenuTexte .plansite{
	float:left;
	width:260px;
	margin-right:10px;
}
#contenuTexte .plansite .ul{
	margin-left:30px;
	margin-bottom:20px;
}


/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:50%;
	float:left;
}
#contactTxt p,
#contactPlan p{
	text-align:center;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input{
	width:164px;
	border:1px solid #000;
	font-size:12px;
}
#formContact textarea{
	width:450px;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

.titre {
	font-weight:bold;
	color:#ff6600;
	text-transform:uppercase;
}

.titreTable {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ff6600;
}

.altLine {
	color:#ff6600;
	background-color:#EFEFEF;
}


/******************* LISTING COLLECTION ***************************/
/******************* LISTING COLLECTION ***************************/
/******************* LISTING COLLECTION ***************************/
#listingTriCol{
	display:block;
	width:500px;

}
#listingTriCol .listingTrier{
	height:37px;
	float:left;
	background-image:url(../images/maquette/bg-tri2.jpg);
	background-position:right;
}
#listingTriCol .listingTrier p{
	display:block;
	float:left;
	padding-left:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-top:5px;
	height:27px;
	background-image:url(../images/maquette/bg-tri.jpg);
	background-repeat:no-repeat;
}
#listingTriCol .listingTrier select{
	float:left;
	display:block;
	padding-left:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	margin-top:8px;
	margin-right:15px;
	margin-left:5px;
}
/*#contenuTexte .listingTrier{
	height:37px;
	float:left;
	background-image:url(../images/maquette/bg-tri2.jpg);
	background-position:right;
}
#contenuTexte .listingTrier select{
	float:left;
	display:block;
	padding-left:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	margin-top:8px;
	margin-right:15px;
	margin-left:5px;
}*/


#contenuTexte .listingCol{
	width:184px;
	background-image:url(../images/maquette/bg-list-top.gif);
	text-align:center;
	float:left;
	margin-left:0px;
	margin-bottom:15px;
}
#contenuTexte .listingCol img{
	border:1px solid #78AEB1;
}
#contenuTexte .listingCol:hover{
	background-image:url(../images/maquette/bg-list-top-over.gif);
}
#contenuTexte .listingCol img{
	margin-top:8px;
	/* TAILLE MAX IMAGE : 170px */
	padding-bottom:0px;
}
#contenuTexte .listingCol .titreL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	border-bottom:1px solid white;
}
#contenuTexte .listingCol .auteurL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
}
#contenuTexte .listingCol .prixL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;

	height:15px;
	line-height:17px;
}
#contenuTexte .listingCol .ajoutL{
	background-image:url(../images/maquette/bt-voir.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}
#contenuTexte .listingCol .ajoutL:hover{
	background-image:url(../images/maquette/bt-voir2.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}












/******************* LISTING ACCUEIL COUP DE COEUR ***************************/
/******************* LISTING ACCUEIL COUP DE COEUR ***************************/
/******************* LISTING ACCUEIL COUP DE COEUR ***************************/
#contenuTexte .listingCdc
{
	width:184px;
	background-image:url(../images/maquette/bg-list-top.gif);
	text-align:center;
	float:left;
	margin-left:0px;
}
#contenuTexte .listingCdc img
{
	border:1px solid #78AEB1;
}
#contenuTexte .listingCdc:hover
{
	background-image:url(../images/maquette/bg-list-top-over.gif);
}
#contenuTexte .listingCdc img
{
	margin-top:8px;
	/* TAILLE MAX IMAGE : 170px */
	padding-bottom:0px;
}
#contenuTexte .listingCdc .titreL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	border-bottom:1px solid white;
}
#contenuTexte .listingCdc .auteurL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
}
#contenuTexte .listingCdc .prixL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;

	height:15px;
	line-height:17px;
}
#contenuTexte .listingCdc .ajoutL
{
	background-image:url(../images/maquette/bt-voir.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}
#contenuTexte .listingCdc .ajoutL:hover
{
	background-image:url(../images/maquette/bt-voir2.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}


/******************* LISTING ACCUEIL RARE ***************************/
/******************* LISTING ACCUEIL RARE ***************************/
/******************* LISTING ACCUEIL RARE ***************************/
#contenuTexte .listingRare
{
	width:184px;
	background-image:url(../images/maquette/bg-list-top.gif);
	text-align:center;
	float:left;
	margin-left:0px;
}
#contenuTexte .listingRare img
{
	border:1px solid #78AEB1;
}
#contenuTexte .listingRare:hover
{
	background-image:url(../images/maquette/bg-list-top-over.gif);
}
#contenuTexte .listingRare img
{
	margin-top:8px;
	/* TAILLE MAX IMAGE : 170px */
	padding-bottom:0px;
}
#contenuTexte .listingRare .titreL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	border-bottom:1px solid white;
}
#contenuTexte .listingRare .auteurL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
}
#contenuTexte .listingRare .prixL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;

	height:15px;
	line-height:17px;
}
#contenuTexte .listingRare .ajoutL
{
	background-image:url(../images/maquette/bt-voir.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}
#contenuTexte .listingRare .ajoutL:hover
{
	background-image:url(../images/maquette/bt-voir2.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}

/******************* LISTING ACCUEIL PROMO ***************************/
/******************* LISTING ACCUEIL PROMO ***************************/
/******************* LISTING ACCUEIL PROMO ***************************/
#contenuTexte .listingPromo
{
	width:184px;
	background-image:url(../images/maquette/bg-list-top.gif);
	text-align:center;
	float:left;
	margin-left:0px;
}
#contenuTexte .listingPromo img
{
	border:1px solid #78AEB1;
}
#contenuTexte .listingPromo:hover
{
	background-image:url(../images/maquette/bg-list-top-over.gif);
}
#contenuTexte .listingPromo img
{
	margin-top:8px;
	/* TAILLE MAX IMAGE : 170px */
	padding-bottom:0px;
}
#contenuTexte .listingPromo .titreL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	border-bottom:1px solid white;
}
#contenuTexte .listingPromo .auteurL
{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
}
#contenuTexte .listingPromo .prixL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;

	height:15px;
	line-height:17px;
}
#contenuTexte .listingPromo .ajoutL{
	background-image:url(../images/maquette/bt-voir.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}
#contenuTexte .listingPromo .ajoutL:hover{
	background-image:url(../images/maquette/bt-voir2.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}






/******************* LISTING ***************************/
/******************* LISTING ***************************/
/******************* LISTING ***************************/
#contenuTexte #listingEntete{
	display:block;
	width:500px;

}
#contenuTexte #listingEntete .listingTri{
	height:37px;
	float:left;
	background-image:url(../images/maquette/bg-tri2.jpg);
	background-position:right;
}
#contenuTexte #listingEntete .listingTri p{
	/*display:block;*/
	float:left;
	padding-left:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-top:5px;
	height:27px;
	background-image:url(../images/maquette/bg-tri.jpg);
	background-repeat:no-repeat;
}
#contenuTexte #listingEntete .listingTri select{
	float:left;
	display:block;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	margin-top:8px;
	margin-right:15px;
	margin-left:5px;
}
#contenuTexte .pagination{
	height:37px;
	margin:0 auto;
	float:right;
	margin-right:10px;
}
#contenuTexte .paginationDeb{
	height:37px;
	width:18px;
	background-image:url(../images/maquette/pagination1.jpg);
	float:left;
}
#contenuTexte .paginationCorps{
	display:block;
	float:left;
	text-align:center;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-top:5px;
	height:27px;
	background-image:url(../images/maquette/pagination.jpg);
}
#contenuTexte .paginationFin{
	display:block;
	float:left;
	width:18px;
	height:37px;
	background-image:url(../images/maquette/pagination2.jpg);
}

#contenuTexte .listing{
	width:184px;
	background-image:url(../images/maquette/bg-list-top.gif);
	text-align:center;
	float:left;
	margin-left:0px;
}

#contenuTexte .listing:hover{
	background-image:url(../images/maquette/bg-list-top-over.gif);
}
#contenuTexte .listing img{
	margin-top:8px;
	/* TAILLE MAX IMAGE : 170px */
	padding-bottom:0px;
	border:1px solid #78AEB1;
}
#contenuTexte .listing .titreL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	border-bottom:1px solid white;
}

 #contenuTexte .listing .titreL a , #contenuTexte .listing .titreL a:link, #contenuTexte .listing .titreL a:hover, #contenuTexte .listing .titreL a:active, #contenuTexte .listing .titreL a:visited{

	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	
	}
#contenuTexte .listing .auteurL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
}
#contenuTexte .listing .prixL{
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;

	height:15px;
	line-height:17px;
}
#contenuTexte .listing .ajoutL
{
	background-image:url(../images/maquette/bt-voir.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}
#contenuTexte .listing .ajoutL:hover
{
	background-image:url(../images/maquette/bt-voir2.gif);
	background-position:bottom;
	width:184px;
	height:42px;
}

#contenuTexte #recherche{
	float:left;
	background:#EFEFEF;
	width:500px;
	margin-bottom:20px;
	
	
	display:block;
	float:left;
	/*text-align:center;*/
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	/*color:#FF6600;*/
	padding-top:8px;
	height:27px;
	/*letter-spacing:0.2em;*/
	background-image:url(../images/maquette/pagination.jpg);

}
#contenuTexte .recherche{
	float:left;
	width:100px;
	margin-left:60px;
	margin-bottom:20px;
}













/*************************** FICHE PRODUIT ************************/
/*************************** FICHE PRODUIT ************************/
/*************************** FICHE PRODUIT ************************/
#laFiche{
	width:750px;

/*	background-color:#00FFFF; */
}

#laFiche #colGauche{
	width:200px;
	
/*	background-color:#CCCCCC; */
	float:left;
	margin-right:10px;
	padding-top:17px;
	text-align:center;
}
#laFiche #colGauche img{
	border:1px solid #F97C02;
}
#laFiche #colGauche #prodAssoc{	
	width:200px;
}
#laFiche #colGauche #prodAssoc a{	
	display:inline;
}




#laFiche #colDroite{
	width:340px;
	float:left;
}
#laFiche #colDroite .intitule{
	clear:both;
	width:76px;
/*	background-color:#CCCCCC; */
	height:12px;
	line-height:12px;
	margin:0 0px 1px 0;
	padding:0;
	font-weight:bold;
	float:left;
	border-top:1px solid #FEEBD9;
}
#laFiche #colDroite .txtLabeur{
	width:258px;
	border-top:1px solid #FEEBD9;
	
	line-height:12px;
	margin:0 5px 1px 0;
	padding:0;
	float:left;
}
#laFiche #colDroite .prix{
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#000;
	margin-bottom:5px;
}

#laFiche #colDroite span.pr{
color:#000;
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;}
#laFiche #colDroite .prixbarre{
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal
	font-size:14px;
	text-decoration:line-through;
	text-align:center;
	margin-bottom:5px;
}
#laFiche #colDroite .prixPromo{
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-bottom:10px;
}
#laFiche #colDroite .ajoutPanier{
	/*background-image:url(../images/fiche-produit/bt-ajout.gif);*/
	width:176px;
	height:42px;
	margin-left:100px;
}

#laFiche #colDroite span.ami, #laFiche #colDroite span.ami a, #laFiche #colDroite span.ami a:link, #laFiche #colDroite span.ami a:hover, #laFiche #colDroite span.ami a:active, #laFiche #colDroite span.ami a:visited{
color:#000;
font-weight:bold;

}

#etat  a, #etat  a:link, #etat  a:hover, #etat  a:active, #etat  a:visited{
color:#000; }



#envoiami{
	width:258px;
	/*border:1px solid #FEEBD9;*/
	
	line-height:12px;
	margin:0 5px 1px 76px;
	padding:0;
	float:left;
}


#etat{
	float:left;
	margin-top:20px;
	clear:both;
	width:550px;
	display:block;
}



/********** Titre **********/
#etat .titreannee{
	float:left;
	width:10%;
	margin-right:10px;
	background-color:none;
	font-size:1.2em;
	text-align:center;
	padding:2px;
	font-weight:bold;
}
#etat .titreetat{
	float:left;
	width:50%;
	margin-right:10px;
	background-color:none;
	font-size:1.2em;
	text-align:center;
	padding:2px;
	font-weight:bold;
}
#etat .titreprix{
	float:left;
	width:15%;
	margin-right:10px;
	background-color:none;
	font-size:1.2em;
	text-align:center;
	padding:2px;
	font-weight:bold;
}
#etat .titrecaddie{
	float:left;
	width:14%;
	background-color:none;
	font-size:1.2em;
	text-align:center;
	padding:2px;
	font-weight:bold;
}

/********** Element **********/
#etat .annee{
	float:left;
	width:10%;
	height:16px;
	margin:2px 10px 0px 2px;
	background-color:#FDD7B2;
	font-size:1.1em;
	padding:2px;
	clear:both;
}
#etat .etat{
	float:left;
	width:50%;
	height:16px;
	margin:2px 10px 0px 2px;
	background-color:#FDD7B2;
	font-size:1.1em;
	padding:2px;
}
#etat .prix{
	float:left;
	width:15%;
	margin:2px 10px 0px 2px;
	background-color:#FDD7B2;
	color:#000;
	padding:2px;
}
#etat .prix .promo{
	color:#333;
}
#etat .caddie{
	float:left;
	width:14%;
	height:20px;
	background-color:#FDD7B2;
	padding:0px;
	margin:2px 0px;
}




/**************** TRI PAR COLLEC *************/
/**************** TRI PAR COLLEC *************/
/**************** TRI PAR COLLEC *************/
#listingTriCollec{
	/*display:block;*/
	width:550px;

}
#listingTriCollec .listingTri{
	height:37px;
	float:left;
	background-image:url(../images/maquette/bg-tri2.jpg);
	background-position:right;
}
#listingTriCollec .listingTri p{
	/*display:block;*/
	float:left;
	padding-left:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-top:5px;
	height:27px;
	background-image:url(../images/maquette/bg-tri.jpg);
	background-repeat:no-repeat;
}
#listingTriCollec .listingTri select{
	float:left;
	display:block;
	padding-left:1px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:120px;
	color:#FF6600;
	margin-top:8px;
	margin-right:15px;
	margin-left:5px;
}
#listingTriCollec .listingTri option{
	padding-left:4px;
}
#contenuTexte #listingTriCollec .pagination{
	height:37px;
	margin:0 auto;
	float:right;
	margin-right:10px;
}
#contenuTexte #listingTriCollec .paginationDeb{
	
	height:37px;
	width:18px;

	background-image:url(../images/maquette/pagination1.gif);
	float:left;
}
#contenuTexte #listingTriCollec .paginationCorps{
	display:block;
	float:left;
		text-align:center;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	padding-top:5px;
	height:27px;
		letter-spacing:0.2em;
	background-image:url(../images/maquette/pagination.jpg);
}
#contenuTexte #listingTriCollec .paginationFin{
	display:block;
	float:left;

	width:18px;
	height:37px;
	background-image:url(../images/maquette/pagination2.gif);
}


#tableCollec {

}
#tableCollec .entete{
	font-weight:bold;
	font-size:11px;
}

#tableCollec li
{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-image:url(../images/puce.gif);
	margin-left:20px;
	/*background-repeat:no-repeat;
	padding-left:15px;
	background-position:0px 2px;*/
}
#tableCollec li:hover{
	list-style-image:url(../images/puce2.gif);
}