@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 "restaurant.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

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


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font:normal 12px/1em Verdana, Arial, Helvetica, sans-serif;
	background: #1a9ec4 url(../images/deco/bg_body.jpg) no-repeat center top;
	color: #fff;
}

p, form, input, blockquote, fieldset, th, td {
	margin: 0;
	padding: 0;
}
hr{color:#fff;background-color:#fff;}
select {
	color: #000;
	background-color: #fff;
}



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


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

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0;
	width:980px;
	height:220px;
}

/*Contenu de page  CONTENT */

#content {
	margin:50px auto 0 auto;
	padding:0;
	width: 980px;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	position:relative;
	width:300px;
	left:0px;
}
#left_content p{
	margin:10px 0;
	width:300px;
}
/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:640px;
	right:0px;
}

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

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


/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:10px 0;
	width:100%;
	background:#085169 url(../images/deco/bg_footer.gif) repeat-x 0 0;
	color: #FFF;
}
#footer_cnt
	{
	margin:0 auto;
	padding:0;
	width:980px;
	}
#footer_left, #footer_middle, #footer_right
	{
	margin:0;
	padding:0;
	float:left;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	}	
#footer_left{padding:10px 0; width:250px; background:url(../images/deco/separator_footer.gif) no-repeat right 0;}
#footer_middle{padding:0 10px; width:320px;background:url(../images/deco/separator_footer.gif) no-repeat right 0;}
#footer_right{
	/*width:320px;*/
	width:345px;
	float:right;
	text-align:right;
}

#footer_left h4 {margin:0 0 10px 0; color:#fff;}
#footer_left p {color:#69F2FD;}

#footer_middle a
	{
	display:block;
	padding:0 0 0 20px; 
	color:#69F2FD;
	text-decoration:none;
	line-height:20px;
	}
#footer_middle a:hover{background-color:#69F2FD; color:#085169;}

#footer_right a {color:#69F2FD; text-decoration:none; }
#footer_right a:hover {color:#fff;}

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

#adresse
	{
	float:left;
	margin:0;
	padding:0 5px;
	width:190px;
	height:300px;
	background:url(../images/deco/bg_adresse.gif) no-repeat 0 0;
	}
#adresse h4
	{
	margin:0 auto 40px 0;
	padding:20px 0;
	font:bold 16px/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	border-bottom:1px solid #fff;
	}
#adresse p
	{
	margin:10px 0;
	padding:0 0 0 5px;
	font:normal 14px/1em Arial, Helvetica, sans-serif;
	color:#085169;
	}
#adresse p strong{color:#fff;}
 /*------------------------------------------------------*
  *------------ CSS MISE EN FORME   ----*
  *------------------------------------------------------*/

/* CSS des LIENS*/

a.contact
	{
	display:block;
	float:right;
	margin:40px 0 0 0;
	padding:0 0 0 20px;
	width:182px;
	height:38px;
	line-height:38px;
	background:url(../images/deco/bt_contact.gif) no-repeat 0 0;
	font:bold 16px/38px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#085169;
	}
a:hover.contact{color:#f00;}

a.lien_int{color:#6bf4fe; text-decoration:underline; font-weight:bold;}
a:hover.lien_int{background-color:#EE971C; color:#fff; text-decoration:none;}

a.submit 
	{
	display:block;
	float:right;
	width:126px;
	height:25px;
	line-height:25px;
	background:url(../images/deco/bt_submit.gif) no-repeat 0 0;
	font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 5px;
}
a.submit:hover{background-position:0 -25px; color:#085169;}

/* CSS des TEXTES */
p.prgf
	{
	margin:10px 0;
	padding:0 0 0 20px;
	font:normal 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}


 /*------------------------------------------------------*
  *------------ CSS MEDIA   ----*
  *------------------------------------------------------*/
#player {
	margin: 0;
	padding: 0;
}
#player-son {
	margin: 0;
	padding: 0;

}
#player-video {
	margin: 0;
	padding: 0;

}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0 0 30px 0;
	padding: 0;
	color:#fff;
	font:italic 40px/1em Arial, Helvetica, sans-serif;
	}
h1 em
	{
	font:italic 18px/1em Arial, Helvetica, sans-serif;
	/*color:#6bf4fe;*/
	color:#fff;
	}
  
h2 {
	margin:50px 0 20px 0;
	padding: 0;
	color:#fff;
	border-bottom:1px solid #69F2FD;
	font:normal 18px/1em Arial, Helvetica, sans-serif;
}
  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 16px;
}
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;
}

.bloc_liens_interne {
	margin: 0;
	padding: 0;
	width: 350px;
	float: right;

}
.bloc_liens_interne ul{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: square;
}	
.bloc_liens_interne li{
	margin: 0;
	padding: 0;
}	
.bloc_liens_interne a{
	margin: 0;
	padding: 0;
	color: #333333;
}
.bloc_liens_interne a:hover{
	color: #990000;
}
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
.cadre-menu-index{
	background:url(../images/deco/bg_menu-index.jpg) no-repeat center top;

}


a.elec
	{
	display:block;
	height:320px;
	width:215px;
	background:url(../images/deco/img_bt_electricite.gif) no-repeat 0 0;
	}
a.photo
	{
	display:block;
	height:320px;
	width:220px;
	background:url(../images/deco/img_bt_photovoltaique.gif) no-repeat 0 0;
	}
a.clim
	{
	display:block;
	height:320px;
	width:205px;
	background:url(../images/deco/img_bt_clim.gif) no-repeat 0 0;
	}
a.pompe
	{
	display:block;
	height:320px;
	width:215px;
	background:url(../images/deco/img_bt_pompe.gif) no-repeat 0 0;
	}
a.plancher
	{
	display:block;
	height:320px;
	width:220px;
	background:url(../images/deco/img_bt_plancher.gif) no-repeat 0 0;
	}
a.ventil
	{
	display:block;
	height:320px;
	width:205px;
	background:url(../images/deco/img_bt_ventil.gif) no-repeat 0 0;
	}	

a:hover.elec{background:url(../images/deco/img_bt_electricite_hov.gif) no-repeat 0 0}
a:hover.photo{background:url(../images/deco/img_bt_photovoltaique_hov.gif) no-repeat 0 0}
a:hover.clim{background:url(../images/deco/img_bt_clim_hov.gif) no-repeat 0 0}
a:hover.pompe{background:url(../images/deco/img_bt_pompe_hov.gif) no-repeat 0 0}
a:hover.plancher{background:url(../images/deco/img_bt_plancher_hov.gif) no-repeat 0 0}
a:hover.ventil{background:url(../images/deco/img_bt_ventil_hov.gif) no-repeat 0 0}

/*a:hover.elec, a:hover.photo, a:hover.clim, a:hover.pompe, a:hover.plancher, a:hover.ventil
{background-position:0 -320px;}	*/


a.logo
	{
	display:block;
	margin:10px;
	padding:0 5px;
	float:left;
	}
a.logo2
	{
	display:block;
	margin:10px 0;
	padding:0 0 0 20px;
	}
a.logo img, a.logo2 img {border:none;}
#footer_right a.logo
	{
	display:block;
	margin:10px 3px;
	padding:0;
	float:left;
	}
#schema {
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
#schema img{
	border:0;
}