body{
	background-color:#ffff66;
	color:#000;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
	margin:2em 0;
	padding:0;
}
.banner{
	position:absolute; top:0;
	height:120px;
	width:100%;
	/*background-image: url('./images/new-banner.png');*/
    	text-align:center;
	color: #ffffff;
    	margin-top:10px;
}
.banner img{margin:0px;}
/*----------------------------------------------------
------ BLOC "Centre"
----------------------------------------------------*/
.centre {
  position: absolute;
  top: 135px;
  margin-left: 24%;
  width: 74%;
  border: 1px solid #999999;
  border-top:0;
  background-color: #ffffee;
}
.centre_challenge {
  position: absolute;
  top: 135px;
  margin-left: 24%;
  width: 74%;
  border: 1px solid #999999;
  border-top:0;
  background-color: #ffffee;
}
.centre_avec_menu_droite {
  position: absolute;
  top: 135px;
  margin-left: 24%;
  width: 52%;
  border: 1px solid #999999;
  border-top:0;
  background-color: #ffffee;
}
/*---------------------------------------------------
--- BLOCS "GAUCHE"
---------------------------------------------------*/
.gauche {
  position: absolute;
  top: 135px;
  overflow: hidden;
  left: 2%;
  width:20%;
  min-width:165px;
  border: 1px solid #999999;
  border-top:0;
  background-color: #ffffee;
}
.gauche img{border:0px; margin: 3px;}
.gauche ul{padding-left:8px; margin-left: 0px; list-style-type:none;}
.gauche ul li a{background-image: url('./images/puceB.png');background-repeat:no-repeat;padding-left:20px;}
.gauche ul li a:hover{background-image: url('./images/puceA.png');background-repeat:no-repeat;color:#1133ff;} 

/*---------------------------------------------------
--- BLOCS "menu-droite"
---------------------------------------------------*/
.menu-droite {
  position: absolute;
  top: 135px;
  overflow: hidden;
  right: 2%;
  width:20%;
  min-width:165px;
  border: 1px solid #999999;
  border-top:10px;
  background-color: #ffffee;
}
.menu-droite img{border:0px; margin: 3px;}
.menu-droite ul{padding-left:8px; margin-left: 0px; list-style-type:none;}
.menu-droite ul li a{background-image: url('./images/puceB.png');background-repeat:no-repeat;padding-left:20px;}
.menu-droite ul li a:hover{background-image: url('./images/puceA.png');background-repeat:no-repeat;color:#1133ff;} 
/*-------------------------------------------------
----- GENERAL
-------------------------------------------------*/
.lebloctitre {
	border-top: 1px solid #999999;
	border-bottom : 1px solid #BBBBBB;;
	background-color: #0000ff;
	color:white;
	height:1.5em;
   	padding-top:3px;
	font-size:110%;
	font-weight: bold;
	margin:0px;
	padding-left: 2px;
    	text-align:center;
	}
.lebloctitre img{
	border=0;
	maring=0;
	float: right;
	}
a{	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.mesiframe{
width:96%;
position: center;
margin: auto;
padding: 2%;
}
.petit{ font-size: 85%;}
p{margin-left:5px;}
form{margin-left: 3px;}
h1{font-size:105%; font-weight: bold; margin-left: 3px;text-shadow:4px,4px,4px,blue ;}
h2{font-size:102%; font-weight: bold; margin-left: 2px;text-decoration:underline;}
.datenews{font-size:80%; margin-right:10px; margin-left:2px; float:right;}
.news{/*border-bottom: 1px dotted #1133ff;border-top:1px dotted #111111;*/ padding-top:10px;}
.news h1{margin:0 0 0 10;}
.newstxt{padding-top:15px;}
.view{width:100%; text-align: center; padding: 10px;}
td {font-size:small;}
dl {padding-left: 3px;}
ul {padding-left:2px; margin-left: 15px;}
img {border:0px; margin:3px;}
.news img{float : left;}
.degrade{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	width:96%;
	margin: 1%;
	padding: 5px;
	padding-top:0px;
	border: 1px solid #BBBBBB;
-moz-border-radius: 15px 5px;
-webkit-border-radius: 15px 5px;
}
.degrade_sticky{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	width:96%;
	margin: 1%;
	padding: 5px;
	padding-top:0px;
	border: 1px solid #222222;
-moz-border-radius: 15px 5px;
-webkit-border-radius: 15px 5px;
}
.degrade a{text-decoration: underline;}
.annif{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	width:96%;
	margin: 1%;
	font-size:110%;
	text-align: center;
	padding: 5px;
	border: 1px solid #BBBBBB;
}
.luciole{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	
	width:70%;
	float : left;
	margin: 1%;
	padding: 5px;
	padding-top:0px;
	border: 1px solid #BBBBBB;
}
.luciole hr {
  clear: both;
  visibility: hidden;
}
.luciole p{ margin:3px;
}
.image-luciole{float : left;}
.droite{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	width:22%;
	float :right;
	margin: 1%;
	margin-left:0px;
	padding: 5px;
	padding-top:0px;
	border: 1px solid #BBBBBB;
}
.droitebis{
	background-image: url('./images/degrade.png'); 
	background-repeat :repeat-x;
	width:22%;
	float :right;
	margin: 1%;
	margin-left:0px;
	padding: 5px;
	padding-top:0px;
	border: 1px solid #BBBBBB;
}
.notedroite{
	float : right;
	margin-right: 30px;
}
.comment{
  margin:auto;
  width: 95%;
  border: 1px solid #999999;
  border-top:0;
  background-color: #ffffee;
}
.a a {
text-decoration: none; 
}
.a a:hover {
background: none; 
background-color:#ffffbb;
}
.a a div { 
display: none;
}
.a a:hover div {
display: inline;
position: absolute;
/*top: 200px; */
left: 150px;
width: 500px;
/*height: 100px;*/
margin-top:20px;
padding: 3px;
background-color:#ffffbb;
border: 1px solid #000;
text-align: left;
color: #000;
text-decoration: none;
}

.abis a {
text-decoration: none; 
}
.abis a:hover {
background: none; 
background-color:#ffffbb;
}
.abis a div { 
display: none;
}
.abis a:hover div {
display: inline;
position: absolute;
/*top: 200px; */
left: 10px;
/*width: 500px;
/*height: 100px;*/
margin-top:20px;
padding: 3px;
background-color:#ffffbb;
border: 1px solid #000;
text-align: left;
color: #000;
text-decoration: none;
}