/**********************************/
/*	GLOBAL
/**********************************/

/* Print elements */
div.feuille-info, div.feuille-mentions {
	display: none;
}

body {
/*behavior: url(css/csshover.htc); /* Tlcharge le script des menu rollover necessaire a IE */
margin: 0px;
padding: 0px;
background: #7C151D;
font-family : Arial, sans-serif;
color : white;

}

h1, h2, h3, h4, h5, h6, p, ul, li, ol, table, tr, td, input, select, checkbox, label, form, dd, dt, dl , img, a{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	border: 0px;
}

h3.titre1-bloc a {
	color: white;
	text-decoration: none;
}

h3.titre1-bloc a:hover, h3.titre1-bloc a:focus {
	text-decoration: underline;
}

p {
	color: white;
	font-family : Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

select {font-size: 11px;}

br{line-height: 13px;}

.normarge {margin: 0px;}
.fright {float: right;}
.fleft {float: left;}
.margeRight5{margin-right:5px;}
.margeBottom5{margin-bottom:5px;}
.margeBottom8{margin-bottom:8px;}
.margetop8{margin-top:8px;}

.majuscule {text-transform: uppercase;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}

.clear {clear: both; height:1px;}

/**********************************/
/*	TXT Mise en forme
/**********************************/
.underline {text-decoration: underline;}
a.nounderline, a:hover.nounderline, a:visited.nounderline {text-decoration: none;}
.bold {font-weight: bold;}
.uppercase{text-transform:uppercase;}

strong{font-weight: bold;}

.disc{list-style: disc;}
.circle{list-style: circle;}
.square{list-style: square;}

/* LIENS */
a:hover {text-decoration: underline;}
.liens-feuille{color: #80191c;}
a.white, a.red, a.liens-feuille{
	text-decoration: underline;
}

/**********************************/
/*	POLICES GLOBAL
/**********************************/
/* Texte normal */
.white {	color: white;}
.red {color: #80191c;}

.txt {
	font-size: 11px;
	line-height : 13px;
}
.txtM5 {
	font-size: 11px;
	line-height : 13px;
	margin-bottom: 5px;
}
.txt12 {
	font-size: 12px;
	line-height : 14px;
}
.nb {
	font-size: 9px;
	line-height: 11px;
}
.txt-intro {
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
	margin: 0px auto;
}

div.left_txt .txt-intro {
	width: 170px;
}



legend {
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
}

/* Titres */

.titre1-bloc {	
	font-size: 11px;
	line-height: 15px;
	width: 266px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}

.titre1-bloc_2 {	
	font-size: 11px;
	line-height: 15px;
	width: 197px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}

.titre_icones {
	color: white;
	font-family : Arial, sans-serif;
	font-size: 23px;
	line-height: 25px;
	font-weight: normal;
}

.titre-interne1{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 3px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
}
.titre-interne16{
	font-size: 16px;
	line-height: 18px;
	color: white;
	margin-top: 5px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #e58579;
	font-weight: normal;
}

.titre-interne11{
	font-size: 11px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 36px;
}

.titre-interne11b{
	font-size: 11px;
	line-height: 15px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
}

/* Texte feuille blanche */
.feuille-titre1 {
	color: #80191c;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.feuille-titre2 {
	color: #80191c;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 5px;
}

.feuille-txt {
	color: #80191c;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 7px;
}

/* Formulaire */
div.formulaire-envois {
	padding: 20px 15px;
}

div.formulaire-envois-zone {
	width: 300px;
	margin: 0px auto 20px auto;
}

div.formulaire-envois-zone p.envois_btns {
	float: right;
}
p.envois_btns {
	width: 100%;
	text-align: center;	
}

span.form-line {
	height: 19px;
	line-height: 19px;
	font-size: 11px;
	display: block;
}
.label-txt {
	text-transform: uppercase;
	width: 150px;
	display: block;
	float: left;
}

.label-txt_home {
	text-transform: uppercase;
}

.input-text {
	color: black;
	background: white;
	font-size: 11px;
	/*margin: 0px 5px;*/
	margin-top: 3px;
	float: left;
}

html>body select.input-text {
	margin-top: -1px;
}

.submit-button {
	margin-left: 190px;
}

.btn-valider-form {
	width: 75px;
	height: 17px;
	background: url("../image/common/btn_valider.jpg") no-repeat center center white;
}
.btn-ok {
	width: 27px;
	height: 17px;
	background: url("../image/common/btn_ok.jpg") no-repeat center center;
}
.btn-annuler{
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_annuler.jpg") no-repeat center center;
}
.btn-envoyer{
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_envoyer.jpg") no-repeat center center;
}


.btn-valider-form_fr {
	width: 75px;
	height: 17px;
	background: url("../image/common/btn_valider_fr.jpg") no-repeat center center white;
}
.btn-ok_fr {
	width: 27px;
	height: 17px;
	background: url("../image/common/btn_ok_fr.jpg") no-repeat center center;
}
.btn-annuler_fr {
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_annuler_fr.jpg") no-repeat center center;
}
.btn-envoyer_fr {
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_envoyer_fr.jpg") no-repeat center center;
}

.btn-valider-form_en {
	width: 75px;
	height: 17px;
	background: url("../image/common/btn_valider_en.jpg") no-repeat center center white;
}
.btn-ok_en {
	width: 27px;
	height: 17px;
	background: url("../image/common/btn_ok_en.jpg") no-repeat center center;
}
.btn-annuler_en {
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_annuler_en.jpg") no-repeat center center;
}
.btn-envoyer_en {
	width: 72px;
	height: 17px;
	background: url("../image/common/btn_envoyer_en.jpg") no-repeat center center;
}



div.bloc1-rose-middle span label {
	float: left;
}

div.bloc1-rose-middle span select {
	float: right;
	width: 195px;
}

.select-accord {
	width: 150px;
	margin: 0px 5px;
}

/**********************************/
/*	BLOCS
/**********************************/

/* Bloc Bordeau Petit */
div.bloc1-bordeau-top {
	width: 282px;
	background: url("../image/common/bloc1-bordeau-top.png") no-repeat center top;
	margin-bottom: 5px;
}
div.bloc1-bordeau-bottom {
	width: 282px;
	background: url("../image/common/bloc1-bordeau-bottom.png") no-repeat center bottom;
	padding: 3px 0px;
}
div.bloc1-bordeau-middle {
	width: 272px; /* 282 */
	padding: 3px 5px;
	background: url("../image/common/bloc1-bordeau-middle.png") repeat-y center ;
}
div.bloc1-bordeau-left {
	width: 56px;
	height: 36px;
	text-align: center;
	float: left;
}
div.bloc1-bordeau-right {
	width: 197px; /* 207 */
	height: 36px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}
html>body div.bloc1-bordeau-left,  div.bloc1-bordeau-right  {
	height: auto;
	min-height: 36px;
}

/* Bloc Bordeau Grand */
div.bloc2-bordeau-top {
	width: 653px;
	background: url("../image/common/bloc2-bordeau-top.png") no-repeat center top;
	margin-bottom: 5px;
}
div.bloc2-bordeau-bottom {
	width: 653px;
	background: url("../image/common/bloc2-bordeau-bottom.png") no-repeat center bottom;
	padding: 3px 0px;
}
div.bloc2-bordeau-middle {
	width: 643px; /* 653 */
	padding: 3px 5px;
	background: url("../image/common/bloc2-bordeau-middle.png") repeat-y center;
}
div.bloc2-bordeau-left {
	width: 112px;
	text-align: center;
	float: left;
}
div.bloc2-bordeau-right {
	width: 519px; /* 531 */
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 5px;
	float: right;
}

/* Bloc Rose Petit */
div.bloc1-rose-top {
	width: 282px;
	background: url("../image/common/bloc1-rose-top.png") no-repeat center top;
	margin-bottom: 5px;
}
div.bloc1-rose-bottom {
	width: 282px;
	background: url("../image/common/bloc1-rose-bottom.png") no-repeat center bottom;
	padding: 3px 0px;
}
div.bloc1-rose-middle {
	width: 266x; /* 282 */
	padding: 8px;
	background: url("../image/common/bloc1-rose-middle.png") repeat-y center ;
}

div.bloc1-rose-left {
	width: 59px;
	height: 59px;
	text-align: center;
	float: left;
}

div.bloc1-rose-right {
	width: 197px; /* 207 */
	height: 59px; /*59 */
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}

html>body div.bloc1-rose-left,  div.bloc1-rose-right  {
	height: auto;
	min-height: 59px;
}

/**********************************/
/*	DIVS
/**********************************/

div#container  {
	width: 955px;
	margin: 0px auto;
	position: relative;
	z-index: 1000;
}

div#containerPopup  {
	width: 683px;
	margin: 0px auto;
	position: relative;
	z-index: 1000;
}

/* HEADER */
div#header {
	width: 955px;
	height: 59px; /* 176*/
	padding-top: 117px;
	background: url("../image/common/fond_header.jpg") no-repeat center center #d10032;
}

div#header_fr {
	width: 955px;
	height: 59px; /* 176*/
	padding-top: 117px;
	background: url("../image/common/fond_header_fr.jpg") no-repeat center center #d10032;
}

div#navigation-barre {
	width: 955px;
	height: 49px; /* 58*/
	border-top: 1px solid #e58579;
	padding-top: 9px;
	
}
div.intro_accueil {
	width: 925px; /*955*/
	height: 44px; /* 49 */
	padding: 3px 15px 2px 15px;
}
	div#navigation-barre-left {
		width: 240px;
		height: 42px;
		float: left;
	}
	
	/* MENU */
	div#navigation-barre-right {
		width: 715px;
		height: 42px;
		float: left;
	}
		ul#menu {
			float: left;
		}
			ul#menu li{
			margin-left: 2px;
			float: left;
		}

/* CONTENT */
div#content {
	width: 925px; /* 955 */
	height: 323px;
	background: #b80724;/*#d10032*/
	border-top: 1px solid #e58579;
	padding: 15px;
}

div#contentPopup {
	background: #b80724;/*#d10032*/
	border-top: 1px solid #e58579;
	padding: 15px;
}

	html>body div#content { /* Hauteur minimale pour navigateur autre que IE */
		height: auto;
		min-height: 323px;
	} 

div#content-accueil {
	width: 955px;
	height: 323px;
	background: #d10032;
	border-top: 1px solid #e58579;
	position: relative;
}

div#flash-accueil {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
}

	/* LEFT */
	div#content-left {
		width: 220px;
		float: left;
		background: #B80724;
	}
		div.left_img{
			width: 220px;
			height: 208px;
			text-align: center;
		}
		div.left_txt{
			width: 220px;
			margin: 0px auto;
			margin-bottom: 10px;
		}
		div.left_liens{
			border-top: 1px solid #e58579;
			padding-top: 3px;
		}
		
	/* RIGHT */
	div#content-right {
		width: 695px;
		float: right;
	}
	
		div#content-right-form {
			width: 320px;
			float: left;

		}
		
		/* Liste ACCORDS */
			li.btn-accords {
				width: 263px; /* 269*/
				height: 16px;
				line-height: 16px;
				background: #7f191c;
				font-size: 10px;
				color: white;
				padding: 0px 3px;
				margin-bottom: 2px;
			}
				li.btn-accords  a{
					height: 16px;
					line-height: 16px;
					display: block;
				}
			
				li.btn-accords a:hover{
					font-weight: bold;
				}
			
		/* Liste QUIZZ */
		ul.quizz-etapes  {
			font-size: 12px;
			line-height: 14px;
		}
		
		ul.quizz-etapes  li{
				margin: 3px;
		}
		
		ul.quizz-etapes li.quizz-on{
			width: 248px; /* 298 */
			height: 33px; /* 46 */
			padding: 8px 40px 5px 10px;
			background: url("../image/common/quizz_on.jpg") no-repeat center left;
		}
		ul.quizz-etapes li.quizz-off{
			width: 248px; /* 298 */
			height: 33px; /* 46 */
			padding: 8px 40px 5px 10px;
			background: url("../image/common/quizz_off.jpg") no-repeat center left;
		}
		li.quizz-end {
			width: 298px;
			height: 60px;
			background: url("../image/common/quizz_end.jpg") no-repeat center left;
		}
		
		li.quizz-end-on {
			width: 298px;
			height: 60px;
			background: url("../image/common/quizz_end_on.jpg") no-repeat center left;
		}
		
		li.quizz-end_fr {
			width: 298px;
			height: 60px;
			background: url("../image/common/quizz_end_fr.jpg") no-repeat center left;
		}
		
		li.quizz-end-on_fr {
			width: 298px;
			height: 60px;
			background: url("../image/common/quizz_end_on_fr.jpg") no-repeat center left;
		}
		
		/* FEUILLE BLANCHE */
		div#content-right-feuille{
			width: 350px;
			float: left;
			background: url("../image/common/feuille_haut.png") no-repeat center top;
			margin-left: 2px;
			
		}
			div#content-right-feuille-bottom{
				width: 350px;
				padding-top: 35px;
				padding-bottom: 58px;
				background: url("../image/common/feuille_bas.png") no-repeat center bottom;
			}
			div#feuille-conteneur{
				width: 300px; /* 350*/
				padding: 5px 25px;
				background: url("../image/common/feuille_milieu.png") repeat-y center;
			}
				div.feuille-top{
					text-align: center;
					margin-bottom: 15px;
				}
				div.feuille-middle{
					height: 73px;
					margin-bottom: 15px;
					padding: 5px 15px;
				}
				html>body div.feuille-middle { /* Hauteur minimale pour navigateur autre que IE */
					height: auto;
					min-height: 73px;
				} 
				
				
				p.feuille-liste-liens {
					text-align: center;
					height: 22px;
					line-height: 22px;
				}
				p.feuille-liste-liens a{
					margin: 0px 5px;
				}
			
			/* Feuille Accords */
			table.feuille-resultats {
				color: #80191c;
				font-size: 10px;
				line-height: 12px;
				text-align: left;
				margin-bottom: 5px;
				
			}
			table.feuille-resultats td{
				padding-right: 10px;
			}
			
	/* Degustation */
	div.video-left {
		width: 90px;
		float: left;
		margin-right: 8px;
	}
	div.video-right {
		width: 168px;
		float: left;
	}
	
	/* lexique */ 
	ul.lexique-liste {
		width: 695px;
		float: left;
	}
	
	ul.lexique-liste  li{
		float: left;
		margin: 3px;
	}
			
			

/* BOTTOM */
div#content-bottom {
	width: 955px;
	height: 69px;
	background: url("../image/common/fond_footer.jpg") no-repeat center bottom #d10032;
	border-top: 1px solid #e58579;
}

/* FOOTER */
div#footer {
	width: 955px;
	height: 30px;
	background: #7C151D;
	}
	
		/* LIENS FOOTER */
		ul.footer-liens {
			color: white;
			font-size: 11px;
			float: left;
			line-height: 30px;
		}
		ul.footer-liens li{
			float: left;
			margin: 0px 3px;
		}
		ul.footer-liens li a{
			color: white;
			text-decoration: none;
		}
		ul.footer-liens li a:hover{
			text-decoration: underline;
		}
		
		p.mentions {
			color: white;
			float: right;
			line-height: 30px;
		}

div.Lettrine {
	background: url("../image/lexique/lettre.png") no-repeat top left #d10032;
	height: 20px;
	width: 20px;
	float: left;
	margin: 5px;
	text-align: center;
	line-height: 20px;
	color: #E58579;
	font-size: 12px;
	font-weight: bold;
}

div.text_warning {
	font-weight: bold;
	font-size: 12px;
	margin: 0px auto;
}

.retour {
	text-align: right;
}

.quizz_end {
	width: 298px;
	height: 60px;
	background: url("../image/common/quizz_end.jpg") no-repeat center left;
}

.quizz_end-on {
	width: 298px;
	height: 60px;
	background: url("../image/common/quizz_end_on.jpg") no-repeat center left;
}

label.bivb_label_150{display: inline;float:left;width:100px;padding:3px;font-size: 11px;}
input.bivb_input, textarea.bivb_textarea, select.bivb_select{font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#a1141c;border-style:none;border:1px #a1141c;}
fieldset.bivb_fieldset{
	border-style:none;
	padding:1em;
}
div.bivb_div_form{clear: both;height:auto;margin-top:2px;margin-top:4px;text-align:left;}
div.bivb_div_button{ clear: both;text-align:center;margin-top:20px;padding:3px;}

p.warning {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.ImgLeft {
	float: left;
	margin-right: 5px;
}

p.txtM5 {
	height: 1%;
}

div#RoueArome {
	width: 300px;
	height: 596px;
	float: left;
	overflow: hidden;
}

div#AromeCadre {
	width: 385px;
	padding: 4px;
	float: left;
	height: auto;
	_height: 586px;
	min-height: 586px;
	border: 1px solid black;
	background: white;
}

div#AromeContenu {
	width: 373px;
	border: 1px solid #7C151D;
	height: auto;
	_height: 584px;
	min-height: 584px;
	background: white;
	padding: 0px 5px;
}

div.bloc1-rose-top-arome {
	width: 220px;
	background: url("../image/common/bloc1-rose-top-arome.png") no-repeat center top;
	margin-bottom: 5px;
}
div.bloc1-rose-bottom-arome {
	width: 220px;
	background: url("../image/common/bloc1-rose-bottom-arome.png") no-repeat center bottom;
	padding: 3px 0px;
}
div.bloc1-rose-middle-arome {
	width: 204px; /* 282 */
	padding: 8px;
	background: url("../image/common/bloc1-rose-middle-arome.png") repeat-y center ;
}

.titre1-bloc-arome {	
	font-size: 11px;
	line-height: 15px;
	width: 204px;
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}
div.left_txt-arome {
	width: 220px;
	margin: 10px 0px;
}

.titre-arome {
	font-size: 15px;
	color: #7C151D;
	text-align: center;
	margin: 10px 0px 20px 0px;
}

p.arome {
	line-height: 18px;
	height: 1%;
}

div#video {
	width: 320px;
	float: left;
}

div#videoDesc {
	width: 320px;
	padding: 5px;
	float: right;
}

div#content-bottomPopup {
	width: 683px;
	height: 50px;
	background: url("../image/common/fond_footer.jpg") no-repeat right bottom #d10032;
	border-top: 1px solid #e58579;
}

div#footerPopup {
	width: 683px;
	height: 30px;
	background: #7C151D;
	}
	
a.question {
	text-decoration: none;
}

ul.ariane {
	margin: 0px 0px 10px 0px;
	padding: 0;
}

ul.ariane li {
	display: inline;
	margin-right: 5px;
}

ul.ariane li a {
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

ul.ariane li a:hover {
	text-decoration: underline;
}