/**************
 *
 *   Mise en page globale : 
 *   points communs entre 
 *   toutes les pages 
 *  
 **************/  
body {
  text-align : center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin : 0px;
  background-color : #000F04;
  color : black;
}

#wrapper {
  height : 678px;
  padding-top : 50px;
  /*padding-left : 130px;*/
  color :  #000F04;
  /*border : 1px solid red;*/
  margin : auto;
  width : 1000px;
  background-image : url("../images/grimoire.jpg");
  background-repeat : no-repeat;
  background-position : center 0px;

}

a {
  text-decoration : none;
  color : #023910;
}

/******************
 *
 *  divisions de la structure de la page
 *
 ******************/   

#gauche {
  float : left;
  width : 380px;
  height : 600px;
  text-align : center;
  padding-left : 100px;
  /*margin-left : 0.3%;
  //margin-left : 0%;*/
 /* border : 1px solid green;*/
}

#droite {
  float : left;
  width :400px;
  height : 600px;
/* border : 1px solid green;*/
  margin-left : 30px;
  text-align : left;
}





/***************
 *
 * contenu
 *
 ***************/   

#contenu {
  padding-top : 40px;
}

#contenu a{
  display : block;
  padding : 8px;
}
#concep, #philo, #faq {
  padding : 30px 30px 0px 30px;
  text-align : justify;
}

#menuInfo {
   padding : 50px 10px 10px 10px; 
   text-align : center;
}

#menuInfo a {
  font-weight : bold; 
  color : #7A7E5F;
  padding : 10px;
}

.faq_titre {
  padding : 5px;
  text-align : center;
  font-weight : bold;
}

#graphicsb0 {
 /* border : 1px solid black;*/
}

#wp {
  margin-top : 130px;
  text-align : center;
}

#wp #element {
  margin-top : 10px;
  color : #7A7E5F;
}

#element img {
  border : 1px solid #7A7E5F;
}

#equipe {
  margin : 20px 0px 0px 10px;
  text-align : center;
}

#equipe .photo {
  width : 100px;
  float : left;
  margin-left : 0px; 
  /* border : 1px solid red;*/
}

#equipe .description {
  padding-top : 10px;
  /*border : 1px solid red;*/
}

#equipe a {
  color : #7A7E5F;
}

#video {
  text-align : center;
  padding-top : 20px;
  color : grey;
/*border : 1px solid green;*/
}


#lavideo {
  margin-top : 20px;
  /*border : 1px solid red;*/
  background-image : url("../images/cadre.jpg");
  background-repeat : no-repeat;
  background-position : center center;
  padding-top : 40px;
  padding-bottom : 40px;
}
/***************
 *
 * menu
 *
 ***************/
 #menu {
  padding-top : 40px; 
  background-image : url("../images/logo.jpg");
  background-repeat : no-repeat;
  background-position : 130px 0px;
    /*border : 1px solid green;*/
  height : 55px;
  width : 1100px;
  margin : auto;
}
 
 #menu a {
 }
 
 .menuTitre {
  margin-left : 10px;
 }

/***************
 *
 * boutons menu
 *
 ***************/   
 .commun2 {
  /*border : 1px solid yellow;*/ 
  height : 40px;
  float : right;
  margin-top : 0;
  background-repeat : no-repeat;
 }
 
 .game2 {
  background-image : url("../images/grimoire_fin_03.jpg");
  width : 164px;
 }
 
 .media2 {
  background-image : url("../images/grimoire_fin_04.jpg");
  width : 112px;
 }
 
 .goodies2 {
  background-image : url("../images/grimoire_fin_05.jpg");
  width : 115px;
 }
 
 .equipe2 {
  background-image : url("../images/grimoire_eng_06.jpg");
  width : 80px;
 }

 .livre2 {
  background-image : url("../images/livre_eng.jpg");
  width : 161px;
  margin-right : 20px;
 }

/* *********** survole ************** */
 .game2:hover {
  background-image : url("../images/grimoire_fin_h_03.jpg");
 }
 
 .media2:hover {
  background-image : url("../images/grimoire_fin_h_04.jpg");
 }
 
 .goodies2:hover {
  background-image : url("../images/grimoire_fin_h_05.jpg");
 }
 
 .equipe2:hover {
  background-image : url("../images/grimoire_eng_h_06.jpg");
 }

 .livre2:hover {
  background-image : url("../images/livre_eng_on.jpg");
  }

 /*
.basemenu { 
  border : 1px solid red;
  height : 40px;
  }
 
.game {
  background-image : url("../images/grimoire_fin_03.jpg");
  width : 164px;
 }
 
.media {
  background-image : url("../images/grimoire_fin_04.jpg");
  width : 112px;
 }
 
.goddies {
  background-image : url("../images/grimoire_fin_05.jpg");
  width : 115px;
 }
 
.equipe {
  background-image : url("../images/grimoire_fin_06.jpg");
  width : 109px;
  margin-right : 50px;
 }
 */
 
 
 /******** survole *********/
 /*
.game:hover {
  background-image : url("../images/grimoire_03_h.jpg");
 }
 
.media:hover {
  background-image : url("../images/grimoire_05_h.jpg");
 }
 
.goddies:hover {
  background-image : url("../images/grimoire_06_h.jpg");
 }
 
.equipe:hover {
  background-image : url("../images/grimoire_07_h.jpg");
 }
 */
 
/************************
 *
 *   MISE EN PAGE PONCTUELLE
 *
 ************************/
 
 .gras {
  font-weight : bold;
 }   
 
 .couleur {
  color : #8ECBF8;
 }

.clearer {
  clear : both;
  height : 0;
}

.decalage {
  margin-left : 20px;
  margin-top : 10px;
}