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

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008--*
 *--- Design by Angelique - Freelance ------------*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #effdcf;
	color: #000;
}

p, form, input {
	margin: 0;
	padding: 0 0 5px 0;
	color:#494A45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
.entete {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	color:#9DC04A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-image:url(../images/deco/point-vert.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	text-align:left;
	
}
.entete p{
color:#9DC04A;}

.lien{
	color:#9DC04A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lien a{
	color:#9DC04A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}
.lien a:hover{
	color:#B20376;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
select {
	color: #000;
	background-color: #fff;
}



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


#general{
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	width:991px;
}

#general_index{
	margin:0 auto;
	padding:0;
	background-color: #effdcf;
	width:991px;
}

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0 0 0 388px;
	width:603px;
	height:210px;
	background-image:url(../images/deco/header-img.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#flash_header{
	width:603px;
	height:210px;
}
#flash_anim{
margin:30px 0 0 0;
padding:0;
	width:991px;
	height:379px;
}

#lotus{
	float:left;
	width:250px;
	height:44px;
	background-image:url(../images/home/bg_lotus.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 991px;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	position:relative;
	width:264px;
	left:0px;
	background-image:url(../images/deco/menu-top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:727px;
	right:0px;
}

/*///    partie du contenu de droite   ///*/
.bloc_text_g{
	float:left;
	position:relative;
	width:335px;
 padding:0 0 15px 15px;
}

.pictures{
	padding:3px;
	border:1px solid #F0CEE4;
	margin-right:25px;
	margin-left:10px;
	margin-bottom:10px;

}


.bloc_text_d{
	float:right;
	position:relative;
	width:330px;
	padding:0 5px 15px 0px;
	margin:0 5px 0 0;
}
.bloc_text{
/*	float:right;*/
	position:relative;
	width:702px;
	padding:0 10px 15px 15px;
	margin:0 0 0 0;
}
.right{
	float:right;
	margin:0 0 0 10px;
}
.left{
	float:left;
	margin:0 10px 0 0px;
}
/*/// fin des colonnes ///*/	

/*Bas de page  FOOTER*/

#footer{
	float:right;
	margin:5px 0 0 0;
	padding:20px 0 0 171px;
	width:540px;
	height:57px;
	background-image:url(../images/deco/footer-ar.jpg);
	background-position:11 0;
	background-repeat:no-repeat;
	text-align: left;
	color: #9DC04A;
	font-size:11px;
}
#footer strong{
	font-weight:bold;
	color: #B20376;
}


#footer_menu{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:10px 0 20px 0px;
	width:991px;
	text-align: right;
	color: #9DC04A;
	font-size:11px;
	background-color: #effdcf;
}
#footer_menu a{
	color:#9DC04A;
	text-decoration:underline;
}

#footer_menu a:hover{
	color:#B20376;
}
/*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: 00px 0 10px 10px;
	padding: 0px 0 0 15px;
	color:#B20376;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-transform:uppercase;
	height:26px;
	line-height:26px;
	background-image:url(../images/deco/titre-ar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-weight:normal;
}
.rubrique {
	color:#B20376;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-transform:none;
	font-weight:normal;
	font-style: italic;
	letter-spacing: 1px;
}
  
h3 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	color:#B20376;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:none;
	font-weight:bold;
		background-image:url(../images/deco/point-fushia.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
h3 a {
	text-decoration:none;
	color:#666;
}

h3 a:hover {
	color:#9DC04A;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color:#9DC04A;
	line-height:18px;
	background-repeat: no-repeat;
	background-image: url(../images/deco/puce_lotus_rose.jpg);
	text-indent:25px;

}

h4#no_lotus {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: transparent url(../images/deco/point-vert.gif) repeat-x scroll bottom left;
	text-indent: 0;	
}

.no_lotus {
	background: transparent url() no-repeat scroll top left;
	text-indent: 0;	
}

h4 a{
text-decoration:none;
color:#666;}

h4 a:hover{

color:#B20376;}
.h4 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color:#666;
	line-height:18px;
	background-repeat: no-repeat;
	background-image: url(../images/deco/puce_lotus_rose.jpg);
	text-indent:25px;
	font-weight: bold;

}

h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}


ul.liste{
	margin:0 0;
	padding:0 0 0 0px;
	color:#717070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	list-style-image: none;
	list-style-type: none;
}
ul.liste li{
	margin:0 0 5px 0;
	padding:0px 0 0px 10px;
	background-image: url(../images/deco/puce-liste.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	list-style-type: none;
	text-align:left;
	display:block;
	line-height:15px;

}	

ul.liste li.li_decale {
	margin:0 0 5px 14px;
	padding:0px 0 0px 12px;
}	


ul.liste2{
	margin:0 0;
	padding:0 0 0 0px;
	color:#717070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
/*	list-style:none;*/
	text-align:left;
}
ul.liste2 li{
	margin:0 0 5px 0;
	padding:0px 0 0px 10px;
	list-style-position: inside;
	list-style-image: url(../images/deco/puce-liste.gif);
	text-align:left;
/*	line-height:15px;*/
	
}	

ul.liste3{
	margin:0 0;
	padding:0 0 0 0px;
	color:#717070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
	text-align:left;
}

ul.liste3 li{
	margin:0 0 5px 0;
	padding:0px 0 0px 20px;
	text-align:left;
	list-style:none	
}

ul.lotus{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
	
ul.lotus li{
	line-height:18px;
	list-style-position: inside;
	list-style-image: url(../images/deco/puce_lotus_rose.jpg);

}
 /*------------------------------------------------------*
  *------------             BLOC ACTUS                ----*
  *------------------------------------------------------*/
   #bloc_actu{
 	float:left;
	margin:0 0 0 0;
	padding:25px 0 10px 411px;
	width:316px;
	height:65px;
	text-align: left;
	background-image:url(../images/actu/ar-decouvrez.gif);
	background-position:0 0;
	background-repeat:no-repeat;
} 
  
   #bloc_actu a{
   margin:0;
    padding:0px 0 0px 22px;
	color: #6F980E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
	height:16px;
	line-height:16px;
	background-image:url(../images/deco/pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
} 
   #bloc_actu a:hover{	
	color: #B20376;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
}  
  
 /*------------------------------------------------------*
  *------------             BLOC LIENS                ----*
  *------------------------------------------------------*/
 #bloc_liens_ar{
 float:right;
	margin:10px 0 0 0;
	padding:0 0;
	width:250px;
	text-align: left;
	color: #212F00;
	background-image:url(../images/liens/ar-rep.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
} 
 #bloc_liens{
	margin:0 0;
	padding:0 20px 10px 20px;
	width:210px;
	text-align: left;
	color: #212F00;
	background-image:url(../images/liens/ar-bottom.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
} 
 #bloc_liens p{
	color: #212F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		font-weight:bold;
} 
 #bloc_liens a {
	color: #6F980E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
} 
 #bloc_liens a:hover {
	color: #B20376;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
} 

.map{
border:1px solid #ABCD5A;
}
.photo_right{
	float:right;
	margin:0 0 0 10px;
	padding:3px;
	border:1px solid #F0CEE4;
}
.photo_left{
	float:left;
	margin:0 10px 0 0px;
	padding:3px;
	border:1px solid #F0CEE4;
}

.concept{
	padding:3px;
	border:1px solid #F0CEE4;
	margin:0 20px 15px 20px;
	}
	
	
.haut a{
	float:right;
	color: #B20376;
	text-decoration:none;
	font-weight:bold;

}

.haut a:hover{
	color: #9DC04A;

}
.tarif {
	color:#333333;
	font-style:italic;

}

.tab_prix {
	color:#717070;
	margin: 10px auto;
	width: 600px;
	text-align: center;
	border:1px solid #B20376;
	padding: 5px;
}
.tab_prix td{
	font-size: 10px;
	padding: 2px 0;
}

.tab_titre {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}
.vert {
	color:#9DC04A;
}
span.span_decale {
	margin: 0 0 0 13px;
}