@import "formulaire.css";
@import "referencement.css";
@import "../css/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#index {
	margin: 0;
	padding: 0;
	background:url(../images/deco/bg_body_index.jpg) no-repeat center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background:url(../images/deco/bg_body.jpg) no-repeat center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}

.center {
	text-align: center;
	margin: 10px auto;
}
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


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

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0;
	width:977px;
/*	height:125px;
*/}

#header-home{
	margin:0 auto;
	padding:0;
	width:998px;
	height:30px;
	background-image:url(../images/home/header.gif) no-repeat center bottom;
}
#logo_head{
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
#head_index{
	margin:0 auto;
	padding:5% 0 15px 0;
	width:965px;
}
#head_index a{
	color:#E6B026;
	text-decoration:none;
	font-size:12px;
	margin:0 10px;
	}

#head_index a:hover{
	color:#ff9900;
}
/*Contenu de page  CONTENT */

#content {
	margin:0 auto 5px auto;
	padding:0;
	width:976px;
	height:510px;
	border:1px solid #440400;
/*	background-image:url(../images/deco/content.gif);
	background-position:0 0;
	background-repeat:no-repeat;*/
}

#bloc{
	width:595px;
	height:505px;
	float:right;
	overflow:auto;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #960018;
	scrollbar-darkshadow-color: #960018;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #960018;
	/*
	scroll doré-------
		scrollbar-face-color: #B9922C;
	scrollbar-shadow-color: #A17B18;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #A17B18;
	scrollbar-darkshadow-color: #A17B18;
	scrollbar-track-color: #FFE6A4;
	scrollbar-arrow-color: #76090A;*/
	background: #fff;
}

#bloc p{
	padding:0 0 5px 0;
	color:#3D0404;
	font-size:10px;
	}
	
#bloc{
	padding:0 0 5px 10px;
	color:#3D0404;
	font-size:10px;
	}

	
#bloc p.entete{
	color:#000;
	/*color:#D09A0A; dore*/
	font-size:11px;
	font-weight:bold;
	}

#bloc p.legende{
	color:#000;
	font-size:11px;
	}

#bloc p.note{
color:#000;
padding:0 0 5px 0

}	
#bloc a {
	color: #87031A;
	text-decoration: none;
}
#bloc a:hover {
	text-decoration: underline;
}
#bloc a img{
	border: #87031A solid 2px;
	margin: 5px auto;
}
#bloc a:hover img{
	border: 2px solid #666666;

}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
#logo_corps{
	float:left;
	padding:0;
	margin:0;
}

/*Bas de page  FOOTER*/

.langue{
	position:relative;
	top:0;
	left:30px;
	float:left;
	width:50px;
	height: 20px;
	padding:0;
	margin:0;
}

*html .langue{padding:5px 0 0 0;}

#footer{
	margin:0 auto 0 auto;
	padding:0;
	width:976px;
   /* background-image:url(../images/deco/footer-ar.gif);
    background-position:0 0;
    background-repeat:repeat-x;*/
	text-align: center;
	color: #E6B026;
	line-height:25px;
	font-size:11px;
	font-family:"Trebuchet MS",Arial,sans-serif;
}
#footer img{
	margin:0 auto;
	padding:0 2px 0 2px;
}
#footer .ouverture
{
	font-size:16px;
}

#footer a{
	color:#E6B026;
	text-decoration:none;
	}

#footer a:hover{
	color:#ff9900;
}


/*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;
}
/*swf object*/
#diapo_g{
	width:371px;
	height:510px;
	margin:0;
	padding:0;
	float:left;
}
 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT                     ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0 0 5px 0;
	padding: 3px 25px 10px 0;
	color:#76090A;
	font-size:14px;
	text-transform:uppercase;
	/*background-image:url(../images/deco/h1.gif);*/
	background-position:top right;
	background-repeat:no-repeat;
	height:15px;
	text-align:right;
	font-family:"Trebuchet MS",Arial,sans-serif;
	border:1px solid #000;
	border-width:0 0 1px 0;
}

.cloneh1 {
	margin: 0;
	padding: 3px 25px 10px 0;
	color:#76090A;
	font-size:12px;
	text-transform:uppercase;
	/*background-image:url(../images/deco/h1.gif);*/
	background-position:top right;
	background-repeat:no-repeat;
	height:22px;
	text-align:right;	
	font-family:"Trebuchet MS",Arial,sans-serif;
	border:1px solid #000;
	border-width:0 0 1px 0;
}
  
h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color:#000;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #000;
	}

  
h3 {
	margin: 5px 0 0 0;
	padding: 0;
	color:#522021;
	font-size:12px;
	border-bottom:1px solid #522021;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}
	
 /*------------------------------------------------------*
  *--------------------------    LISTE                ----*
  *------------------------------------------------------*/	
ul.liste_carte{
	padding:0;
	margin:0 0 10px 0px;
	float:left;
	list-style-type:none;
	color:#3D0404;
	font-size:11px;
	text-align:left;
	width:100%;
	}

ul.liste_carte li{
	width:auto;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	line-height:20px;
	display:block;
}
.lien-puce {
	background-image:url(../images/deco/puce.gif);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left: 18px;
	font-weight: bold;
	padding-top: 0;
	line-height: 22px;
	display:block;
}
ul.liste_present{
	padding:0;
	margin:10px 0 5px 0px;
	font-size: 10px;
	list-style-type:none;
	color:#3D0404;
	text-align:left;
	width:auto;
	}

ul.liste_present li{
	width:auto;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
}	
 /*------------------------------------------------------*
  *--------------------------     HOME PAGE          ----*
  *------------------------------------------------------*/
  #flash_home{
	width:976px;
	height:399px;
/*	background-image:url(../images/home/flash-ar.gif);
	background-position:0 0;
	background-repeat:no-repeat;*/
	padding:0 11px 10px 11px;
	margin:0px auto 0 auto;
  }
 /*------------------------------------------------------*
  *--------   CONTENT PHOTO GAUCHE    		    	 ----*
  *------------------------------------------------------*/  
  #content_visite {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
}
#content_fruit_mer {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/carte/content-fruit-mer2.jpg) no-repeat top left #fff;
}
#content_poisson {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/carte/content-poisson2.jpg) no-repeat top left #fff;
}
#content_menu {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/carte/content-menu2.jpg) no-repeat top left #fff;
}

#content_entree {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background-color: #FFFFFF;
}
#content_fromage {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/carte/content-fromage2.jpg) no-repeat top left #fff;
}
#content_viande {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/carte/content-viande2.jpg) no-repeat top left #fff;
}
#content_theatre {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
}

#content_salon_carte {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/salon-particulier/content-carte2.jpg) no-repeat top left #fff;
}
#content_salon {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/diaporama/salon/salon1.jpg) no-repeat top left #fff;
}

#content_cave {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/diaporama/cave/004.jpg) no-repeat top left #fff;;
}

#content_actu {
	background:url(../images/diaporama/actu/home-2.jpg) no-repeat top left #fff;;
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	;
	background-color: #FFFFFF;
}
#content_resa {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/reservation/content-ar2.jpg) no-repeat top left #fff;;
}
#content_lien {
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/liens/content-ar2.jpg)  no-repeat top left #fff;;
}
#content_contact{
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/contact/contact.jpg) no-repeat top left #fff;
	;
}

#content_plan{
	margin:0 auto;
	padding:0;
	width:976px;
	height:510px;
	background:url(../images/contact/plan.jpg) no-repeat top left #fff;
	;
}

.texte_contact{
text-align:center;
padding:3px 0;
font-weight:bold;}
 /*------------------------------------------------------*
  *--------    CSS BLOCS PHOTO LEGENDE				 ----*
  *------------------------------------------------------*/
.photo_legende_left{
  text-align:left;
  margin:0 10px 5px 0;
  float:left;
  }
.photo_legende_left img{
  background-color:#F9EAD9;
  padding:3px;
  border:1px solid #A98D6D;
  }

.photo_legende_right{
  text-align:left;
  margin:0 0 10px 10px;
  float:right;
  }
.photo_legende_right img{
  background-color:#F9EAD9;
  padding:3px;
  border:1px solid #A98D6D;
  }
 /*------------------------------------------------------*
  *--------       CSS CARTE     					 ----*
  *------------------------------------------------------*/
.ou{
	background-color:#F9EAD9;
    border:1px solid #A98D6D;
}
#content_menu p{
	padding:0 0 0px 0;
	color:#3D0404;
	font-size:12px;
	}
.menu_plat{
	padding:5px 0;
	background-color:#F9DE95;
	margin:0 0 10px 0;
	text-align:center;
}
#menu_rubrique {
	margin:5px 0 5px 0px;
	border:1px solid #440400;
	background: #fff;
	width: 720px;
	float:left;
	padding:0 0 0 5px;
}

#menu_rubrique a{
	display:block;
	float:left;
	margin:0 6px 0 2px;
	color:#000;
	font-size:12px;
	background:url(../images/carte/menu-puce.gif) 0 6px no-repeat;
	padding:0 0 0 7px;
	text-decoration:none;
}
#menu_rubrique a:hover{
	color:#BC0B0F;
}

.pdf{
	height:22px;
	margin:0 8px 3px 0;
	padding:5px 0 0 25px;
	background-image:url(../images/carte/pdf-ar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}
.pdf p a {
	margin:0 0 0 0;
	color:#000;
	/*color:#D09A0A; dore*/
	font-size:12px;
	text-decoration:none;
}
.pdf p a:hover {
	margin:0 0 0 0;
	color:#700000;
	font-size:12px;
	text-decoration:none;
}
.pdf_bloc{

/*height:74px;
border-top:3px solid #E6C469;*/
padding:15px 0 0 0;
margin:10px 0 0 0;
}
 /*------------------------------------------------------*
  *--------       SALON CARTE     					 ----*
  *------------------------------------------------------*/
.salon_encadre{
	padding:10px;
	background-color:#F9DE95;
	margin:0 0 10px 0;
	border:1px solid #E6C469;
}
 /*------------------------------------------------------*
  *--------       CSS CONTACT     					 ----*
  *------------------------------------------------------*/
.map{
  background-color:#F9EAD9;
  padding:3px;
  border:1px solid #A98D6D;
  }
  .contact_info{
	padding:10px;
	background-color:#F9DE95;
	margin:0 0 10px 50px;
	border:1px solid #E6C469;
	float:left;
	width:200px;
	text-align:center;
}
.contact_info p {
	padding:0 0 5px 0;
}
 #contact_form{
 float:left;
 width:100;
 }
 #contact_adresse{
	float:left;
	width:45%;
	margin: 0 0 0 30px;
 }
 #bloc p.localiser a{
	padding:0 0 0px 0;
	color:#3D0404;
	font-size:12px;
	border-bottom:1px dotted #3D0404;
	text-decoration:none;
	}	
#bloc p.localiser a:hover{
	padding:0 0 0px 0;
	color:#3D0404;
	font-size:12px;
	border-bottom:1px dotted #3D0404;
	text-decoration:none;
	}
	
 /*------------------------------------------------------*
  *--------       CSS LIENS      					 ----*
  *------------------------------------------------------*/
  #bloc p.lien{
	padding:0 0 15px 0;
	margin:0;}
		
 #bloc p.lien a{
	padding:0 0 15px 0;
	margin:0;
	color:#3D0404;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}	
#bloc p.lien a:hover{
	padding:0 0 15px 0;
	margin:0;
	color:#3D0404;
	font-size:12px;
	text-decoration:none;
	}
	
	.combo {
		background-color: #F6D98D;
		color: #000;
		border-style: solid;
		border-width: 1px;
		border-color: #000;
	}

#logo {
	width:209px;
	height:69px;
	float:left;
}
.titre_visite
{
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}