/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
 *------------------------------------------------*/
 /*///////////////////////////////////////////////////////*/
 /*--------------------------------------------------------*/
/*///                IMPORT CSS                     ///*/
/*--------------------------------------------------------*/
@import url("menu.css");
@import url("referencement.css");
@import url("contact-calendrier.css");
@import url("plan.css");
@import url("paiement.css");
@import url("ficheprod.css");
/*////////////////////////////////////////////////////////*/		
html {
   margin: 0;
   padding: 0;
}


body {
	margin:0;
	padding:0;
	font:normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:#000 url(../images/backgrounds/header.jpg) repeat-x top;
	color:#000;
}

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


#general{
	margin:0 auto;
	padding:0;
	width:100%;
}
/*////////////////////////////*/
/*Haut de page  HEADER*/
/*////////////////////////////*/
#header{
	margin:0 auto;
	padding:0;
	width:990px;
	height:260px;
}
/*//// cas d'un logotype transparent en lien retour dans header ////*/
#logotype_header{
	position:relative;
	float:left;
	left:392px;
	width:207px;
	z-index:2;
	color:#FFF;
}
#logotype_header a img{
	border:0;
	}
/*////////////////////////////*/
#header #choix_langue{
	position:relative;
	font:normal normal bold 10px/2em Arial, Helvetica, sans-serif;
	color:#FFF;
	width:220px;
	padding:0 0 0 10px;
	float:right;
	top:9px;
	}
#header #choix_langue a{
	color:#999;
	text-decoration:none;
	}
#header #choix_langue a img{
	border:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#header #choix_langue a:hover{
	color:#FFF;
	}
#header #choix_langue a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
	/* IDEM MAIS POUR L'INDEX*/
#right_index #choix_langue{
	font:normal normal bold 10px/2em Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 0px auto;
	padding: 0;
	width: 190px;
	display: block;
	text-align: center;
}
#right_index #choix_langue a{
	color:#666666;
	text-decoration:none;
}
#right_index #choix_langue a img{
	border:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#right_index #choix_langue a:hover{
	color:#333333;
}
#right_index #choix_langue a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/*////////////////////////////*/
/*Contenu de page  CONTENT */
/*////////////////////////////*/

#content{
	margin:0 auto;
	padding:0;
	width:990px;
	background:#FFF url(../images/backgrounds/content-bg.jpg) repeat-y top;
}
/*///   partie superieure, rotator et panier   ///*/
#rotate_cart{
	width:910px;
	height:170px;
	margin:0 auto;
	background:#000;
	color:#FFF;
	}
#the_rotate{
	position:relative;
	float:left;
	width:680px;
	height:170px;
	}
#espace_client {
	width:230px;
	height:170px;
	font: normal normal bold 10px/1em Arial, Helvetica, sans-serif;
	position:relative;
	float:right;
	background:#000 url(../images/backgrounds/feuille-espace-membre.gif) repeat-y top right;
	}
#espace_client h5{
	font: normal normal bold 12px/1.1em Georgia, "Times New Roman", Times, serif;
	display:block;
	padding:3px 10px;
	margin:10px 0 0;
	text-transform:uppercase;
	}
#espace_client a{
	color:#b7a358;
	font-weight:bold;
	margin:1px 10px;
	display:block;
	}
#espace_client a:hover{
	text-decoration:none;
	}
#espace_client p{
	margin:6px 10px;
	}
#espace_client p.block{
	display:block;
	text-align:left;
	}
#espace_client form {
	margin:0;
	padding:0;
}
#espace_client input {
	border:1px solid #b7a358;
	height:12px;
	color:#000;
	font:normal normal normal 10px/1.2em Arial, Helvetica, sans-serif;
	}
#espace_client div.identifiants input.valid_btn{
	height:16px;
	width:18px;
	margin-left:4px;
	}
	
#espace_client div.identifiants {
	height: 12px;
	padding: 3px 0;
	margin: 4px 0;
}
#espace_client div.identifiants p {
	width: 70px;
	display: block;
	float: left;
}
/*///   seul moyen d'assurer la liaison graphique de la bouteille du bas   ///*/
#bouteille_bas{
	background:url(../images/backgrounds/right-content.jpg) no-repeat right bottom;
	width:910px;
	margin:0 auto;
	}
/*///    partie de gauche   ///*/
#left_content{
	float:left;
	position:relative;
	width:110px;
	left:0;
	}
#left_content h5{
	font:normal normal bold 11px/1.1em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding:0;
	}
#left_content p{
	font:normal normal normal 10px/1.1em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0;
	padding:3px;
	}
#left_content h5 a{
	color:#b7a358;
	}
#left_content h5 a:hover{
	color:#000;
	text-decoration:none;
	}
#left_content a img{
	border:0;
	}
#left_content p.etoiles{
	color:#DDD;
	}
/*///    partie du centre   ///*/
#middle_content{
	float:left;
	position:relative;
	width:570px;
	}
#middle_content h1{
	font:normal normal lighter 30px/1.8em Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin:0 0 15px;
	padding:0 0 0 15px;
	}
.second_title{
	color:#b7a358;
	}
/*///   le fil d'ariane  ///*/
#fil_d_ariane{
	font:normal normal normal 11px/1.2em Arial, Helvetica, sans-serif;
	color:#555;
	padding:5px 0 0 5px;
	margin:0 5px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	height:18px;
	}
#fil_d_ariane a{
	color:#B7A358;
	}
#fil_d_ariane a:hover{
	color:#000;
	text-decoration:none;
	}
/*///   contenu page de presentation   ///*/
#middle_presentation h2{
	font:normal normal bold 14px/1.3em Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform:uppercase;
	color:#555;
	margin:5px 0 15px;
	padding:0 35px;
	}
#middle_presentation p{
	font:normal normal lighter 11px/1.3em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#555;
	margin:5px 0 30px;
	padding:0 35px 0 15px;
	}
#middle_presentation p.legende_droit{
	text-align:right;
	font-style:italic;
	}
#middle_presentation img.right_img{
	border:2px solid #b7a358;
	/*position:relative;*/
	float:right;
	right:35px;
	margin:-30px 8px 5px 30px;
	}
/*   page plan du site */
#sitemap_list{
	background:url(../images/backgrounds/sitemap.jpg) no-repeat top right;
	margin:0 5px;
	}
#sitemap_list dl{
	margin:20px 0 0 25px;
	padding:0;
	font:normal normal normal 12px/1.2em Arial, Helvetica, sans-serif;
	color:#888;
	}
#sitemap_list ul{
	margin:10px;
	padding:0;
	}
#sitemap_list li{
	margin:5px 0;
	padding:0;
	list-style:square;
	}
#sitemap_list dt a{
	color:#000;
	}
#sitemap_list li a{
	color:#888;
	}
#sitemap_list a:hover{
	text-decoration:none;
	}
#sitemap_list dd a{
	color:#B7A358;
	}
#sitemap_list dd a:hover{
	color:#000;
	text-decoration:none;
	}	
/*///    partie de droite   ///*/
#right_content{
	float:right;
	position:relative;
	width:230px;
	right:0;
	padding: 0;
	}
#right_content a{
	font:normal normal bold 10px/1.1em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	display:block;
	width:160px;
	height:35px;
	padding:30px 20px 10px 20px;
	margin:10px 0;
	float:right;
	background-position:0px -10px;
	}
#right_content a.cgv{
	background:url(../images/backgrounds/fond-cgv.jpg);
	}
#right_content a.pl{
	background:url(../images/backgrounds/fond-livraison.jpg);
	}
#right_content a:hover{
	text-decoration:underline;
	}
/*////////////////////////////*/
/*Bas de page  FOOTER*/
/*////////////////////////////*/
#footer{
	margin:0 auto;
	padding:0;
	width:990px;
	height:215px;
	font:normal normal normal 11px/1.1em Arial, Helvetica, sans-serif;
	background:#000 url(../images/backgrounds/footer.jpg) no-repeat bottom;
	text-align:center;
	color:#FFF;
}
#footer h4{
	font:normal normal bold 11px/1.1em Georgia, "Times New Roman", Times, serif;
	color:#555;
	text-align:center;
	display:block;
	text-transform:uppercase;
	margin:0;
	padding:5px;
	border-top:1px solid #b7a358;
	border-bottom:1px solid #b7a358;
	background:#DDD;
	}
#footer #footer_links{
	width:570px;
	position:relative;
	float:left;
	left:155px;
	text-align:left;
	}
/*////    partie gauche du footer  ////*/
#footer_left{
	position:relative;
	float:left;
	width:180px;
	}
#footer_left ul{
	color:#555;
	margin:10px 0 0 40px;
	padding:0;
	border-right:1px solid #EEE;
	}
#footer_left ul li{
	list-style:none;
	height:12px;
	padding:12px 2px 12px 30px;
	}
#footer_left ul li.feuille_rose{
	background:url(../images/deco/feuille-rose.gif) no-repeat left;
	}
#footer_left ul li.feuille_blanc{
	background:url(../images/deco/feuille-blanc.gif) no-repeat left;
	}
#footer_left ul li.feuille_rouge{
	background:url(../images/deco/feuille-rouge.gif) no-repeat left;
	}
/*///   partie centrale du footer  ///*/
#footer_middle{
	position:relative;
	float:left;
	width:180px;
	}
#footer_middle ul{
	color:#555;
	margin:10px 0 0 40px;
	padding:0;
	border-right:1px solid #EEE;
	}
#footer_middle ul li{
	list-style:square;
	height:12px;
	padding:2px;
	}
/*///   partie droite du footer  ///*/
#footer_right{
	position:relative;
	float:left;
	width:200px;
	}
#footer_right ul{
	color:#555;
	margin:10px 0 0 40px;
	padding:0;
	}
#footer_right ul li{
	list-style:square;
	height:12px;
	padding:2px;
	}
/*///    liens generiques du footer   ///*/
#footer a{
	color:#AAA;
	text-decoration:none;
}

#footer a:hover{
	color:#000;
}
/* prov */
#index_content{
	background: url(../images/backgrounds/home-content.jpg) no-repeat top;
	margin:0 auto;
	width:990px;
	height:510px;
	}
#index_content a img{
	border:2px solid #000;
	}
#index_content a:hover img{
	border:2px solid #eee;
	}
#home_footer{
	margin:0 auto;
	padding:0;
	width:990px;
	height:215px;
	font:normal normal normal 11px/1.1em Arial, Helvetica, sans-serif;
	background:#000 url(../images/backgrounds/home-footer.jpg) no-repeat bottom right;
	color:#FFF;
	}
#home_footer h4{
	font:normal normal bold 11px/1.1em Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	text-align:left;
	display:block;
	text-transform:uppercase;
	margin:0;
	padding:5px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	background:#000;
	}
#home_footer #footer_links{
	width:570px;
	position:relative;
	float:left;
	left:155px;
	text-align:left;
	}
#home_footer a{
	color:#AAA;
	text-decoration:none;
}

#home_footer a:hover{
	color:#FFF;
}
#home_footer #footer_left ul li{
	list-style:square;
	height:12px;
	padding:2px;
	}
/*--------------------------------------------------------*/
/*           HOME PAGE DU SITE                             */
/*--------------------------------------------------------*/
#anim_index{
	width:460px;
	height:372px;
	position:relative;
	left:50px;
	top:60px;
	float:left;
	}
#right_index{
	position:relative;
	float:right;
	right:50px;
	top:30px;
	text-align:left;
	width:430px;
	height:350px;
	padding: 50px 0 0 0;
	}
#right_index h1{
	font:normal normal normal 27px/1.1em Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:left;
	padding:20px 0 10px 0;
	margin:0 0 10px;
	display:block;
	}
#right_index h1 a{
	color:#000;
	}
#right_index h1 a:hover{
	color:#000;
	text-decoration:none;
	}
#right_index h2 a{
	color:#000;
	}
#right_index h2 a:hover{
	color:#000;
	text-decoration:none;
	}	
#right_index p{
	font:normal normal normal 12px/1.2em Arial, Helvetica, sans-serif;
	color:#888;
	text-align:justify;
	padding:2px 10px;
	margin:0;
	display:block;
	}
/*//////////     SPECIALS+CLASSES    //////////////////*/
/* clear*/
.clear {
   clear:both;
   overflow:hidden;
   width:1px;
   height:1px;
   margin:0 -1px -1px 0;
   border:0;
   padding:0;
}
/* transparence */
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
.div_miniatures {
	clear: both;
	padding: 0px;
	width: 561px;
	margin: 0 auto;
}
.div_miniatures a {
	float:left;
	display:block;
	margin: 4px;
}
#right_index .h1_centre {
	text-align: center;
}
#right_index .h2_centre {
	text-align: center;
}
#right_index #div_drapeaux {
	text-align: center;
}
#right_index img.img_secret {
	margin: 10px auto;
	display: block;
}