@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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f2e8e2;
	color: #3c2b1f;
}

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

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



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


#general{
	background:url(../images/deco/general_bkg.gif) repeat-y;
	margin:0px auto;
	padding:0;
	width:931px;
}

/*Haut de page  HEADER*/

#header{
	background:url(../images/deco/header_bkg.gif) no-repeat #f2e8e2;
	width:931px;
	margin:0 auto;
	padding:0;
	height:28px;
	color:#fff;
}

/*Contenu de page  CONTENT */

#content {
	background:url(../images/deco/content_top_bkg.gif) no-repeat;
	margin:0 auto;
	padding:0;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	position:relative;
	width:237px;
	left:0px;
	margin:0;
	padding:0;
}
#left_content h3{
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	color:#301604;
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/deco/puce_menu_h2.gif) no-repeat left center;
}
#left_content h4{
	margin:0;
	padding: 0 0 0 20px;
	color:#301604;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/deco/puce_menu_h2.gif) no-repeat left center;
}

#logo_volupte {
	padding:15px 0 0 4px;
	margin:0 0 40px 0;
}

#module_recherche, #module_newsletter, #module_paiement-livraison, #module_actu {
	border-top:#e6e1df solid 1px;
	margin:10px 0 0 20px;
	padding:10px 0 0 0;
	width:200px;
}
#module_recherche .champs_recherche {
	width:140px;
	height:15px;
	border:#634f41 solid 1px;
	background-color:#fff;
	margin:5px 0 0 20px;
}
#module_recherche .bouton_recherche, #module_newsletter .bouton_recherche {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/deco/bouton_bkg.gif) no-repeat center center;
	width:70px;
	border:none;
	margin:0 0 0 92px;
	padding:1px 0;
	cursor: pointer;
}

#module_newsletter .champs_recherche {
	width:130px;
	height:15px;
	border:#634f41 solid 1px;
	background-color:#fff;
	color:#cbcbcb;
	margin:5px 0 0 20px;
	padding:0 5px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#module_recherche p, #module_newsletter p, #module_paiement-livraison p {
	padding:4px 0 0 0;
}

#module_actu h4 {
	background:url(../images/deco/actu_bkg.gif) no-repeat center top;
	padding:3px 0 5px 0;
	margin:0 0 5px 0;
	text-align:center;
	color:#fff;
}
.actu_content {
	clear:both;
	margin:0 0 20px 0;
}
.actu_content img {
	float:left;
	margin:0 5px 5px 0;
}
.actu_content .titre_actu {
	font-weight:bold;
	margin:0 0 9px 0;
}
.actu_content p {
	margin:5px 0;
}

/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:200px;
	right:0px;
}
#right_content h1{
	margin:0;
	padding:0;
	color:#000;
}
#right_content h4{
	margin:0;
	padding:0;
	color:#00FF00;
}

/*///    partie du centre   ///*/
#middle_content{
	float:left;
	position:relative;
	width:690px;
}
#middle_content h1{
	margin:0 0 10px 0;
	padding:2px 0;
	color:#301604;
	background:url(../images/deco/pucce_h1.jpg) no-repeat 7px 3px;
	font:bold 22px Verdana, Arial, Helvetica, sans-serif;
	text-indent:38px;
	letter-spacing:2px;
}
#middle_content h4{
	font: bold italic 14px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 10px;
	padding:0;
	color:#b6510e;
}
#middle_content h5{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:#f0eeeb solid 1px;
	margin:0 0 10px 0;
	padding:20px 0 5px;
	color:#B6510E;
}

#middle_content_presentation {
	padding:0 235px 0 10px;
	background:url(../images/deco/ideogramme_japonais.jpg) no-repeat 490px center;
}
#middle_content_presentation p {
	margin:10px 0;
}
#middle_content_presentation img {
	margin:10px 0;
}
#middle_content_presentation strong {
	color:#b6510e;
}

*html .google_map {
	width:647px;
	height:350px;
	border:#F0EEEB solid 1px;
	margin:0 0 0 10px;
	padding:10px;
}
.google_map {
	width:647px;
	height:350px;
	border:#F0EEEB solid 1px;
	margin:0 0 0 10px;
	padding:10px 10px 20px;
}

.cgv {
	width:669px;
	margin:0 0 20px 10px;
}
.cgv p {
	margin:10px 0;
}
.text_align_center {
	text-align:center;
}

#flash_anim {
	width:670px;
	margin:0 0 0 10px;
	background:url(../images/diaporama/diaporama_photo_01.jpg) no-repeat center top;
}

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

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:20px 0 0 0;
	width:929px;
	height:30px;
	background:url(../images/deco/footer_bkg.gif) no-repeat center top #f2e8e2;
	text-align: center;
	color: #b6510e;
}

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

#footer a:hover{
	text-decoration:underline;
}

#footer .adresse {
	color:#301604;
	margin:5px 0 10px 0;
}


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

/*liens  globaux*/
a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#b6510e;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

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

 /*------------------------------------------------------*
  *------------------     ENCART PANIER / CLIENT     ----*
  *------------------------------------------------------*/

#header table {
	width:890px;
	height:15px;
	margin:7px 10px 0 30px;
}
#header td {
	padding:0 5px;
}
#header a {
	color:#fff;
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
}
.champs_login {
	width:80px;
	height:15px;
	border:none;
	background-color:#d15e11;
	font-size:10px;
	color:#F5AE7E;
	padding:0 5px;
}
.champs_bouton {
	width:15px;
	height:15px;
	border:none;
	background:url(../images/deco/ok_bkg.gif) no-repeat;
	color:#80390A;
	font-size:1px;
}
.header_pointilles {
	background:url(../images/deco/header_pointilles.gif) no-repeat right center;
}

 /*------------------------------------------------------*
  *-------------    FIN   ENCART PANIER / CLIENT     ----*
  *------------------------------------------------------*/
  
 /*------------------------------------------------------*
  *------------------     TEA ROOM    -------------------*
  *------------------------------------------------------*/

#content_tearoom {
	padding: 0 0 20px 0;
}
.content_tearoom {
	width: 669px;
	margin: 0 0 0 10px;
	padding: 0;
}
.content_tearoom ul {
	margin: 0;
	padding: 0;
}
.content_tearoom li {
	list-style: none;
	float: left;
}
.content_tearoom ul a {
	display: block;
	text-decoration: none!important;
	font: bold 14px Verdana;
	color: #B6510E;
	background: #fff;
	border-bottom: 1px solid #B6510E;
	border-left: 1px solid #B6510E;
	padding: 2px 181px 2px 5px;
	margin: 0 1px 0 0;
}
.content_tearoom ul a:hover {
	background: #fff0e5;
}
.content_tearoom ul a:hover.selected {
	background: #B6510E;
	color: #fff;
}
.content_tearoom ul a.selected {
	margin-bottom: 0;
	color: #fff;
	background: #B6510E;
	border-bottom: 1px solid B6510E;
	cursor: default;
}
.content_tearoom div {
	clear: left;
}
.content_tearoom div a {
	color: #000;
	font-weight: bold;
}
.sous_titre_h5 {
	font-style: italic;
	color: #B6510E;
	margin: 0 0 10px 0;
}
.tearoom_prod {
	width: 550px;
	line-height: 25px;
	border-bottom: #f0eeeb dotted 1px;
}
.tearoom_prix {
	width: 120px;
	font-weight: bold;
	text-align: center;
	border-bottom: #f0eeeb dotted 1px;
}

.presse_recherche{
	width:98%;
}