/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	color: #666;
	height: 100%;
	/*background-color: #013c01;*/
	}
/*a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }*/

/* Espaceur de blocs */
.nettoyeur {clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	margin-left:2px;
	/*text-align: center;*/
		}	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { 
	/*background: url(img/header_top.gif) no-repeat 100% 5px; */
	background-color: #8CAE8C;
	width: 993px; 
	height: 192px;
	/*margin: 0 auto;*/	
	padding: 0;
	z-index:1;
	}
#hautfondlab {
	margin:0; padding:0;
	height:49px;
	width:993px;
z-index:1;
}
#fondlab {
	float:left;
	background: url(images/labyleo3_05.jpg) no-repeat;
	background-position : left bottom;
	height:141px;
	width:993px;
	background-color: #FFF;
	margin:0;padding:0;
	/*margin-left:15px;*/
	margin-top:49px;
	border-top: 2px solid #E67902;
	z-index:1;
}
#fondlabsuite {
	float:left;
	background: url(images/labyleo3_08.jpg) no-repeat;
	height:141px;
	width:255px;
	margin:0; padding:0;
	margin-left:235px;
}
#fondlabrech {
	float:right;
	background: url(images/labyleo3_09.jpg) no-repeat;
	width:202px;
	height:141px;
	margin:0; padding:0;
	margin-left:-3px;
}
	
* html #fondlab {
	/*margin-top:52px;*/
	margin-left:0;
}
	*:first-child+htm #fondlab {
		

}
* html #fondlabsuite {
	/*margin-left:23.2%;*/
	height:141px;
}
* html #fondlabrech {
	
	height:141px;
}
#logolab{
	position:absolute;
	display:block;
	width:268px;
	left:5px;
	top:5px;
	z-index:250;
}
.formcherch {
	position:relative;padding:0;margin:0;margin-left:28px;margin-top:30px;z-index:5;
}
* html .formcherch {margin-top:29px}
.formlcherch {
	border:0;color:#E67902;background-color:transparent;font-size: 1.1em;font-weight:bold;
}
* html .formlcherch {font-size: 1.3em;}
/** html #logolab {

	
	margin-left:5px;
	margin-top:8px;

	}*/	
	*:first-child+html #logolab { 
		
		/*left:10.6%;
		margin-top:5px;*/
}

#grandlogolab {
	position:relative;
	float:left;
	margin:0;padding:0;
	width:245px;
	height:133px;
	margin-top:3px;
	border: 1px solid #FFF;
	margin-left:54px;
z-index:2;
}
* html #grandlogolab {
	margin-left:27px;
	margin-top:3px;
	}
/*#header div { 
	background: url(img/header_botm.jpg) no-repeat 0px 70px; 
	text-align: left;
	padding: 45px 0 97px 20px;	
	}	*/
#header h1 {
	margin: 0; 
	clear: both;
	padding: 43px 0 0 40px;	
	font-size: 4em;	
	}
#header h1 a { 
	padding: 0;
	color: #000;
	font-family: Century Gothic, sans-serif;
	font-weight: normal;
	color: #000;	
	}	
#header h1 a:hover { background-color: transparent; }	
* html #header h1 { padding-top: 23px; }	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#navig {
	position:relative;
	float:left;
	width:536px;
	height:22px;
	margin:0;padding:0;
	margin-left:-4px;
}
#flash {
	background-color:transparent;
	position:absolute;
	width:355px;
	height:100px;
	margin:0;padding:0;
	top:-125px;
	left:-380px;
}

#navig  img {
	float:left;
	margin:0;padding:0;
}

a#labyrinthe  img {background: url(images/labyleo3_15.jpg) top left no-repeat;float:left;width:129px;height:22px;}
a#labyrinthe:hover img {background: url(images/survol_15.jpg) top left no-repeat;float:left;width:129px;height:22px;}
a#tarifs img {background: url(images/labyleo3_16.jpg) top left no-repeat;float:left;width:130px;height:22px;}
a#tarifs:hover img {background: url(images/survol_16.jpg) top left no-repeat;float:left;width:130px;height:22px;}
a#jouer img {background: url(images/labyleo3_17.jpg) top left no-repeat;float:left;width:128px;height:22px;}
a#jouer:hover img {background: url(images/survol_17.jpg) top left no-repeat;float:left;width:128px;height:22px;}
a#contact img {background: url(images/labyleo3_18.jpg) top left no-repeat;width:149px;height:22px;}
a#contact:hover img {background: url(images/survol_18.jpg) top left no-repeat;float:left;width:149px;height:22px;}

/*#header ul {
	margin: 0 40px;
	padding: 0;	
	}
#header li { 
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	font-size: 1.2em;
	background: url(img/nav.gif) no-repeat;
	width: 114px;
	height: 25px;
	float: left;
	text-align: center;
	}	
#header li a { 
	display: block; 
	width: 100%;
	color: #fff;
	padding-top: 7px;
	}		
#header li a.on,
#header li a:hover { background-color: #333; color: #9c0; height: 20px; }*/

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#ariane {
	position:relative;width:500px;;float:left;clear:left; margin-left:10px;z-index:1;top:5px;
		}
#content {
	background-color: #8CAE8C;
	width: 993px; 
	margin: 0 ;
	padding:0;
	border-bottom:1px solid #767e76;
	/*border-top:1px solid #767e76;*/
	z-index:1
	}
	

#content:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}
#centre {
	position:relative;
	clear:left;
	width:726px;
	padding:20px;
	padding-top:10px;
	margin:0;
	right:20px;
	margin-left:20px;
	text-align: justify;
	z-index:0;
}
* html #centre { float:left;margin-left:10px; right:25px;width:720px;}	
*:first-child+html #centre {float:left;  right:25px;width:720px;}
.centreimg {
	display:block;
	position:relative;
	float:right;
	border:1px solid #767e76;
	margin:0;
	margin-right:10px;
	margin-left:10px;
	margin-top:0;
	}
.grandtitre {
height:30px;
/*background: url(images/minilab.gif) no-repeat;*/
padding-left:10px;
padding-bottom:5px;
padding-top:5px;
bottom:20px;
font-size:150%;
color:#000;
}

	#blocgalerie2 {
	position: relative;float:left;
	background-color: #FFF;
	width:700px;
	padding:0;
	padding-top:5px;padding-bottom:5px;
	padding-left:1px;
	margin:0;
	margin-top:5px;
	margin-left:4px;
	border: 1px solid #767e76;
	} 
	* html #blocgalerie2 {margin-left:2px;}
	#blocgalerie2 .vign {
	display:block;
	position:relative;
	float:left;
	width:120px;
	height:100px;
	/*border:1px solid #767e76;*/
	padding:0;
	margin:4px;
	text-align:center;
		}
	* html #blocgalerie2 .vign{margin:3.5px;}
/*
#content h2 { 
	font-size: 20px;
	color: #333;
	font-weight: normal;
	font-size: 1.8em;	
	margin: 0 0 20px 0;
	clear:left;
	}	
#content h2 em { 
	color: #09C; 
	font-style: normal;
	}
#content p {
	text-indent: 3em;
	line-height: 2.5em;
	letter-spacing: 0.1em;	
	}	
	
#content ul {
	margin: 20px 0;
	padding: 0 0 0 10px;
	}	
#content li {
	list-style-type: none;
	background: url(img/bullet.gif) no-repeat 0px 8px;
	padding: 0 0 0 25px;
	line-height: 2em;
	letter-spacing: 0.1em;	
	}	
#content blockquote { 
	background-color: #FFFFF0; 
	margin: 20px 0; 
	padding: 10px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}
#content blockquote p { margin: 0; text-indent: 0; }*/

/*------------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#content ul.thumbs { 
	margin: 20px 0;
	padding: 0;
	}
#content ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#content ul.thumbs li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	}
#content ul.thumbs li a img { border: 5px solid #ddd; }
#content ul.thumbs li a:hover img { border: 5px solid #333; }	
html>body #content ul.thumbs li a { background-color: transparent; }
	
/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#left {
	position: relative;	
	background: url(images/rightfond_26.gif) repeat-y ;
	background-position: right bottom;
	background-color: #FFFFFF;
	float: left;
	width:988px;
	/*text-align: left;*/
	padding:0;
	margin:0;
	margin-left:4px;
	margin-right: 0;
	padding-bottom:5px;
	border-left:1px solid #767e76;
	}
* html #left { margin-left:2px;}
*:first-child+html #left { left:0;}
#angle {
	position:absolute;
	z-index:250;
	/*border: 2px solid #000;*/
	margin:0; padding:0;
	padding-top:10px;
	bottom:-1px;
	left:-5px;
	width:11px;
	height:10px;
	background: url(images/labyleo3_26.gif) no-repeat ;
	background-position: left bottom;}
	
	*:first-child+html #angle { bottom:-1;	left:-5px;}
	* html #angle { bottom:-3px; }
	
	#une {
	position:relative;
	float:left;clear:left;
	width:726px;
	height:210px;
	background: url(images/labyleo3_23.gif) repeat-x;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top: 27px;
}
* html #une { margin-left:6px; }
	#une2 {
	position:relative;
	float:left;clear:left;
	width:726px;
	height:210px;
	background: url(images/labyleo3_23.gif) repeat-x;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top: 10px;
}
* html #une2 { margin-left:6px; }

#une3 {
	position:relative;
	float:left;clear:left;
	width:726px;
	height:25px;
	/*background: url(images/labyleo3_23.gif) repeat-x;*/
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top: 10px;
}
* html #une3 { margin-left:6px; }

#une img {
	display:block;
	position:relative;
	float:right;
	width:211px;
	height:159px;
	border:1px solid #767e76;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	}
	* html #une img{ 
	left:10px; }
	
	#une2 img {
	display:block;
	position:relative;
	float:right;
	width:200px;
	height:148px;
	border:1px solid #767e76;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	}
	* html #une2 img{ 
	left:10px; }
	
	.texteune {
	position:relative;
	margin:0;padding:0;
	/*color:#585656;*/
	margin-left:10px;
	margin-top:10px;
	color:#000;
	text-align: justify;
}
* html .texteune{ left:5px; right:5px;}
.datenews {
	float:left;
	clear:both;
	color:#999;
	font-family: Arial, Helvetica;
}	
#edito {
	position:relative;
	float:right;
	width:282px;
	height:250px;
	background-color:#d7e3d7;
	margin:0;padding:0;
	margin-right:12px;
	margin-top:25px;
		
}
* html #edito {margin-right:12px; }

.textedito {
	position:relative;
	margin:0;padding:5px;
	color:#666;
	margin-right:5px;
	margin-top:10px;
	text-align: justify;
	font-size:105%;

}
.news {
	position:relative;
	float:left;
	width:407px;
	margin:0;padding:0;
	margin-top:20px;
	margin-left:17px;
	
}
.news img {
	display:block;
	position:relative;
	float:left;
	width:100px;
	height:77px;
	border:1px solid #767e76;
	margin-right:10px;
	}

.textenews {
	position:relative;
margin:0;padding:0;
	color:#585656;
	margin-right:10px;
text-align: justify;

}
.titreartlist {
	float:left;
	clear:both;
	color:#000;
	font-family: Arial, Helvetica;
	margin-top:5px;
}	
.artlist {
	position:relative;
	float:left;
	width:350px;
	margin:0;padding:0;
	margin-top:10px;
}
.artlist2 {
	position:relative;
	float:right;
	width:350px;
	margin:0;padding:0;
	margin-top:10px;
	}
.artlist img {
	display:block;
	position:relative;
	float:left;
	width:100px;
	height:77px;
	border:1px solid #767e76;
	margin-right:10px;
	}
	.artlist2 img {
	display:block;
	position:relative;
	float:left;
	width:100px;
	height:77px;
	border:1px solid #767e76;
	margin-right:10px;
	}

.texteartlist {
	position:relative;
	margin:0;padding:0;
	color:#585656;
	text-align: justify;

}
.suite {
display: block; 
position:relative;
margin:0;padding:0;
float:right;
color:#003300;
margin-right:10px;
font-size:95%;
}
	
/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
	position:relative;
	background: url(images/fonddroite.jpg) no-repeat ;
	background-position: 1px top;
	background-color: #C2D4C2;
	float: right;
	padding:0;
	margin:0;
	width: 236px;	
	height: auto !important;
	height:100%;
	border-left:1px solid #767e76;
	}
	
	.titredroite {
	position:relative;
	margin:0;padding:0;
	margin-top:5px;margin-bottom:5px;
	margin-left:5px;
	font-family: Arial, Helvetica;
	color:#003300;
}
	#blocgalerie {
	position: relative;
	float:left;
	background-color: #FFF;
	width:222px;
	height: 211px;
	padding:0;
	padding-top:5px;
	padding-left:1px;
	margin:0;
	margin-top:35px;
	margin-left:4px;
	border: 1px solid #767e76;
	} 
	* html #blocgalerie {margin-left:2px;}
	#blocgalerie img {
	display:block;
	position:relative;
	float:left;
	width:100px;
	height:77px;
	/*border:1px solid #767e76;*/
	padding:0;
	margin:4px;
		}
	* html #blocgalerie img{margin:3.5px;}
	a#blocgalerie  img{border:1px solid #767e76;}
	a#blocgalerie:hover img{border:2px solid #CCC;}
	
	a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: -35px; 
    left: -50px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
z-index:250;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}
a.opacity img {filter:alpha(opacity=100);   
                     -moz-opacity: 1.0;   
                     opacity: 1.0;}

a.opacity:hover img {
					 filter:alpha(opacity=50); 
               -moz-opacity: 0.5; 
               opacity: 0.5;}
	
#bloccarte {
	position: relative;
	float:left;
	/*background: url(images/liaisongrishor.gif) no-repeat ;
	background-position: -38px 50px;*/
	background-color: #FFF;
	width:179px;
	height: 200px;
	padding:0;
	margin:0;
	padding-top:5px;
	margin-top:30px;
	margin-left:27px;
	border: 1px solid #767e76;
	} 
	* html #bloccarte {margin-left:13px;}	
#bloccarte img {
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:9px;
	margin-top:5px;
		}
	* html #bloccarte img{margin:5px;}	
	#pub {
	float:left;
	width:185px;
	height:27px;
	padding:0;
	margin:0;
	background: url(images/labyleo3_26.jpg) no-repeat ;
	margin-top:50px;
}
	a#bloccarte  img{border:1px solid #767e76;}
	a#bloccarte:hover img{border:2px solid #CCC;}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
	position: relative;	
	float:left;
	margin: 0;padding:0;
	width: 993px !important;
	height:18px;
	z-index: 0 !important;
	padding:  0;	
	background-color: #8CAE8C;		
	color: #FFF;	
	font-size: 11px;
	border:0;
	}
* html #footer { /*margin-top:-11px;border-top:1px solid #767e76;z-index:0;*/}	
#footer p { margin: 0 10px; text-align: center; }	
*:first-child+html #footer { }
#footer a: { color: #FFF; }
#footer a:hover { background-color: #222; }