/* générale */

body {
  font-family: arial, sans-serif;
}

a {
  text-decoration: none;
}

/* List bullets for link */
.internet_link {
  list-style-image: url(../images/internet_link.png);
}
.video_link {
  list-style-image: url(../images/video_link.png);
}
.quiz_link {
  list-style-image: url(../images/quiz_link.png);
}
.local_link {
  list-style-image: url(../images/local_link.png);
}
.applet_tep_link {
  list-style-image: url(../images/tep_link.png);
}
.aide_mep_link {
  list-style-image: url(../images/aide_mep_link.png);
}
.exo_mep_link {
  list-style-image: url(../images/mep_link.png);
}
.applet_cep_link {
  list-style-image: url(../images/cep_link.png);
}
.applet_liep_link {
  list-style-image: url(../images/iep_link.png);
}
.applet_ggb_link {
  list-style-image: url(../images/ggb_link.png);
}
.corrections_link {
  list-style-image: url(../images/corrections_link.png);
}

/* Fin générale */

/* layout */

#page
{
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

#bandeau
{
  position: relative;
  z-index: 3;
}

#niveaux
{
  width: 100px;
}

.sousmenu_colone
{
  float: left;
  width: 289px;
}

#titre
{
  position: absolute;
  top: 0;
  margin-left: 150px;
}

#menu
{
  position: absolute;
  bottom: 0;
  margin-left: 150px;
  margin-bottom: -1px;
  padding: 0 0 0 0;
}

#contenu
{
}

#diapoimg
{
  width: 100%;
  margin: 10px 0 10px 0;
}

/* Fin layout */

/* habillage */

#page
{
  border: 1px solid;
  border-radius: 0px 10px 10px 10px;
/*  box-shadow: 3px 3px 2px silver; */
}

/* bandeau */
#bandeau
{
  border: none;
  border-radius: 0px 10px 0px 0px;
  border-bottom: 1px solid;
}

/* niveaux */
#niveauxDeroulant
{
  list-style-type: none;
  margin: 0;
  border: 0;
  padding: 0;
  z-index: 4;
}

#niveauxDeroulant > li
{
  margin: 0;
  padding: 0 0 1px 0;
  border-style: solid;
  border-width: 1px 1px 0 0;  /* top right bottom left */
}

#niveau_6  /* special case */
{
  border-top:none !important;
}


#niveauxDeroulant > li > a
{
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0.1em 4px 0.1em 4px;
  background: url(../images/flechedroite.png) no-repeat right;
}

#niveauxDeroulant .sousmenu 
{
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100px;
  padding: 0.5em;
  margin: 0 0 0 0;
  z-index: 5;
  border-style: none;
  border-width: 0;
  border-radius: 0 10px 0 0;
  font-size: 0.6em;
}

#niveauxDeroulant .sousmenu ul
{
  list-style-type: none;
  padding: 0;
}

#niveauxDeroulant > li:hover
{
  padding: 0 1px 1px 0;
  border-style: solid;
  border-width: 1px 0 0 0;  /* top right bottom left */
}

#niveauxDeroulant > li:hover > a
{
  font-weight: bold;
}

#niveauxDeroulant li:hover > .sousmenu
{
  display: block;
}
    
/* Fin niveaux */

/* titre */

h1 {
  font-weight: normal;
  font-size: 2em;
  text-align: left;
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 0px;
}

/* Fin titre */
  
/* menu */

.menuDeroulant
{
  position: relative;
  height: 1.4em;
  margin: 0;
  border: 0;
  padding: 0;
  width: 830px;
  z-index: 4;
  list-style-type: none;
}

.menuDeroulant > li
{
  float: left;
  margin: 0 0 0 -1px;
  border: 0;
  padding: 0;
  border: 1px solid;
}

.menuDeroulant > li > a
{
  display: block;
  text-decoration: none;
  font-size: 0.8em;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: center;
}

.menuDeroulant > li.spaced /* separateur de bouton */
{
  margin: 0 0 0 2em !important;
}

.menuDeroulant > li.right /* move bottom navbar to the right */
{
  margin: 0 0 0 85% !important;
}


/* Nav bar */
.nav
{
}

.nav > a
{
}


.nav > a > img
{
}


.nav_home
{
  background-image: url(../images/home.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}


.nav_index
{
  background-image: url(../images/index.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}

.nav_fullscreen
{
  background-image: url(../images/fullscreen.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}

.nav_normscreen
{
  background-image: url(../images/normscreen.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}

.nav_prev
{
  background-image: url(../images/prev.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}

.nav_up
{
  background-image: url(../images/up.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}

.nav_next
{
  background-image: url(../images/next.png), url(../images/menu_transp.png) !important;
  background-position: center center, 0 0 !important;
  background-repeat: no-repeat, repeat-x !important;
  background-size: 100% auto, auto auto !important;
}


.menuDeroulant .sousmenu 
{
  display: none;
  position: absolute;
  padding: 0.5em;
  margin: 0 0 0 -1px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 5px 5px 5px;
/*  box-shadow: 3px 3px 2px silver; */
}

.menuDeroulant li:hover > .sousmenu 
{ 
  display: block;
}

/* Fin menu */
/* Fin bandeau */

#contenu
{
  position: relative;
  border: none;
  border-radius: 0px 0px 10px 10px;
}

/* sommaire */

#sommaire
{
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px;
}

h2
{
  font-size: 1.3em;
  text-align: left;
}

h3
{
  font-size: 1em;
  text-align: left;
}

.obj_primaire {
  margin-top: 5px;
}

.obj_primaire_puce {
  float: left;
  margin-left: 25px;
  width: 15px;
}

.obj_primaire_obj {
  float: left;
  width: 110px;
}

.obj_primaire_desc {
  /*margin-left: 150px;*/
  margin-left: 40px;
}

#objs_secondaires {
  margin-top: 15px;
}

.obj_secondaire {
 margin-top: 5px;
}

.obj_secondaire_puce {
  float: left;
  width: 15px;
  margin-left: 60px;
}

.obj_secondaire_desc {
 font-style: italic;
 /* margin-left: 75px; */
}

.exo {
  margin-top: 5px;
}

.exo_puce {
  float: left;
  margin-left: 25px;
  width: 15px;

}

.exo_obj {
  float: left;
  margin-right: 10px;
}

.exo_liste {
  /*margin-left: 150px;*/
  margin-left: 40px;
}

#illustration {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  opacity: 0.2;
}

/* Fin sommaire */

/* effets */
#bandeau, #niveauxDeroulant .sousmenu
{
  background: url(../images/logo.png), url(../images/bandeau_transp.png);
  background-position: right 50%, 0 0;
  background-repeat: no-repeat,repeat-x;
  background-size: auto auto, auto 100%;
}
.menuDeroulant > li
{
  background: url(../images/menu_transp.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
}

#niveau_6
{
  background: url(../images/bandeau_transp.png);
  background-repeat: repeat-x;
  background-size: auto 400%;
  background-position: 0 0;  
}

#niveau_5
{
  background: url(../images/bandeau_transp.png);
  background-repeat: repeat;
  background-size: auto 400%;
  background-position: 0 -100%;  
}

#niveau_4
{
  background: url(../images/bandeau_transp.png);
  background-repeat: repeat;
  background-size: auto 400%;
  background-position: 0 -200%;  
}

#niveau_3
{
  background: url(../images/bandeau_transp.png);
  background-repeat: repeat;
  background-size: auto 400%;
  background-position: 0 -300%;  
}


/* Fin effets */

/* couleurs */

#niveau_6, #niveau_6 .sousmenu
{ background-color: #4d2210; }

#niveau_5, #niveau_5 .sousmenu
{ background-color: #216407; }

#niveau_4, #niveau_4 .sousmenu
{ background-color: #bf2a23; }

#niveau_3, #niveau_3 .sousmenu
{ background-color: #162d59; }


/*
  #000 : noir
*/
#niveauxDeroulant > li, #niveauxDeroulant .sousmenu, .menuDeroulant > li , .menuDeroulant .sousmenu
{ border-color: #000; }

/*
  #fff : blanc
*/
#niveauxDeroulant > li:hover > a
{ color: #fff !important; }
#page, .menuDeroulant .sousmenu
{ background-color: #fff; }
#niveauxDeroulant .sousmenu a
{ color: #fff }

/*
  #BBB : gris
*/
#niveauxDeroulant > li > a
{ color: #BBB; }

/*
  #EEE : gris leger
*/
body
{ background-color: #EEE; }

/* Fin couleurs */

/* Lexique */

.lex_jump_list
{
  text-align: center;
  margin: 20px 0 20px 0;
}

.lex_jump_item
{
  font-size: 1.3em;
}

.lex_alpha
{
  text-align: left;
  margin: 30px 0 10px 0;
}

.lex_alpha_item
{
  font-size: 3em;
  padding: 0 0 0 20px;

}

.lex_item
{
  text-align: left;
  margin: 0 0 10px 30px;
}

.lex_item_title
{
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 0;
}

.lex_item_img
{
  width: 100%;
  margin: 0 0 20px 0;
}

/* Proprietes geometriques */

.geoprops_item
{
  text-align: left;
  margin: 20px 0 20px 30px;
}

.geoprops_item_title
{
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 0;
}

.geoprops_item_img
{
  width: 100%;
  margin: 0 0 40px 0;
}

/* Quiz */

.quiz_item
{
  text-align: left;
  margin: 0.5em 0 0.5em 1em;
}

.quiz_num
{
  margin-left: 1em;
}




.prof_only
{
  display: none;
}