/* 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 "reset.css";
@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */


#contact {
	float:left;
	width:585px;
	margin-bottom:20px;
	margin-left:5px;
}

#contact_fomulaire {
	width:350px;
	float:left;
	margin-bottom:10px;

}

#contact_fomulaire label {
	font-size:12px;
	color:#482E0F;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

.contact_plan {
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:5px;
}

#contact_fomulaire .bouton{
	background-color:#FC9426;
	border:1px solid #321F08;
	width:80px;
	color:#321F08;
}


#formContact input,textarea{
	width:180px;
	border:1px solid #FC982C;
	font-size:12px;
	color:#482E0F;
}

#contact #contact_fomulaire #formContact .capa{
	width:160px;
	border:1px solid #FC982C;
	font-size:12px;
	color:#482E0F;
}

#formContact input:focus,textarea:focus{
	border-color:#3399FF;
	color:#482E0F;
}
#formContact .champRequis{
	color:#FF0000;
}

.nice2{
	color:#412708;
}

#contact_fomulaire .txt_bas{
	font-size:9px;
}

#contact_coordonnees {
	width:200px;
	float:left;
	margin-left:5px;
}

#contenuTexte #contact #contact_coordonnees ul{
	width:200px;
	margin-left:20px;
	margin-bottom:10px;
	
}


#contenuTexte #contact #contact_coordonnees li{
	color:#50310B;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce.gif);
	line-height:1.8em;
	margin-top:7px;

}

.titre_parti2 {
	width:200px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
}

/* ------------------------- Accueil ------------------------- */
#acc{
	float:left;
	width:590px;
	margin-bottom:20px;

}

#nouvogeneral{
	float:left;
	width:580;
}

#promogeneral{
	float:left;
	width:580;
}

#coeurgeneral{
	float:left;
	width:580;
}


#acc .titre_parti {
	width:200px;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:5px;
	position:relative;
	float:left;
}

#coeurgeneral .titre_parti .picto_coeur{
	width:20px;
	height:25px;
	position:absolute;
	top:8px;
	left:13px;
	background-image:url(../images/charte/picto_coeur.gif);
	background-repeat:no-repeat;
}

#promogeneral .titre_parti .picto_promo{
	width:22px;
	height:17px;
	position:absolute;
	top:8px;
	left:14px;
	background-image:url(../images/charte/picto_promo.gif);
	background-repeat:no-repeat;
}

#nouvogeneral .titre_parti .picto_nouvo{
	width:10px;
	height:32px;
	position:absolute;
	top:5px;
	left:14px;
	background-image:url(../images/charte/picto_nouvo.gif);
	background-repeat:no-repeat;
}

.encart_acc {
	width:191px;
	float:left;
	margin-left:5px;
	margin-top:20px;
}

.encart_acchaut {
	float:left;
	width:191px;
	background-image:url(../images/charte/paveacc_haut.jpg);
}

#contenuTexte .encart_acchaut p {
	width:155px;
	margin-left:15px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	
}

.encart_accont {
	float:left;
	width:191px;
	background-image:url(../images/charte/paveacc_cont.jpg);
	background-repeat:repeat-y;
}

.encart_accont p {
	color:#492E0E;
	margin-left:7px;
	margin-right:5px;
}

.promo{
	text-decoration:line-through;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.prix{
	color:#489DB0;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}


.encart_accbas {
	float:left;
	width:191px;
	height:39px;
	background-image:url(../images/charte/paveacc_bas.jpg);
	background-repeat:no-repeat;
	
}
#contenuTexte #acc .encart_accbas a {
	width:103px;
	float:left;
	height:27px;
	background-image:url(../images/charte/ensavoir2.jpg);
	margin-left:30px;
	margin-top:5px;
}


.encart_img {
	width:70px;
	height:56px;
	float:left;
	margin:5px;
}

.enval{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

}

/* ------------------------- Listing produits  ------------------------- */

#listing{
	float:left;
	width:590px;
	margin-bottom:20px;
}

.pagination{
	width:300px;
	float:left;
	text-align:center;
	margin-top:30px;
	margin-left:120px;
	height:24px;
}
#contenuTexte #listing .pagination a {
	height:24px;
	font-weight:bold;
	font-size:12px;
}


#contenuTexte #listing .encart_accbas a {
	width:103px;
	float:left;
	height:27px;
	background-image:url(../images/charte/ensavoir2.jpg);
	margin-left:30px;
	margin-top:5px;
}

.prev{
	float:left;
	width:66px;
	height:24px;
}


.next{
	float:right;
	width:50px;
	height:24px;
}


#contenu #contenuTexte .fil {
	color:#412708;
}

#contenu #contenuTexte .fil:hover {
	color:#412708;
	text-decoration:underline;
}



/* ------------------------- fiche produit  ------------------------- */

#fichegeneral{
	float:left;
	width:590px;
	margin-bottom:20px;
}

#fiche{
	float:left;
	width:566px;
	margin-left:14px;
	margin-top:20px;
}

#fichehaut {
	float:left;
	width:566px;
	height:8px;
	background-image:url(../images/charte/fichehaut.jpg);
	background-repeat:repeat-y;
}

#caractere_fiche .designation  {
	width:254px;
	margin-left:13px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#5FA6AA;
}

#fichecont{
	float:left;
	width:566px;
	background-image:url(../images/charte/fichecont.jpg);
	background-repeat:repeat-y;
}

#fichebas{
	float:left;
	width:566px;
	height:30px;
	background-image:url(../images/charte/fichebas.jpg);
	background-repeat:no-repeat;
}

#visuelfiche{
	float:left;
	width:280px;
	margin:0px 5px 5px 5px;
	text-align:center;
}

#caractere_fiche {
	float:left;
	width:265px;
	margin:0px 5px 5px 0;
	border:1px solid #5FA6AA;
}

.image {
	width:118px;
	height:27px;
	text-align:right;
	margin-left:135px;
	margin-top:5px;
	margin-bottom:10px;
}

#fichegeneral #fiche #caractere_fiche p {
	margin-left:5px;
	margin-right:5px;
}

#caractere_fiche table {
	margin-left:5px;
	margin-right:5px;
}
.imageleft{
	float:left;
	width:131px;
	height:38px;
	margin-top:7px;
	text-align:left;
	margin-laft:5px;
}

.imageright{
	float:right;
	width:117px;
	height:38px;
	margin-top:7px;
	margin-right:5px;
	text-align:left;
}



#vigniette{
	float:left;
	width:280px;
	height:50px;
	margin-top:6px;
	margin-left:4px;
	text-align:left;
}

#vigniette img {
	margin-right:7px;	
}

#caractere_fiche  .formcaractere{
	width:100px;
	border:1px solid #462C0C;
	background-color:#FFDC8C;
	color:#462C0C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#conseil{
	width:400px;
	margin-left:75px;
	text-align:center;
	margin-top:20px;
}

.titre {
	font-size:13px;
	color:#3A2306;
	font-weight:bold;
	margin-left:50px;
}

/* ------------------------- Conditions Générales de Vente ------------------------- */

#condition{
	float:left;
	width:590px;
	margin-bottom:20px;
}

#condition p {
	margin-right:5px;
	margin-left:5px;
}

.enval2{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#3399FF;
}

.enval3{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFA300;

}


#contenu #contenuTexte #condition ul{
	width:560px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	
}


#contenu #contenuTexte #condition li{
	color:#50310B;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce.gif);
	line-height:1.8em;
	margin-top:7px;

}


/* ------------------------- Actualités ------------------------- */

#actualites {
	float:left;
	width:590px;
	margin-bottom:20px;
}


.actu {
	float:left;
	width:568px;
	margin-left:14px;
	margin-top:15px;
}

.actuhaut {
	float:left;
	width:568px;
	background-image:url(../images/charte/actuhaut.gif);
	background-repeat:repeat-y;
}

.actucont{
	float:left;
	width:568px;
	background-image:url(../images/charte/actucont.gif);
	background-repeat:repeat-y;
}

.actucont p{
	margin-left:10px;
	margin-right:10px;
}

.actucontenue{
	float:left;
	width:350px;
}


.actucont p {
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.actubas{
	float:left;
	width:568px;
	height:30px;
	background-image:url(../images/charte/actubas.gif);
	background-repeat:no-repeat;
}

.actubas p {
	margin-top:5px;
	margin-left:440px;
}

#actualites .actuhaut p  {
	width:557px;
	padding-left:5px;
	padding-right:5px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#3399FF;
}

.actuvisuel {
	width: auto !important;
	float:left;
	margin:5px 0 5px 5px;
}

.actuvisuel2 {
	width:258px;
	float:left;
	margin:5px 0 5px 5px;
}

.imgact5 {
	float:left;
	margin-right:4px;
	margin-bottom:5px;
}

.imgact2 {
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:8px;
}


/* ------------------------- Mentions légales ------------------------- */

#mentions {
	float:left;
	width:590px;
	margin-bottom:20px;
}

#mentions p {
	margin-right:5px;
	margin-left:5px;
}

/* ------------------------- Ateliers ------------------------- */

#ateliers {
	float:left;
	width:590px;
	margin-bottom:20px;
}

#ateliers p {

}



#ateliers .actuhaut p  {
	width:557px;
	padding-left:5px;
	padding-right:5px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#3399FF;
}

#ateliers .formcaractere{
	width:100px;
	border:1px solid #462C0C;
	background-color:#FFDC8C;
	color:#462C0C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#ateliers .txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#462C0C;
}


/* ------------------------- Le magasin  ------------------------- */

#magasin {
	float:left;
	width:590px;
	margin-bottom:20px;
}

.txtmagasin {
	float:left;
	width:570px;
	margin-right:5px;
	margin-left:5px;
	margin-top:8px;
}

#contenu #contenuTexte #magasin ul{
	width:560px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	
}


#contenu #contenuTexte #magasin li{
	color:#50310B;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce.gif);
	line-height:1.8em;
	margin-top:7px;
}


.txtcord{
	margin-top:40px;
	margin-left:5px;
	margin-right:20px;
	float:left;
	width:300px;
}

.plan{
	float:left;
	width:200px;
}


/* ------------------------- Merci ------------------------- */

#merci {
	float:left;
	width:590px;
	margin-bottom:20px;
}

#merci p {
	margin-right:5px;
	margin-left:5px;
}

#mercimg {
	float:left;
	margin-left:40px;
	margin-top:0px;
}

#mercimg img {
	margin-left:50px;
	border:none;
}
#test{
display:none;
}
#bloc-ami{
background-color:#FF9933;
}