body
{
   height: 100%;
   width: 960px;
   margin: auto;
   padding-top: 60px;
   background-image: url("enigma_tpe/fond.png");
   padding: 20px
}

#en_tete
{
   background: url("enigma_tpe/header_fond_et_barre_problematique.png") no-repeat;
   width: 960px;
   height: 280px;
}

.image_machine
{
   background: url("enigma_tpe/header_enigma.png") no-repeat;
   width: 380px;
   height: 413px;
   float: right;
   position: relative;
   top: -158px;
   right: -105px;
   z-index: 20;
   text-align: left;
}
#menu
{
   float: left;
   width: 189px;
   height: 320px;
   background: url("enigma_tpe/menu_cadre.png");
   margin-right: 20px;
   margin-left: 10px;
}

#sous_menu
{
   height: 295px;
   margin-top: 25px;
   margin-bottom: 10px;
   border: 2px outset black;
   width: 705px;
   overflow: scroll;
   background-color: #edd4a3;
   padding: 5px;
   position: relative;
   top: -20px;
}

.bouton_menu
{
	position: relative;
	margin-top: 55px;
	margin-left: 25px;
}

a img 
{
   border: none;
}

#corps
{
   margin-left: 10px;
   background-color: rgb(250,233,198);
   padding-right: 10px;
}

#couleur_fond
{
   background-color: rgb(250,233,198);
   width: 960px;
   border: 4px outset black;
   margin-top: 60px;
}

.tab
{
   margin-left: 50px;
}

#position_pb
{
   position: relative;
   top: -40px;
   left: 0px;
   color: #970d0d;
   font-weight: bold;
   z-index: 10;
   display: block !important;
   display: none;
}

.souligne
{
   text-decoration: underline;
}

.important
{
   color: red;
}

.clignotant
{
   text-decoration: blink;
}

.cadre_image
{
   float: right;
   margin: 10px;
   border: 1px inset black;
   background-color: #edd4a3;
   padding: 2px;
   border: 1px inset black;

}

.legende
{
   font-size: small;
   overflow: scroll;
}

.nom_image
{
   margin-left: 200px;
   font-family: serif;
   text-decoration: underline;
   text-transform: capitalize;
}

.cadre_image_grande
{
   margin: 10px;
   border: 1px inset black;
   background-color: #edd4a3;
   padding: 2px;
   border: 1px inset black;
}

#coin_hg
{
   background-image: url("enigma_tpe/coin3.png");
   width: 39px;
   height: 39px;
   position: relative;
   top: -20px;
   left: -20px;
}

#coin_bg
{
   background-image: url("enigma_tpe/coin3.png");
   width: 39px;
   height: 39px;
   position: relative;
   bottom: -20px;
   left: -25px;
}

#coin_bd
{
   background-image: url("enigma_tpe/coin3.png");
   width: 39px;
   height: 39px;
   float: right;
   position: relative;
   bottom: -20px;
   right: -25px;
}

p
{
   text-align: justify;
}

.tableau
{
   border-collapse: collapse;
   background-color: #fedab0;
}

.cel /*cellule des tableaux*/
{
   border: 1px solid black;
   text-align: center;
}

.fleche_chapitre
{
 color: rgb(250,233,198);
}

.label_simulateur
{
   border: 1px inset black;
   float: left;
   background-color: #edd4a3;
   padding: 2px;
   margin-right: 5px;
   width: 200px;
   height: 19px;
   text-align: center;
}

.choix_simulateur
{
   float: right;
   background-color: #edd4a3;
   width: 50px;
}

.label_fiche
{
   border: 1px inset black;
   float: left;
   background-color: #edd4a3;
   padding: 2px;
   width: 100px;
   height: 100%;
   text-align: center;
   margin-right: 0px;
   
}

.simulateur
{
   border: 2px inset black;
   text-align: center;
   padding: 10px;
   width: 440px;
   margin: 20px 10px 10px;
}

.elements_simulateur
{
   border: 1px inset black;
   background-color: #1b2d44;
   padding: 2px;
   width: 430px;
   margin-right: 2px;
   margin-left: 2px;
   height: 100%;
   margin-bottom: 5px;
}

.texte_elements
{
  
   text-align: center;
   font-weight: bolder;
   font-size: 20px;
   color: white;
}	

.elements_simulateur_secondaires
 {
   margin-right: 2px;
   margin-left: 50px;
   margin-bottom: 0px;
   
   font-weight: bold;
   font-size: 16px;
   color: white;
}

.resultat
{
   border: 2px inset black;
   float: right;
   text-align: center;
   padding: 10px;
   width: 420px;
   margin: 10px;
}

.fleche
{
   text-align: center;
   margin-top: 50px;
}