/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/custom/css/widgets.css
*	projet			: @PROJET@
*	version			: 1.0.5 2025-03-04 13:58 FS
*
 

/************************************************************** Image-entete *********************************************************************/
.image-entete-page-widget{
    position: relative;
}

.image-entete-page-widget .bloc{
    position: absolute;
    z-index: 1;
    bottom: 25%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.image-entete-page-widget.concours .bloc_blanc {
    padding: 50px;
    background: white;
}

.image-entete-page-widget .title{
    font-size: 70px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.97;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    
}



.image-entete-page-widget.concours .title {
    font-size: 25px;
    font-weight: bold;
    color: #4D5177;
    text-transform: uppercase;
    line-height: 35px;
}

.image-entete-page-widget .title span{
    font-size: 85px; 
    display: block;
    margin-left: 100px;
}


.image-entete-page-widget .bloc .text{
    margin:15px 0;
    font-size: 20px;
}

.texte-entete-page-widget {
    padding:15px 0;
}

 
.carre div {
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    min-height: 90px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    line-height: 1.2; 
}

.carre div.active {
    min-height: 80px;
}    

.blue1 {
  background-color: #0C4B66;  
}

.blue2 {
  background-color: #1F769C;  
}

.blue3 {
  background-color: #2E8CB6;  
}

.blue4 {
  background-color: #299ACC;  
}

.blue5 {
  background-color: #0BACF1;  
}

.blue6 {
  background-color: #56C6F8;  
}

.orange {
  background-color: #F58123;  
}



/************************************************************** groupe equipe *********************************************************************/
 

.groupe-equipe-widget div.boite {
    margin-bottom: 20px; 
}

.groupe-equipe-widget .no-padding {
    padding-left: 0px!important; 
}
.groupe-equipe-widget H4 {
    margin-bottom: 20px; 
}

.risque {
    cursor: pointer;
    text-align: center ;
    border-top : 1px solid #1F769C;
    padding-top: 30px; 
    min-height: 225px;
}

.risque.active {
    border : 2px solid #1F769C;
}

.full_content {
    display: none;
    border-top : 1px solid #1F769C;
    padding-top: 30px;  
}

/**************************************************************  accordeon widget *********************************************************************/
 

.contenu-accordeon-widget .title {
    color:  #1F93C7;
    cursor: pointer;
    font-size: 20px;
    margin: 10px 0;
    
}

.contenu-accordeon-widget .img1 {
    float: right;
    margin: 10px 0px 15px 25px;
}
.groupe-equipe-widget p {
    margin-top: 20px; 
}

 
/************************************************************** 2 col *********************************************************************/

.col-widget p a   {
    padding-bottom:  20px; 
    display: inline-block;
}

/************************************************************** boites_accueil *********************************************************************/

.boites_accueil div span {
    font-size: 35px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.boites_accueil div {
    text-align: center;  
    min-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boites_accueil div.white-padding {
    border-left: 15px solid white; 
    border-right: 15px solid white; 
}



.boites_accueil div:hover {
    opacity: 0.9;
}
.boites_accueil div.grey {
    background-image: linear-gradient(#1F1D1E, #7C7C7E);
    position: relative;
    padding-right: 0px;
    padding-left: 30px;
}
 
.boites_accueil div.grey img {
    position: absolute; 
    bottom: 0%; 
    right: 0%;
}

.boites_accueil div.grey span {
    position: absolute; 
    bottom: 20%; 
    left: 30%;
    font-size: 40px;
}

.boites_accueil div a.bottom {
    position: absolute; 
    bottom: 0; 
    line-height: 0.6;
    opacity: 0.69;
    mix-blend-mode: soft-light;
    font-size: 4.4em;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.69);
    text-align: justify;
}

/************************************************************Documents (Publication, lettres, ....) *********************************************************************/
.documents-widget H3 {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.documents-widget .row {
    margin-bottom: 7px;
}

.documents-widget a.grey {
   color: #676768!important;
}

/************************************************************ Recherche *********************************************************************/
.pagination a, .pagination strong {
    padding: 10px;   
}

.pagination strong {
    color: #2597CB!important  
}
 
/************************************************************ Mon Compte *********************************************************************/
.utilisateur_connexion-widget .section{
    border-bottom:solid 1px #2597CB;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.utilisateur_connexion-widget .section .header strong{
	text-align: right;
	width:135px;
	display:inline-block;
}

.utilisateur_connexion-widget .section .header .text{
    text-align: center;
    width:350px;
    display:inline-block;
}

.utilisateur_connexion-widget .section .header .action{
	color:#2597CB;
	width:100px;
	display:inline-block;
	cursor:pointer;
	text-transform: lowercase;
}

.utilisateur_connexion-widget .section .wrap{
	display:none;
}

.utilisateur_connexion-widget .user-info{
	font-size: 18px;
}


.utilisateur_connexion-widget .fields{
	border-left: solid 1px #2597CB;
}

input[type="checkbox"].big20{
    width: 20px;
    height: 20px;
}


@media screen and (max-width: 1600px) {
    .boites_accueil div {
        min-height: 450px;
    } 
    
    .boites_accueil div span, .boites_accueil div.grey span {
        font-size: 35px;
    }
    
    .boites_accueil div.grey span {
        left: 0%;
        right: 30%;
    } 
    .boites_accueil img {
        max-width: 85%;
    } 

    .bloc2 .boites_accueil img {
        max-width: 70%;
    } 
	
	.boites_accueil div a.bottom {
			font-size: 3em;
	}
    
}



@media screen and (max-width: 1400px) {
    .boites_accueil div {
        min-height: 400px;
    } 
    
    .boites_accueil div span, .boites_accueil div.grey span {
        font-size: 33px;
    }
    
    .boites_accueil div.grey span {
        left: 0%;
        right: 30%;
    } 


    .bloc2 .boites_accueil img {
        max-width: 80%;
    } 
        
    
 	.boites_accueil div a.bottom {
			font-size: 2em;
	}   

}

@media screen and (max-width: 968px) {
    .boites_accueil img {
        max-width: 100%;
    }

   .boites_accueil div span, .boites_accueil div.grey span {
        font-size: 30px;
    }
	
   .carre div {
        font-size: 15px;
    }
	
    .image-entete-page-widget .title {
        font-size: 40px;
    } 
    .image-entete-page-widget .title span {
        font-size: 30px;
        margin-left: 10px;
    } 
	
} 

@media screen and (max-width: 499px) {
    .boites_accueil div {
        min-height: 350px;
    } 
    .boites_accueil div.white-padding {
        border:none; 
    }  
    .boites_accueil div.grey span {
        bottom: 50%; 
        left: 0%;
        right: 35%;
    } 
    .boites_accueil img {
        max-width: 60%;
        text-align: center;
    } 
    
    .bloc2 .boites_accueil img {
        max-width: 55%;
    }     
    
    
    .boites_accueil .text-left {
        text-align: center;
    }
    .boites_accueil img.img-responsive {
        max-width: 100%;
    }

        .image-entete-page-widget.concours .bloc_blanc {
            padding: 50px 20px 20px 20px;
            background: white;
        }    
    
    .image-entete-page-widget.concours .bloc{
        position: unset;  
    }

    .image-entete-page-widget.concours .title {
        font-size: 20px;
        font-weight: bold;
        color: #4D5177;
        text-transform: uppercase;
        line-height: 25px;
        margin-top: 30px;
    }
    
    .image-entete-page-widget .bloc{
        top: auto;
        bottom: 20%;
    }
    
   
    .image-entete-page-widget .title {
        font-size: 30px;
    } 
    .image-entete-page-widget .title span {
        font-size: 25px;
        margin-left: 10px;
    }

    li {
        font-size: 18px;
      
    }    
    
}