@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: 12px;

	color: #000;
}
.ar{
	background-image:url(../images/deco/body-ar.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}
p a{
text-decoration:underline;
color:#603569;
}
p a:hover{
text-decoration:underline;
color:#98C52D;
}

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

#general_home{
	margin:0 auto;
	padding:0;
	width:100%;
}
#general{
	margin:0 auto;
	padding:0;
	width:100%;
	background-image:url(../images/deco/general-ar.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0 0 0 0;
	width:998px;
	height:266px;
	background-image:url(../images/deco/header-d.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:left;
}
.header_logo{
float:right;
	padding:0 451px 0 0;
}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 998px;
	background-image:url(../images/deco/content-ar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	position:relative;
	width:320px;
	left:0px;
	padding:0 0 0 10px;
}
#left_content #magasin{
	padding:15px 0 15px 0;
	margin: 0;
	width: 300px;
	text-align: center;
}
#left_content p{
	padding:0 0 8px 10px;
	color:#400B64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight: bold;
}
#left_content p strong{
color:#91C21B;
font-weight:bold;
}
#left_content p.entete{
color:#A4639B;
font-weight:bold;
}
#left_content h2 {
	margin: 0 0 5px 10px;
	padding:0 0 4px 35px;
	color:#764481;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:normal;
	border-bottom:1px solid #B9A3BE;
	background-image:url(../images/deco/h2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	
}
/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:610px;
	right:0px;
	padding:62px 10px 0 0;
}
#right_content p{
	padding:0 0 5px 0px;
	color:#400B64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
#right_content div.desc{
	padding:0 0 5px 0px;
	color:#400B64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
#right_content p strong{
color:#91C21B;
font-weight:bold;
}
#right_content p.entete{
color:#A4639B;
font-weight:bold;
}


#right_content h2 {
	margin: 0 10px 5px 0px;
	padding:0 0 4px 35px;
	color:#764481;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:normal;
	border-bottom:1px solid #B9A3BE;
	background-image:url(../images/deco/h2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#right_content h3 {
	margin: 5px 0 5px 0px;
	padding:0 0 0px 5px;
	color:#91C21B;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:normal;
	text-transform:uppercase;
	border-left:3px solid #CDEA7E;
}
/*///    partie du centre   ///*/
#middle_content{
	float:left;
	position:relative;
	background-image:url(../images/deco/content-sep.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:28px;
	height:200px;
}

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

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:0;
	width:996px;
	height:130px;
	background-image:url(../images/deco/footer-ar.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
	text-align: center;
	color: #98C52D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
}

#footer a{
	color:#98C52D;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover{
	color:#603569;
	text-decoration:none;
	text-transform:uppercase;
}
#footer_adress{
padding:74px 0 0 147px;
margin:0;
height:29px;
line-height:29px;
float:left;
}
#footer_adress p{
	color:#648C08;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}
#footer_menu{
padding:5px 0 0 0;
margin:0;
height:20px;
line-height:20px;
float:left;
}/*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 0 12px 0;
	padding: 15px 0 0 50px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	height:35px;
	font-weight:normal;
	background-image:url(../images/deco/hi.gif);
	background-position:5px 0px;
	background-repeat:no-repeat;
}
  

  
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;
}
ul.liste{
	padding:0;
	margin:0 0 5px 15px;
	float:left;
	list-style-type:none;
	color:#784683;
	font-family:Arial, Verdana;
	font-size:11px;
	text-align:left;

}
ul.liste li{
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0 0 0 14px;
	line-height:12px;
	background-image:url(../images/deco/puce.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	display:block;
}

 /*------------------------------------------------------*
  *--------------------------     HOME            ----*
  *------------------------------------------------------*/
.ar_home{
	background-image:url(../images/home/body-ar.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#content_home {
	margin:0 auto;
	padding:0;
	width: 967px;
	background-image:url(../images/home/logo.jpg);
	background-position:0px 23px; 
	background-repeat:no-repeat;
}
#content_home p {
	margin:0 auto;
	padding:0 0 5px 0;
	color:#400B64;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
#content_left{
	float:left;
	width:365px;
	padding:225px 0 0 0;
	margin:0;
}
#flash{
	margin:0 auto;
	padding:35px 0 0 0;
	width: 578px;
	height:510px;
	float:right;

}
#home_mag{
	width:384px;
	height:78px;
	background-image:url(../images/home/magasin.gif);
	background-position:0px 0px; 
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#home_mag p{
	padding:38px 0 0 90px;
}
#home_mag p strong{
	text-transform:uppercase;
	color:#784683;
}

#footer_home{
	margin:10px auto;
	padding:0 0 0 10px;
	width:964px;
	height:29px;
	line-height:29px;
	text-align: center;
	color: #B28AC1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	background-image:url(../images/home/footer-ar.gif);
	background-position:0px 0px; 
	background-repeat:no-repeat;
}

#footer_home a{
	color:#B28AC1;
	text-decoration:none;
	text-transform:uppercase;
}

#footer_home a:hover{
	color:#fff;
	text-decoration:none;
}

.logo{
padding:3px;
margin:5px 0 0 10px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
 /*------------------------------------------------------*
  *-------------------     DECORATIONS            ----*
  *------------------------------------------------------*/
#flashcontent{
	margin:0 auto;
	padding:0px 0 0 0;
	width:100%;
	height:100%;
	float:left;
}
#diapo_deco{
	width: 304px;
	height:140px;
	float:right;
	padding:3px;
margin:5px 0 10px 10px;
background-color:#FFFFFF;
border:1px solid #BFABC4;
}
#diapo_livraison{
	width: 304px;
	height:140px;
	padding:3px;
	margin:5px 0 10px 120px;
	background-color:#FFFFFF;
	border:1px solid #BFABC4;
}
#flashcontent{
float:left;
}
 /*------------------------------------------------------*
  *--------------------------     AMENAGEMENT       ----*
  *------------------------------------------------------*/
#diapo_amenagement{
	margin:10px 0px 10px 0;
	padding:7px;
	width: 304px;
	height:140px;
	float:left;
	background-image:url(../images/decoration/diapo-ar.jpg);
	background-position:0 0;
	background-repeat:no-repeat;

}
#right_content_amenagement_text{
	float:left;
	position:relative;
	width:310px;
	right:0px;
	padding:0 10px 0 0;
}
#right_content_amenagement_form{
	float:right;
	position:relative;
	width:300px;
	right:0px;
	padding:0 0px 0 0;
}
.amenagement_photo{
width:287px;
padding:10px 0 0 0;
margin:0 15px 10px 0;
float:left;
}
.amenagement_photo_avant{
float:left;
width:138px;
padding:0;
margin:0 10px 0 0px;
color:#BAA3BF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.amenagement_photo_avant img{
/*width:132px;*/
padding:2px;
margin:0;
border:1px solid #BAA3BF;
}
.amenagement_photo_apres{
	float:left;
	width:138px;
	padding:0;
	margin:0;
	color:#603569;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.amenagement_photo_apres img{
	/*width:132px;*/
	padding:2px;
	margin:0;
	border:1px solid #603569;
}
 /*------------------------------------------------------*
  *---------------     SERVICE ENTREPRISES           ----*
  *------------------------------------------------------*/
  .photo{
	padding:3px;
	margin:5px 0 0 10px;
	background-color:#FFFFFF;
	border:1px solid #BFABC4;
}


#plan_left{
	width:298px;
	float:left;
	padding:0;
	margin:0;
}
#plan_right{
	width:298px;
	float:right;
	padding:0;
	margin:0;
}
.carto{
width:290px;
height:290px;
	padding:3px;
	margin:0px 0 0 0px;
	background-color:#FFFFFF;
	border:1px solid #BFABC4;
	float:left;
}

.localiser {
	margin:0px 0px 3px 0;
	width:298px;
		border-bottom:4px double #C4E86E;
	padding:5px 0 5px 0;
	float:left;
	text-align:right;
	background-image:url(../images/deco/retour.gif);
	background-position:140px 5px;
	background-repeat:no-repeat;
	height:26px;
	line-height:26px;
	text-transform:uppercase;
}
.localiser a {
	padding:0px 0 0px 36px;
	color:#98C52D;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	float:right;
}
.localiser a:hover {
	padding:0px 0 0px 36px;
	text-decoration:underline;
	color:#74437F;
}