/* ------------------------------------------
 Feuille de style pour l'appli Web  Histoire
 --------------------------------------------*/

 /*------------------------------- toutes les pages ----------------------------------*/
 * {
    box-sizing: border-box;
 }

 body {
    background:#fdf7eb;;
    padding:0px;
    margin:0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*------------------------- contenu de la page -------------------------*/
#cont {
    padding:115px 0 0 0;
    width:100vw;
}

/*----- le cadre du contenu -----*/
#cadreContenu {
    position:relative;
    margin:0 auto;
    width:1000px;
    
    /*height:1500px;*/
}
/*----- le menu -----*/
#barreMenu {
    width:100%;
    height:33px;
    text-align:center;
    color:#CCC;/*#80b0cc;*/  /*rgba(132, 230, 201, 0.856);*/
    padding:4px 0 0 0;
    background: #A88;
    font-size:1.2em;
    font-weight:bold;
    text-shadow: #444 1px 0px 1px;
}
#contBarreMenu {
    margin:0 auto;
}
#barreMenu span {
    /*text-decoration: none;
    color:inherit;*/
    /*padding:0 5px;*/
}
#barreMenu span:hover {
    
}
.barreMenuSel {
    /*background-image:linear-gradient(to bottom, #89A, #444);*/
    padding:0 15px;
    border-bottom:7px SOLID #ccf;

}
.barreMenuNoSel {
    padding:0 15px;
}
.barreMenuNoSel:hover {
    background:rgb(60, 152, 243);
    cursor:pointer;
    padding:0 15px;
}

#contBarreMenu a { 
    text-decoration:none;
    color:inherit;
    padding:0 15px;
}
#contBarreMenu a:hover {
    color:#4ff;
    background:rgb(60, 152, 243);
    cursor:pointer;
}
#contBarreMenu span { 
    padding:0 15px;
    border-bottom:5px SOLID #ffc;
    color:#fff; /*8df;*/  
}
#contBarreMenu span.sepMenu {
    /*margin:0 5px;*/ 
    border-bottom:0px;
    color:#cde;
}

/*------ le contenu -----*/
#contenu {
    padding:15px;
    background:#ccc;
    position:absolute;
    z-index:10;
    /*top:0px;
    left:0px;*/
    width:1000px;
}


.cursPoint {
    cursor:pointer;
}

/*----------------- Tableau des Anciens --------------------*/
#dTitrePage {
    font-size:2.0em;
    color:#ff4;
    font-weight:bold;
    text-align:center;
    margin:20px 0 20px 0;
    text-shadow: #444 1px 1px 3px;
}

#dtLA {

}

#tListeAncien {
    width:950px;
    background:#a9b;
    margin:0 auto;
    font-size:1.1em;
}

#tLAtitres {
    text-align:center;
    background:#9ab;
    font-weight:bold;
    font-style: italic;
}

.tLAColn {
    width:650px;
    padding:5px 10px;
}

.tLACold {
    padding:5px 10px;
}

.tLAl0 {
    background:#c7bed1;
    padding:5px 10px;
}

.tLAl1 {
    background:#d1cecf;
}

.tLAl0 td, .tLAl1 td { padding:5px 10px; text-align:center;}

#tTNom { width:270px; }
#tTDateN { width: 120px; }

.miniDate {
    font-size:0.8em;
    font-weight:bold;
    font-style:italic;
    color:#666;
}

}
/*--------------------------------- fiche Ancien -------------------------------------*/
#dTitreFA {
    font-size:2.0em;
    color:#ff4;
    font-weight:bold;
    text-align:center;
    margin:20px 0 20px 0;
}

/*-------------------------------- gestion fiches ------------------------------------*/
.dBoutons {
    margin:10px auto 20px auto;
    text-align:center;
    font-size:1.2em;
}

.btn2,.btn2:focus {
    padding:5px 30px;
    background:rgb(60, 231, 83);
    border-radius: 10px;
    font-size:inherit;
    cursor:pointer;
}

.icoSuppFiche {
    float:left;
    background:url(./images/glyphicons-white.png) no-repeat -234px -36px;
    /*background-color: #aaa;*/
    background-size:370px; /* soit 80% de 463px;*/
    width:19px;
    height:22px;
    /*padding:0px 0px 0px 14px;   */
    margin:5px 0 0 0;
    /*vertical-align: -2px;*/
    /*text-shadow: #444 1px 0px 1px;    */
}

.btnSuppFiche {
    display:inline-block;
    background-color: rgb(159 84 137 / 58%);
    width: 30px;
    height: 32px;
    padding: 0px 8px;
    text-align: center;
    border-radius: 6px;
}

.btnSuppFiche:hover {
    background-color: rgb(159 84 137 / 100%);
    cursor:pointer;
}

.icoViewFiche {
    background:url(./images/glyphicons-white.png) no-repeat -347px -74px;
    background-size:370px; /* soit 80% de 463px;*/
    width:19px;
    height:24px;
    margin:5px auto 0 auto;
    /*background-color:#888; */
}

.icoVerrou {
    position:absolute;
    background:url(./images/glyphicons-white.png) no-repeat -116px -764px;
    background-size:370px; /* soit 80% de 463px;*/
    width:19px;
    height:24px;
    margin:-6px 0 0 0;
    cursor:pointer;
    /*background-color:#888; */
}

.icoDeverrou {
    position:absolute;
    background:url(./images/glyphicons-white.png) no-repeat -154px -764px;
    background-size:370px; /* soit 80% de 463px;*/
    width:19px;
    height:24px;
    margin:-6px 0 0 0;
    cursor:pointer;
    /*background-color:#888; */
}


/*------- fiche résumé ----------*/
.section {
    background:#aaa;
    padding:10px;
    margin:10px;
}
.section p {
    font-style: italic;
    margin:5px 10px;
}
.section p span { 
    font-style:normal;
    font-weight: bold; 
}
.titreS {
     font-weight: bold; 
     font-size:1.3em;
     border-bottom:1px SOLID black;
}
.stitreS {
    font-weight: bold; 
    font-size:1.1em;
    border-bottom:1px SOLID #456;
}
.sSection {
    margin:10px;
}
.legendePuceTypeAncien {
    margin:10px 0 0 50px;
    vertical-align:-9px;
} 
#legendeType {
    text-align:center; 
    vertical-align:middle;
}

/*------- acceuil ----------*/
#footer {
    /*height:200px;*/
    background:rgb(146 137 159); /*rgb(65,52,71);*/
    margin:0 -15px -15px -15px;
    color:#fafac5;
    color:#ddb;
}
#bandeContact {
    text-align:center;
    background-color:rgb(80 122 146);
    color:#fdfddd;
    text-shadow: #444 1px 0px 1px;
    font-size:1.2em;
}
#contContact {
    width:500px;
    background:url(./images/mail.png) 25px 9px no-repeat;
    background-size: 23px 15px;
    /*background-position:top 5px;*/
    margin:0px auto;
    padding: 1px 0 5px 27px;
    cursor:pointer;
    text-shadow: #444 2px 1px 2px;
}
#contContact:hover {
    color:#fff;
    /*text-shadow: #fff 2px 1px 2px; */
}
.credit {
    float : left;
    width:49%;
    padding:10px;
}
.bandeGauche {
    
}
.sepCredit {
    float:left;
    border-left:1px SOLID #cde;
    height: 82px;
    width: 1%;
    margin-top: 11px;
}
.titreCred {
    font-siz:1.1em;
    font-weight:bold;
    padding:0 0 0 20px;
    text-shadow: #444 1px 0px 1px;
}
.nomCred {
    font-size:0.9em;
    padding:0 0 0 40px;
}
.clear {
    clear:both;
    height:1px;
}