/* corps du document */
body{
     margin: 0px;
 }
 
/* -------------------------------------------- */
 
/* conteneur bordure et ombre */ 
 #container {
    margin: 0 auto;
    padding: 0;
    border: 1px #F89200 solid;
    -webkit-box-shadow: 10px 10px 5px 0px #c0c0c0;
    -moz-box-shadow: 10px 10px 5px 0px #c0c0c0;
    -o-box-shadow: 10px 10px 5px 0px #c0c0c0;
    box-shadow: 10px 10px 5px 0px #c0c0c0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=5);
    width: 960px;
 }
 
/* utilisation de la police Quicksand */ 
@font-face {
    font-family: 'quicksandregular';
    src: url('http://citeenjeux.wikidot.com/local--files/statique:accueil/quicksand-regular-webfont.eot');
    src: url('http://citeenjeux.wikidot.com/local--files/statique:accueil/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://citeenjeux.wikidot.com/local--files/statique:accueil/quicksand-regular-webfont.woff') format('woff'),
         url('http://citeenjeux.wikidot.com/local--files/statique:accueil/quicksand-regular-webfont.otf') format('opentype'),
         url('http://citeenjeux.wikidot.com/local--files/statique:accueil/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* -------------------------------------------- */
 
/* En tête */ 
 #header h2{
     margin: 0;
     padding: 0;
    position: absolute;
    left: 50px;
    top: 110px;
 }
 
 #content-wrap {
     height: 1%;
     min-height: 1px;
    padding: 10px 0px 1px 0px;
 }
 
/* -------------------------------------------- */
 
/* Titre des pages */
 #page-title{
     margin: 0 0 0.5em 0;
    padding-top: 0em; /* Firefox bug? */
    font-family: quicksandregular, sans-serif;
    /* font: url(http://citeenjeux.wikidot.com/local--files/statique:accueil/Quicksand_Bold.woff); */
     font-size: 200%; 
     font-weight: bold;
     border-bottom: 1px solid black;
     color: #F89200;
 }
 
 #main-content{
    margin: 0px 10px 10px 240px;
    padding: 10px 10px;
 }
 
/* -------------------------------------------- */
 
 /* Mentions légales */
 #license-area {
     padding: 0.5em 0;
     color: #555;
}
 
/* -------------------------------------------- */
 
/* compte utilisateur */
 #account-options li{
     display: block;
     margin: 0; padding: 0;
    width: 100%;
 }
 
#account-options li a {
     display: block;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: 2px 5px;
     z-index: 40;
    width: 100%;
 }
 
#account-options li a:hover {
     color: black;
 }
#account-topbutton {
     font-size: 80%;
     font-weight: bold;
     padding: 0 5px;
 }
 
/* -------------------------------------------- */
 
/* Barre de menu */
 #top-bar{
    position: absolute;
    left: 240px;
     bottom: 0px;
     z-index:0;
    width: 720px;
}
 
 #top-bar li {
     list-style: none;
     margin: 0 5px;
    padding: 0;    
    height: 15px;
    width: 135px;
 }
 
 #top-bar li ul{
     padding: 0;
     text-align: center;
     display: block;
     margin: 0;
     padding: 0.3em 0.3em;
     text-decoration: none;
 }
 
 #top-bar a:hover {
     border-bottom-color:#F89200; /* different border color */
     padding: 10px;
 }
 
/* -------------------------------------------- */
 
#container {
width: 917px;
background-color: white;
}
 
{
margin: 0px;
padding: 0px;
}
 
a:link {
    color: #5BD0D9;
}
 
a:hover {
    text-decoration: none;
    color: #FF0000;
}
 
a:visited {
    color: #5BD0D9;
}
 
/* -------------------------------------------- */
 
/* image de fond de page */ 
body {
     background: url(http://citeenjeux.wikidot.com/local--files/statique:accueil/LOGOTHEQUE-CITE-EN-JEUX-08-reduit-transparence-0.5) repeat ;
    font-family: quicksandregular, sans-serif;
    color: #00000;
}
 
#main-content
{
    margin: 0px 20px 0px 20px;
    text-align: left;
padding: 20px;
width: 580px;
 
}
 
/* -------------------------------------------- */
 
/* en-tête */
#header {
    height: 310px;
    background: url(http://citeenjeux.wikidot.com/local--files/statique:accueil/logo-reduit.jpg) no-repeat left ; 
    background-position: 50px 0px;       
}
 
#header h1 {
position: absolute;
width: 880px;
text-align: right;
top: 150px;
}
 
#header h1 a{
    text-decoration: none;
    text-transform: uppercase;
    font-family: quicksandregular, sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #F89200;
}
 
#header h2 {
    width: 880px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 200px;
    text-decoration: none;
    font-family: quicksandregular, sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #F89200;
}
 
/* -------------------------------------------- */
 
/* barre de menu */
#top-bar
{
width: 897px;
height: 48px;
padding-left: 20px;
right: 40px;
left: 0px;
background-color: #5BD0D9; 
}
 
#top-bar li {
    background-color: transparent;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    height: 47px;
}
 
/* Couleur barre de menu et style */
#top-bar li a {
    padding-top: 15px;
    color: black;
    text-decoration: none;
    font-family: quicksandregular, sans-serif;
    font-weight: bold;
    font-size: 14px;
    height: 28px;
}
 
/* Couleur de fond menu quand surbrillance */
#top-bar a:hover{
    background-color: #F89200;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
 
/* Style quand surbrillance */
#top-bar li a:hover {
    color: black;
    text-decoration: none;
}
/* ---------------------------------- */
 
/* sous-menu */
#top-bar ul li ul {
    background-color: #5BD0D9;
    border: 0px;
    width: 164px
}
 
#top-bar ul li ul a {
    background-color: #5BD0D9;
    -moz-border-radius: 0px;
}
 
#top-bar ul li ul a:hover {
    background-color: #F89200;
    color: black;
    -moz-border-radius: 0px;
    text-decoration: underline;
}
 
/* -------------------------------------------- */
 
/* Contenu */
#main-content
{
width: 860px;
padding: 10px;
}
 
/* Titreme niveau */
#main-content h3
{
    margin: 0;
    padding: 0px;
    font-size: 16px;
    color: #F89200;
}
 
/* Titreme niveau */
#main-content h4
{
    margin: 0;
    padding: 0px;
    font-family: quicksandregular, sans-serif;
    font-size: 14px;
    color: #F89200;
}
 
#main-content a
{
color: #00C7AE;
text-decoration: none;
}
 
#main-content p {
    margin: 5px;
    padding: 0;
    padding-bottom: 10px;
}
 
/* Titreme niveau */
#main-content h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #F89200;
}
 
/* -------------------------------------------- */
 
/* Pied de page */
#footer {
    height: 54px;
    clear: both;
    padding-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #5BD0D9
}
 
#footer p {
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #333333;
}
 
#footer a {
    color: #333333;
}
 
/* -------------------------------------------- */
 
/* connexion compte utilisateur */
#login-status 
{
right: 25px;
}
 
/* -------------------------------------------- */
 
/* barre de recherche */
#search-top-box {
right: 25px
}