<!--


/*   styles communs   */

    .btn_dec { /* bouton au repos */
        padding: 0px ;
        display: block ;
        color : Brown ;
        text-decoration : none ;
        margin : 12px 5px   ;
        line-height : 20px ;
        width : 90px ;
        border: 3px solid Teal;
        background : PaleGoldenrod;
        text-align : center ;
        font-size : 12px;
    }
    .btn_dec:hover { /*bouton survolé */
       color :      PaleGoldenrod ;
       background : Brown ;
       border-width : 2px 4px 4px 2px ;
       border-color : lightgrey grey grey  lightgrey ;
       border-style : solid ;
    }
    .btn_dec:active {  /* bouton appuyé */
       color :      PaleGoldenrod ;
       background : Brown ;
       border-width : 4px 2px 2px 4px ;
       border-color : grey  lightgrey lightgrey grey  ;
       border-style : solid ;
    }

.session_off{
    position : absolute ;
    top: 10px ;
    left: 0 ;
    width: 100% ;
    height: 30px;
    margin: 5px 0 20px 5px ;
    padding: 0;
    text-align : center ;
    color: red;
    background-color: yellow;
}    

p {

margin: 0 ;
padding : 5px 0 5px 0 ;
}

.partie_formenu{
padding : 0;
margin : 0;
width : 100% ;
}

.alert {
background-color: orangered;
color : white ;
}

.mess_mail {
  background-color: LemonChiffon;
   color : LightSeaGreen ;
}   

.ap_mess_mail {
  background-color: Silver;
   color : Red ;
} 


.tit {
background-color: LightSlateGray;
color : white ;
}

.btn_incorp {

margin: 0 0 0 5%;
padding: 0;

}

.aff_res {
background-color: LightGoldenrodYellow;
color : SaddleBrown;
padding: 0 0 0 3%;
margin : 0 0 0 0;

}

.titre_resa {
margin : 10px 0 0 0 ;
padding : 0;
background-color: SaddleBrown;
color : LightGoldenrodYellow;
}

.entour_jaune {
margin : 0 ;
padding : 0;
background-color: LightCyan;
color : MediumBlue;
}

.div_deb_page {
width: 90% ;
position : absolute ;
top: 90px ;
left: 50% ;
margin-left: -45% ;
padding: 0;
/*text-align : center ;*/
}


h1{
padding: 0;
margin : 0px 0 0px 0 ;
text-align : center ;
color : blue ;
}


.aff_pel {
 color : blue ; 
}

.vers_ancre {
/*text-align : right ;*/
color : GreenYellow;
float : right ;
}


/* Balise <a> attente, survolée, activée */
a {
   margin: 5px ;
   text-decoration: none ;
   color: green ;
}
a:hover {
   color: red ;
}
a:active {
   color: blue ;
}

/* Présentation d'une balise <a> sous forme de bouton */
.btn_larg {
   padding: 0px ;
   display: block ;
   color : sienna ;
   text-decoration : none ;
   margin : 0px auto   ;
   line-height : 30px ;
   width : 250px ;
   border: 3px solid navajowhite;
   background : navajowhite ;
   text-align : center ;

}
.btn_larg:hover {
   color : yellow ;
   background : peru ;
   border-width : 2px 4px 4px 2px ;
   border-color : lightgrey grey grey  lightgrey ;
   border-style : solid ;
}
.btn_larg:active {
   color : yellow ;
   background : navajowhite ;
   border-width : 4px 2px 2px 4px ;
   border-color : grey  lightgrey lightgrey grey  ;
   border-style : solid ;
}


/* Présentation d'une balise <a> sous forme de bouton */

.aff_pel {
  text-align : left ;
}

.list_tir {
   text-align : left ;
   padding : 0 0 0 5px ;
   margin : 0 ;
}   
.entour {

padding : 0;
background-color: darkblue;
color : yellow;
font-size : 20px;
font-weight: bold;
}

.list_pel_g {
width: 49% ;
margin : 0 0 10px 0 ;
padding : 0;
float : left ;
border : 2px solid blue ;
}

.list_pel_d{
width: 49% ;
margin : 0 0 10px 0 ;
padding : 0 ;
border : 2px solid blue ;
float : left ;

}

.btn {
   padding: 0px ;
   display: block ;
   color : sienna ;
   text-decoration : none ;
   margin : 0px auto   ;
   line-height : 30px ;
   width : 180px ;
   border: 3px solid navajowhite;
background :  PowderBlue ;
   text-align : center ;

}
.btn:hover {
   color : yellow ;
   background : peru ;
   border-width : 2px 4px 4px 2px ;
   border-color : lightgrey grey grey  lightgrey ;
   border-style : solid ;
}
.btn:active {
   color : yellow ;
   background : navajowhite ;
   border-width : 4px 2px 2px 4px ;
   border-color : grey  lightgrey lightgrey grey  ;
   border-style : solid ;
}



/* Alignement des boutons pour le bandeau */
.btn_band {
  display : block ;
  margin: 0px ;
  padding: 0px ;
  float: left ;
}

.erreur {
 color : red ;
 }
 
 .list_centr{
width: 50% ;
margin : 0 0 2% 25% ;
padding : 0 ;
border : 2px solid green;
clear : both;

}

 .list_separ{
width: 100% ;
margin : 0 ;
padding : 0 ;
border : 9px solid red ;
clear : both;

}

li {
 text-align : left ;
 margin :0 0 0 10% ;
 }
 
 ul {
   margin : 0;
   padding : 0;
   }
   
#txt_choix {
margin : 0 0 0 5px ;
padding : 0 5px;
color : red;
background-color: yellow;

}  

#txt_ajout {
margin : 0 0 0 5px ;
padding : 0 5px;
color : ivory;
background-color: limegreen;

}  

#txt_fermer {
margin : 0 0 0 5px ;
padding : 0 5px;
color : darkblue;
background-color: gold;

}  

.serre {
  margin : 5px ;
  padding: 0;
  color : darkblue;
}

.lig_total {
  color : Green ;
}  

.lig_partiel {
  color : sienna ;
} 

.lig_nul {
  color : Red ;
} 

.comptage {
  margin : 5px ;
  padding: 0;
  background-color: yellow;
  }

-->

