/* ------------------------------------------------------------------------------- NOUVELLE CONFIGURATION -----------------------------------------------------------------------*/
    .colonne_10 { grid-template-columns: repeat(10, 1fr); }
    .colonne_8 { grid-template-columns: repeat(8, 1fr); }
    .colonne_7 { 
        grid-template-columns: repeat(7, 1fr); 
    }
    .colonne_5 { grid-template-columns: repeat(5, 1fr); }
    .colonne_4 { grid-template-columns: repeat(4, 1fr); }
    .colonne_3 { grid-template-columns: repeat(3, 1fr); }
    .div_centrer {
        text-align:center;
        width: 100%;
        padding-bottom:10px;
    }
    .contenu {
        text-align:left;
        width:98%;
    }
    .fiche {
        display: flex;
    }
    .fiche_G{
        min-width: 360px;
        min-height: 500px;
        width: 350px;
        padding: 8px;    
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.71);
        background: #f3faff;
    }
    .fiche_D { 
        width: 100%;
        padding: 8px;
        margin-left: 20px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.71);
        background: #f3faff;
    }
    .fiche_50 {
        padding: 8px;    
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.71);
        background: #f3faff;
    }
    .fiche_G_50 { 
        width: 50%;
        margin-right: 5px;
        background: #f3faff;
    }
    .fiche_D_50 { 
        width: 50%;
        margin-left: 5px;
    }
    .fiche_G_25 { 
        width: 25%;
        margin-right: 5px;
    }
    .fiche_D_75 { 
        width: 75%;
        margin-left: 5px;
    }
    .fiche_G_35 { 
        width: 35%;
        margin-right: 5px;
    }
    .fiche_D_65 { 
        width: 65%;
        margin-left: 5px;
    }
    .separation_etat{
        width: 100%;
        display: grid;
        justify-items: stretch;
        column-gap: 10px;
        row-gap: 10px;
    }
    .image_ilot{
        position: relative;
        width:100%; 
        margin-left: 0px;
        height: 20px;
    }

    .div_onglet{
        margin-left: 20px;
        margin-bottom: 30px;
    }

/* ------------------------------------------------------------------------------- ANCIENNE CONFIGURATION -----------------------------------------------------------------------*/
    .contenant{
        text-align:left;
        /*border-collapse:separate;*/
        /*border-spacing: 4px;*/
        display: inline-block;
        padding: 5px;
        width:98%;
        overflow:auto;
        border-radius: 1px;
        border: 1px solid #a6c9e2;
        background: #fcfdfd ;
        box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.71);
    }

.flex {
  display: flex;
  align-items: flex-start;
}

.flex .item {
  align-self:  flex-start;
  margin: 2px;
}


    div#global {
        width:100%; 
        margin:0 auto;
        max-height: 300px;
        overflow: auto;
        border:1px solid #a8e2fc;
        border-radius: 5px;   
    }

    .choix{
        width:300px;
    }
    .date_portable{
        width:200px;
    }

    .Container{
        /*width: 200px;*/
        overflow-y: auto;
    }
    .Content{
        width: 300px;
    }   

    .Flipped, .Flipped .Content{
        transform:rotateX(180deg);
        -ms-transform:rotateX(180deg); /* IE 9 */
        -webkit-transform:rotateX(180deg); /* Safari and Chrome */
    }

    .divG { min-width: 350px;
        width: 350px;
    }
    .divD { 
        width: 100%;
        padding: 0px 8px;
    }
    .div50 { width: 50%;}
    .optionV{display : none;}
/* ---------------------------------- CONFIGURATION DES DIV RDV ----------------------------------------------------------------------------------------------------------------------------*/
    .div_rdv{
        min-height:115px;
        max-height:115px;
        width:100%;
    }
    .div_rdv td{
        padding: 0px;
        width:14.3%;
        border:1px solid #a8e2fc;
    }
/* ---------------------------------- CONFIGURATION DES VIGNETTES --------------------------------------------------------------------------------------------------------------------------*/
    .fondcouleur {
        background-color: #fdd39e;
    }
    .fond_20 {
        background: url('../../images/vignettes/logo AB.jpg') no-repeat right bottom;
    	background-size:40px;
    }
    .fond_22 {
        background: url('../../images/vignettes/logo NP.gif') no-repeat right bottom;
    	background-size:40px;
    }    
    .fond_21 {
        background: url('../../images/vignettes/logo AB_NP.jpg') no-repeat right bottom;
    	background-size:50px;
    }    
    .M {
        background: url('../../images/cheptel/male.png') no-repeat right bottom;
    	background-size:20px;
    }    
    .F {
        background: url('../../images/cheptel/femelle.png') no-repeat right bottom;
    	background-size:20px;
    }    

    .css3rotate{
        overflow: hidden;
        margin: 0;
        padding: 30px 18px;
    }    
    .css3rotate img{
        transform: scale(1) rotate(0deg);
             box-shadow:3px 3px 5px grey;
            -webkit-transition: all 0.6s ease;
            -moz-transition:    all 0.6s ease;
            -ms-transition:     all 0.6s ease;
            -o-transition:      all 0.6s ease;
    }
    .css3rotate  a:hover img {
        transform: scale(1.6) rotate(-5deg);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
        opacity: 0.8;
        transition: all 0.6s ease;    
    }

    .vignette {
        text-align: center;
        padding: 5px; 
        border: 1px solid #4caef4;
        white-space: nowrap;
    }
    .vignette_secteur {
        /*width:13.4%;*/
        width:14%;
    }
    
    .vignette img{
         width:75%;
    }
    
    .vignette_compte {
        position:relative;
        height: 190px;
        text-align: center;
        padding: 5px;
        border: 1px solid #4caef4;
        white-space: nowrap;
    }
    .vignette_compte p{   
        bottom: 0;
        position: absolute;
        width:100%;
    }
    .vignette_compte img {
        display: block;
        margin: auto;
        width: 95%;
    }
    
    .plant_1 {
        border: 2px solid #f00;
    }
    .plant_2 {
        border: 2px solid #4caef4;
    }
    .plant_3 {
        border: 2px solid #f44cda;
    }