/* 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 #000;

	font-size:12px;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#FF0000;

}



/*-------------------------index--------------- */



.ul{

float:left;

width:200px;

margin-bottom:5px;

margin-left:80px;

margin-top:20px;

color:##FBBC27;



}

.liste{

float:left;

width:180px;

margin-bottom:5px;

margin-left:10px;

font:Arial, Helvetica, sans-serif;

list-style-image:url(../images/charte/puce.jpg);

font-size:12px;

color:#FBBC27;

font-weight:bold;



}





.tit{

float:left;

width:500px;

margin-top:20pox;

margin-bottom:5px;

margin-left:15px;



font:Arial, Helvetica, sans-serif;

font-size:14px;

color:#FAAE2B;

font-weight:bold;



}

.tit a:link {
	color:#FAAE2B;
	text-decoration:none;
}

.tit a:hover {
	color:#FAAE2B;
	text-decoration:none;
}

.img_acc{

float:left;

width:100px;

margin-left:20px;

margin-top:5px;

margin-left:30px;

}



.desc_acc{

float:left;

width:100px;

margin-top:10px;

margin-left:50px;

}

/*-------------------------listing_produits--------------- */



.listing{

float:left;

width:600px;

margin-top:10px;

margin-bottom:25px;

margin-left:30px;

}

.listing_top{

float:left;

width:497px;

height:16px;

background-image:url(../images/charte/top_listing.jpg);

background-repeat:no-repeat;

}

.listing_cont{

float:left;

width:497px;

background-image:url(../images/charte/cont_listing.jpg);

background-repeat:repeat-y;

}





.savoir{

float:right;

width:100px;

margin-right:70px;

margin-top:20px;



}



.txt{



float:left;

width:150px;

margin-top:5px;

margin-left:30px;



}



.listing_bottom{

float:left;

width:497px;

height:16px;

background-image:url(../images/charte/bottom_listing.jpg);

background-repeat:no-repeat;

}



.listing_cont img{

float:left;

margin-top:5px;

margin-bottom:10px;

margin-left:30px;

}



.listing_cont p{

float:left;

width:150px;

margin-top:5px;

margin-left:15px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FAAE2B;

font-weight:bold;

text-align:center;



}



.pagination{

float:left;

width:500px;

margin-top:10px;

margin-left:30px;

}

.pagination p{

float:left;

width:100px;

margin-left:200px;

text-align:center;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FAAE2B;

font-weight:bold;

}

.suivant{

float:left;

width:30px;

height:30px;



}

.precedent{

float:right;

width:30px;

height:30px;



}

/*-------------------------fiche_produits--------------- */







.fiche{

float:left;

width:600px;

margin-top:10px;

margin-bottom:25px;



}

.fiche_cont{

float:left;

width:575px;

background-image:url(../images/charte/cont_listing.jpg);

background-repeat:repeat-y;

}





.img_fiche{

float:left;

width:207px;

margin-left:10px;

margin-top:10px;

margin-left:20px;

margin-right:30px;

margin-bottom:20px;

}

.img_fiche p{

float:left;

width:50px;

font:Arial, Helvetica, sans-serif;

font-size:11px;

color:#FAAE2B;

}

.img_fiche img{

margin-bottom:5px;





}

.description{

float:left;

width:520px;

margin-left:20px;

}

.desc{

float:left;

width:100px;

margin-top:10px;

margin-left:40px;

}

.description p{

float:left;

width:510px;

margin-top:10px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FAAE2B;

text-align:justify;

}



.desc p{

float:left;

width:150px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

}

.desc .prix_promo{

font:Arial, Helvetica, sans-serif;

font-size:14px;

color:#F08A38;

text-decoration:line-through;

font-weight:normal;

}



.descrptif .prix_promo2{

font:Arial, Helvetica, sans-serif;

font-size:13px;

color:#F08A38;

text-decoration:line-through;

font-weight:bold;

}

.titre{

width:500px;

font:Arial, Helvetica, sans-serif;

font-size:16px;

color:#DF5628;

font-weight:bold;

padding-top:10px;

margin:0 0 10px 5px;



}



.titrefiche{

width:200px

font:Arial, Helvetica, sans-serif;

font-size:15px;

color:#FBBC27;

font-weight:bold;

margin-bottom:10px;



}

.fiche_top{

float:left;

width:575px;

height:21px;

background-image:url(../images/charte/top_fiche.jpg);

background-repeat:no-repeat;

}

.fiche_cont2{

float:left;

width:575px;

background-image:url(../images/charte/cont_fiche.jpg);

background-repeat:repeat-y;

}





.savoir{

float:right;

width:100px;

margin-right:70px;

margin-top:20px;



}



.savoir_acc{

float:left;

width:150px;



margin-left:30px;

margin-top:75px;





}



.fiche_bottom{

float:left;

width:575px;

height:21px;

background-image:url(../images/charte/bottom_fiche.jpg);

background-repeat:no-repeat;

}



.listing_cont img{

float:left;

margin-top:5px;

margin-bottom:10px;

margin-left:30px;

}



.listing_cont p{

float:left;

width:150px;

margin-top:5px;

margin-left:15px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FAAE2B;

font-weight:bold;

text-align:center;



}





.quantite{

float:left;

width:50px;

background-color:#FAAE2B;

font-size:11px;

color:#000;

}

.descrptif{

float:left;

width:270px;

margin-top:10px;



}



.descrptif p{

float:left;

width:100px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FAAE2B;

font-weight:bold;



}

/*-------------------------sous_listing--------------- */



.sous_listing{

float:left;

width:600px;

margin-top:10px;

margin-bottom:20px;





}



.logo{

float:left;

width:280px;

margin-left:20px;

}

#container .logo p{

float:left;

width:130px;

margin-left:5px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

text-align:left;

}



#container .logo2 p{

float:left;

width:130px;

margin-left:5px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

text-align:left;

}

.logo2{

float:left;

width:280px;



}



.des_logo{

float:left;

width:240px;

margin-bottom:10px;

position:relative;



}

.des_logo2{

float:right;

width:240px;

margin-bottom:10px;



}



.img_logo2 {

float:right;

width:90px;

height:100px;

margin-bottom:20px;

margin-right:30px;

}





.img_logo {

float:left;

width:80px;

margin-bottom:10px;

margin-right:5px;



}



.img_logo3 {

float:right;

width:90px;

margin-bottom:1px;

margin-left:10px;



}



.des_txt{

float:left;

width:140px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

text-align:center;}



.des_txt2{

float:right;

width:140px;

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

text-align:right;



}





/*-------------------------contact--------------- */





#formulaire{

float:left;

width:470px;

margin-bottom:10px;

margin-top:30px;



}





#formulaire img{

margin-bottom:10px;



}

label{



font-size:12px;

font:Arial, Helvetica, sans-serif;

color:#FBBC27;

text-align:justify;

}



.b{

width:400px;

background-color:#FBBC27;

color:#000;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #756969;

}

.capca{

width:150px;

background-color:#FBBC27;

margin-left:12px;

color:#fff;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #756969;

}



#formulaire input:focus{



background-color:#FBBC27;

color:#000;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #85746D;

}

#formulaire textarea{

width:400px;

background-color:#FBBC27;

color:#000;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #756969;

}

#formulaire textarea:focus{

background-color:#FBBC27;

color:#000;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #85746D;

}

.coordonne{

width:200px;

float:left;

margin-top:30px;



}



#txt td{

vertical-align:center !important;}



input, textarea, label{

margin-bottom:8px;

}





#plan{

float:left;

width:200px;

margin-top:30px;

margin-left:70px;



}

#plan img{

float:left;

margin-left:20px;



}



#formulaire .bouton_form{

width:200px;

background-color:#FBBC27;

color:#000;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

border:1px solid #756969;

}



.coordonne p{

float:left;

width:250px;

margin-top:20px;

margin-right:10px;

margin-left:5px;

text-align:justify;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

color:#FBBC27;

}

#formulaire p{

font:Arial, Helvetica, sans-serif;

color:#FBBC27;

text-align:justify;

font-size:11px;

margin-bottom:15px;

}

/*-----------------mentions------------ */



#txt_mentions{

float:left;

width:580px;

margin-bottom:20px;

margin-top:10px;

}



#txt_mentions p{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

margin-top:10px;

text-align:justify;





}

/*-----------------merci------------ */



#txt_merci{

float:left;

width:550px;



}



#txt_merci p{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FBBC27;

margin-top:10px;

text-align:center;}



#bouton_merci {

float:left;

width:81px;

margin-top:20px;

margin-left:120px;



}



/*----- RECHERCHE -----*/

#container #recherche input {

	background:#000;

	margin:0 0 30px 10px;

	float:left;

	color:#FFFFFF;

	font-weight:bold;

	cursor:pointer;

	}

#container #recherche select {

	background:#000;

	margin:0 0 30px 10px;

	width:120px;

	float:left;

	font-size:11px;

	color:#FFFFFF;

	}

/*--- CGV ---*/

#container .cgv-titre {

	color:#FFFFFF;

	border-bottom: 1px solid white;

	line-height:0,2;

	font-style:italic;

	}



/*---- PICTO ---*/



.news {

	position:absolute;

	width:60px;

	height:47px;

	top:0;

	left:0;

	z-index:100;

	background:url(../images/charte/picto_news.png) no-repeat;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto_news.png', sizingMethod='scale');



	}





.promo {

	position:absolute;

	width:113px;

	height:87px;

	top:0;

	left:0;

	z-index:100;

	background:url(../images/charte/picto_promo.png) no-repeat;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto_promo.png', sizingMethod='scale');



	}

.epuise {

	position:absolute;

	width:90px;

	height:65px;

	top:0;

	left:0;

	z-index:100;

	background:url(../images/charte/picto_epuise.png) no-repeat;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto_epuise.png', sizingMethod='scale');

	} 

	

	

	

	

	

/* CORRECTIFS APPORTES PAR LE DEVELOPPEUR */



.inputText

{

	background:#000000;

	border:1px solid #FFFFFF;

	color:#FFFFFF;

}

	

#container #contenu #contenuTexte h1.titre-fiche

{

}



#container #contenu #contenuTexte .fiche .fiche_cont2 .img_fiche img

{

	width:200px;

}

	

#container #contenu #contenuTexte .fiche .fiche_cont2 .img_fiche .noImage

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.5em;

	font-style:italic;

	background-color:#FFFFFF;

	color:#000000;

	width:200px;

	padding:70px 0;

	text-align:center;

}

	

#container #contenu #contenuTexte .fiche .fiche_cont2 .img_fiche .noImage span

{

	font-size:0.7em;

}



#container #contenu #contenuTexte .fiche .fiche_cont2 .descrptif p

{

	width:auto;

}



#container #contenu #contenuTexte .fiche .fiche_cont2 #formAjoutPanier .inputText

{

	width:50px;

	margin-left:10px;

	text-align:center;

}



#container #contenu #contenuTexte p.noProduit

{

	margin:50px;

	color:#FFFFFF;

	font-style:italic;

	text-align:center;

	line-height:normal;

	font-size:1.5em;

}



#container #contenu #contenuTexte p.noProduit span

{

	font-size:0.8em;

}



#container #contenu #contenuTexte .listing .listing_cont img.image-produit

{

	width:100px;

}

	

#container #contenu #contenuTexte .fiche .fiche_cont2 .noImage

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.5em;

	font-style:italic;

	background-color:#FFFFFF;

	color:#000000;

	width:200px;

	padding:70px 0;

	text-align:center;

}









#container #contenu #contenuTexte .sous_listing .clearer

{

	clear:left;

	border-bottom:#FBBC27 dotted 1px;

	margin-bottom:20px;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo .img_logo img

{

	width:80px;

	border:0;

	margin:0 5px 5px 0;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo .img_logo

{

	margin:0;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo .img_logo .noImage

{

	padding:30px 0;

	background:#FFFFFF;

	color:#000000;

	font-style:italic;

	text-align:center;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo p

{

	width:155px;

	text-align:justify;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo p.right

{

	text-align:right;

	width:100%;

}



#container #contenu #contenuTexte .sous_listing .logo .des_logo p .titre-rubrique

{

	font-size:1.2em;

	font-weight:bold;

}



.prixBarre

{

	font-size:0.8em;

	text-decoration:line-through;

	font-weight:normal;

	margin-right:5px;

}