html, body {
background-color: #F2F2F2;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.9em;
margin-top:0px;
}

#banniere{
position:absolute;
height:150px;
width:1000px;
text-align:center;
background: #D09FC7;
overflow:hidden;
margin: 0px;
}

#contenu{
position:absolute;
float:right;
margin-right:500px;
width:1000px;
overflow:visible;
} 

#sidebar {
position:absolute;
width:250px;
height:100%;
margin-left: 15px;
margin-top: 170px;
text-align:center;
background: #F2F2F2;
border:none;
}

#centre {
position:absolute;
width:700px;
background:#FFFFFF;
margin-left: 285px;
margin-top: 190px;
overflow:visible;
}

#bas{
float:bottom;
width:700px;
text-decoration:none;
height: 30px;
background-color: #EEEEEE;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
font-size: 15px;
font-weight: normal;
color: #999999;
line-height: 30px;
text-align: center;
}

dl, dt, dd, ul, li , de{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
/* padding:0px 0px 0px 6%;
 */width:1000px;
top:150px;
height:28px;
background:url(images/menu.jpg) repeat-x top left;
z-index:2;
min-width:200px;
margin:0px 1px 0px 1px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
#menu dl {
float: left;
width: 15.3%;
}
#menu dt{
width: 100%;
height:28px;
font-size: 15px;
font-weight:bold;
color: #FFFFFF;
text-align: center;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #575757;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #575757;
text-decoration: none;
list-style-type: none;
overflow: hidden;
line-height: 28px;
cursor: pointer;
}
#menu dd {
display: none;
text-align: center;
text-decoration: none;
list-style-type: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #575757;
border-right-color: #575757;
border-bottom-color: #575757;
border-left-color: #575757;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
left: 0em;
height: 20px;
}
#menu li {
text-align: center;
background:#282828;
}
#menu li a{
color: #dedede;
font-size:13px;
font-weight:normal;
text-decoration: none;
background:#282828;
display: block;
padding:2px 0px 2px 0px;
}
#menu li a:hover, #menu li a:focus, #menu dt a:focus {
background:#484848 repeat;
color:#FFFFFF;
}
#menu dt a {
color: #FFFFFF;

display: block;
height: 100%;
}
#menu dt a:hover
{
color: #dadada;
background:url(images/menu_hover.jpg) repeat;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}
#menu dd:hover ul,#menu dd.sfhover ul
{
left: auto;
min-height: 0;
}


a:link, a:visited { 
text-decoration: none;
color: #666666;
font-weight: bold;
}
a:hover, a:active {
color: #e32318;
}

.logo_ufolep{
margin : 5px 2px 0 2px;
}

.logo_ufolep2{
margin : 35px 2px 0 2px;
}

.logo_ufolep3{
margin-top: 25px;
}

.logo_ufolep4{
margin-top: 15px;
}

hr {
margin-top:1%;
height:0;
clear: both;
}

#bienvenue{
background:#F2F2F2;
float: right;
width:71%;
margin: 3% 3% 0px 1%;
overflow:hidden;
}

div.bienvenue_left{
float:left;
width: 15%;
margin-left:0%;
padding-top:2%;
background-color:#F2F2F2;
}

div.bienvenue_right{
float:right;
width: 64%;
margin-right:15%;
background-color:#F2F2F2;
}

table{
background:transparent;
padding-left:10px;
padding-right:10px;
}

.news{
height:100%;
margin-top:10px;
overflow:hidden;
}

div.news_actualite{
float:middle;
width: 94%;
margin-bottom:2%;
margin-left:3%;
margin-right:3%;
background-color:#F8FAFD;
border:1px solid #808080;
-moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

div.news_left{
float:left;
width: 45%;
margin-bottom:2%;
margin-left:3%;
background-color:#F8FAFD;
border:1px solid #808080;
-moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

div.news_right{
width: 45%;
margin-bottom:2%;
margin-right:3%;
background-color:#F8FAFD;
border:1px solid #808080;
float:right;
-moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

div.news_center{
width: 45%;
margin-bottom:2%;
margin-right:3%;
background-color:#F8FAFD;
border:1px solid #808080;
float:center;
-moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

div.sponsors{
float:middle;
width: 96%;
right:2%;
margin-bottom:2%;
margin-left:2%;
min-width:180px;
background-color:#F2F2F2;
border:1px solid #808080;
-moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

div.merci p{
font-size:20px;
float:top;
font-weight: bold;
margin :0;
color: #FFFFFF;
text-align: center;
}

div.merci{
background-color: #808080;
-moz-border-radius-topleft:3ex;
  -moz-border-radius-topright:3ex;
  -webkit-border-top-left-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
}

div.sponsors p{
text-align:center;
color: #FFFFFF;
font-size:15px;
font-weight:bold;
font-family:Times New Roman;
}

div.news p.nonjustifie{
text-align:center;
}

div.news p.important{
color: #FF0000;
}

div.news p{
text-align: justify;
font-size:15px;
font-weight:bold;
font-family:Times New Roman;
padding-right:1%;
}

div.news img.icone_activite{
float:left;
max-height:100px;
margin:10px 30px 10px 10px;
max-width:100px;
}

div.categorie_news hr{
margin:0;
}

div.categorie_news{
background-color: #808080;
-moz-border-radius-topleft:3ex;
  -moz-border-radius-topright:3ex;
  -webkit-border-top-left-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
}

div.categorie_news p{
font-size:20px;
float:top;
font-weight: bold;
margin :0;
color: #FFFFFF;
text-align: center;
}


div.publicite{
width:234px;
height:60px;
margin-top:10px;
background-color:#F2F2F2;
margin-top: 50px;
}

div .bienvenue{
background-color: #F2F2F2;
margin-top:0;
}

#sidebar h2{
padding:0px;
text-align:center;
width:100%;
margin:5px 0px 0px 0px;
height:auto;
font-size:1em;
color:#6b6b6b;
line-height:25px;
background:#e6e6e6;
overflow:hidden;
}

#centre h1{
text-align:center;
margin:0px;
padding:0px;
width:100%;
height:auto;
font-size:1.5em;
color:#FFFFFF;
line-height:26px;
background:url(images/titrer.jpg) repeat-x top left #f02618;
overflow:hidden;
font-family:Flubber;
}

#centre h2{
text-decoration:underline;
font-size:1em;
text-indent:5px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}
.texte{
margin:0px;
padding:0px;
font-size:1em;
color:#000000;
text-align:left;
}
.titre{
margin:0px;
font-weight:bold;
padding:0px;
font-size:1.2em;;
color:#000000;
text-align:left;
}
.un{
text-align:center;
background:url() no-repeat;
}

.titre_page{
font-family:Edwardian Script ITC;
color: #ff0000;
font-size:8em;
font-weight:bold;
}
.align_image img, .align_image span {
vertical-align: middle;
display: inline-block; 
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }