/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}
textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
* {
	padding: 0px;
	margin: 0px;
}
html, body, table , .intern {height:100%;margin:0;padding:0;width:100%;

}
img {border:none;}
td {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a {color:#504845;}
a, a:hover {text-decoration:none;}

body {
	background: #bea28f;
	font-family: Arial, Helvetica, sans-serif;
	color:#504845;
	font-size:12px;
	line-height:18px;
}
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	color:#AFA7A4;
	font-size:14px;
	margin: 0px;
	padding:  0px 0 30px 0;
	line-height:28px;
	font-weight:normal;
}
.vins {display:block;float:left; width:190px;line-height:28px;color:#AFA7A4; }
h1 strong, .vins {font-family: Georgia, 'Times New Roman', Times, serif; font-size:18px; line-height: 20px;}
h2 {
	font-size:18px ;
	color:#504845 ;
	margin: 0px;
	padding: 5px 0 15px 0;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}
h3 {
	font-size:14px ;
	color:#504845;
	margin: 0px;
	padding: 20px 0 5px 0;
	font-weight:normal;
}
.justify  {text-align:justify}
.bordure {
	border:1px solid #AFA7A4;
	padding:10px 10px 0 10px;
	background:url(../images/fond_01.jpg) no-repeat right bottom;
}
.bordure2 {
	border:3px solid #AFA7A4;
}

/********************************************** MODELE ************************************************************/

#container {
	width:980px; 
	margin:auto; 
	position:relative;
}
#right {background:url(../images/modele_08.jpg) no-repeat right top;
		position:absolute;
		z-index:0;
		top:0;
		right:0;
		width:50%;
		height:371px;
}
#left {background:url(../images/modele_01.jpg) no-repeat left top;
		position:absolute;
		z-index:0;
		top:0;
		left:0;
		width:50%;
		height:371px;
}
#header {
	background:url(../images/modele_02.png) no-repeat left -10px;
	height:140px; 
	width:980px;
	margin: 0;
}
#logo {
	background:url(../images/modele_04.jpg) no-repeat 0px 15px;
	width:475px; 
	height:135px;
	display:block;
	margin:0 auto;
	color:#fff;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	font-style:italic;
	padding:105px 0 0 0;
}
.offres {
		background:url(../images/modele_06.png) no-repeat;
		width:250px;
		height:40px;
		line-height:30px;
		display:block;
		font-size:19px;
		text-align:center;
		font-family: "Times New Roman", Times, serif;
		color:#ffffff;
		position:absolute;
		z-index:10;
		right:0;
		top:0;
}
.actu {
		background:url(../images/modele_11.gif) no-repeat;
		width:250px;
		height:45px;
		line-height:30px;
		display:block;
		font-size:14px;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		color:#ffffff;
		position:absolute;
		z-index:10;
		right:0;
		top:60px;
}

#diapo {
	width:980px; 
	height:465px; 
	overflow:hidden;
	z-index:0;
	top:0;
	left:0;
	position:absolute;
} 
#contenu {
	width:980px;
	height:auto;
	top:0;
	left:0;
	z-index:5;
	position:absolute;
}
#contenu2 {
	background:url(../images/ombre1.jpg) no-repeat center top;
	width:940px;
	height:auto;
	padding:20px;
	overflow:hidden;
}
.high {height:503px;}
#content {
	padding:0;
	width:980px;
	height:auto;
	overflow:hidden;
	
}
#colonne_centre {
	background:url(../images/ombre2.jpg) no-repeat center bottom #ffffff;
	width:980px;
	padding:0;
	margin: 0 0;
	overflow:hidden;
	position:relative;
}

.partenaire a{
	display:block;
float:left;
height:24px;
margin:2px 0;
padding:0 86px;
	
}
.bas {
	display:bloc;
	width:980px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	line-height:18px;
	padding-bottom:20px;
}
#footer {background:url(../images/modele_47.jpg) no-repeat; width:980px; clear:both; position:relative; height:65px; padding:0px 0 0 0;}
.newsletter {
		background:url(../images/modele_49.gif) no-repeat;
		width:249px;
		height:40px;
		line-height:30px;
		display:block;
		font-size:19px;
		text-align:center;
		font-family:"Times New Roman", Times, serif;
		color:#ffffff!important;
		float:right;
		margin:0 0 0 30px;
}
/*
a.france2:hover, a.english2:hover,.offres:hover, .newsletter:hover{opacity : 1;
    	-moz-opacity : 1; 
		filter : alpha(opacity=100); 
}
*/
.france2 {
		background:url(../images/modele_16.jpg) no-repeat right 5px;
		padding:0 30px 0 0px;
		margin:2px 0 0 0;
		-moz-opacity : 0.8; 
		filter : alpha(opacity=80); 
		color:#ddd;
		font-size:24px;
}
.english2 {
		background:url(../images/modele_18.jpg) no-repeat left 5px;
		padding:0 0 0 30px;
		margin:0px 0 0 0;
		-moz-opacity : 0.8; 
		filter : alpha(opacity=80);
		color:#ddd;
		font-size:24px; 
}
.france2:hover {
		background:url(../images/modele_16.jpg) no-repeat right 5px;
		padding:0 30px 0 0px;
		margin:2px 0 0 0;
		-moz-opacity : 1; 
		filter : alpha(opacity=100); 
		color:#fff;
		font-size:24px;
}
.english2:hover {
		background:url(../images/modele_18.jpg) no-repeat left 5px;
		padding:0 0 0 30px;
		margin:0px 0 0 0;
		-moz-opacity : 1; 
		filter : alpha(opacity=100);
		color:#fff;
		font-size:24px; 
}

.langue {
	float:right;
	width:26px;
	margin:0 0 0 30px;
	overflow:hidden;
}
#footer p {
	text-align:left;
	font-size:14px;
	padding:5px 0 5px 0;
	letter-spacing:0.03em;
	color:#504845;
	line-height:40px;
	font-family: Arial, "Times New Roman", Times, serif;
}
 .warning { font-size:11px; color:#fff;}
#footer a { color:#504845;}
#footer a:hover { color:#cccccc;}

.float_right {float:right;}
.float_left {float:left;}
.clear_both {clear:both;}
/*************************************************** COMMUN *******************************************************/
#container .annotation {
	font-size:14px;
	color:#504845;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	
}
.resume {
		margin:10px;
		border:1px solid #E1AF64;
		background:#000000;
		padding:10px;
}
.intern {
		background:url(../images/ombre1.jpg) no-repeat center top;
		overflow:hidden;
		width:980px;
}
.visuel {background:url(../images/mini_plan.jpg) no-repeat left top; width:232px; height:505px; float:left; margin-right:30px; overflow:hidden;}

/************************************************** MISE EN PAGE ********************************************************/

.liste-normale {
	list-style-image:url(../images/puce_27.gif);
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	font-size:1em;

}
.liste-normale li {
		line-height:14px;
		padding:0 0 10px 0;
}
.inside {	list-style-position:inside;}
.outside {list-style-position:outside} 

.base img {float:left; margin: 0 20px 10px 0;}
.img2 {margin:0 20px 5px 0; float:left;}
.img3 {margin:0 0px 5px 20px; float:right;}

/******************************************* INDEX ******************************************************************/
.intro {width:400px; height:465px;
}

.guyon {
		display:block;
		float:right;
		padding:0 0 0 10px;
		width:89px;
		text-align:center;
		font-size:11px;
		font-weight:bold;
}
.box {
	padding:15px;
	width:232px}
.box p, .box h1, .box a {color:#ffffff;}

/******************************************* CONTACT PLAN D'ACCES  **************************************************/
#plan {
		height:270px;
		width:465px;
		float:left;
}
.contact {
		overflow:hidden;
		width:400px;
		float:left;
		margin-right:40px;
		padding:20px 0;
}
.formulaire {
	padding:15px 0px 0 0 ;
	float:left;
	margin:0  0;
}
.coo {
	float:left;
	width:270px;
	background:#EFECE6;
	padding:20px 15px 15px 15px;
}
.coo p {text-align:left!important;}
#content .mise a {color:#2d2c29 !important;}
.champ {overflow:hidden; padding:2px 0 2px 0; }
.champ p { display:block; float:left; width:110px; font-size:11px;}
.form-style {
	color:#463c3a;
	background-color:#ffffff;
	border:#BEA28F 1px solid;
	width:200px;
	height:18px;
	padding:3px;
	font-size:12px;
	line-height: 22px;
	padding: 2px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

}
.form-style3 {
	color:#463c3a;
	background-color:#ffffff;
	border:#BEA28F 1px solid;
	width:35px;
	height:18px;
	padding:3px;
	font-size:12px;
	padding: 2px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.champ span {
		display:block;
		float:left;
		width:85px;
		margin:0 10px 0 0;
		height:13px;
}
.form-style2 {
	color:#463c3a;
	background-color:#ffffff;
	border:#BEA28F 1px solid;
	width:236px;
	height:80px;
	padding:3px;
	font-size:12px;
	padding: 2px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/*
.btn {
	color:#fff;
	background-color:#AFA7A4;
	border:#AFA7A4 1px solid;
	font-weight:bold;
	font-size:0.9em;
	padding:3px;
	margin : 10px 0 10px 255px;
	cursor:pointer;
}
*/
.btn {
	padding: 0 10px;  
    display: block;  
	margin-left:110px;
    text-decoration: none;  
    float: left;  
	color:#fff;
	font-size:16px;
	height:32px;
	line-height:30px;
	text-align:center;
	width:200px;
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-radius:3px!important;
	-moz-border-radius:3px!important;
	border:1px solid #BEA28F;
	cursor:pointer;
}
/************************************************* MENTIONS **********************************************************/
.mentions {font-size:10px; line-height:12px; padding:10px 40px; }
.table1 {
		list-style:none;
		float:left;
		width:200px;
		padding:10px 0 20px 0;
}
.table1 li {
		height:20px;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
}
.table2 li {
		height:20px;
		font-size:12px;
		line-height:20px;
}
.table2 {
		list-style:none;
		float:left;
		padding:10px 0 20px 0;
}
.lois {  margin:0 auto; overflow:hidden; padding:10px;}

/**************************************** DOMAINE ACCORDEON ***********************************************************/

.set{/*border-bottom:1px solid #000*/}
.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
.accordionWrapper h2{margin-left:30px; margin-top:20px;}
.accordionWrapper p {padding:30px; color: #504845; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
.accordionWrapper .banimg {
	position:relative; 
	border:solid 3px #AFA7A4; 
	width:714px; 
	height:150px; 
	overflow:hidden; 
	margin:0 30px 20px 30px;
}
.accordionWrapper .click {
	position:absolute; 
    top:135px; 
    left:0px; 
    width:714px; 
    height:15px; 
    background-color:#AFA7A4; 
    color:#FFF; 
    text-align:center; 
    opacity : 0.8; 
    -moz-opacity : 0.8; 
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */ 
	filter : alpha(opacity=80); /* IE < 8 */
}

/******************************************** CAROUSEL ****************************************************************/


#carousel-clients  {
	background:url(../images/trame_32.jpg) repeat-y;
	padding: 5px;
	width: 970px;
	position: relative;	
}


#carousel-clients .carousel-clients-move  {
    width: 900px!important;
	text-align:center;
	margin:0 auto;
}
#carousel-clients .carousel-clients-move li {
	padding: 2px 10px;
        }
#carousel-clients .carousel-clients-move li a {height:24px; overflow:hidden; position:relative; display:block; width:110px; text-align:center;}
#carousel-clients .carousel-clients-move li a img{display:block; margin:0 auto;}

/******************************************** ACTUALITE ****************************************************************/

.bloc_actu {
	padding:0 10px 10px 10px; 
	border:1px solid #AFA7A4;
	background:url(../images/fond_01.jpg) no-repeat right bottom;
	margin-bottom:20px;
}

.bloc_actu_photo {
	float:left; 
	width:160px; 
	margin:10px 20px 0 0;
}
.bloc_actu_photo img {
	border: 3px solid #AFA7A4;}
.bloc_actu_infos {
	float:left; 
	width:678px; 
	min-height:140px; 
	padding:0; 
}
.bloc_actu_infos h3 {padding :0 0 0 0 !important;}
.page_actus {
	margin:0 auto;
	width:880px;}
	
.link2 {
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-bottom-left-radius:12px!important;
	-webkit-border-bottom-right-radius:12px!important;
	-moz-border-radius-bottomleft:12px!important;
	-moz-border-radius-bottomright:12px!important;
	color:#ffffff;
	font-size:13px;
	height:25px;
	line-height:25px;
	padding: 0px !important;
	display:block;
	letter-spacing:0.05em;
	font-weight:bold;
	width:150px;
	float:right;
	text-align:center;
}
a.link2 {
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
}
a.link2:hover {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
	text-decoration:none;
}

.link3 {
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-bottom-left-radius:12px!important;
	-webkit-border-bottom-right-radius:12px!important;
	-moz-border-radius-bottomleft:12px!important;
	-moz-border-radius-bottomright:12px!important;
	color:#ffffff;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding: 0px 10px !important;
	display:block;
	letter-spacing:0.05em;
	font-weight:bold;
	width:197px;
	float:right;
	text-align:center;
	border-top:1px solid #EEE;
	border-left:1px solid #AFA7A4;
	border-right:1px solid #AFA7A4;
	border-bottom:1px solid #AFA7A4;
}


.link3:hover {
	background:#504845!important;
	color:#E5E1DF!important;
}

/*********************************************** BOTTLE ***********************************************************/
.bottle {
	float:left;
	margin: 20px 20px 0px 0;
	padding:10px ;
	width:260px;
	position:relative;
	border:1px solid #e5e1df;
	cursor:pointer;
}
.bottle h2 {text-align:center;}
.produits {
	width:886px;
	overflow:hidden;
	margin:0 auto;
}
.bottle img {float:left; margin:0 10px 0 0;}
.bottle p {
	font-size:11px; 
	line-height:14px;
	background:#d2bfb1;
	padding:10px;
	width:175px;
	display:block;
	float:left;}
.bottle p strong {
	display:block;
	float:left;
	width:70px;
}
.bottle a {
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-bottom-left-radius:12px!important;
	-webkit-border-bottom-right-radius:12px!important;
	-moz-border-radius-bottomleft:12px!important;
	-moz-border-radius-bottomright:12px!important;
	color:#ffffff;
	font-size:17px;
	height:30px;
	line-height:30px;
	padding: 0px 10px!important;
	display:block;
	width:175px;
	float:left;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
}
.bottle:hover a {
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}
.produits2 {
	width:715px;
	overflow:hidden;
	float:left;
}
.cadre_video {
	position:relative;
	width:500px;
	background: #EDE9E7;
}

.produits2 img {float:left; margin:0 30px 0 0;}
.produits2 p {
	background:#ede9e7;
	padding:20px;
	width:500px;
	display:block;
	float:left;}
	
.produits2 p strong {
	display:block;
	float:left;
	width:150px;
}
.produits2 p span {font-size:10px; text-transform:uppercase;}
.sous {
	float:left;
	width:152px;
	padding:20px;
}
.sous a {
		display:block;
		border:1px solid #e5e1df;
		width:200px;
		height:60px;
		overflow:hidden;
		margin:0 0 20px 0;
		font-size:14px;
		line-height:20px;
}
.sous #selected {
		background:#ede9e7!important;
		font-weight:normal!important;
}
.sous a img{height:60px; width:60px; float:left; margin:0 20px 0 0; padding:0;}
.sous a span{display:block; float:left; padding:10px 5px 5px 0; width:110px; text-align:center;}
.sous a:hover {background:#ede9e7!important;}




.bottle2 {
	float:left;
	margin: 30px 30px 0px 0;
	padding:0 1px;
	width:260px;
	position:relative;;
	cursor:pointer;
}
.bottle2:hover h2 {
	color:#e5e1df !important;
	background:#504845!important;
}
.bottle2 img {float:left; padding:0 0; background:#e5e1df;}
.bottle2 h2 {
	text-align:center; 
	background: #e5e1df; 
	display:block; 
	width:110px;
	float:left; 
	padding:40px 5px 00px 5px; 
	height:70px; 
	font-size:16px;
	-webkit-border-top-right-radius:12px!important;
	-moz-border-radius-topright:12px!important;}
.bottle2 a.notes {
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-bottom-right-radius:12px!important;
	-moz-border-radius-bottomright:12px!important;
	color:#ffffff;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding: 0px 10px!important;
	display:block;
	letter-spacing:0.05em;
	font-weight:bold;
	width:100px;
	float:left;
	text-align:center;
}


.bottle3 {
	float:left;
	margin: 30px 30px 0px 0;
	padding:0 1px;
	width:150px;
	background: #e5e1df; 
	overflow:hidden;
}
.bottle4 {
	float:left;
	margin: 30px 0px 0px 0;
	padding:10px ;
	width:370px;
	border:1px solid #e5e1df; 
	height: 233px;
}
.bottle5 {
	float:right;
	margin: 30px 0px 0px 0;
	padding:10px ;
	width:455px;
	border:1px solid #e5e1df; 
	height: 233px;
}

.bottle3 p {padding:5px; font-size:11px; line-height:14px;}
.bottle4 p {padding:5px 0; font-size:11px; line-height:14px; text-align:center;}
.bottle3 h2 {
	text-align:center; 
	padding:5px; 
	-webkit-border-bottom-radius:12px!important;
	-moz-border-radius-bottom:12px!important;
	font-size:16px;}
.bottle4 h3 {
	text-align:center; 
	padding:2px 0; 
	font-size:16px;}


.link {
	background:url(../images/trame_18.jpg) repeat-x!important; 
	-webkit-border-top-left-radius:12px!important;
	-webkit-border-top-right-radius:12px!important;
	-moz-border-radius-topleft:12px!important;
	-moz-border-radius-topright:12px!important;
	color:#ffffff;
	font-size:17px;
	height:30px;
	line-height:30px;
	padding: 0px !important;
	display:block;
	letter-spacing:0.05em;
	font-family:"Times New Roman", Times, serif;
	width:198px;
	float:left;
	text-align:center;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
	/*margin-right:10px;*/
	font-family: Arial, Helvetica, sans-serif;
}
.link:hover {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
}
.link#selected {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
}

.cliquez {
	position:absolute; 
	width:659px; 
	height:25px; 
	background-color:#bea28f; 
	top:293px; 
	left:28px; 
	opacity : 0.8; 
	-moz-opacity : 0.8; 
	-ms-filter: 'alpha(opacity=80)'; 
	filter : alpha(opacity=80); 
	text-align:center; 
	font-size:18px; 
	font-weight:bold; 
	color:#FFF;
	line-height:25px;
}