@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	
	body {
		background: #e6e6e6 url(../images/bg_grad.gif) center center repeat-y;
		color: #231f20;
		margin: 0; padding: 0;
		font-family: "Lucida Grande", Verdana;
		font-size: 13px;
	}
	
	h1 { clear: both; margin: 0; color: #632f22; text-align: right; font-size: 20px; }
	h2 { clear: both; font-size: 14px; text-transform: uppercase; margin: 10px 0 0; }
	h3 { clear: both; font-size: 13px; text-transform: uppercase; }
	h4 { clear: both; font-size: 12px; text-transform: uppercase; }
	p { margin: 0 0 10px 0; line-height: 21px; text-align: justify; }
	
	a img { border: none; }
	
	a:link { color: #723627; outline: none; }
	a:visited { color: #723627; outline: none;}
	a:hover { color: #5e6727; text-decoration: none; }
	a:active { color: #723627; outline: none;}
	
	.hr { background: url(../images/separateur.gif) center center no-repeat; height: 40px; width: 100%; clear: both; }
	.hr hr { display: none; }
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container {
		background: url(../images/bg.jpg) center 126px no-repeat;
		margin: 0 auto;
		width: 920px;
	}
	
	#col_menu {
		background: url(../images/bg_menu.png) 9px 21px no-repeat;
		float: left;
		padding: 41px 0 0 39px;
		width: 206px; height: 548px;
	}
	#col_contenu {
		background: url(../images/bg_contenu_top.png) left top no-repeat;
		margin: 21px 0 0 0;
		float: left;
		width: 477px;
	}
	#wrap_contenu { background: url(../images/bg_contenu_bottom.png) left bottom no-repeat; padding: 0 0 18px; }
	
	#contenu {
		margin: 13px 0 0 0; padding: 10px 25px;
		background: url(../images/bg_contenu.png) left top repeat-y;
	}

	.quiz { 
		margin-left: 35px;
	}
	
	#col_promos {
		float: right;
		margin: 21px 28px 0 0;
		width: 144px;
	}
	* html #col_promos { margin-right: 14px; }
	
	#header { position: relative; }
	#lang { position: absolute; top: 34px; left: 839px; }
	#lang span { color: #fff; }
	#lang .fr { color: #fff; font-weight: bold; text-decoration: none; }
	#lang .en { color: #632f22; font-weight: bold; text-decoration: none; }
	
	
	#footer { clear: both; text-align: center; font-size: 9px; padding: 10px 0 30px 0; width: 100%; }
	#footer a { color: #899639; }




/* 	----------------------------------------------------------------------------------
	Boite --------------------------------------------------------------------------*/
	
	.boite a { color: #fff; text-decoration: none; }
	.boite { 
		background: url(../images/boite_tile.png) left top repeat-y;
		color: #fff;
		margin: 0 0 10px;
	}
	.boite_wrapper { 
		background: url(../images/boite_top.png) left top no-repeat;
	}
	.boite_content { 
		background: url(../images/boite_bottom.png) left bottom no-repeat;
		padding: 11px 16px 17px 27px;
		height: 58px;
	}
	html > body .boite_content { height: auto; min-height: 58px; }
	



	
	
	
/* 	--------------------------------------------------------------------------------
	Nav --------------------------------------------------------------------------*/
	#nav, #nav ul {
		list-style-type: none;
		margin: 0; padding: 0;
		width: 168px;
	}
	#nav li { padding: 0 0 8px; }
	#nav li a {
		background: url(../images/btn_menu.gif) top left no-repeat;
		color: #fff;
		display: block;
		font-size: 14px;
		line-height: 40px;
		padding: 0 5px 0 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 156px; height: 40px;
	}
	
	#nav li.hover { background: url(../images/bg_li_sel_bottom.png) bottom left no-repeat; margin: 0 0 10px; }

	#nav li.hover ul { display: block; }
	#nav li.hover a {
		background-position: left bottom;
	}
	#nav li ul { background: url(../images/bg_li_sel.png) left top repeat-y; display: none; }
	#nav li ul li { padding: 0; height: 1%; }
	#nav li ul li a {
		background: none;
		color: #622f23;
		border-top: solid 1px #b59e98;
		border-bottom: solid 1px #632f22;
		line-height: 24px;
		margin: 0 0 0 2px;
		text-transform: none;	
		width: 146px; height: 24px;	
	}
	#nav li ul li.first a { border-top: none; }
	#nav li ul li.last a { border-bottom: none; }
	
	#nav li ul li a:hover { color: #968077; }
	#nav li a.deuxlignes { line-height: 16px; padding-top: 3px; height: 37px; }





/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */


.bulle {
	position:relative;
	text-decoration:underline;
	font-weight:bold;
	color: #d7d4c3;
	cursor:default;
	visibility: visible;
}
	
.bulle span {display: none;}

.bulle:hover { background:none; /*correction bug IE*/ }

.bulle:hover span { /*au survol de l’élément, la bulle apparaîtra*/
	display:block;
	position:absolute;
	top:1.5em; left:1.5em; 
	width:20em;
	color: #632F22;
	text-align: left;
	background:#B1BD6C; border : 2px ridge #ACB9B5;;
	padding: 20px;
	z-index: 999;
	}