/* ------------------------------------------------------------------------------- NOUVELLE CONFIGURATION -----------------------------------------------------------------------*/
    .boutons_onglet {
      border-style: solid solid none solid;
      border-radius: 10px 10px 0px 0px;
      border-width: 1px;
      border-color: rgb(8, 0, 255);
      transition: all 0.15s ease-in-out;
      background-color: #f0e299;
      display: inline-block;
      cursor: pointer;
      padding: 6px;
      min-width: 35px;
      font-weight: bold;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 12px;
      color: #0800ff;
    }    
    
    a:focus { color: red; }
    input::placeholder {
        font-weight: bold;
        opacity: 0.25;
        color: red;
        font-style: oblique;
    }
    .boutons_onglet a:hover{
        background-color: #4cf2a4;
    }
    .image_culture{width:80%;}
    
    ul, ol {
        margin-left: 30px;
    }
    
    input:focus {
    	background-color: #F9D070;
    }

        .boutons_icone {
            transition: all 0.15s ease-in-out;
            background-color: #f0e299;
            display: inline-block;
            margin-bottom: 0;
            cursor: pointer;
            padding: 6px;
            border-radius: 3px;
            min-width: 35px;
            border: 1px solid #0800ff;
            font-weight: bold;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12px;
            color: #0800ff;
            /*
            margin: 1px 1px 4px 1px;
           
            */
        }    
        .boutons_icone:hover {
            color: #f00;
            border: 1px solid #f00;
            
            background-color: #4cf2a4;
            /*box-shadow:none;
            */ box-shadow: 0px 01px 1px rgba(0, 0, 0, 0.5);
        }
     .boutons_icone :visited {
         color:#fff;
     } 
     .boutons_icone :active {
         color:#fff;
     } 
     
     
/* ------------------------------------------------------------------------------- ANCIENNE CONFIGURATION -----------------------------------------------------------------------*/




















/*--- TABLEAU ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    
    
    
    

.svg{
    align:top; 
    overflow: hidden;
    width:250px;
    max-height:130px
}



.image {
    width: 100%;
    height: 100%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(10.25); /* Safari et Chrome */
-moz-transform:scale(10.25); /* Firefox */
-ms-transform:scale(10.25); /* Internet Explorer 9 */
-o-transform:scale(10.25); /* Opera */
transform:scale(10.25);
}



.important {
    color: red;
    font-style: italic;
    font-size: 10px;
}






.dropbtn:focus {    background-color: #3e8e41;}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
}

.dropdown-content a {
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}

/* CSS SOSO - DEBUT */
.BULLE {
  text-decoration:none;
  position:relative;
}
 
 
.BULLE span {
    display:none;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:black;
    background:white; 
}
 
.BULLE span img {
    float:left;
    margin:0px 8px 8px 0;
}

.BULLE:hover span{
    display:block;
    position: absolute;
    top:0;
    left:0;
    z-index:1000;
    width:auto;
    max-width:320px;
    min-height:128px;
    border:1px solid black;
    margin-top:12px;
    margin-left:32px;
    overflow:hidden;
    padding:8px;
}
/* CSS SOSO - FIN */




















.titre_registre{
    background:#f0cca5; 
    border:1px solid #cccccc; 
    padding:5px 10px; 
    width:100%;
    font-weight: bold;
    font-size:20px;
    font-family: cursive, Verdana, Arial, sans-serif;
}


@media print{
    bandeau_menu {display:none}
    vignette  {display:none}
}

a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}






.a_faire {background-color: #AEAEAE;}


.clearBoth {clear:both;}





    

    .titre {
        color: #AEAEAE;
        font-weight: 300;
        padding: 15px 25px 5px;
        /*line-height: 30px;*/
        font-size: 25px;
        text-align:left;
        margin: -27px -26px 26px;
    }
    .annuler{text-decoration:line-through;}
    .droite {
        width: 32%;
        height:100px;
    }
    .droite img{
         height:75px;
    }
    .bandeau_menu{
        text-align:left;
        width:98%; 

        padding: 8px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.71);
        background: #f3faff;
    }
    .center{
        text-align:center;
        height:30px;
    }
    
    
    
    /*------------------------- CONFIGURATION DES BOUTONS ET DES RADIO - DEBUT -------------------------------------------------------------------------------------------------------------*/
        input[type="radio"].boutons_icone {  
            display: none;
        }
        input[type="radio"].boutons_icone + label {
            background-color: #0b6f088f;
        }
        input[type="radio"].boutons_icone:checked + label {
            background-color: #f7d570;
            color: #f40808;
        }
        input[type="checkbox"].boutons_icone:checked + label {
            background-color: #f7d570;
            color: #f40808;
        }




    /*------------------------- CONFIGURATION DES BOUTONS ET DES RADIO - FIN ---------------------------------------------------------------------------------------------------------------*/
    .boutons {
        background: rgb(75,75,75);
        background: linear-gradient(rgba(170, 244, 155, 0.8),rgba(80, 83, 242, 0.8));
        border-style: solid;
        border-width: 0px;
        border-color: transparent;
        border-radius: 4px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: rgb(255,255,255);
        margin: 05px;
        padding: 4px;
        box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
        text-align: center;
    }
    .boutons:hover {
        color: rgb(0,0,0);
        box-shadow: none;
        text-decoration: underline;
    }
    
    
  .listeD {width:100%;}  
/*------ CONFIGURATION DES TABLEAUX ET DIV EN SCROLL ---------------------------------------------------------------------------------------------------------------------------------------*/

.div_scroll {
    text-align: left;
    border-collapse: separate;
    border-spacing: 4px;
    display: inline-block;
    padding: 0px;
    width: 98%;
    /*min-height: 500px;*/
    /*max-height: 720px;*/
    overflow: auto;
    /*border-radius:5px;*/
    border: 1px solid #a6c9e2;
}

.tableau{
    display: inline-block;
     border: 1px ;
    
}
.tableau td{
    min-width: 75px;
    max-width: 75px;
    text-align: center;
    border-spacing: 0px;
    padding: 0px;
}

/*------ CONFIGURATION DES TABLEAUX ET ELEMENTS DE BASE ------------------------------------------------------------------------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

/*a { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 10px;
    color: #6e45ff; 
    font-weight: normal; 
    text-decoration: none;
}*/


	 
	



    body {text-align:center; background-color: #e6e6e6; color: #000000; margin: 0px; }
    div {
        display: inline-block;
        border: 0px solid #04d9ff;
    }
    input,  select, textarea{
        padding:3px;
        background-color:#FFF3F3;
        border:1px solid #B1ADE6;
        border-radius:5px;
        width:100%;
        box-shadow:1px 1px 2px #C0C0C0 inset;    
    }
    input[type=number] {
        -moz-appearance: textfield;
        text-align:right;
    }    
    
    
    .input_bloquer{
        border:none;
        background-color:transparent;
        box-shadow: none;
    }    
    
    
    
    
    

    .reduction{
        text-overflow: "...";
        overflow: hidden;
        display: block ruby;
        max-width: 400px;
    }

    
    
   
    hr{
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px #1215ea solid;
        /*
        none   : pas de bordure (par défaut)
        hidden : bordure cachée
        solid  : ligne pleine
        double : ligne double (nécessite une taille de bordure de 3px minimum)
        dashed : en tirets
        dotted : en pointillés
        inset  : effet 3D "enfoncé"
        outset : effet 3D "surélevé"
        ridge  : effet 3D "demi-rond"
        */
    }

    

/*------ CONFIGURATION DES TABLEAUX PRINCIPAUX ---------------------------------------------------------------------------------------------------------------------------------------------

    .withscroll {
        overflow-x: scroll;
        white-space: nowrap;
        width:99%;
        
        border:2px solid #04d9ff;
        border-collapse:separate;
        border-spacing: 2px;
	    border-radius: 5px  ;
    }   
    .reduit {
        border-spacing: 0px;
        width: 95%;
        margin:auto;
    }
    */