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

/***************** Contact *****************/
#contact_fomulaire {
	width:400px;
	float:left;
	padding-bottom:20px;
}


#contenuTexte input,textarea{
	width:95%;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#424242;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte input:focus,textarea:focus{
	border:1px solid #017e99;
}
#contenuTexte .champRequis{
	color:#edbc02;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenuTexte   .bouton {
	border:1px solid #02a1e3;
	font-size:12px;
	color:#02a1e3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenuTexte  .bouton:focus {
	border:1px solid #017e99;
}

#contenuTexte  .capa{
	width:95%;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#424242;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .capa:focus{
	border:1px solid #017e99;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:96%;
}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:280px;
	float:left;
	margin-bottom:20px;
	margin-left:20px;

}
#contact_plan {
	width:280px;
	float:left;
	margin-left:20px;
}

#contact_loi {
	width:280px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	padding-bottom:10px;
}

#contenuTexte .txt_bas3 {
	font-size:11px;
}

#contenuTexte .txt_bas{
	font-size:9px;
}
.label1 {
	width:120px;
	line-height:2.2em;
	font-size:12px;
	color:#008bb3;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	
}

.label2 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:12px;
	color:#008bb3;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.label3 {
	line-height:2.2em;
	font-size:11px;
	color:#424242;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte .listee2{
	width:110px;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#02a1e3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;

}


#contenuTexte .qtit{
	width:108px;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#02a1e3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte .qtit2{
	width:45px;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#02a1e3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#contenuTexte .qtit22{
	width:45px;
	border:1px solid #02a1e3;
	font-size:12px;
	color:#02a1e3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:5px;
	margin-left:10px;
}


/* ------------------------------- Général ------------------------------- */

#contenuTexte p.enval{
	font-weight:bold;
	border-bottom:1px dotted #00a6f3;
	color:#00a6f3;
	background-image:url(../images/charte/bgtitre2.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
	font-size:13px;
	margin-bottom:10px;
	margin-top:10px;
	width:670px;
}

#contenuTexte span.indispo {
	color:#00B4FF;
}
#contenuTexte p.envalindex{
	font-weight:bold;
	border-bottom:1px dotted #00a6f3;
	color:#00a6f3;
	background-image:url(../images/charte/bgtitre2.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
	font-size:16px;
	margin-bottom:10px;
	margin-top:10px;
	width:670px;
}

#contenuTexte p.enval1{
	font-weight:bold;
	border-bottom:1px dotted #C86D8B;
	color:#BE6683;
	background-image:url(../images/charte/enval.gif);
	background-repeat:no-repeat;
	padding-bottom:0px;
	padding-left:40px;
	font-size:14px;
}

#contenuTexte p.enval2{
	font-weight:bold;
	border-bottom:1px dotted #00a6f3;
	color:#00a6f3;
	background-image:url(../images/charte/bgtitre2.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
	font-size:12px;
	padding-bottom:5px;
	
}

#contenuTexte li {
	font-size:12px;
	list-style-image:url(../images/charte/puce1.jpg);
	text-align:justify;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	color:#424242;
	line-height:1.8em;
}

#contenuTexte ul {
	margin-left:50px;
	margin-bottom:10px;
	margin-top:5px;

}

#contenuTexte ul#etapees {
	margin-left:55px;
	margin-bottom:10px;
	margin-top:5px;

}

#contenuTexte .liste {
	font-size:12px;
	list-style-image:url(../images/charte/puce2.jpg);
	
}

#contenuTexte .listeul {
	margin-left:70px;
}

.decmerci {
	margin-left:50px;
	margin-top:20px;
}

.dectab {
	margin-left:20px;
}

/*****************************************************/
/* 		Accueil
/*****************************************************/

#contenuTexte #txtacc{
	float:left;
	width:420px;
	margin-right:20px;
	margin-top:30px;

}

#contenuTexte #animation{
	width:262px;
	height:198px;
	float:left;
	margin-top:20px;
	
}

/*****************************************************/
/* 		Vignette Produit
/*****************************************************/

#contenu  #contenuTexte .produit{
	float:left;
	width:159px;
	margin:0 11px 10px 0;
	background-image:url(../images/charte/bglisting.jpg);
	background-repeat:no-repeat;
	padding:5px 0 5px 5px;
	border:1px solid #99e2fe;
	position:relative;
}
#contenu #contenuTexte .produit a p.titre,a.titre{
	float:left;
	width:140px;
	font-weight:bold;
	color:#FFFFFF !important;
	text-decoration:none;
	font-size:13px;
	text-align:center;
	line-height:1.2em;
	height:63px;
	margin-left:15px;
}


#contenu #contenuTexte .produit .visuelprod {
	float:left;
	width:155px;
	text-align:center;
	height:150px;
}
#contenu #contenuTexte .produit .visuelprodfl {
	float:left;
	width:155px;
	text-align:center;
	height:150px;
	margin-bottom:10px;
}


#contenu #contenuTexte .produit p.decsriptif{
	float:left;
	width:150px;
	color:#008bb3;
	font-size:11px;
	line-height:1.2em;
	height:52px;
	margin:8px 0;
}

#contenu #contenuTexte .produit p.marque {
	float:left;
	width:150px;
	color:#008bb3;
	font-size:12px;
	font-weight:bold;
	margin-top:8px;
}


#contenu #contenuTexte .produit  p.centre{
	float:left;
	text-align:center;
	width:150px;
}

#contenu #contenuTexte .produit span.prix{
	font:bold 18px Arial, Helvetica, sans-serif;
	margin-right:20px;
	color:#026189;
}
#contenu #contenuTexte .produit p.prixcentre{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#026189;
	text-align:center;
	width:150px;
}


#contenu #contenuTexte .produit span.prixbarre{
	text-decoration:line-through;
	color:#008bb3;
}

#contenu #contenuTexte .produit  .info{
	float:left;
	width:73px;
	height:12px;
	margin-bottom:13px;
	margin-top:8px;
}
#contenu #contenuTexte .produit  .info a{
	float:left;
	width:73px;
	height:12px;
	background-image:url(../images/charte/plusinfo.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/plusinfo.png', sizingMethod='image');
	cursor:pointer;

}


#contenu #contenuTexte .produit  .ajoutpanier{
	float:right;
	width:104px;
	height:24px;
	margin-bottom:5px;
}
#contenu #contenuTexte .produit  .ajoutpanier a{
	float:right;
	width:104px;
	height:24px;
	background-image:url(../images/charte/ajoutpanierfiche.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ajoutpanierfiche.png', sizingMethod='image');
	cursor:pointer;

}


/*****************************************************/
/* 		Picto
/*****************************************************/


.promo {
	width:40px;
	height:40px;
	position:absolute;
	background-image:url(../images/charte/promo.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png', sizingMethod='image');
}

.coeur {
	width:40px;
	height:40px;
	position:absolute;
	background-image:url(../images/charte/coeur.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/coeur.png', sizingMethod='image');
}

/* ----------------------- Pagination ----------------------*/


#contenuTexte #pagination{
	width:470px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:110px;
}
#contenuTexte #pagination p{
	text-align:center;
}
.prev{
	float:left;
	width:52px;
	height:31px;
}
.next{
	float:right;
	width:39px;
	height:33px;
}

/*****************************************************/
/* 		Fiche produit
/*****************************************************/

#visuelfiche {
	float:left;
	width:330px;
	margin-right:15px;
	margin-bottom:20px;
}
#imageprincipale {
	float:left;
	width:330px;
	margin-bottom:15px;
}
#imageprincipale img{
	border:1px solid #02adfd;
}

#vignettefiche{
	float:left;
	width:330px;
	height:84px;
	margin-bottom:15px;
}
#boutonfiche{
	float:left;
	width:330px;
	height:29px;
}
#boutonfiche img{
	border:none;
}
#boutonfiche .imageright {
	float:right;
}
#boutonfiche .imageleft {
	float:left;
}
#vignettefiche .decimage {
	margin-right:9px;
}
#vignettefiche img{
	border:1px solid #02adfd;
}
#caracterefiche {
	float:right;
	width:358px;
	border:1px solid #99e2fe;
	margin-bottom:20px;
}
#caracterefiche #fichehaut{
	float:left;
	width:348px;
	background-image:url(../images/charte/fichehaut.jpg);
	background-repeat:repeat-y;
	padding:3px 0 0 10px;
}
#caracterefiche #fichecont{
	float:left;
	width:350px;
	background-image:url(../images/charte/fichecont.jpg);
	background-repeat:repeat-y;
	padding:8px 0 10px 8px;
}

#caracterefiche #fichehaut p.desfiche{
	color:#0172a2;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	width:340px;
	line-height:1.7em;
}

#contenuTexte #caracterefiche #fichecont p.marquefiche{
	font-weight:bold;
	border-bottom:1px dotted #02a1e3;
	margin-bottom:5px;
	padding-bottom:0px;
	color:#02a1e3;
	width:340px;
}


#contenuTexte #caracterefiche #fichecont p.description{
	font-size:11px;
	margin-bottom:10px;
	width:340px;
	color:#008bb3;
}

#contenuTexte #caracterefiche #fichecont p.bas{
	margin-bottom:10px;

}

#contenuTexte #caracterefiche #fichecont span.prix2{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#026189;
	margin-right:20px;

}

#contenuTexte #caracterefiche #fichecont span.prixbarre2{
	text-decoration:line-through;
	color:#008bb3;
}

#contenuTexte #caracterefiche #fichecont .ajoutpanier2{
	float:right;
	width:104px;
	height:24px;
}
#contenuTexte #caracterefiche #fichecont .ajoutpanier2 a{
	float:right;
	width:104px;
	height:24px;
	background-image:url(../images/charte/ajoutpanierfiche.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ajoutpanierfiche.png', sizingMethod='image');
	cursor:pointer;

}


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

#mention1 {
	width:335px;
	float:left;
	margin-right:15px;
}

#mention12 {
	width:335px;
	float:left;
	margin-right:15px;
	margin-top:5px;
}
#mention2 {
	width:335px;
	float:left;
}

#separation {
	width:9px;
	height:520px;
	float:left;
	margin-right:15px;
	background-image:url(../images/charte/separation.gif);
	background-repeat:repeat-y;
	margin-top:20px;
}

#separation2 {
	width:9px;
	height:1300px;
	float:left;
	margin-right:15px;
	background-image:url(../images/charte/separation.gif);
	background-repeat:repeat-y;
	margin-top:10px;
}


#invisible{
display:none;
}