@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0;font-family:Century Gothic, Verdana, Geneva, sans-serif;}
body{ background-color:#CCCCFE; width:100%;}
img{ border:0;}
#global{ height:100%; width:1000px; margin:auto; margin-top:10px; position:relative;}
.vignette {  width:250px; float:left; top:0px; margin:10px; padding:2px; border-style:solid;border-weight:1px;border-color:grey;}
.vignette img{ display: block; margin: auto;  }
.vignette p{ margin: 10px; }
.vignette H2{ text-align: center; }
.palmares img{ float:right; margin-right:50px;}
.palmares{ float:left; width:100%; margin-bottom:20px;}
.palmares p { padding-top:20px;}
.palmares  h2{ padding-top:20px;}
#livreor li{width:150px; float:left; display:block;}
#affiche li{float:left; display:block; margin:10px;}
#affiche{margin-left:0px;}
#petit{ height:100px; }
#plan{ width:100%; font-size:12px; color:#444444; margin-bottom:20px; height:110px;}
#plan a{ color:#444444;}
#plan a:hover{ color:#FF6600;}
#plan h2{ font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:13px; margin-left:20px;}
#plan li{ list-style-type:none; margin-left:20px; font-size:10px;}
#col_left{ float:left; width:250px; }
#col_left .vignette { width:220px; }
#col_left p{ font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#444444; margin-top:10px; }
#edition{ float:none; display: block; margin: auto;  }
.pub{ width:100%; }
.pub img{ display: block; margin:auto;}
.ceebox li{ list-style-type:none;}
#links img{margin:20px;}
#new{ width:570px; }
#nofest{ width:290px; }
#center{ float:left; }
#footer{ float:left; width:100%; height:20px;}
#footer h1{ float:right; font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; font-weight:normal; margin:3px 0 0 10px;}
#top{ min-width:900px; height:144px;}
#logo{ width:232px; height:157px; position:absolute; left:80px; top: 0px}
#elephant_Swf{ position: Absolute; left:660px; height:150px; width:200px}
#menu{ float:left; width:120px; height:400px;}
#menu ul{margin:10px 0 0 10px; padding:0;}
#menu li{ list-style-type:none; text-align:center;border-style:solid;border-weight:1px;border-color:#CCCCFF;}
#menu li a{ font-family:Century Gothic, Verdana, Geneva, sans-serif; background-image:url(../images/bulle_menu.png); background-repeat: no-repeat;font-size:16px; width:105px; color:#444444; text-decoration:none; width:100%; height:35px; display:block;  
padding:3px 0 0 2px;}
#menu li  a:hover{ background-image:url(../images/explosion.png); background-repeat: no-repeat;}
#reglette ul{ margin:0; padding:0;}
#reglette li{ list-style-type:none; width:40px; height:40px; margin-left:6px; background-image:url(../img/intercalaire_li.png);}
#reglette li a{ display:block;}
#reglette li img{ margin:15px 0 0 5px;}
#reglette input{cursor : pointer; border:none; margin-top:15px; margin-left:10px; font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#444444; font-weight:bold;}
.page{ background-color:transparent; }
.pageA{ background-color:#444444; }
#reglette input:hover{cursor : pointer; background-color:transparent; border:none; margin-top:15px; margin-left:10px; font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#2565c7; font-weight:bold;}
#compteur{float:left;} 
#main{float:left; width:855px;  background-color:#FFFFFF; overflow:hidden;}

#main p{ font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#444444; margin-top:10px; }
#main span{ float:left; font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#444444; margin-top:10px; width:100%;}
#main span input, textarea{float: right; width:220px;}
#main span .button{ width:70px;}
#main h1{font-family:Century Gothic, Verdana, Geneva, sans-serif; color:#FF6600;}
#main h2{font-family:Century Gothic, Verdana, Geneva, sans-serif; color:#FF6600; font-size:14px;}

#main a{ font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:12px; color:#FF6600; text-decoration:none;}
#main  a:hover{ color:#FF6600; text-decoration:underline;}
#main  a:visited { color:none;}

#left{float:left; width:140px; height:500px; overflow:auto;}

#reglette{ float:right; width:45px; margin-top:10px;}
.jaune{ color:#2565c7;}
.rouge{ color:red;}
.note{ color:#2565c7;}

.menu { font-family:Century Gothic;font-size:100%;font-weight:bold;padding-left: 10px;padding-right: 10px;color:navy;}
a:link {
color:#FF6600;
background-color:transparent;
text-decoration:none;
}

a:visited {
color:#FF6600;
background-color:transparent;
text-decoration:none;
}

a:hover {
color:#000000;
background-color:transparent;
text-decoration:none;
}
table {
border-color:transparent;
border-style:solid;
border-width:0px;
}

td {
font-family:Century Gothic;
color:#333333;
background-color:transparent;
text-align:left;
vertical-align:top;
margin-left:10px;
margin-right:10px;
border-color:transparent;
border-style:solid;
border-width:0px;
}
#plan ul{
font-family:Century Gothic;
font-size:12;
color:#333333;
background-color:transparent;
text-align:left;
margin-left: 30px;
}