/* 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;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #5B8134;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#FC3F91;
}
#formContact .champRequis{
	color:#FC3F91;
}
.formulaire{
float:left;
width:300px;
}
.formulaire2{
float:left;
width:400px;

}

.text-form{
font-size:11px;
color: #5B8233;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{
background-color: #fff;
color:#5b8233;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #5B8134;
font-size:11px;


}
.champs-qte{
background-color: #fff;
color:#5b8233;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #5B8134;
font-size:3px;

}
.boutton-form{
background-color:#fff;
color:#5B8233;
font-family: Arial, Helvetica, sans-serif;
border:none;
width:180px;
border:1px solid #5B8134;
cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#5B8233;

}

.plan{float:right;
width:215px;
height:173px;
background-image:url(../images/charte/planacc.jpg);
background-repeat:no-repeat;
}
.general{
float:right;
width:215px;
height:353px;
background-image:url(../images/charte/planacce.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-left:10px}

/* STYLE DE LA PAGE INDEX */

.txtacc{
float:left;
margin-top:10px;
width:530px;
text-align:center;
background-image:url(../images/charte/bg.jpg);
background-repeat:no-repeat}
#container .txtacc p{
float:left;
width:530px;
text-align:center;
font-weight:bold;
}
#container .couleure{
color: #FF0099;
font-weight:bold;
font-size:13px;}
.color{
color:#FC3F91;
font-weight:bold;
font-size:11px;}
#container .phrase-acc{

font-weight:bold;
font-size:13px;}
.liste{
float:left;
width:320px;

}
ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5b8233;
	border:none;

}
 li{
	
	color: #5b8233;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:20px;
}
#container .pagination {
margin-top:20px;
	float:left;	
	width:530px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:530px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;}
	
	/* STYLE DE LA PAGE langage des fleurs */
	.signification{
	float:left;
	width:250px;
	margin-right:5px
	}
		.annee{
	float:right;
	width:230px;
	margin-left:5px
	}
	
	/* STYLE DE LA PAGE symbolique des fleurs */	
	
	.symbole{
	float:left;
	width:400px;
	margin-right:5px;
	margin-bottom:10px;}
		.image{
	float:right;
	width:100px;
	margin-left:5px;
	margin-top:28px
	}
	.image img{
	border:1px solid #000
	}
	/* STYLE DE LA PAGE trucs et astuces */	
		.truc{
	float:left;
	width:320px;
	margin-right:5px;
	margin-bottom:10px
	}
		.imagetruc{
	float:right;
	width:180px;
	margin-left:5px;
	margin-top:15px;
	text-align:center;
	margin-bottom:10px
	}
	
		.imagetruc img{
		
border:1px solid #000
	}
	
	.astuce{
	float:left;
	width:530px}

/* STYLE DE LA PAGE fiche produits */
.fiche-produit{
float:left;
width:520px;
background-image:url(../images/charte/bgr.gif);
background-repeat:no-repeat;
border:1px dotted #C2F592;
padding:5px}

#container .designations{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#295500;
font-weight:bold;
width:520px;
text-decoration: underline;
margin-left:10px }

#container .deconnexion_pro{
text-align:right;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#295500;
font-weight:bold;
width:30px;
text-decoration: underline;
margin-right:10px;
margin-top:10px;
margin-bottom:0px; }
.image-prod{
float:left;
width:185px;
margin-right:5px;
text-align:center;
border:1px dotted #C2F592;}
.descriptif{
float:right;
width:320px;
margin-bottom:5px}
.separateur{
float:left;
width:310px;
height:1px;
margin-bottom:10px;
background-image:url(../images/charte/separ2.jpg);
background-repeat:repeat-x}
.separateur2{
float:left;
width:510px;
height:1px;
margin-top:-8px;
background-image:url(../images/charte/separ2.jpg);
background-repeat:repeat-x}
.prix-fiche{
	float:left;
	width:140px;
	text-align:right;
	font:bold 1.7em Arial, Helvetica, sans-serif;
	color:#ff6bcf;}

.promo-fiche{
	float:right;
	width:130px;
	margin-right:10px;
	text-align:left;
	text-decoration:line-through;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color: #FF99CC;
}


.caddie_image_fiche{
margin-left:70px;
}

.caddie-color{
color:#4DA600;
font-size:13px;
font-weight:bold}
	.envoi{
	float:left;
	width:140px;
	text-align:right;
	margin-top:20px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#ff6bcf;}
	.contacter
	{
	float:right;
	width:130px;
	margin-right:10px;
	text-align:left;
margin-top:20px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #ff6bcf;
}
.produits associes{
float:left;
width:520px;

}
.prod-associe{
float:left;
width:80px;
margin-left:2px;
text-align:center}
#container .prod-associe p{
float:left;
width:80px;
text-align:center;
font-weight:bold}

/* STYLE DE LA PAGE espace pro */	
.pro{
	float:left;
	width:280px;
	margin-right:10px;
	margin-bottom:10px
	}
		.realisations{
	float:right;
	width:210px;
	margin-left:5px;
	text-align:center;
	margin-bottom:5px;
	
	}
			.realisations img{
	
	margin-bottom:5px;
	border:1px dotted #C2F592;
		margin-left:1px;
	}
	.abonnement{
float:left;
width:580px;

height:230px;

}
	.abonnement1{
background-image: url(../images/charte/bgr2.jpg);
float:left;
width:140px;
margin-right:2px;

}
#container .abonnement1 p{
float:left;
width:140px;
text-align:center;
font-weight:bold}


.prod{float:right;
width:160px; }
#optia_class{
display:none;
}