@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	background: #333 url(../images/deco/bg_body.gif) repeat-x 0 bottom;
	color: #000;
}

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

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


.newsletter_pop{
  height:auto;
  width:auto;
  padding:4px;
  background:black;
  border:2px black solid;
  position:absolute;
  top:285px;
  z-index:10;
  color:#00FF00;
	font-size:12px;
}


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


#general{
	margin:20px auto 0 auto;
	padding:0;
	width:100%;
}

/*Haut de page  HEADER*/

#header
	{
	margin:0 auto;
	padding:0;
	width:980px;
	height:240px;
	background:url(../images/deco/bg_header.jpg) no-repeat 0 0;
	}
#header h4
	{
	margin:0;
	padding:0 4px 0 0;
	height:19px;
	line-height:19px;
	text-align:right;
	color:#BEB69F;
	font-size:10px;
	}



#acces_pro {
	margin: 0 0 0 21px;
	padding: 0;
	float: left;
}
#acces_pro h4 {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #BEB69F;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
}
#acces_pro p {
	margin: 0 8px 0 5px;
	padding: 5px 0 0 0;
	text-align: left;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	float: left;
}
#acces_pro input {
	margin: 3px 5px 0 0;
	padding: 0;
	text-align: left;
	color: #ffffff;
	font-size: 10px;
	background-color: #BEB69F;
	border: none;
	height: 13px;
	float: left;
}
#acces_pro input.btn_ok {
	background-color: #666666;
	cursor:pointer;
}
/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0 1px 10px 1px;
	width: 978px;
	background-color:#fff;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content
	{
	margin:0;
	padding:0 0 0 21px;
	float:left;
	position:relative;
	width:657px;
	left:0px;
	}
#left_content h1{
	margin:10px 0 0 0;
	padding:0;
	color:#666;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
}
#left_content h2{
	margin:0 0 10px 0;
	padding:0 0 0 60px;
	color:#948b73;
	font-size:18px;
	font-weight:normal;
	text-transform:normal;
}
#left_content p.txt
	{
	margin:10px 0;
	padding:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}
/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:279px;
	right:0px;
}


/*/// fin des colonnes ///*/	

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:10px 0;
	width:980px;
	background-color:#fff;
	border-top:1px solid #bfb69f;
	text-align: center;
	font-size:11px;
	color: #a79e86;
}

#footer a{
	color:#a79e86;
	text-decoration:none;
}

#footer a:hover{
	color:#333;
}
 /*------------------------------------------------------*
  *--------    CSS MODULES     						 ----*
  *------------------------------------------------------*/

#module_panier, #module_newsletter, #module_cgv, #module_paiement
	{
	margin:0 0 1px 0;
	padding:10px;
	width:259px;
	}
#module_paiement p
	{
	padding-bottom:10px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 10px;
	}
#module_panier, #module_newsletter{background-color:#bfb69f;}
#module_cgv, #module_paiement {background-color:#e9e3d3;}

#module_panier h2, #module_newsletter h2{
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	height:20px;
	line-height:20px;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/deco/puce_h2_clr.gif) no-repeat 0 0;
	color:#E9E3D3;
}

#module_cgv h2, #module_paiement h2{
	margin:0 0 10px 0;
	padding:0 0 0 25px;
	height:20px;
	line-height:20px;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/deco/puce_h2_sbm.gif) no-repeat 0 0;
	color:#a79e86;
}
#module_cgv a{color:#948b73;text-decoration:none;}
#module_cgv a:hover{color:#333;text-decoration:none;}

a.module_panier
	{
	margin:0;
	padding:50px 0 0 120px;
	height:76px;
	width:112px;
	display:block;
	background:url(../images/deco/img_panier.jpg) no-repeat 0 0;
	color:#E9E3D3;
	font-size:14px;
	text-decoration:none;
	}
a.module_panier strong{ color:#fff;}
a.module_panier em{line-height:60px;font-style:normal;}
a:hover#module_panier em{color:#333;}

a.compte_utilisateur
	{
	margin: 1px auto;
	padding:5px 0;
	display:block;
	width:250px;
	background-color:#948b73;
	color:#E9E3D3;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}
a:hover.compte_utilisateur{color:#948b73;background-color:#E9E3D3;}
a.details_paiement
	{
	margin: 1px auto;
	padding:5px 0;
	display:block;
	width:250px;
	background-color:#BFB69F;
	color:#E9E3D3;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}
a:hover.details_paiement{color:#BFB69F;background-color:#fff;}

/* Paiement */
a.module_paiement
	{
	margin:0;
	padding:20px 0 0 90px;
	height:100px;
	width:160px;
	display:block;
	background:url(../images/deco/img_paiement.jpg) no-repeat 0 0;
	font-size:13px;
       color:#948b73;
       text-decoration:none
	}
	
a.module_paiement strong{ color:#948b73;}	
a.module_paiement em {font-size:14px;line-height:50px;font-style:normal;}
a:hover.module_paiement em{color:#333;}



/* Newsletter*/
#module_newsletter p{color:#eee;}
#module_newsletter p strong{color:#fff;}

.champ-mail{
	margin:3px 0;
	padding: 0 0 0 10px;
	background-color:#E9E3D3;
	border:1px solid #948B73;
	color:#333;
	height:18px;
	width:245px;
}
.bt_submit{
	margin:0 auto;
	padding:0 10px 5px 10px;
	display:block;
	height:20px;
	background-color:#948B73;
	border:none;
	color:#E9E3D3;
	text-align:right;
	cursor:pointer;
}
.bt_submit:hover{
  color:#948b73;
  background-color:#E9E3D3;
}	

a.lien{color:#948B73;text-decoration:none;background-color:#E9E3D3;padding:2px;}
a:hover.lien{color:#fff;background-color:#BFB69F;padding:2px;}

/* Coups de coeur*/	
#module_cc
	{
	margin:10px 0;
	display:block;
	width:100%;
	height:166px;
	background-color:#FFFFFF;
	}
#rotator_cc
	{
	margin:0;
	padding:6px;
	height:154px;
	width:324px;
	background:url(../images/deco/bg_rotator_cc.jpg) no-repeat 0 0;
		float:left;
	}
a#encart_cc
	{
	margin:0;
	padding:50px 10px 0 0;
	display:block;
	width:318px;
	height:116px;
	text-align:right;
	text-decoration:none;
	color:#948b73;
	float:right;
	background-color:#E9E3D3;
	}
a#encart_bj
	{
	margin:0;
	padding:50px 10px 0 0;
	display:block;
	width:308px;
	height:116px;
	text-align:right;
	text-decoration:none;
	color:#fff;
	float:left;
	background-color:#BFB69F;
	}
	
/* Collection et accessoires */
a#encart_collections, a#encart_accessoires
	{
	margin:0;
	padding:50px 10px 0 0;
	display:block;
	width:318px;
	height:116px;
	text-align:right;
	text-decoration:none;
	color:#fff;
	}
#encart_collections
	{
	margin:0;
	padding:0;
	display:block;
	width:318px;
	height:164px;
	text-align:right;
	
	color:#fff;
	float: left;
	}
#collection {
	display:block;
	color:#fff;
	padding:50px 10px 0 0;
	text-decoration:none;
	height: 164px;
}
#anim-collec {
	float: left;
}
a#encart_cc strong{font-size:24px;line-height:20px;}
#encart_collections a strong, a#encart_accessoires strong, a#encart_bj strong  {font-size:24px;line-height:16px;}
#encart_collections a em, a#encart_accessoires em, a#encart_cc em, a#encart_bj em {line-height:60px;font-style:normal;}

#encart_collections a:hover em, a:hover#encart_accessoires em, a:hover#encart_cc em, a:hover#encart_bj em {color:#333333;}

#encart_collections{
	background:#bfb69f;
}
a#encart_accessoires{
	background:#bfb69f url(../images/deco/bg_encart_accessoires.jpg) no-repeat 0 0;
	float:right;
	height:114px;
}

/* Adresse */
.module_adresse
	{
	margin:10px 0;
	display:block;
	width:100%;
	background-color:#E9E3D3;
	}
.plan
	{
	margin:0;
	padding:6px;
	width:324px;
/*	background:url(../images/deco/bg_rotator_cc.jpg) no-repeat 0 0;*/
		float:left;
	}
.module_adresse p
	{
	margin: 0;
	padding:10px 0 0 0;
	text-align:center;
	}
.module_adresse h3 
	{
	margin:0;
	padding:10px 0 10px 0;
	color:#948b73;
	text-align:center;
	font-size:20px;
	}
/*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;
}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0;
	padding: 0;
	color:#000;
}
  
h2 {
	margin: 0;
	padding: 0;
	color:#000;
}
  
h3 {
	margin:0 0 10px 0;
	padding:10px 0 0 20px;
	color:#948b73;
	font-size:18px;
	font-weight:normal;
	text-transform:normal;
}
h4 {
	margin: 0;
	padding: 10px 5px;
	color:#948B73;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/