/* 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 CONTENU */
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	text-align:left;
	color:#fff;
	font-weight:bold;
	padding:20px 0 10px 280px;
	text-transform:uppercase;
}
#ficheproduitsimprime h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	text-align:left;
	color:#fff;
	font-weight:bold;
	padding:20px 0 10px 0px;
}
#texte  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:left;
	color: #fff;
	font-weight:bold;
	background:url(../images/charte/puce-h2.gif) no-repeat bottom left;
	margin:0px 0 15px 0;
}
#texte  a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #a8a8a8;
	/*background:url(../images/charte/puce-lien.gif) no-repeat bottom left;*/
}
#texte  a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #a8a8a8;
	/*background:url(../images/charte/puce-lien.gif) no-repeat bottom left;*/
}
.txt12gris, .txt12gris a:hover, .txt12gris a:visited, .txt12gris a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	color:#c6c6c6;
	font-weight:bold;
}


b{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
.txt10gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-style:italic;
	text-align:left;
	color:#fff;
	font-weight:normal;
}



/* --------------------------popup acceuil-----------------------------  */
#contenu_global {
	background-color:#000000; 
	width:100%; 
	height:100%;
	z-index:200;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.30;
}

*html #popup{width: 580px;}
#popup{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 520px;
  height:550px;
  margin-left:-250px;
  margin-top:-300px;
  visibility: visible;
  z-index:400;
	  background:url(../images/charte/bg-popup.png) no-repeat left top;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-popup.png', sizingMethod='scale');
  }

*html #popup #contenu-pop{margin:240px 30px 0 40px;}
#popup #contenu-pop{
	float:left;
	margin:160px 20px 0 60px;
	width:150px;
	height:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-align:justify;
	}
	
#contenu #popup h1{
  font-size:10px;
  color:#333;
  width:150px;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:0;
  text-transform: none;
  }
#popup p{margin:0;}  

*html #popup img{margin-top:120px}
#popup img{
	float:left;
	margin-top:100px;
}

*html #popup #fermer a img {right:67px;top:60px;}
#popup #fermer a img{
	border:none;
	right:35px;
	top:60px;
	position:absolute;
	margin:0;
	z-index:600;
	cursor:pointer;
	display:block;
}






/*********************************** ACCUEIL ***********************************/
#accueil{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
}
#accueil_marque{
	float:left;
	width:90px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin:0;
	padding:0px;
	/*border:1px solid red;*/
}
#accueil_marque img{
	float:left;
	width:70px;
	margin:0px 0px 10px 0px ;
	padding:0px;
	/*border:1px solid red;*/
}
#accueil_nouveaute{
	float:left;
	width:235px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	padding:0;
	margin:0px 10px 0px 14px;
	/*border:1px solid red;*/
}
#accueil_solde{
	float:left;
	width:235px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	padding:0;
	margin:0px 10px 0px 14px;
	/*border:1px solid red;*/
}
#accueil_best{
	float:right;
	width:235px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	padding:0;
	margin:0px 0px 0px 10px;
	/*border:1px solid red;*/
}
#accueil_nouveaute .encartproduit,
#accueil_best .encartproduit,
#accueil_solde .encartproduit{
	border:1px dashed white;
	float:left;
	width:235px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	padding:2px;
	margin:10px 0px;
}
#accueil_nouveaute .encartphoto,
#accueil_best .encartphoto,
#accueil_solde .encartphoto{
	float:left;
	width:100px;
	padding:0;
	margin-right:5px;
}
#accueil_nouveaute .encartphoto img,
#accueil_best .encartphoto img,
#accueil_solde .encartphoto img{
	float:left;
	width:100px;
	padding:0;
	margin-right:5px;
}

#accueil_best{
	float:right;
	width:235px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	padding:0;
	margin:0px 0px 0px 10px;
	/*border:1px solid red;*/
}
#accueil_nouveaute .prix,
#accueil_best .prix,
#accueil_solde .prix{
	font-family:verdana;
	font-size:16px;
	text-align:center;
	color:#bf564a;
	margin:5px 0 5px 0;
	font-weight:bold;
}

.prixbarre{
	font-family:verdana;
	font-size:14px;
	text-align:center;
	color:#bbb;
	margin:5px 0 5px 0;
	font-weight:bold;
	text-decoration:line-through;
}
/************** liste deroulante couleur **************/
#formProd select{
	width:120px;
	border:1px solid #bbb;
	font-size:12px;
}
#formProd select:focus{
	border-color:#FF0000;
}



/*********************************** produit ***********************************/
#produits{
	float:left;
	width:180px;
	min-height:380px;
	height:auto !important;
	height:380px;
	border:1px solid #fff;
	background-color:#000;
	text-align:center;
	margin:20px 10px 0px 0;
}
#produits img{
	text-align:center;
	border:0;
	margin:9px 0 10px 0;
}
#produits p{
	padding:0px 10px 0px 10px;
	font-family:verdana;
	font-size:11px;
	text-align:center;
	margin:0 0 0px 0;
}
#produits h3{
	font-family:verdana;
	font-size:16px;
	text-align:center;
	color:#bf564a;
	margin:5px 0 5px 0;
	font-weight:bold;
}
.ajouteraupanier{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#f81b8b;
}
#produits .ajouteraupanier a:visited{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
}
#produits .ajouteraupanier a,#produits .ajouteraupanier a:visited{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:none;
}
#produits .ajouteraupanier a:hover{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	background:none;
}
.alignementhauteur{
	vertical-align:middle;
	padding:8px 0 0 0;
}


/*********************************** FICHE PRODUIT ***********************************/
#ficheproduits{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	background-color:#000;
	text-align:left;
	margin:20px 0px 10px 0;
	/*border:1px solid red;*/
}
/*ficheproduits img{
	float:left;
	border:0;
	width:300px;
	margin:0px 0px 10px 0;
}*/
#ficheproduitsvisu img{
	float:left;
	border:0;
	width:300px;
	margin:0px 0px 10px 0;
}
#ficheproduitstext1{
	float:left;
	margin:0px 0px 10px 8px;
	padding:0px;
	font-family:verdana;
	font-size:11px;
	text-align:left;
	/*border:1px solid blue;*/
}
#ficheproduits #encartphotos{
	float:left;
	width:289px;
	/*border:1px solid #fff;*/
	background-color:#000;
	text-align:left;
	margin:10px 8px 10px 8px;
	padding:0;
	/*border:1px solid red;*/
}
#ficheproduits #encartphotos img{
	float:left;
	border:0;
	width:96px;
	margin:0px 0px;
}
#ficheproduitstext2{
	float:left;
	width:278px;
	background-color:#535353;
	margin:0px 0px 10px 8px;
	padding:5px;
	font-family:verdana;
	font-size:11px;
	text-align:left;
	/*border:1px solid blue;*/
}
#ficheproduitstext2 img{
	float:left;
	border:0;
	width:auto;
	margin:0px;
}
#ficheproduitstext2 .img{
	width:auto;
	margin:0px 4px 0px 0px ;
}
#ficheproduitsDesc{
	float:left;
	width:585px;
	/*clear:left;*/
	background-color:#535353;
	margin:0px 0px 15px 0px;
	padding:5px;
	font-family:verdana;
	font-size:11px;
	text-align:justify;
	/*border:1px solid blue;*/
}
#ficheproduitsAsso{
	float:left;
	width:585px;
	/*clear:left;
	background-color:#535353;*/
	margin:0px 0px 15px 0px;
	padding:5px;
	font-family:verdana;
	font-size:11px;
	text-align:left;
	/*border:1px solid blue;*/
}
#ficheproduitsAsso img{
	float:left;
	border:0;
	width:85px;
	margin:0px 8px 0px 0px ;
}

#formficheProduit input,textarea{
	width:50px;
	border:1px solid #000;
	font-size:12px;
}
#formficheProduit input:focus,textarea:focus{
	border-color:#FF0000;
}



#ficheproduits p{
	padding:7px 10px 7px 10px;
	font-family:verdana;
	font-size:11px;
	text-align:left;
	margin:0 0 0px 0;
	/*border:1px solid red;*/
}
#ficheproduits .prix{
	font-family:verdana;
	font-size:16px;
	text-align:center;
	color:#bf564a;
	margin:5px 0 5px 0;
	font-weight:bold;
}
#ficheproduitsimprime{
	float:left;
	width:610px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:10px 0px 10px 5px;
}
#ficheproduitsimprime a{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#ficheproduitsimprime a:hover{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}


/************** liste deroulante marque **************/
#formficheProduit select{
	width:150px;
	border:1px solid #bbb;
	font-size:12px;
	font-weight:bold;
}
#formficheProduit select:focus{
	border-color:#FF0000;
}

/***************** fin produit *****************/
/************** liste deroulante marque **************/
#formMarque select{
	width:150px;
	border:1px solid #bbb;
	font-size:12px;
	font-weight:bold;
}
#formMarque select:focus{
	border-color:#FF0000;
}

/***************** fin produit *****************/





/*********************************** MARQUE ***********************************/
#marque{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid red;*/
}
#marque img{
	float:left;
	border:1px solid #CCCCCC;
	width:70px;
	margin:0px 10px 0px 10px;
	padding:0px;
}
#marque p{
	padding:0px 10px 20px 10px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:8px 0 12px 0 ;
	/*border:1PX solid red;*/
}
#marque h3{
	font-family:verdana;
	font-size:16px;
	text-align:left;
	color:#bf564a;
	margin:15px 0 2px 0;
	font-weight:bold;
}

#marque h3 a{ text-decoration:none; color:#bf564a;}
#marque h3 a:hover{ text-decoration:none; color:#bf564a;}
#marque h3 a:visited{ text-decoration:none; color:#bf564a;}


/*********************************** CGV ***********************************/
#cgv{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid red;*/
}
#cgv img{
	float:left;
	border:1px solid #CCCCCC;
	width:70px;
	margin:0px 10px 0px 10px;
	padding:0px;
}
#cgv p{
	padding:0px 10px 20px 10px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:8px 0 12px 0 ;
	/*border:1PX solid red;*/
}
#cgv  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:left;
	color: #fff;
	font-weight:bold;
	background:url(../images/charte/puceh2.gif) no-repeat bottom left;
	margin:0px 0 5px 0;
	padding:0px 10px 2px 30px;
}
#cgv h3{
	font-family:verdana;
	font-size:1.2em;
	text-align:left;
	color:#bf564a;
	margin:15px 0 2px 0;
	padding:0px 10px 0px 10px;
	font-weight:bold;
}



/*********************************** FRAIS PORT ***********************************/
#fraisport{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid red;*/
}
#fraisport p{
	padding:0px 10px 0px 10px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:10px 0 10px 0 ;
	/*border:1PX solid red;*/
}
#fraisport  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:left;
	color: #fff;
	font-weight:bold;
	background:url(../images/charte/puceh2.gif) no-repeat bottom left;
	margin:0px 0 5px 0;
	padding:0px 10px 2px 30px;
}
#fraisport h3{
	font-family:verdana;
	font-size:1.2em;
	text-align:left;
	color:#bf564a;
	margin:15px 0 2px 0;
	padding:0px 10px 0px 10px;
	font-weight:bold;
}
#fraisport li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-top:0px;
	margin-left:60px;
	margin-bottom:0px;
	/*border:1px solid red;*/
}



/*********************************** PHATCAP ***********************************/
#phatcap{
	float:left;
	width:610px;
	min-height:280px;
	height:auto !important;
	height:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid red;*/
}
#phatcap p{
	padding:0px 10px 0px 10px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:10px 0 10px 0 ;
	/*border:1PX solid red;*/
}
#phatcap b{
	font-family:verdana;
	font-size:11px;
	color:#fff;
	text-align:justify;
}
#phatcap li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-top:0px;
	margin-left:60px;
	margin-bottom:0px;
	/*border:1px solid red;*/
}
#phatcap #signature{
	padding:10px 10px 0px 300px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:10px 0 10px 0 ;
	/*border:1PX solid red;*/
}






/*********************************** CONTACT ***********************************/
#contact{
	float:left;
	width:610px;
	/*min-height:280px;
	height:auto !important;
	height:280px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid red;*/
}
#contact img{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
}
#contactPlan p,
#contact p{
	padding:0px 10px 20px 0px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:8px 0 0px 0 ;
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact .bouton{
	width:200px;
	margin-right:20px;
	background-color:transparent;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}
#formContact input,textarea{
	background-color:transparent;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:100%;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*********************************** caddie ***********************************/
.bouton_caddie{
	margin-right:20px;
	background-color:transparent;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.input_caddie,.textarea_caddie{
	background-color:transparent;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	
	font-size:12px;
}
.input_caddie option{
	color:#000000;
}
.input_caddie:focus ,.textarea_caddie:focus{
	border-color:#FF0000;
}
/*********************************** LIENS ***********************************/
#liens{
	float:left;
	width:610px;
	/*min-height:280px;
	height:auto !important;
	height:280px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 0px 0px 90px;
	/*border:1px solid blue;*/
}
#liens #liensColonnegauche{
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin-top:0;
	margin:0 ;
	/*border:1px solid red;*/
}
/**+html #liens #liensColonnegauche{
	width:290px;
	margin:0;
	padding:0;
	border:1px solid red;
}
*+html #liens #liensColonnedroite{
	width:290px;
	margin:0;
	padding:0;
	border:1px solid red;
}
*html #liens #liensColonnegauche{
	width:290px;
	margin:0;
	padding:0;
	border:1px solid red;
}
*html #liens #liensColonnedroite{
	width:290px;
	margin:0;
	padding:0;
	border:1px solid red;
}*/
#liens #liensColonnegauche h3,
#liens #liensColonnedroite h3,
#liens #liensColonnegauche h3 a,
#liens #liensColonnedroite h3 a{
	font-family:verdana;
	font-size:16px;
	text-align:left;
	color:#a8a8a8;
	margin:15px 0 0 0;
	padding:0;
	font-weight:bold;
}

#liens #liensColonnedroite{
	float:right;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:left;
	color: #a8a8a8;
	margin-top:0;
	margin:0;
	/*border:1px solid red;*/
}
#liens #liensColonnedroite img{
	margin:0 20px 0 0px;
}
#liens img{
	float:left;
	width:70px;
	margin:0px 10px 0px 0px;
	padding:0px;
	border:1px solid #CCCCCC;
}
#liens p{
	padding:0px 10px 20px 0px;
	font-family:verdana;
	font-size:11px;
	color:#a8a8a8;
	text-align:justify;
	margin:8px 0 0px 0 ;
}
#liens a{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#liens a:hover{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}
/*********************************** TAILLE ***********************************/
#taille{
	float:left;
	width:670px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:justify;
	color: #a8a8a8;
	margin:20px 5px 0px 5px;
	/*border:1px solid blue;*/
}
#taille  h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	color: #fff;
	font-weight:bold;
	/*background:url(../images/charte/puce-h2.gif) no-repeat bottom left;*/
	margin:0px 0 15px 0;
}