/* 	---------------------------------------------------------------------
	Redifine tags -----------------------------------------------------*/

	body {
		background: #e2eff6 url(../images/fond.png) center top repeat-y;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
	}
	body.index { background-image: none; }
	a {	color: #0000FF;	}
	a:hover { text-decoration: none; }
	a:visited { color: #460000; }
	
	h2, h3, h4, h5, h6 {
		color: #480003;
		margin: 20px 0 5px;
		font-family:Helvetica, Arial, sans-serif
	}
	h1 { color: #480003; font-size: 20px; text-align: left; margin: 0 0 0 190px;}
	h1 .sub { font-size: 14px;}
	h2 { font-size: 13px; }
	h3 { font-size: 12px; }
		
	p { margin: 0 0 10px 0; }
		
	a img { border: none; }
/* 	---------------------------------------------------------------------
	Shell -------------------------------------------------------------*/
	#container {
		
		position: relative;
		margin: 0 auto;
		width: 920px;
	}
	#wrapper {
		padding: 20px 0 0;
	}
	#header img { display: block; }
	#header h2 {
		background: #e21921;
		color: #fffbf0;
		font-size: 12px;
		height: 22px;
		line-height: 22px;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		margin: 0; padding: 0;
	}
	
	#col_1 { 
		float: left;
		margin: 0 0 0 15px;
		width: 150px;
	}
	* html #col_1 { margin: 0 0 0 5px; }
	#col_2 {
	float: right;
	width: 750px;
	padding: 0px;
	}	
	#img_head h1 {
		/*margin: 0;*/
		/*text-align: right;*/
	}
	#content {
		padding: 20px 50px;
		font-size: 11px;
	}
	#content.fullwidth {
		padding: 20px;
	}
	* html #content.fullwidth { padding: 10px; }
	#content #left {
		float: left;
		width: 48%;
	}
	#content #right {
		float: right;
		width: 48%;
	}
	#footer {
		clear: both;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 9px;
		/*padding: 60px 0 20px 135px;*/
		width: 900px; 
		margin: 0 auto;
		letter-spacing:0.15em;
		line-height:13px;
		text-align: center;
	}
	
	.accueil_en {
		display: block;
		position: absolute; 
		right: 216px; bottom: 103px;
		width: 65px; height: 20px;
	}
	.accueil_fr {
		display: block;
		position: absolute; 
		right: 30px; bottom: 110px;
		width: 84px; height: 20px;
	}
	.accueil_en span, .accueil_fr span { display: none; }
	
	.quiz { 
		margin-left: 35px;
	}
	
	.imgborder { border: solid 3px #fff; }
	
	.tablecenter { margin: 0 auto; }
/* 	---------------------------------------------------------------------
	Navigation --------------------------------------------------------*/	
	
	
	.english {
		margin: 10px 0 0;
	}
	#nav a {
		cursor: pointer;
	}
	#nav {
		/*background: #460000;*/
		list-style-type: none;
		margin: 0; padding: 0;
		position: relative;	
	}
	#nav li {
		position: relative;
	}
	* html #nav li { display: inline; } /* ie6 */
	
	* html #nav li a {  background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_menu.png", sizingMethod="crop"); }
	#nav li a { 
		background: url(../images/btn_menu.png) center center no-repeat;
		color: #fff;
		display: block;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 43px;
		text-align: center;
		/*padding: 0 0 0 15px;*/
		text-decoration: none;
		text-transform: uppercase;
		width: 150px; height: 43px;
	}
	#nav li a:hover, #nav li.hover a {
		color: #bbafaf;
	} 
	#nav li ul {
		left: -99999px; top: 0px;
		list-style-type: none;
		margin: 0; padding: 0;
		position: absolute;
		z-index: 10;
	}
	* html #nav li ul li.first a  {  background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sous_top.png", sizingMethod="scale"); }
	* html #nav li ul li a, * html #nav li.hover li a  {  background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sous_bg.png", sizingMethod="scale"); }
	* html #nav li ul li.last a  {  background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sous_bottom.png", sizingMethod="scale"); }
	
	
	#nav li ul li.first a {
		background: url(../images/sous_top.png) top center no-repeat;
	}
	#nav li ul li a, #nav li.hover li a {
		background: url(../images/sous_bg.png) top center repeat-y;
		color: #460000;
		font-size: 12px;
		line-height: 35px;
		text-align: left;
		text-indent: 12px;
		height: 35px;
		text-transform: none;
		width: 190px;
	}
	#nav li ul li.last a {
		background: url(../images/sous_bottom.png) bottom center no-repeat;
	}
	#nav li ul li a:hover {
		/*background: none;*/
		color: #6ca2c4;
	}
	#nav li.hover ul {
		background: url(../images/transparent.gif);
		left: 150px;
	}
	.bulletitre { width: 400px; height: 75px; padding: 5px; background: url(../images/bande-titre.png) center center no-repeat; }

	* html .bulletitre {  background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bande-titre.png", sizingMethod="crop"); }
	
/* 	---------------------------------------------------------------------
	Boites ------------------------------------------------------------*/	
	
	.box {
		padding: 10px 0;
	}
	.box_dialog {
		background: #a7c5d4 url(../images/box_l.gif) left top repeat-y;
		position: relative;
		margin: 10px 0;
	}
	.box_content {
		background: url(../images/box_r.gif) right top repeat-y;
		position: relative;
	}
	.box_t {
		background: url(../images/box_top.gif) left top repeat-x;
		position: relative;
		min-height: 10px;
	}
	
	
	
	.box_b {
		background: url(../images/box_bottom.gif) left bottom repeat-x;
		position: relative;
		padding: 10px;
	}
	.box_tr {
		background: url(../images/box_tr.gif) right top no-repeat;
		position: absolute;
		top: 0; right: 0;
		width: 5px; height: 5px;
	}
	.box_br {
		background: url(../images/box_br.gif) right bottom no-repeat;
		position: absolute;
		bottom: 0; right: 0;
		width: 5px; height: 3px;
	}
	* html .box_b { height: 2px; }
	/** html .box_tr { right: -1px; } 
	* html .box_br { right: -1px; } 
	*/
	
	
/* 	---------------------------------------------------------------------
	Autre -------------------------------------------------------------*/	
	

/*	{ position: absolute; left: -99999px; font-size: 0.1px; }*/ /* display: none;*/
	
		
		
	.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 */