/*========================================================================================*/
/*========================================================================================*/
/*========================================================================================*/
.header {
}

.header_resize {
    margin:0 auto;
    padding:0;
/*    width:970px; */
/*    width:1100px; */
}


@media (min-width: 0px   ) { html, .main { padding:0; margin:0; font-size: 27.0%; } }
@media (min-width: 576px ) { html, .main { padding:0; margin:0; font-size: 32.5%; } }
@media (min-width: 768px ) { html, .main { padding:0; margin:0; font-size: 43.0%; } }
@media (min-width: 992px ) { html, .main { padding:0; margin:0; font-size: 52.5%; } }
@media (min-width: 1200px) { html, .main { padding:0; margin:0; font-size: 62.5%; } } /*Actuce   1rem = 10px   */
/*========================================================================================*/
/*========================================================================================*/
/*========================================================================================*/
.LogoBleu {
    margin:0 0; 
    padding:0;
    height:300px; 
    background-color:#9f2a2d;
    
    display: flex;
    align-items: center;  
    justify-content: center; 
    
   /* position: relative; */
}
.MessageJaune {
    background-color:#FFF6C3;
    color: red; 
}
.OpenSansLight46 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: 300;
    font-style: normal;
    font-size: 4.6rem; /*font-size: 46px;*/
    color: white;  
    text-decoration:none;
}
.OpenSansBold12 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    color: #FFFFFF;  
    text-decoration:none;
}
.OpenSansBold12_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansBold14 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;  
    text-decoration:none;
    text-transform: uppercase;
}
.OpenSansBold15 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    line-height: 24px;
    color: #757474;  
    text-decoration:none;
    text-transform: none;
}
.OpenSansBold16 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansBold16_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansBold16_3 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    color: #000000;  
    text-decoration:none;
}
.OpenSansBold18 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansBold18_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
/*    color: #71662B;  */
    color: red;  
    text-decoration:none;
}
.centered-text {
    text-align: center; /* Centre le texte horizontalement */
}
.OpenSansBold19 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 19px;
    color: white;  
    text-decoration:none;
}
.OpenSansBold20 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #757474;  
    text-decoration:none;
    text-transform: uppercase;
}
.OpenSansBold20_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #757474;  
    text-decoration:none;
    text-transform: none;
}
.OpenSansBold20_3 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;  
    text-decoration:none;
    text-transform: none;
}
.OpenSansBold20_4 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 35px;
    color: #FFFFFF;  
    text-decoration:none;
    text-transform: none;
}
.OpenSansBold25 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 25px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansBold35 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 35px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansBold57 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 57px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansSemiBold10 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: 600;
    font-style: normal;
    font-size: 5px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansSemiBold16 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansSemiBold16_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #000000;  
    text-decoration:none;
}
.OpenSansItalic15 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: italic;
    font-size: 15px;
    line-height: 24px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansItalic19 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: italic;
    font-size: 19px;
    color: white;  
    text-decoration:none;
}
.OpenSansRegular8 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 8px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansRegular12 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansRegular12_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #FFFFFF;  
    text-decoration:none;
}
.OpenSansRegular14 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansRegular14_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansRegular14_3 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #189ED0;
    text-decoration:underline;
}
.OpenSansRegular14_3:hover {
    /*background-color: #0C2372;*/ /* Green */
    color: white;
    color: #189ED0;
    text-decoration: underline;    
}
.OpenSansRegular15 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 24px;
/*  color: #757474;  */
    color: #000000;  
    text-decoration:none;
}
.OpenSansRegular15_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 24px;
/*  color: #0C2372;  */
/*  color: #9f2a2d;  */
    color: #000000;  
    text-decoration:none;
}
.OpenSansRegular15_2:hover {
    /*background-color: #0C2372;*/ /* Green */
/*    color: #0C2372; */
      color: #9f2a2d; 
    text-decoration: none;    
}
.OpenSansRegular16 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;  
    text-decoration:none;
}
.OpenSansRegular16_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #757474;  
    text-decoration:none;
}
.OpenSansRegular16_3 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansRegular20 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;  
    text-decoration:none;
}
.OpenSansRegular20_2 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
.OpenSansRegular24 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color: #000000;  
    text-decoration:none;
}

.OpenSansRegular27 {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: normal;
    font-style: normal;
    font-size: 27px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}

.HelveticaNeueRegular16 {
/*  font-family: 'HelveticaNeue'; */
    font-family: 'Libre Baskerville';
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;  
    text-decoration:none;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.CenterH1_1 {
    position: absolute;
    top: 50%;    
/*    margin: 0;    */
/*    left: 60%;*/
/*    margin-right: ;*/
/*    transform: translate(-50%, -50%);*/
}
.CenterH1_2 {
    position: absolute;
    top: 62%;    
/*    margin: 50;    
    left: 60%;
    margin-right: -50%; */
/*    transform: translate(-50%, -50%); */
}
.CenterH1_3 {
    position: absolute;
    top: 70%;    
/*    margin: 50;    
    left: 60%;
    margin-right: -50%; */
/*    transform: translate(-50%, -50%); */
}
.CenterH1_4 {
    position: absolute;
    top: 10%;    
    width: 170px;  /*width: 17.0rem;*/
    height: 170px; /*height: 17.0rem;*/
    
 /*   overflow: hidden;*/
}
.CenterH1_5 {
    position: absolute;
    top: 80%;    
/*    margin: 50;    
    left: 60%;
    margin-right: -50%; */
/*    transform: translate(-50%, -50%); */
}

/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.IdentificationForm {
    margin:0 0; 
    padding:0;
    width: 77%;
}   
.IdentificationContent {
    margin:0 0; 
    padding:0;
    background-color:#FFFFFF;
    display: flex;
    align-items: center;      
    justify-content: center;     
}
.IdentificationEspace {
    margin:0 0; 
    padding:3% 3% 3% 3%;
/*  background-color:#0C23721A; */
    background-color:#9f2a2d1A;
}
.IdentificationMail {
    margin:0 0; 
    padding:3% 0% 3% 0%;
/*  background-color:#0C23721A; */
    background-color:#9f2a2d1A;
     width: 100%;
}
.IdentificationMailValeur {
 width: 350px;
}
.IdentificatioLoginPassword {
    margin:10px 0px 0px 0px; 
}
.IdentificatioImput {
    width: 100%;
    height : 40px;
    text-transform: uppercase;
}
.ActifForm {
    margin:0 0; 
    padding:0;
    width: 100%;
}   
.FormWidth77 {
    margin:0 0; 
    padding:0;
    width: 77%;
}

.FormWidth90{
    margin:0 0; 
    padding:0;
    width: 90%;
}
.ContentFlexCenter {
    margin:0 0; 
    padding:0;
    background-color:#FFFFFF;
    display: flex;
    align-items: center;      
    justify-content: center;     
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.BoutonValider {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 0px;
    height : 40px;
}
.BoutonValider:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}
.BoutonDeposer {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 0px;
    height : 40px;
}
.BoutonDeposer:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}

.BoutonTelecharger {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 0px;
    height : 40px;
}
.BoutonTelecharger:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}


.BoutonRetour {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 0px;
    height : 40px;
}

.BoutonRechercher {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
    border-radius: 0px;
    height : 38px;
    

}
.BoutonRechercher:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}
.BoutonVisualiserActif {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
    border-radius: 0px;
/*    height : 38px; */
}
.BoutonVisualiserActif:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}
.BoutonInfoActif {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
    border-radius: 0px;
/*    height : 38px; */
}
.BoutonInfoActif:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}
.BoutonVisualiserAffaire {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    margin: 0px 0px;
    cursor: pointer;
    border-radius: 0px;
/*    height : 38px; */
}
.BoutonVisualiserAffaire:hover {
/*  background-color: #0C2372; */
    background-color: #9f2a2d;
    color: white;
    text-decoration: none;    
}
.BoutonImageActif {
    background-color: #A5A7AF;
    border: none;
    color: white;
    padding: 0px 0px;
    text-align: center;
    display: inline-block; 
    margin: 5px 5px;
    cursor: pointer;
    border-radius: 0px;
    text-decoration: none;
    width: 277px;
}
.BoutonImageActif:hover {

    background-color: #A5A7AF; 
    color: white;
    text-decoration: none;

    -webkit-box-shadow: 0px 0px 13px 12px rgba(165,167,175,0.35);
    -moz-box-shadow: 0px 0px 13px 12px rgba(165,167,175,0.35);
     box-shadow: 0px 0px 13px 12px rgba(165,167,175,0.35);

}

.href1{
 text-decoration: none;    
}
.href1:hover {
    text-decoration: none;    
}

/*===============================================================================*/
/*===============================ROW=============================================*/
/*===============================================================================*/
.RowContact {
  /*   background-color: #00FF00; */
     margin-top: 20px;     
     margin-bottom: 20px;          
     margin-right: 20px;
     margin-left: -15px;
     border-bottom: 1px solid #d8dae8; 
     padding-left: 0px;     
     padding-bottom: 3%;
     
}
.RowDetailActif {
  /*   background-color: #00FF00; */
     margin-top: 20px;     
     margin-bottom: 20px;          
     margin-right: 20px;
     margin-left: -15px;
     border-top: 1px solid #d8dae8; 
     border-bottom: 1px solid #d8dae8; 
     padding-left: 0px;     
     padding-bottom: 3%;
     
}
.RowLiensUtiles1 {
     margin-top: 0px;     
     margin-bottom: 0px;          
     margin-right: 20px;
     margin-left: -15px;
     border-top: 1px solid #d8dae8; 
     border-bottom: 0px solid #d8dae8; 
     padding-left: 0px;     
     padding-top: 10px;  
     padding-bottom: 10px;
     
}
.RowLiensUtiles2 {
     margin-top: 0px;     
     margin-bottom: 0px;          
     margin-right: 20px;
     margin-left: -15px;
     border-top: 1px solid #d8dae8; 
     border-bottom: 1px solid #d8dae8; 
     padding-left: 0px;   
     padding-top: 10px;  
     padding-bottom: 10px;
     
}
.RowLiensUtiles4 {
     margin-top: 0px;     
     margin-bottom: 0px;          
     margin-right: 20px;
     margin-left: -15px;
     border-top: 0px solid #d8dae8; 
     border-bottom: 1px solid #d8dae8; 
     padding-left: 0px;   
     padding-top: 10px;  
     padding-bottom: 10px;
     
}
.RowLiensUtiles3 {
     margin-top: 0px;     
     margin-bottom: 0px;          
     margin-right: 20px;
     margin-left: -15px;
     border-top: 0px solid #d8dae8; 
     border-bottom: 0px solid #d8dae8; 
     padding-left: 0px;     
     padding-top: 0px;  
     padding-bottom: 10px;
     
}
.MarginPadding0 {
  /*   background-color: #00FF00; */
     margin: 0px;     
     padding: 0px;     
}
.Padding20 {
  /*   background-color: #00FF00; */
  /*   margin: 20px;     */
     padding: 20px;     
}
.ContainerCard{
  /*   background-color: #00FF00; */
     margin: 0px;     
     padding: 0px;     
     max-width: none;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
    
.has-search .form-control {
  padding-left: 2.375rem;
  margin-right: 0px;
  margin-left: 0px;
  border: 1px solid #0C2372;
  
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;

  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #0C2372;
  

}

/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/

.form-control_Perso1:focus {
    /*
    background-color: white !important;
    color: #757474 !important;
    font-size: 35px !important;
    */
    border: 1px solid #ced4da;
    box-shadow: none;  
}

/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.TableAffaire{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;     
    padding-left: 0px;          
    padding-bottom: 0px;
    padding-top: 0px;
     
    border-top: 1px solid #d8dae8; 

}
.TableAffaire>tbody>tr>td,
.TableAffaire>tbody>tr>th,
.TableAffaire>tfoot>tr>td,
.TableAffaire>tfoot>tr>th,
.TableAffaire>thead>tr>td,
.TableAffaire>thead>tr>th {
  /*  padding: 10; */
    padding-right: 0px;     
    padding-left: 0px;          
    padding-bottom: 20px;
    padding-top: 20px;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.TableTrait{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;     
    padding-left: 0px;          
    padding-bottom: 0px;
    padding-top: 0px;
     
    border-top: 1px solid #d8dae8; 

}
.TableTrait>tbody>tr>td,
.TableTrait>tbody>tr>th,
.TableTrait>tfoot>tr>td,
.TableTrait>tfoot>tr>th,
.TableTrait>thead>tr>td,
.TableTrait>thead>tr>th {
  /*  padding: 10; */
    padding-right: 0px;     
    padding-left: 0px;          
    padding-bottom: 0px;
    padding-top: 0px;
}


/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.Table-Creance tbody tr:nth-of-type(odd) {
    background-color: #e7e9f1 ;
}
.Table-Creance tbody tr  {
box-sizing: border-box;
border: solid #f3f3f8 3px;
}
.Table-Creance thead tr {
}
.Table-Creance-Total {
    background-color: #e7e9f1 ;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.Comptabilite{
}
.Comptabilite .nav-link.active {
    background-color: #e7e9f1 ;
    color: #000000;
}
.Comptabilite .nav-link:not(.disabled):hover{
/*    background-color: #e7e9f1 ;*/
    color: #000000;
}


.DetailDossier{
}
.DetailDossier .nav-link {
/*    background-color: #0C2372 ;*/
    color: #000000;
}
.DetailDossier .nav-link.active {
/*  background-color: #0C2372 ;*/
    background-color: #9f2a2d ;
    color: #FFFFFF;
}
/*
.DetailDossier .nav-link:not(.disabled):hover{
    background-color: #EDEEF5 ;
    color: #0C2372;
}    
*/
.DetailDossier .nav-link:not(.active):hover{
    background-color: #EDEEF5 ;
    color: #0C2372;
}    


/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/

.panel-footer{
  background-color:#A5A7AF;
  border-color: #A5A7AF;
  color: #FFFFFF;

 }
 
 
.footerh1{
}
.footerh1 a { 
    color: #FFFFFF;
    text-decoration: none;
}
.footerh1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.ImageActif {
    width: 277px;
    height: 226px; 
}
.ImageProcedure {
 /*   width: 703px;
    height: 412px; 
*/    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;    
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.ogmi-embed-border {
  border: 2px solid #0C2372;
  box-sizing: border-box; /* prevents extra width from being added */
}
/* aspect ratio styles */
.ogmi-embed-responsive {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 85%; */
}
.ogmi-embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ogmi-embed-responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-responsive-1by2::before{padding-top:50%}

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

.CaptionMemento1 {
    position: absolute;
    top: 82%;
    left: 20px;
}
.FontSize {
/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;
}
@media (min-width: 0px   ) { .CaptionMemento { position: absolute; top: 80%;left: 20px; } }
@media (min-width: 576px ) { .CaptionMemento { position: absolute; top: 70%;left: 20px; } }
@media (min-width: 768px ) { .CaptionMemento { position: absolute; top: 70%;left: 20px; } }
@media (min-width: 992px ) { .CaptionMemento { position: absolute; top: 70%;left: 20px; } }
@media (min-width: 1200px) { .CaptionMemento { position: absolute; top: 82%;left: 20px; } }

@media (min-width: 0px   ) { .FontSize-responsive { font-size: 18px; } }
@media (min-width: 576px ) { .FontSize-responsive { font-size: 08px; } }
@media (min-width: 768px ) { .FontSize-responsive { font-size: 10px; } }
@media (min-width: 992px ) { .FontSize-responsive { font-size: 16px; } }
@media (min-width: 1200px) { .FontSize-responsive { font-size: 18px; } }

@media (min-width: 0px   ) { .FontSize2-responsive { font-size: 18px; } }
@media (min-width: 576px ) { .FontSize2-responsive { font-size: 08px; } }
@media (min-width: 768px ) { .FontSize2-responsive { font-size: 10px; } }
@media (min-width: 992px ) { .FontSize2-responsive { font-size: 16px; } }
@media (min-width: 1200px) { .FontSize2-responsive { font-size: 18px; } }
.CaptionPhotoMJCorp {
    position: absolute;
    top: 30%;
    left: 10%;
 /*   transform: translate( -50%, -50% ); */
 /*   text-align: center; */
/*    color: white;
    font-weight: bold; */
}
.CaptionPhotoMeBoudevin {
    position: absolute;
    top: 30%;
    left: 30%;
 /*   transform: translate( -50%, -50% ); */
 /*   text-align: center; */
/*    color: white;
    font-weight: bold; */
}

.justifier {
 text-align: justify;
}

.Card-Entete {
/*    width: 100px;
    height: 100px; */
    border-color: #0C2372;
     min-height: 180px;
}
/*===============================================================================*/
/*===============================================================================*/
/*===============================================================================*/
.list-group-item-accueil {
    text-decoration: none;
    border-left-width: 0px;    
    border-right-width: 0px;    
}
.list-group-item-accueil:hover {
    background-color: #E5E7F0 !important;
    border-color: #E5E7F0 !important;
}

.list-group-item-accueil.active{
    background-color: #FFFFFF !important;
    border-color: #0C2372 !important; 

/*  font-family: 'Open Sans'; */
    font-family: 'Libre Baskerville';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
/*  color: #0C2372;  */
    color: #9f2a2d;  
    text-decoration:none;  
    
    border-bottom: solid;
    border-bottom-width: 3px;
    border-left-width:  0px;    
    border-right-width: 0px;    
    border-top-color: #E5E7F0 !important;
    
/*    list-group-flush */
}
.list-group-item-accueil.active:hover{
    background-color: #E5E7F0 !important;
    border-color: #E5E7F0 !important;
    
    border-bottom: solid;
    border-bottom-width: 3px;
    border-bottom-color: #0C2372 !important;
}

.unique-card {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    /* Centrer le texte sur plusieurs lignes */
    height: 100%;
    max-width: 100%;       /* S'assurer que le texte utilise toute la largeur disponible */
    word-break: break-word; /* Gérer les retours à la ligne si nécessaire */
}