a {text-decoration:none;}
a:hover {text-decoration:underline;}

body {
	background:#EFEFEF;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222;
}

img {border:0;}

.illustr_right {float:right; margin-left:10px; border:1px solid #BBB;}
.illustr_left {float:left; margin-right:10px; border:1px solid #BBB;}

#gymnase_decarre {
	background:url('img/gymnase-max-decarre.jpg') no-repeat top left;
	height: 129px; width:198px;
	cursor:pointer;
}

#gymnase_decarre:hover {
	background-position: bottom left;

}

#page {
	width:920px;
	margin:0 auto;
	border:1px solid #BBB;
	background:#FFF;
}

#haut {
	position:relative;
	height:60px;
	background:#FFF url('img/fond-haut.png') repeat-y top right;
	border-bottom:1px solid #FFF;
}

#infos_cnx {
	position:absolute;
	top: 17px; left: -20px;
	font-size:12px;
	color:#666;
}

#infos_cnx a {
	color:#602;
	padding-left:19px;
}

#ombre-onglets {
	position:absolute;
	right:0; bottom:0;
	height:41px;
	width:510px;
	background: url('img/ombre-onglets.png') no-repeat top;
	padding:10px 10px 0 10px;
}

#onglets {
	position:absolute;
	bottom:0; right:20px;
	width:488px;
	height:39px;
	background: #FFF url('img/fond-onglets.png') repeat-x bottom;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
}

#onglets ul {
	margin:0;
	padding:0;
	width:488px;
	height:39px;
}

#onglets ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-weight:bold;
	height:39px;
	background: url('img/separ.png') no-repeat left;
}

#onglets ul li a {
	display:block;
	margin:0;
	padding-left:35px;
	vertical-align:middle;
	height:39px;
	line-height:39px;
	background: url('img/fleche.png') no-repeat 12px -39px;
	color:#000;
	text-decoration:none;
}

#onglets ul li a:hover,
#onglets ul li a.on {
	background-position:12px 0;
}

#onglets ul li.premier a {
	background: url('img/fleche.png') no-repeat 12px 0;
}

#milieu {
	position:relative;
	height:150px;
	background:#A00 url('img/fond-bloc-RILH.png') repeat-x top;
	border-bottom:1px solid #FFF;
}

#chevalier {
	position:absolute;
	top:0; right:20px;
	height:150px;
	width:350px;
	background:transparent url('img/fond-chevalier.png') no-repeat top;
}


#titre {
	position:absolute;
	top:45px; left:300px;
	height:40px;
	width:430px;
}


#nav {
	position:absolute;
	bottom:0; right:20px;
}

#nav ul {
	margin:0; padding:0;
}

#nav ul li {
	list-style:none;
	float:left;
	margin-left:0;
	height:60px;
	width:66px;
	cursor:pointer;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#nav ul li:hover,
#nav ul li.on	 	{ background-position: top center; }

#nav ul li a {
	display:block;
	height:60px;
	width:66px;
	line-height:60px;
	text-decoration:none;
}

#illustr {
	position:absolute;
	bottom:-28px; left:30px;
	height:250px;
	width:310px;
}

#bas {
	background:#ECEADD;
	padding:10px;
	min-height:470px;
}

#bas #gauche {
	float:left;
	padding:20px;
	background:#FFF;
	border:1px solid #BBB;
	width:560px;
	min-height:450px;
	/*background:#FFF url('img/fond-logo-alter.png') no-repeat bottom right;*/
}

#bas #gauche table {
	border-collapse:collapse;
	margin-top:5px;
}


#bas #gauche td {
	border:0;
}

#bas #gauche td .details a {
	background:none;
	padding:0;
	margin:0;
}

#bas #gauche h1 {
	font-size:22px;
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #BBB;
}

#bas #gauche .decal30 {
	padding:0 30px;
	position:relative;
}

#bas #gauche .decal30 img.article {
	float:right;
	margin:5px 0 0 10px;
	border:1px solid #BBB;
}

#bas #gauche h2 {
	font-size:18px;
	font-weight:normal;
	margin:8px 0 5px 0;
}

.infobulle h2 {
	color:#B90022;
	font-size:18px;
	font-weight:normal;
	margin:5px 0 2px 0;
}


#bas #gauche p {
	margin:0 0 20px 0;
	text-align:justify;
}

#bas #gauche #texte_article p {
	margin:0;
	text-align:justify;
}

#bas #gauche .decal30 ul {
	margin:0; padding:0;
}

#bas #gauche .decal30 ul li {
	list-style:none;
	float:left;
	margin-right:10px;
	width:240px;
}

#bas #gauche span.classement a {
	font-size:13px;
}

#bas #gauche div.option {
	position:absolute;
	top:0; right:75px;
}

#bas #gauche div.option select {
	font-size:12px;
	border:1px solid #AAA;
}

#bas #droite {
	text-align:right;
	float:right;
	padding:22px 20px 0 20px;
	width:255px;
}

#bas #droite h1 {
	font-size:20px;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #BBB;
}

#bas #droite h2 {
	font-size:16px;
	font-weight:normal;
	margin:10px 0 5px 0;
}

#bas #droite p {
	margin:0 0 20px 0;
}

#bas #droite .sponsors {
	font-size:11px;
	width:255px;
	padding:52px 0 10px 0;
	border-bottom:1px solid #BBB;
	margin-bottom:10px;
}

#pied {
	width:920px;
	margin:10px auto;
	font-size:80%;
	color:#777;
	text-align:right;
}

a span.comm {
	text-align:left;
	position: absolute;
	left: -110px; top:-20px;
	width:100px;
	text-decoration:none;
	color:#FFF;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #BBB;
	z-index: 50;
	opacity : 0.9;
	-moz-opacity : 0.9;
	-ms-filter: "alpha(opacity=90)";
	display:none;
}
		
a:hover span.comm
{
  display: block;
}

#bas  #gauche .annuaire {
	background: #FFF;
	padding:10px;
	border:1px solid #AAA;
	width:400px;
}

#bas  #gauche .annuaire h1 {
	font-size:15px;
}

#bas  #gauche .annuaire span.lic {
	float:right;
	font-size:12px;
	font-weight:normal;
}

.infobulle{
	position: absolute;   
	visibility : hidden;
	border: 2px solid #AAA;
	padding: 10px;
	font-size:14px;
	background: #FFF;
	/*opacity : 0.9 ;
	-moz-opacity : 0.9 ;
	-khtml-opacity : 0.9 ;
	filter : alpha(opacity=90) ;*/
 }
 
 .infobulle em {
	 color:#602;
 }