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

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


html {
 margin: 0;
 padding: 0;
}

#lang {
	position: absolute;
	float: right;
	width: 50px;
	margin-left: 770px;
	margin-top: 3px;
}

body {
	margin: 0;
	padding: 0;
	background:#C7C7C7 url(../images/background/body.gif) repeat-x top;
}
#general {
	margin:0 auto;
	padding:0;
	width:960px;
}

/*-------------------------------------------------------
  ---------------	PAGE INDEX		---------------------
  -------------------------------------------------------*/
#index {
	margin: 0;
	padding: 0;
	background:url(../images/background/body-index.gif) repeat-x;
}

#index #general {
	margin: 0 auto;
	padding: 0;
	height:600px;
	overflow:hidden;
	position:relative;
}
#anim-home {
	width:960px;
	height:600px;
}
#index #footer {
	position:relative;
	top:-120px;
	background:none;
	padding:0 30px;
}
#index #footer a {
	color:#252525;
	font:bold 12px/26px Arial, Helvetica, sans-serif;
}
#index #footer #adresse {
	margin:0 0 4px 0;
}
#index #flash_musique {
	position:absolute;
	top:505px;
	left:35px;
	z-index:50;
}
#index #lang {
	top:455px;
	right:30px;
}
/*-------------------------------------------------------
  ---------------		HEADER		---------------------
  -------------------------------------------------------*/
#header {
	height:315px;
	overflow:hidden;
	position:relative;
}
#flash_header {
	height:315px;
	position:absolute;
	top:0px;
	z-index:0;
}
#flash_musique {
	position:absolute;
	top:245px;
	left:50px;
	z-index:50;
}
#menu-horizontal {
	width: 960px;
	height:39px;
	padding-left:8px;
	padding-top:6px;
	z-index:99;
	position:absolute;
	top:277px;
	left:50px;
	background:url("../images/background/fond_menu.png") no-repeat -5px -5px;
}
/*-------------------------------------------------------
  ------------		CONTENT ET COLONNES		-------------
  -------------------------------------------------------*/
#content {
	width:960px;
	background:url(../images/background/content.gif) repeat-y;
	color: #323232;
}
#gauche {
	width:440px;
	padding:0 0 0 40px;
	float:left;
	overflow:hidden;
}
#gauche h1 {
	color: #111;
	background:url(../images/background/h1.gif) no-repeat;
	position: relative;
	margin: 0 0 28px 0;
	left:-38px;
	width: 460px;
	font: normal 20px/40px Arial;
	text-transform: uppercase;
	text-align: right;
	padding: 0 20px 0 0;
}
#gauche h2 {
	color: #dcdcdc;
	font: normal 16px/30px Arial;
	background: url(../images/background/h2.gif) repeat-y;
	padding: 0 0 0 20px;
	margin: 0;
	letter-spacing: 0.2em;
	clear: both;
}
#gauche h3 {
	font: bold 14px/20px Arial;
	padding: 0 0 0 40px;
	margin: 0;
}
#gauche h4 {
	font: bold 11px/20px Arial;
	padding: 0 0 0 60px;
	margin: 0;
}

#gauche p {
	font: 11px/16px Arial;
	text-align: justify;
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
}
#gauche p a {
	color: #111;
}

#gauche p strong {
	color: #943B01;
}
#gauche p.highlight {
	padding: 20px;
	border: 1px solid #943B01;
	margin: 10px;
	text-align: center;
	font: 12px/1.2em Arial;
}
#gauche p.highlight a {
	color: #943b01;
}
#gauche dl {
	margin: 10px 0 20px 0px;
}
#gauche dl.carte {
	text-align: center;
}
#gauche dt {
	padding: 0px;
	margin: 8px 0 0 0;
	font: bold 12px/1.2em Arial;
}
#gauche dd {
	padding: 0px;
	margin: 0;
	font: 11px/1.2em Arial;
}
#gauche dd a {
	color: #323232;
}

#gauche img.photo-actu {
	display: block;
	float: left;
	margin: 5px 10px 5px 70px;
}

#gauche p.note-droite-vins {
	font-weight:bold;
	text-align:right;
}

#gauche ul {
	padding: 0px;
	margin: 0 0 8px 75px;
	font: 11px/1.2em Arial;
	list-style-type:none;
}

#gauche ul li a {
	color:#000000;
	text-decoration:none;
}

#gauche ul li a:hover {
	color:#888;
	text-decoration:underline;
}
#gauche #lien_plan {
	display: block;
	margin: 10px 15px;
}
#gauche #lien_plan img {
	border: 5px solid #737373;
}


#actu_liste {
	width: 95%;
	margin-top: 15px;
	margin-left: 20px;
}
#img_actu {
	float: left;
	margin-right:20px;
}


#droite {
	float:left;
	width:440px;
	padding:0 40px 0 0;
}
#droite #lien-reservation {
	position: relative;
	float: right;
	right: -40px;

}
#droite #lien-reservation img {
	border: none;
}
#droite #encart-newsletter {
	position: relative;
	float: left;
	left: 40px;
	top: 2px;
	height:56px;
	width:192px;
}
#droite #encart-newsletter.fr_FR {
	background: url(../images/deco/encart-newsletter.gif) no-repeat;
}
#droite #encart-newsletter.en_GB {
	background: url(../images/deco/encart-newsletter_en.gif) no-repeat;
}
#droite  #encart-newsletter input {
	border: 1px solid #DBC5A9;
	border-bottom-color:#323232;
	font: 10px Arial;
	background-color: #DBC5A9;
	width: 115px;
	float: left;
	margin: 27px 0 8px 15px;
}
#droite #encart-newsletter .bouton-ok {
	padding: 0px;
	margin: 27px 25px 8px 5px;
	width: 20px;
	border:none;
}



#galerie  {
	clear: both;
	width: 390px;
	margin: 0 0 0 40px;
}
#galerie a {
	float: left;
	display: block;
	margin: 8px;
}






/*-------------------------------------------------------
  ---------------		FOOTER		---------------------
  -------------------------------------------------------*/

#footer {
	background:url(../images/background/footer.gif) no-repeat bottom;
	margin:0;
	padding:0 27px 29px 30px;
	font: 11px/1.2em Arial;
	text-align:center;
	clear: both;
}
#footer a {
	text-decoration:none;
	color:#fff;
}
#footer #adresse {
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	text-align:right;
}

.liens-bottom-all {margin-bottom:10px; background:#C7C7C7; text-align:center;}
.liens-bottom-all a {
	font:normal 10px/1em arial;
	color:#000;
}
.liens-bottom-all #lien-icare {
	margin:5px 0 0;
}
/* referencement kadafi  */

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	color: #323232;
	width: 830px;

}

#referencement p {
	font:normal 11px/1.2em Arial;
}
#referencement a {
	color: #323232;
	text-decoration: none;
	font-weight: bold;
}

#referencement a:hover {
	color: #666;
}

#referencement a img {
	border: none;
	padding: 3px;
}

/*	ENCART NEWSLETTER
-----------------------------------*/

.erreurNewsletter {
	font:normal 10px/1.2em Arial;
	clear:both;
}