@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "panier.css";
@import "newsletter.css";
@import "paiement.css";

/*------------------------------------------------------*
*-- appel des css formulaire contact -  referencement et navigation  ----*
*------------------------------------------------------*/



/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS 03 mars 08 - MAJ : arno --*
 *------------------------------------------------*/





html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	color: #FFF;
	background-image:url(../images/deco/fond/fond-body.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}

.newsletter_pop{
  height:auto;
  width:auto;
  padding:2px;
  background:black;
  color:yellow;
  border:2px white solid;
  position:absolute;
  top:500px;
  z-index:10;
	font-size:12px;
}

.image-droite{
	margin:10px 0 0 10px;
	padding: 0;
	float:right;
	display: block;
	border: solid 1px #232323;
}

.image-gauche{
	margin: 10px 10px 10px 0;
	padding: 0;
	float:left;
	display: block;
	border: solid 1px #232323;
}


.image-droite-sans{
	margin:10px 0 0 10px;
	padding: 0;
	float:right;
	display: block;
}

.image-gauche-sans{
	margin: 10px 10px 10px 0;
	padding: 0;
	float:left;
	display: block;
}

.bordure{
	border: solid 1px #232323;
}


.Style4 {font-size: 17px}


 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:990px;
}

/*Haut de page  HEADER*/

#header_index{
	margin:0;
	padding:0;
	width:990px;
	height:251px;
	background-image:url(../images/deco/header-index.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#header{
	margin:0;
	padding:0;
	width:990px;
	height:251px;
	background-image:url(../images/deco/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


/*FIL ARIANE */

#fil_ariane_index{
	margin:0 auto;
	padding:0;
	width: 960px;
	height:40px;
	line-height:40px;
	font-size:11px;
	
}

#fil_ariane_index a{
	font-size:11px;
	color: #FFF;
	text-decoration:none;

	
}

#fil_ariane_index a:hover{
	font-size:11px;
	color: #fec726;
	text-decoration:none;
	
}

#fil_ariane{
	margin:0 auto;
	padding:0;
	width: 960px;
	height:40px;
	line-height:40px;
	font-size:11px;
}


/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 980px;
}

#bloc_texte_index {
	margin:0;
	padding:0 15px 15px 0;
	width: 520px;
	background-image:url(../images/deco/fond/fond-texte-index.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:right;
}

#bloc_texte_index p{
	margin:0;
	padding:7px 0 7px 0 ;
}

#bloc_texte_index h1{
	margin:0;
	padding:0 0 10px 0;
	color: #FFF;
	font-size:25px;
}


#bloc_texte {
	margin:0 17px 0 0;
	padding:10px 15px 15px 15px;
	width: 495px;
	background-image:url(../images/deco/fond/fond-texte-index.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-top: 1px solid #232323;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	border-bottom: 2px solid #fec726;
	float:right;
}


#bloc_texte h1{
	margin:0;
	padding:0 0 10px 0;
	color: #FFF;
	font-size:23px;
}

#bloc_texte h2{
	margin:0;
	padding:10px 0 10px 0;
	color: #FFF;
	font-size:23px;
}

#bloc_texte h3{
	margin:0;
	padding:10px 0 10px 0;
	color: #EE9B1B;
	font-size:16px;
	border-bottom: 1px;
	border-bottom-color: #EE9B1B;
	border-bottom-style: solid;
}

#bloc_texte h4
{
	margin:0;
	padding:10px 0 10px 0;
	color: #EE9B1B;
	font-size:12px;
	text-decoration: underline;
}

#bloc_texte strong
{
	color: #EE9B1B;
}

#bloc_texte p{
	margin:0;
	padding:7px 0 7px 0 ;
}


#bloc_texte a{
	margin: 0;
	padding:0;
	color:#fec726;
	text-decoration:none;
}


#bloc_texte a:hover{
	margin: 0;
	padding:0;
	color:#FFF;
	text-decoration:none;
}



#bloc_content {
	margin:0;
	padding:0;
	width: 535px;
	float:right;
}


#content_titre {
	margin:0 auto;
	padding:15px;
	width: 530px;
	background-image:url(../images/deco/fond/fond-content-titre.gif);
	background-position: center bottom;
	background-repeat:no-repeat;
	float:right;
}


/*Début BLOC  GAUCHE */

#bloc_gauche {
	margin:0;
	padding:0;
	width: 218px;
	float:left;
}

#fournisseurs{
	margin:0;
	padding:0;
	width: 218px;
	height:405px;
	background-image:url(../images/deco/fournisseurs.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
}
/*Fin BLOC  GAUCHE */





/*Début BLOC  DROIT */


#bloc_droit {
	margin:0;
	padding:0;
	width: 198px;
	float:right;
}

#bloc_panier {
	margin:0 0 10px 0;
	padding:20px 0 0 10px;
	width: 188px;
	height:169px;
	background-image:url(../images/deco/fond/fond-panier.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	font-size:15px;
}
#bloc_panier h2 {
	font:19px Arial, Helvetica, sans-serif;
	color:#FEC726;
	padding:2px 0 0 62px;
}

#content_panier{
	margin-top: 55px;
}
#content_panier p a  
{
	text-decoration:none;
	color:#FFFFFF;
	font-size: 11px;
}

#bloc_newsletter {
	margin:0 0 10px 0;
	padding:20px 0 0 0;
	width: 198px;
	height:95px;
	background-image:url(../images/deco/fond/fond-newsletter.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	font-size:20px;
}
#bloc_newsletter h2 {
	font:19px Arial, Helvetica, sans-serif;
	color:#FEC726;
	padding:13px 0 0 85px;
}

#bloc_infos {
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	width: 198px;
	height:169px;
	background-image:url(../images/deco/fond/fond-infos.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	font-size:12px;
}
#bloc_infos h2 {
	font:18px Arial, Helvetica, sans-serif;
	color:#FEC726;
	padding:3px 0 0 35px;
}
#bloc_infos ul {
	margin:0 7px;
	padding:20px 0 0 0;
	list-style-type:none;
}
#bloc_infos ul li{
	margin:5px 0;
	padding:0;
}
#bloc_infos ul li a{
	text-decoration:none;
	color:#fff;
}
#bloc_infos ul li a:hover{
	text-decoration:underline;
	color:#fec726;
}

#bloc_occas {
	margin:20px 0 20px 10px;
	padding:20px 0 0 25px;
	width: 173px;
	height:169px;
	background-image:url(../images/deco/fond/fond-occaz.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	font-size:20px;
	color: #FEC726;
}

#bloc_entretien {
	margin:20px 0 20px 10px;
	padding:27px 0 0 15px;
	width: 183px;
	height:162px;
	background-image:url(../images/deco/fond/fond-entretien.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	font-size:15px;
	font-weight: bold;
	color: #FEC726;
}

#bloc_myspace {
	margin:0 0 20px 0;
	padding:10px 0 0 15px;
	width: 183px;
	height:179px;
	background-image:url(../images/deco/fond/fond-myspace.jpg);
	background-position: center center;
	background-repeat:no-repeat;
}


#bloc_myspace h1{
	margin:0;
	padding:0;
	font-size:16px;
	color: #FFF;
	font-weight:normal;
}


#bloc_myspace h2{
	margin:0;
	padding:5px 0 0 25px;
	font-size:14px;
	color: #FFF;
}

#bloc_myspace h3{
	color: #FFF;
}


#bloc_appeleznous{
	margin:0;
	padding:22px 0 0 42px;
	width: 156px;
	height:93px;
	background-image:url(../images/deco/fond/fond-appeleznous.gif);
	background-position: center top;
	background-repeat:no-repeat;
	font-size:18px;
	color: #FFCD1E;
}


#telephone{
	margin:0;
	padding:0 0 0 28px;
	font-size:20px;
	color: #fec726;
}


/*Fin BLOC  DROIT */



/*Début BLOC PROMOTION */
#encart_promotion {
	width:490px;
	height:189px;
	background: url(../images/deco/fond/fond-encart-promotion.gif) no-repeat center top;
	margin:0 0 20px 0;
	padding:10px;
}
#encart_promotion h2 a {
	color:#fec726;
	font-size:20px;
	text-decoration:none;
	float:right;
}
#encart_promotion h2 a:hover {
	text-decoration:underline;
}
.encart_promotion_titre {
	font:19px Arial, Helvetica, sans-serif;
	float:left;
	padding:12px 0 0 0;
}
.encart_promotion_prix {
	color:#fec726;
	font-size:20px;
	font-weight:bold;
}
#encart_promotion a img {
	margin:20px 0 0 0;
	border:0;
	float:left;
}
#encart_promotion_texte {
	width:160px;
	float:right;
	margin:10px 0 0 0;
}

/*Fin BLOC PROMOTION */


/*Début BLOC COUP COEUR */


#content_coupcoeur {
	margin:0 25px 30px 0;
	padding:0;
	width: 510px;
	background-image:url(../images/deco/fond/fond-content-coupcoeur.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-top: 1px solid #232323;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	border-bottom: 2px solid #fec726;
	float:right;
}

#titre_coupcoeur {
	margin:0;
	padding:43px 0 0 180px;
	width: 330px;
	height:74px;
	background-image:url(../images/deco/fond/fond-titre-coupcoeur.gif);
	background-position:center top;
	background-repeat:no-repeat;
	font-size:35px;
}

#content_liste_coupcoeur {
	margin:0;
	padding:0 15px 0 15px;
	width: 140px;
	float:left;
}

#liste_coupcoeur {
	margin:0;
	padding:0;
	width: 140px;
}

#liste_coupcoeur img{
	margin:0 auto;
	padding:0;
	border:none;
	display:block;
	border: 3px solid #FFF;
}

.nom_liste_coupcoeur {
	margin:0;
	padding:7px 7px 7px 10px;
	font-size:13px;
}

.nom_liste_coupcoeur a{
	font-size:13px;
	color: #FFF;
	text-decoration:none;
}


.nom_liste_coupcoeur a:hover{
	font-size:13px;
	color: #fec726;
	text-decoration:none;
}


.prix_liste_coupcoeur {
	margin:0;
	padding:0 7px 7px 10px;
	color: #fec726;
	font-size:16px;
	font-weight:bold;
}


/*Fin BLOC COUP COEUR */


/*Début LISTE PRODUITS */


#content_produit {
	margin:0 25px 30px 0;
	padding:0;
	width: 510px;
	background-image:url(../images/deco/fond/fond-content-coupcoeur.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom: 2px solid #fec726;
}

#titre_categorie {
	margin:0;
	padding:12px 45px 20px 45px;
	width: 420px;
	background-image:url(../images/deco/fond/fond-content-titre.gif);
	background-position:center top;
	background-repeat:no-repeat;
}


#titre_categorie h1{
	margin:0;
	padding:0;
	font-size:20px;
	color: #FFF;
}

#content_liste_produit {
	margin:0;
	padding:0 15px 0 15px;
	width: 140px;
	float:left;
}

#liste_produit {
	margin:0;
	padding:0;
	width: 140px;
}

#liste_produit img{
	margin:0 auto;
	padding:0;
	border:none;
	display:block;
	border: 3px solid #FFF;
}

.nom_liste_produit {
	margin:0;
	padding:7px 7px 7px 10px;
	font-size:13px;
}

.nom_liste_produit a{
	font-size:13px;
	color: #FFF;
	text-decoration:none;
}


.nom_liste_produit a:hover{
	font-size:13px;
	color: #fec726;
	text-decoration:none;
}


.prix_liste_produit {
	margin:0;
	padding:0 7px 7px 10px;
	color: #fec726;
	font-size:20px;
	font-weight:bold;
}

.prix_produits_barre {
	margin:0;
	padding:0 7px 7px 10px;
	color: #BFBFBF;
	text-decoration:line-through;
	font-size:16px;
}

.nav_pages{
	margin:0;
	padding:0 0 5px 0 ;
	width:510px;
	height: 25px;
	font-size: 10px;
	text-align:right;
	font-weight: bold;
	float: left;
}
.nav_pages a{
	margin: 0;
	padding: 3px;
	color: #FFF;
	text-decoration: none;
}
.nav_pages a:hover{
	margin: 0;
	padding: 3px;
    color: #fec726;
	text-decoration: none;
}

.nav_pages a.menu_actif{
	margin: 0;
	padding: 3px;
    color: #000;
	background-color: #fec726;
	text-decoration: none;
}


/*Fin LISTE PRODUITS*/



/*Début FICHE DETAIL*/

#content_fiche {
	margin:0 25px 30px 0;
	padding:0;
	width: 510px;
	background-image:url(../images/deco/fond/fond-content-coupcoeur.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom: 2px solid #fec726;
}

#fiche_photo {
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	width:236px;
	float:left;
}

#fiche_photo img{
	margin:0 auto;
	padding:0;
	border:none;
	display:block;
	border: 3px solid #FFF;
}

#content_fiche_texte {
	margin:0;
	padding:0;
	width:250px;
	float:right;
}

.nom_fiche {
	margin:0 0 1px 0;
	padding:0 5px 0 5px;
	color:#FFF;
	font-size:15px;
	line-height:25px;
	font-size:18px;
	color: #fec726;
	font-weight:bold;
}

.descriptif_fiche {
	margin:0 0 1px 0;
	padding:5px;
}

.descriptif_fiche ul{
	margin: 0;
	padding: 0 10px 10px 20px;
}

.descriptif_fiche li {
	margin: 0;
	padding: 0 0 0 13px;
	list-style-type:none;
	background-image:url(../images/deco/puce-etoile.gif);
	background-position: left 5px;
	background-repeat:no-repeat;
	display:block;
}

.prix_fiche {
	margin:0 0 1px 0;
	padding:0 5px 3px 5px;
	color: #FFF;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color: #fec726;
	display:block;
	border-bottom: 1px solid #fec726;
}

.disponibilite {	
	margin:1px 0 1px 0;
	padding:3px 5px 3px 5px;
	color: #FFF;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color: #fec726;
	display:block;
	border-top: 1px solid #fec726;
}

.ajouter_panier {
	width:148px;
	height:29px;
	margin:20px 5px 0 0;
	border:0;
	background: url(../images/deco/fond/ajouter-panier_bkg.gif) no-repeat center top;
	color:#fff;
	padding:0 0 0 20px;
	float: right;
	cursor:pointer;
}
.ajouter_panier:hover {
	background: url(../images/deco/fond/ajouter-panier_bkg.gif) no-repeat center -29px;
}

.retour_liste {
	margin:0;
	padding:0 0 10px 0;
	text-align:right;
	color:#FFF;
	font-size:11px;
}
.retour_liste a {
	color:#FFF;
	text-decoration:none;
}
.retour_liste a:hover {
	color:#fec726;
	text-decoration:none;
}

#contact_fiche {
	margin:0;
	padding:0 0 0 170px;
	width: 340px;
	height:150px;
	background-image:url(../images/deco/telephone-aile.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}


#contact_fiche p{
	margin:0;
	padding:5px 5px 5px 0;
}


/*Fin FICHE DETAIL*/



/*Bas de page  FOOTER*/

#content_footer{
	margin:0;
	padding:35px 0 0 0;
	width:990px;
	height:86px;
	color: #FFF;
	background-image:url(../images/deco/fond/fond-footer.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#adresse{
	margin:0;
	padding:0 10px 0 0;
	width:440px;
	color: #FFF;
	text-align: right;
	border-right: 2px solid #fec726;
	float:left;
}

#menu_footer{
	margin:0;
	padding:0 10px 0 0;
	width:517px;
	color: #FFF;
	float:right;
}

#menu_footer a{
	font-size:11px;
	color: #FFF;
	text-decoration:none;
}


#menu_footer a:hover{
	font-size:11px;
	color: #fec726;
	text-decoration:none;
}


/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* Contact */
#bloc_texte_contact {
	margin:0 17px 20px 0;
	padding:0 15px 15px 15px;
	width: 495px;
	float:right;
}

#bloc_texte_contact h1{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	color: #FFF;
	font-size:23px;
}

/*plan*/

#plan {
	margin:20px 17px 20px 0;
	padding:10px 15px 15px 15px;
	width: 495px;
	background-image:url(../images/deco/fond/fond-texte-index.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-top: 1px solid #232323;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	border-bottom: 2px solid #fec726;
	float:right;
}

#plan a{
	font-size:11px;
	color: #FFF;
	text-decoration:none;
}


#plan a:hover{
	font-size:11px;
	color: #fec726;
	text-decoration:none;
}


#plan h1{
	margin:0;
	padding:0 0 10px 0;
	color: #FFF;
	font-size:23px;
}

#plan img{
	margin:10px 0 0 0;
	padding:0;
	border: 1px solid #fec726;
}


#player {
	width:250px;
	height:188px;
	float:left;
	margin: 0;
	padding: 10px 20px 0 0;
}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
   h1 {
	margin: 0;
	padding: 0;
	color:#000;
  }
  
   h2 {
	margin:0;
	padding: 0;
	color:#000;
  }
  
   h3 {
   	margin: 0;
    padding: 0;
	color:#000;
  }
  
   h4 {
   	margin: 0;
    padding: 0;
	color:#000;
  }
  
   h5 {
   	margin: 0;
    padding: 0;
	   color:#000;
  }
  
   h6 {
   	margin: 0;
    padding: 0;
			 color:#000;
  }
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/