body {
    min-height: 100%;
}

.corpsPage{
    min-height: 100%;
    margin-bottom: 10%;
    
}

.corps-index{
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
}

.texteAccueil{
	font-size: 2em;
	text-shadow: 0.1em 0.1em 0.1em #939393;
        padding-bottom: 15px;
}

.colonne{
    margin: 2%;
}

.cadre{
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.21); 
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.21);
}

.cadre:hover{
    background-color: #d9d9d9;
}

.carreIndex{
    color: black;
}

.carreIndex:hover{
    color: black;
    text-decoration: none;
}

.indexImage {
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 20%;
    height: auto;
}

.titreIconeIndex{
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
}



footer{
    margin-top: 10%;
}


/********************************/
/*                              */
/*                              */
/*           Partie             */
/*          Liste ODM           */
/*                              */
/********************************/


/* Lien supprimer odm */
.lienSup {
    text-decoration:none;
    font-weight: 600;
    color: #fc876e;
}

/* Lien imprimer ODM */
.lienImp {
    text-decoration:none;
    font-weight: 600;
    color: #5bb7b9;
}

.lienTrue {
    text-decoration:none;
    font-weight: 600;
    color: #5bb7b9;
}

.lienFalse {
    text-decoration:none;
    font-weight: 600;
    color: #fc876e;
}




    
@media screen and (max-device-width: 575px){
    
   .modal, .modal-dialog, .modal-content, .modal-body {
     max-width: 100% !important;
    }
    .modal-body {
         max-height: 600px !important;
    } 
    
}