@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "paiement.css";
@import "panier.css";
@import "actualites.css";
@import "newsletter.css";
@import "acces_client.css";
@import "produits.css";
@import "postit.css";
@import "../lightbox/lightbox.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: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: #000000;
	background:repeat-x top;
	background-image:url(../images/deco/background-body.gif);
}
.index {
	background-image:url(../images/deco/background-body-index.gif);
}

.body_maquette {
	background-image:url(../images/home/bckgd-body-v2.jpg);
}

.body_maquette_contact {
	background-image:url(../images/home/bckg-contact-maquette.jpg);
}

p, form, input, div, dl, dt, dd, ul, ol, li, blockquote, fieldset, th, td {
	margin: 0;
	padding: 0;
}
select {
	color: #000;
	background-color: #fff;
}

.liste-default {
list-style-position: inside;
margin: 10px 0 10px 10px;
}
/* -------------------------- PAGE INDEX */
#general_index{
	margin:0;
	padding:0;
	width:1100px;
}
#content_index {
	margin:0;
	padding:0;
	background:url(../images/deco/background-content-index.jpg) no-repeat left top;
	height: 610px;
	left: 0px;
}
/* BLOC GAUCHE */
#content_left_index{
	float:left;
	display:block;
	width: 300px;
	padding: 169px 0 0 40px;
}
/* Diaporama */
#diaporama-home{
	width:148px;
	height:148px;
	display:block;
	padding: 0 0 0 98px;
}
/* BLOC DROITE */
#right_content_index{
	float:right;
	width:620px;
	/*background:url(../images/deco/background-right-content-index.gif) no-repeat top left;*/
	padding: 0;
	margin: 0;
}
#right_content_index img{
	padding: 0 0 0px 144px;
}
/* FLASH PROMOTION */
#zone-promotion{
	float:right;
	width: 588px;

}
#cache-promotions-index{
	z-index:1000;
	position:absolute;
	top:307px;
	left:490px;
}

#cache-promotions-index-V2{
	z-index:1000;
	position:absolute;
	top:296px;
	left:502px;
}
 /*------------------------------------------------------*
  *---------- BANNIERES FLASH PROMO  ----*
  *------------------------------------------------------*/
#bann_flash_top{
	z-index:10;
	display:block;
	width:500px;
	height:100px;
	padding: 11px 0 45px 0;
	background-color:#FFFFFF;
	position:relative;

}
#bann_flash_promo{
	z-index:10;
	padding: 35px 0 0 0;
	display:block;
	width:500px;
	height:100px;
	background-color:#FFFFFF;
	position:relative;

}

#bann_flash_top_V2{
	/*z-index:10;
	background-color:#FFFFFF;
	display:block;
	padding: 11px 0 45px 0;*/
	float:left;
	width:240px;
	height:480px;
	position:relative;
}

#bann_flash_promo_V2{
	/*z-index:10;
	display:block;
	background-color:#FFFFFF;
	padding: 35px 0 0 0;*/
	float:right;
	width:240px;
	/*height:450px;*/
	position:relative;
}

#palmier_index {
	width:108px;
	height:205px;
	background-image: url(../images/deco/palmier-index.jpg);
	margin-top:120px;
	float:left;
}

/* FOOTER */
/*#footer-index{
	margin-top:135px;
	padding:0 0 0 40px;
	color: #FF7401;
	font-size: 10px;
	z-index: 2000;
	position: relative;
}*/
#footer-index a{
	color:#FF7401;
	text-decoration:none;
}
#footer-index a:hover{
	color:#BF1200;
}

/* -------------------------- PAGES INTERNES */
#general{
	margin:0;
	padding:0;
	width:990px;
	background-image: url(../images/deco/general.gif);
}
#general_produits{
	margin:0;
	padding:0;
	width:990px;
	background-image: url(../images/deco/general-produits.gif);
}

#general_maquette {
	background-image:url(../images/home/proposition-index-2010-02-22.jpg) no-repeat top;
}

#header{
	margin:0 auto;
	padding:0;
	width:980px;
	height:150px;
	background-color: #999;
}
#content, #content_contact {
	width:100%;
	margin:0;
	padding:0;
	/*background:url(../images/deco/background-content-base.jpg) no-repeat left top;*/
}

#content {
	background:url(../images/deco/background-content-base.jpg) no-repeat left top;
}

#content_contact {
	background:url(../images/deco/background-content-contact.jpg) no-repeat left top;
}



#content-produits {
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/deco/background-content-produits.jpg) no-repeat left top;
}
#content .branding,#content-produits .branding {
	float:left;
}
#left_content{
	float:left;
	width:300px;
	padding: 0;
	margin: 0;
}


/*/// partie de droite ///*/
#right_content{
	float:right;
	width:650px;
	padding: 0;
	margin: 0;
}
*html #content-texte{
	float:right;
	width:570px;
	padding: 55px 21px 0 0;
}
#content-texte{
	float:right;
	width:570px;
	padding: 55px 25px 0 0;
}

/*///    partie du centre   ///*/
#middle_content{
	float:left;
	position:relative;
	background-color:#FFF;
	width:580px;
}

#conditions_vente h1 {
	margin: 0 0 0 0;
	padding: 0;
	color:#FF3400;
	font-size: 15px;
	text-align: left;
}

/* FOOTER */

#footer{
	margin:0;
	padding:25px 0 10px 425px;
	width:565px;
	color: #FF7401;
	background: url(../images/deco/bottom-general.gif) no-repeat right top;
	font-size:10px;
}
#footer_produits{
	margin:0;
	padding:25px 0 10px 425px;
	width:565px;
	color: #FF7401;
	background: url(../images/deco/bottom-general-produit.gif) no-repeat right top;
	font-size:10px;
}

#footer a, #footer_produits a{
	color:#FF7401;
	text-decoration:none;
}
#footer a:hover, #footer_produits a:hover{
	color:#990000;

}
#footer h2, #footer_produits h2{
	margin:5px 0 0 0;
	padding:0;
	color:#BF1200;
}
#footer p, #footer_produits p{
	color:#FF7401;
	font-size:10px;
}

/* FOOTER INDEX */

#footer-index{
	margin:160px 0 0 0;
	padding:25px 0 10px 40px;
	color: #FF7401;
	font-size:10px;
}
#footer-index a{
	color:#FF7401;
	text-decoration:none;
}
#footer-index a:hover{
	color:#990000;

}
#footer-index h2{
	margin:5px 0 0 0;
	padding:0;
	color:#BF1200;
}
#footer-index p{
	color:#FF7401;
	font-size:10px;
}
	
/*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;
}

.accent {
	color:#bf1200;
	font-size: 11px;
}  
 /*------------------------------------------------------*
  *------------ CSS TITRES ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 5px 0 0 5px;
	padding: 0;
	color:#FF3400;
	font-size: 15px;
	text-align: left;
}
h1#presentation {
	margin: 0;
	padding: 0 0 300px 20px;
	color:#FE0000;
	font-size: 13px;
	display: block;
	text-align: center;
}
h2 {
	margin: 0;
	padding: 10px 0 0 0;
	color:#bf1200;
	font-size: 14px;
	text-align: left;
}  
h3 {
	margin: 0 0 3px 0;
	padding: 0;
	color:#FF9D00;
	font-size: 16px;
	text-align: left;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 14px;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 12px;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 10px;
}
/* MISE EN PAGE PARAGRAPHES */
.separator {
	margin:10px;
	padding:0;
	height:2px;	
}
.coordonnees{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div.nota-bene{
	margin: 0;
	padding: 7px 7px;
	font-size: 12px;
	display: block;
	border-color: #FF7C47;
	width: 200px;
	color: #CC0000;
	font-weight: bold;
}
.nota-bene ul{
	margin: 0;
	padding:0 0 0 10px;
	list-style:none;
	font-weight: normal;
}
.nota-bene li{
	margin: 0;
	padding:0 0 0 10px;
	background-image: url(../images/deco/puce-li.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
ul.fleche {
	margin: 0;
	padding:0 0 0 10px;
	list-style:none;
	font-weight: normal;
}
ul.fleche li{
	margin: 0;
	padding:0 0 0 15px;
	background-image: url(../images/deco/fleche.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.contact_phone {
	font:bold 20px Geneva, Arial, Helvetica, sans-serif;
    margin: 20px 0 0
}

.contact_adresse {
	margin:10px 5px;
	padding:0;
	color:#CC0000;
}
.contact_googlemaps {
	margin:0;
	padding:20px 0;
}
/*ajout avertissemment*/
#avertissement p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
padding-left:150px;
/*position:relative;
top:180px;
left:180px;*/
color :red;
}
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
  
a:hover {
color:#BF1200;
text-decoration:underline;
}
a {
color:#FF7401;
font-weight:bold;
text-decoration:none;
}