/* author : JCE 
        Ombrage du bandeau d'accueil*/
 @font-face{
 	font-family: 'Roboto';
 	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
 }
 
  @font-face{
 	font-family: 'MAAF Bold';
 	src: url('../fonts/MAAF/bold/maaf_bold.ttf') format('truetype');
 }
 
 @font-face{
 	font-family: 'Open Sans';
 	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
 }
 
 
 body{
 font-family: 'Roboto' !important;
 }   
 
 .vote-footer{
 display:none;
 }   
 
 .editArea{
    display:none;
 }  
 .itemlist-item:hover{
    background-color:#0090a6 !important;
 }
 
 .portailAccueil .resultatRecherche{
    margin-left:200px;
 }
/* ----------------------------------  LOGIN  -----------------------------------------------*/
        .row_Header_VS_Logo_MAAF, #header_VS_GMF{
        display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 10px 40px;
		gap: 10px;
		width:100%;
		height: 60px;
		left: 0px;
		top: 0px;
		/* White */
		background: #0090A6;
		/* GMF header */
		}
		
		.loginWYSIWYG{
		    display: flex;
            flex-direction: column;
			background-color: #E6F4F7;
		    margin-top: 50px;
		}
		
		.loginWYSIWYG > .wysiwyg{
			margin-left: 400px;
		}
				
		.conteneurLogin {
			padding-left: 750px;
			padding-right: 175àpx;
			width: 100%;
		}
		
		.logoGMFHaut img{
			height:50px;
		}
		.cadreCarousel{
		border-radius: 16px 16px 16px;
		}
		
		
		.bandeauConnexion table{
		/*	max-width:1000px; */
		width: 100%
		}
		
		.titreEspace{
			color: #1C4967;
			font-size:16pt;
			font-family: "MAAF Bold";
			text-align:left;			
		}
		
		.formulaireLogin{
			padding-right:100px;
			padding-top:140px;
		}
		
		.formulaireLoginMdp{
			width:90%;
		}
		
		.idOublie{
		margin-top:10px;
		
		}
		
		.idOublie a{
		color:#007385;
		}
		
		.sendButton{
			text-align:center;
		}
		.inputLogin{
			width:90%;
			background: #FFFFFF;
			border: 1px solid #F4F4F4;
			box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
			height:30px;
			border-radius:3px;
			margin-bottom:3px;
		}
		
		.labelLogin{
			margin-bottom:0px;		
			font-style: normal;		
			font-weight: 400;		
			font-size: 14px;		
			line-height: 20px;
			color: #3E4552;
		}
		
		.loginBlockInput{
			margin-top:2px !important;
		}
		
		#loginButton, #resetButton, #cancelButton {
			margin-top:20px;			
			padding: 5px 10px;			
			gap: 5px;
			color:white;	
			left: 215px;			
			top: 788px;
			background-color: #E2001A;
			border:none;
			border-radius: 4px;
		}
		
        #cancelButton {
           color: #333;
           background-color: #fff;
           border-color: #ccc;
        }
		
		.lienLogin{
			margin-top:5px;
			text-decoration:underline;
			color: #007385;
		}
		
		.formBlockLogin{
			margin-top:2px;	
		}
		
		.conteneurLogin{
			
			padding-bottom:10px;
		}
		 picture{
            pointer-events: none;
        }
/*------------------------------- GENERAL -----------------------------------*/
      .mt-2{
         margin-top: 20px;
      }
      
      .portlet-image-img{
      border-radius:0;
      max-width:80px;
      }
      
      .identificationRouge, .messageRouge{
        color: red;
        font-size: 14px;
        line-height: 20px;
    }
       
     .contentFlexBox{
        display: flex;
        flex-flow: row wrap;
    }
    
    .contentFlexVignette{
       display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
    }
    
    .vignetteAssembleeSec{
          max-width: 420px; 
          max-height: 320px;
        }
        
	
	.marginBoxHeight{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.marginBoxWidth{
		margin-left: 210px;
		margin-right: 210px;
	}
	
	.marginBoxBienvenue{
		margin-left: 200px;
		margin-top:30px;
	}
	
	.responsive-header{
		display: none;
	}
	
	.selection-main{
		margin-right: 0;
		margin-bottom: 20px;
	}

		.MenuBasPage{
		padding: 15px 40px;
		gap: 10px;
		width: 100%;
		height: 60px;
		background: #003A42;
		position: absolute;
		left: 0px;
	
		}
		
		.MenuBasPage a{
		font-family: 'Open Sans';
		color:white;
		text-decoration: underline;
	    font-weight: 400;
	    font-size: 18px;
	    font-style: normal;
	    line-height: 21px;
	    margin-bottom: 10px;

		}
		
		.breadcrum-vs{
			background-color:white !important;
			padding: 0px;
		}
		
		
		.breadcrumb-vs li:before{
			content:"." !important;
		}
		
		.lienCheminDeFer {
			font-size: 12px;
			font-weight: 400;
			font-family: 'Open Sans';
			color: #007385;
		}
		
		.lienCheminDeFer_actif {
			font-size: 12px;
			font-weight: 700;
			font-family: 'Open Sans';
			color: #007385;
		}
		
		.separateurCheminDeFer:before {
			content: "-" !important;
			padding: 3px !important;
		}
		
		.separateurCheminDeFer_first:before {
			content: "" !important;
			padding: 3px !important;
			background-image: url('../../images/barreHeader/home-alt-maaf.png');
			background-size:cover;
			width: 14px;
    		height: 14px;
    		display: inline-block;
		}
		
		.accueilTexte1 {
			color: #1C4967 !important;
		}
		
		.accueilTexte2 {
			color: #0090A6 !important;
		}
		
		.padding-left-none {
			padding-left: 0 !important;
		}
		
		.panel-shadow{
			border-radius: 8px;
		    box-shadow: 0px 4px 20px rgba(0, 144, 166, 0.16) !important;
		}
		
		.pqf-carousel .carousel-inner > .item{
			height: auto !important;
		}
		
		
		/*--------------------------- ACCUEIL CAROUSEL ----------------------------------*/	
		.CarrouselRefonteVS{
		margin-top:0px !important;
		}
		
		.carousel-thumb IMG{
			left: 0;
	    	position: absolute;
	    	width:100%;
		}
		
		.contenuDroiteCarousel{
			background: #FFFFFF;
			height:100%;
			display: flex;
			flex-direction: column;
		}
		
		.colContenuDroite{
            padding-left: 0px;
            display: flex;
            flex-direction: column;		
		}
		
		.colContenuGauche{
			padding-right:0px;
			flex: 1;
	        height: auto;
		}
		
		.contenuCarouselRow{	
            display:flex;
		}
		
		.contenuCarouselRowCorrespondant{
	
		height: 400px;
		}
		
		.imageCarousel {
	    height: 100%
	   }
		
		.imageCarousel img{
		max-height: 100%;
	    width: 100%;
	    object-fit: cover;
		}
		
		.carousel-inner{
		/*border: 1px solid #CCE9ED;*/
		
		}
		
		.carousel{
			height: unset !important;
			background: #FFFFFF;
			border-radius: 5px;
			/*max-width:800px;*/
			margin: 0 auto;
			filter: drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.12));
		}
		
		.carousel-indicators{
			position:inherit !important;
			padding-left:0px;
			padding-right:0px;
			padding-top:4px;
		    width: unset !important;
		    margin-bottom:0px;
		  
		    
		}
		
		.carousel-control:hover{
			color:#0A4DA4;
		}
		
		.barreCarousel{
		  background-color:white;
		  border-radius: 0px 0px 0px 0px !important;
		  text-align:center;
		}
		
	   .pqf-carousel .carousel-indicators LI.active{ 
	    	border:none;
	    	background: linear-gradient(0deg, rgba(0, 144, 166, 0.8), rgba(0, 144, 166, 0.8)), rgba(0, 144, 166, 0.1);
	    }
		
		.carousel-control{
			position: inherit ;
			background:none !important;
			text-shadow : unset !important;
			color:#0090A6 !important;
			opacity:1 !important;
			left:unset;
			font-size:16px !important;
			padding-left:0px;
			padding-right:0px;
		}
		.carousel-control.left{
	
		}
		
		.carousel-control span{
		position:static !important;
		margin-top:0px !important;
		height:unset !important;
		font-size:16px !important;
		
		}
		
		.titreCarousel{
		font-style: normal;
		font-weight: 700;
		font-size: 30px;
		line-height: 35px;
		text-shadow:unset !important;
		text-align:left;
		font-family: 'MAAF';
		color: #1C4967 !important;
		margin-top: 10px;
		}
		
		.contenuTextDroite{
			padding:10px;
			padding-left:20px;
			display: flex;
	        flex-direction: column;
	        flex: 1;
		}
		
		.descriptionCarousel{
			text-align:left;
		    font-size: 16px;
		    font-family: 'Open Sans';
		    color: #1C4967 !important;
		    margin-bottom: 0px;
		 }
		 
		 .pqf-carousel .carousel-indicators LI{
		 	background: rgba(200, 200, 200, 0.1);
			border : none;
			backdrop-filter: blur(1.33333px);
			box-shadow: inset 1.33333px -1.33333px 1.33333px rgba(194, 194, 194, 0.3), inset -1.33333px 1.33333px 1.33333px rgba(255, 255, 255, 0.1);
			transform: matrix(-1, 0, 0, 1, 0, 0);
		 }
		 
		 .pqf-carousel{
		 	margin-top:20px !important;
		 	margin-bottom: 30px;
		 }
		 
		 .boutonEnSavoirPlus{
		     align-self: flex-start;
		     margin-top: auto;
			 justify-content: center;
			 align-items: center;
			 padding: 10px 20px;
			 gap: 5px;
			 height: 40px;
			 background: #0090A6;
			 border-radius: 4px;
	         color: #0A4DA4 !important;
	         text-shadow:unset !important;
	    	 color: #FFFFFF !important;
	    	 text-decoration: none;
	    	 font-size: 14px;
		 }
		 
		 .pqf-carousel .carousel-inner{
		 height: initial; 
		 text-align:left !important;
		 }
		 
		 .pqf-carousel .carousel-inner > .item {
        height: initial; 
		}
		 
		 /*--------------------------- ACCUEIL RUBRIQUES -------------------------------------*/ 
		 
		 .lienRubrique {
			color: #0090A6;
			/* p bold */
			font-size: 16px;
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: 700;
			line-height: 20px;
		}
		 
		 .contentRubrique{
		 float:none;
		 margin-left: -30px;
		
		 }
		 
		 .contentRubriqueAG{
		 margin-bottom:50px;
		 }
		 .spanAccueil{
		  margin-top:3px;
		 }
		 
		 input:disabled{
          background-color:white !important;
        }
        
        
		 /*--------------------------- ACCUEIL LIENS -------------------------------------*/
		 
		 .liensTitle, .rubriquesTitle, .actuTitle{
			font-family: 'MAAF Bold';
			font-style: normal;
			font-weight: 400;
			font-size: 14px;
			line-height: 20px;
			text-transform: uppercase;
			color: #1C4967;
			display: flex;
		    border-bottom: 1px solid;
		    justify-content: stretch;
		    padding-bottom: 5px;
		    max-width: fit-content;
		    margin-bottom: 20px;
		} 
		
		 
		 .pqf-thumbnail-liens {
		 	background-color: white;
		 	box-shadow: 0px 0px 1px #0090A6;
		 	color:#0090A6;
    		border: 1px solid #0090A6 !important;
    		height:unset;
    		margin-left: 0px !important;
    		padding: 0px !important;
    		font-family:"MAAF bold";
		 }
		 .pqf-thumbnail-liens a{
		 	color:white;
		 }
		 
		 .pqf-thumbnail-liens a:hover{
		 	text-decoration:none;
		 }
		 
		 .pqf-thumbnail-liens img {
    		margin-left: auto;
   			 margin-right: auto;
    		border: none !important;
    		background: none !important;
    		padding: 0px !important;
    		margin-top: 20px !important;
    		border-radius: 0px !important;
		 }
		 
		 .textLiensAccueil{
		 font-weight:400;
		 font-style:normal;
		 font-size:18px;
		 line-height:21px;
		 color: #0090A6;
		 }
		 

		/* ------------------------------ ACCUEIL DOCUMENTATION ------------------------------------- */
		.panelDoc {
			border-radius: 5px;
			background-color: white !important;
		}
		
		.panel-footer.panelDoc{
			border-top: none;
			padding-bottom: 20px;
		}
		
		.titreDocumentation {
			text-align: left;
			font-family: 'Roboto';
			font-style: normal;
			font-weight: 700;
			font-size: 18px !important;
			color: #1C4967;
			margin-bottom: 0px;
		}
		 
		/* ------------------------------- ASSEMBLEES GENERALES ------------------------------------- */
		
		.AssembleeRowActu, .RepresentantRowActu{
			background-color: #ECEDF3;
			padding:10px 0;
		}
		
		.AssembleeRowVignette, .RepresentantRowVignette{
			padding-top:20px; 
		}
		
		.panel-default {
			border: none !important;
		}
				
		.cardAssemblees {
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			background: #FFFFFF;
			border: 1px solid #C7EDF0;
			box-shadow: 0px 4px 20px rgba(0, 144, 166, 0.16);
			border-radius: 4px;
			text-align: left;
			padding-bottom: 10px;
		}
		.linkVignetteAG{
		margin:auto;
		}
				
		.descriptionAG{
		padding-left:10px;
		}
		
		.titleAG {
		color: #1C4967;
		font-size: 16px !important;
		font-weight: 700 !important;
		font-family: 'Comic Sans';
		}
		
		.descriptionAG h3{
			margin-top:0px !important;
			font-family: 'Roboto';
			font-style: normal;			
			font-weight: bold;			
			font-size: 18px;			
			line-height: 21px;
			color: #1C4967;
		}
		
		
		.descriptionAG h3 a{
		color: #1C4967;
		}
		.descriptionAG p{
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 14px;
		color: #3E4552;
		}
		
		.ensavoirplusAG{
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 19px;
		text-decoration-line: underline;
		color: #007385;
		}
				
		.agTitle {
			font-family: 'MAAF Bold';
			font-style: normal;
			font-weight: 400;
			font-size: 36px;
			line-height: 35px;
			color: #1C4967;
			text-align: left !important;
			padding-bottom: 10px;
		}
		
		.agContent {
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 20px;
			color: #1C4967;
			margin-bottom: 40px;
		}
		
		
		.agTitleThumbnail {
			font-family: 'Open Sans' !important;
			font-style: bold;
			font-weight: 700;
			font-size: 16px;
			line-height: 20px;
			color: #283E86;
			text-align: left !important;
			margin-bottom: 10px !important;
		}

		.agTitleThumbnail a{
			color: #283E86;
		}
		
		.CarrouselAGRefonteVS {
			text-align: left !important;
		}
		
		.carousel-inner-AG {
			border-radius: 5px !important;
		}
		
		.boutonVoirSurUneCarte{
		 font-family: 'Open Sans';
		  position: absolute;
         bottom:10px;
		 flex-direction: row;
		 justify-content: center;
		 align-items: center;
		 font-weight: 700;
		 padding: 10px 20px;
		 gap: 5px;
		 height: 40px;
		 color: #FFFFFF !important;
         text-shadow:unset !important;
    	 background: #0090A6;
		 border-radius: 4px;
		 font-size:16px;
        width: fit-content;
		 }
		 
		 .RepresentantHead{
			padding: 10px 0;
			background-color: #e6f4f7;
		}
		
		.representantWrapper{
			margin: auto 215px;
		}
		
		
		.panel-heading.panelRepresentant{
			border-bottom: 1px solid rgb(0, 144, 166, 0.16); ;
			border-radius: 5px 5px 0 0;
		}
		
		.panel-footer.panelRepresentant{
			border: none;
			display: flex;
			justify-content: center;
			border-radius: 0 0 5px 5px;
			padding-bottom: 20px;
		}
		
		.panel-heading.panelRepresentant, .panel-body.panelRepresentant, .panel-footer.panelRepresentant{
			background-color: white;
		}
		

		.blockCardGrey{
			margin-top:20px;
		}

		.cardGrey{
			margin-bottom:10px;
			margin-top:10px;
			border-radius: 16px 16px 16px 16px;
			box-shadow: 0px 4px 20px rgba(0, 144, 166, 0.16);
			background-color: #FFFFFF;
			margin-left:20px;
			max-width:485px;
			padding-bottom: 35px;
			text-align: center;
			height:221px;
			padding-top: 15px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.cardGreySupports{
		    margin-bottom:30px;
			margin-top:10px;
			border-radius: 16px 16px 16px 16px;
			box-shadow: 0px 4px 20px rgba(0, 144, 166, 0.16);
			background-color: #FFFFFF;
			text-align: center;
			padding-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.RowGreySupport{
		  padding-bottom:15px;
		  margin-top:-35px;
		}
		
		.textBlockCardGrey {
			padding-left: 15px;
			padding-right: 15px;
		}
		
		.textBlockCardGreySupport {
			text-align:left;
			padding-left: 15px;
    		font-size: 16px;
   			font-family: 'Open Sans';
    		color: #1C4967 !important;
    		font-weight:bold;
			
			
		}
			
		.boutonDownloadRapport {
			display:block;
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 20px;
			flex-direction: row;
			justify-content: center;
			text-align: center !important;
			align-items: center;
			padding: 10px 20px;
			gap: 5px;
			background: #FFFFFF;
			border: 2px solid #0090A6;
			border-radius: 5px;
			color: #0090A6 !important;
			text-shadow: unset !important;
		/*	bottom: 10px;
			margin-bottom: 15px;
			margin-top: 15px;
			position: absolute;
			left: 50%;
			transform: translate(-50%, 0%);
			width: 90%;*/
		}
		
		
		
		.espacePersonnelInput{
			background: #FFFFFF;
			border: 1px solid #BBC9D2;			
			border-radius: 4px;
			width: 80%;		
		}
		
		.cardActive{
			border:2px solid #0090A6 !important;
			margin-left:10px;
			padding-top:10px;
			padding-bottom:8px;
			border-radius:4px;
			background-color:#e6f4f7;
		}
		.cardCivilite{
			border:2px solid #BBC9D2;
			margin-left:10px;
			padding-top:10px;
			padding-bottom:8px;
			border-radius:4px;
		}
		
		.imageAssemblee img {
			border-radius : 8px 0px 0px 8px;
		}
		
		.contenuDroiteAssemblee{
			border-radius : 0px 16px 16px 0px;
		}
		
		/*--------------------- INTERLOCUTEURS -----------------------*/
		
		.cardInterlocuteur {
			background: #FFFFFF;
			border: 5px solid rgba(255, 255, 255, 0.5);
			box-shadow: 0px 4px 20px rgba(0, 144, 166, 0.16) !important;
			border-radius: 5px;
			margin-right: 30px;
			padding: 10px;
			padding-left: 10px;
			margin-bottom: 25px;
		}
		
		
		.imageInterlocuteur{		
			width: 100%;       
            object-fit: cover;
            clip-path: ellipse(50% 50%);
            aspect-ratio: 1;
		}
		
		.interlocuteurEmail{
		font-size: 12px;
		text-decoration:underline;
		color: #007385;
		font-family: 'Open Sans';
		}
		
		.interlocuteurPrenom{
		color: #0090A6;
		font-size: 16px;
		font-weight:bold;
		margin-bottom:0px;
		font-family: 'Open Sans';
		}
			.interlocuteurNom{
		font-weight:bold;
		color: #1C4967;
		font-size: 16px;
		font-family: 'Open Sans';
		}
		
		.interlocuteurPhone{
		font-weight:400;
		color: #3E4552;
		font-size: 16px;
		font-family: 'Open Sans';
		}
		
		
		.liensFooter {
			/*
			position: absolute;
		    bottom: 0;
		    width: 100%;
		    */
		    flex-shrink: 0;
		    width: 100%;
    		height: 40px;
        	position: fixed;
    		bottom: 0;
    		z-index: 999;
		}
		
		.liensFooter ul{
			float:right;
		}
		
		.liensFooter a{
			color:white;
			text-decoration:underline;
		}
		
		.liensFooter a:hover{
			color:white;
			text-decoration:underline !important;
			background-color:unset !important;
		}
		
		
		
		.contenuDroiteCarouselAS{
			background: #FFFFFF;
			height:100%;
			border:1px solid #e6f4f7;
		}
		
		.CarrouselASRefonteVS .carousel{
		    filter: none;
		    background-color: white;
		    margin-bottom:0px;
		    
		    	}
		.jspCollectionAutreRencontre .panel{
		 	margin-bottom:0px !important;		 
		 	filter:drop-shadow(0px 7px 7px rgb(0,0,0,0.12));
		 
		}
			
			
			.panel:has(.CarrouselWebRefonteVS){
				border-radius: 16px 16px 0px 0px;
			}
					
			
			.panel:has(.VignetteWebRefonteVS){
				border-radius: 0px 0px 16px 16px ;
			}
			
			.panel:has(.VignetteASRefonteVS){
				border-radius: 0px 0px 16px 16px ;
			}
		
		
		
			.CarrouselWebRefonteVS .contenuDroiteCarouselAS{
		   	background: linear-gradient(180deg, #FFEADC 0%, #FFD8C0 100%);
		}
		.CarrouselWebRefonteVS .carousel{
		    filter: none;
		}
		
		
		.vignetteAS{
			object-fit: cover;
			margin-left:0px !important;
		    width: 290px;
		    height: 230px !important;
		        margin-bottom: 10px;
		}
		.vignetteBorderAS{
			border:none;
			text-align: left;
		}
		
		.lienTitreAS{
			text-align:left;
			font-weight: bold;
			color:#1C4967;
		}
		
		.header-card-AS{
		background-color:white;
		text-align:left;
		font-size:18px !important;
		}
		
		
		.header-card-AS .btn{
			font-size:18px !important;
			color:#1C4967;
			font-weight:700;
		}
		.card-AS{
		background-color:white;
		border:none !important;
	
		}
		
		.contenuCorrespondant{
		padding:10px;
		padding-top:0px !important;
		}
		
		.card-AS:hover{
		    box-shadow: none;
		}
		
		.contentCollapseASVignette{
	        background-color:white;
	        display: flex;
	        flex-direction: column;
        }
		.contentVignetteCorrespondants {
			padding-left:40px;
}
		}
		
		.contentCollapseASGlobal{
		background-color:white;
		padding:15px;	border-radius: 0px 0px 16px 16px ;
		 	filter:drop-shadow(0px 7px 7px rgb(0,0,0,0.12));
		
		}
		
		.card-AS-global{
			background-color:white;
			border:none !important;
			margin-bottom:0px !important;
			border-radius: 16px 16px 0px 0px ;
			
		}
		
		.card-AS-global:hover{
		    box-shadow: none;
		}
		.cardGreyGlobal{
			margin-bottom:10px;
			margin-top:10px;
			border-radius: 16px 16px 16px 16px;
			background-color: #f0f6ff;	
			margin-left:20px;
			max-width:485px;
			padding:15px;
			padding-bottom: 35px;
			text-align: center;	
		}
		
		.contenuDroiteAssemblee-global{
			
			color: #0A4DA4;
			
		}
		
		.webinarLink{
			color: #0A4DA4;
			text-decoration:underline;
		}
		
		/*--------------------- CORRESPONDANTS MUTUALISTES -----------------------*/
		
		.header-card-AS .panel-title > a{
	        background-color:white;
	        text-align:left;
	        font-size: 16px;
	        font-family: 'Open Sans';
	        font-weight: 700;
	        color: #0A4DA4;
	        line-height: 20px;
        }
		
		.boutonLienMort {
			font-family: 'Open Sans';
			font-size: 16px;
			color: #007385 !important;	
			justify-content: left;
			display: flex;
			text-decoration: underline !important;
			text-shadow: unset !important;
		}
		
		.pqf-carousel-CM{
			margin-top:0px !important;
			border:unset;
			border-radius: 0px !important;
			padding:10px;
		}
		
		.carousel-inner-AG{
		    background-color: white;
			border-radius: 8px !important;
			margin-bottom: 25px !important;
		}
		
		/*--------------- BARRE DE RECHERCHE ---------------------*/
		
		.hidden-print {
		    display: flex;
		    justify-content: right; 
		}
		

		.btnSearch {
	        width: 75px !important;
	        height: 20px !important;
	        font-family: 'Roboto' !important;
	        font-style: normal !important;
	        font-weight: 400 !important;
	        font-size: 16px !important;
	        line-height: 20px !important;
	        display: flex !important;
	        align-items: center !important;
			color: #0090A6 !important;
			flex: none !important;
			order: 1 !important;
			flex-grow: 0 !important;
			border: unset;
			background-color:transparent;
			
        }

		.btnSearch:hover{
		background-color:transparent;
		}
		.btnDeconnexion {
			box-sizing: border-box;
			display: flex;flex-direction: row;
			justify-content: center;
			align-items: center;
			padding: 10px 20px;
			gap: 5px;
			width: 176px;
			height: 40px;
			background: #FFFFFF;
			border: 2px solid #0090A6;
			border-radius: 4px;
			flex: none;
			order: 2;
			flex-grow: 0;
			margin-left: 10px;
			margin-top:3px;
        }

        .searchFocus{
            background-color:white !important;
            border-radius:3px !important;
            color:#0090a6 !important;
        }

        .spanAccueil{
            margin-top:3px;
        }

        .linkAccueil, .researchBox{
            display: flex;
            align-items: center;
            
        }
        UL.item-box .item:hover{
            background-color:transparent !important;
            border-bottom: 1px solid transparent; 
            border-top: 1px solid transparent;
        }
		.btnAccueil {
			
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 20px;
			display: flex;
			align-items: center;
			color: #FFFFFF;
			flex: none;
			order: 1;
			flex-grow: 0;
			border: unset;
			background: unset;
        }

		.textDeconnexion {
			width: 111px;
			height: 20px;
			font-family: 'Open Sans';
			font-style: normal;
			font-weight: 700;
			font-size: 15px;
			color: #0090A6;
			flex: none;
			order: 1;
			flex-grow: 0;
			margin-bottom : 0;
		}

        
		
		.linkAccueil img {
		    margin-right: 5px;  
		}

        .inputSearch{
			float:left !important;
        }

        .colonneHeader {
			width: 20%;
        }

		.row_Header_VS_Logo_MAAF .row {
			width: 100%;
			display: flex;
			align-items: center;
		}
		
		.bandeauHeader{
			    padding-top: 10px;
		}
		
		.formSearch{
		border:none;
		box-shadow:none;
		padding-top: 10px;
		background: unset;
		      color:white;
		}
		
		.formSearch:focus{
		box-shadow:none;
		border:none;

			}
		
		.formSearch::placeholder{
			color: #FFFFFF;
			font-family: 'Open Sans';
			font-weight:700;
			font-size: 16px;
		}
		
		/*---------- CAP DELEGUES -------------*/
		
		.titreCategories, .titreDocuments{
			text-align:left;
			
		}
		
		.titreCategories{
			padding: 0px;
			margin-top:20px;
			margin-bottom:10px;
    		font-size: 16px;
   			font-family: 'Open Sans';
    		color: #1C4967 !important;
    		font-weight:bold;
		}
		
		
		.conteneurImageConnexion{
			background-size:cover;
			height: 100vh;
		}
		
		.card-CAP{
		margin-bottom:0px !important;
		}
		
		.pqf-carousel:has(.carouselCAP){
		margin-top:0px !important;
		}
		
		a.titreDocuments {
		    font-weight: normal;
		}
		
		.vignetteReuPlenière{
		  width:100%;
		}
		.lienReuPleniereCard{
		  color:#1C4967;
		}
		.wysiwyg-inline-edit-display .wysiwyg-inline-buttons {
     display: none !important;
    }
    
	
/*---------- RESPONSIVE -------------*/
	
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	
	.marginBoxBienvenue{
		margin-left: 0;
	}
	
	.marginBoxNavigate{
		margin : 0;
	}
	
	.marginBoxWidth, .representantWrapper{
		margin-left: 0;
		margin-right: 0;
	}
	
	.marginBoxHeightLogin{
		margin-top: 0;
	}
	
	.row_Header_VS_Logo_MAAF{
		display: none;
	}
	
	
	   #loginButton{
       width:100%;
    }
    .inputLogin{
    width:100%;
    }
    .formulaireLoginMdp   {
     margin: 0 auto;
        width:100%;
    }
    
    .ligneMessage{
    margin-bottom:60px;
    }
    
   .row_Header_VS_Logo_MAAF{
    padding: 0px !important;
    }
    
    #header_VS_GMF_ada_240396_0{
    margin-left :0px !important;
    }
    #textDeconnexion{
    width:100%;
    }
    
    .row:has( .formulaireChangeMDP   ){
    margin: 0px;
        }
      


    
     .portailLogin  .row_Header_VS_Logo_MAAF{
            display: none !important;
    }
    
  
    
    .portailLogin .logoGMFHaut{
        max-width:50% !important;
        width:50%;
    }
    
    .portailLogin .row_Header_VS_Logo_MAAF .row {
    
    display:block;
    width:50%;
    }
    
	.responsive-header{
		display: flex;		
		vertical-align: middle;
	    text-align: left;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.12);
	    background-color: #0090A6;
	    padding-top: 5px;
    	padding-bottom: 5px;
	}
	
	.responsive-header > div.row{
		display: flex;
	    justify-content: center;
	    align-items: stretch;
	    flex: 1 1 auto;
	}
	
	.responsive-header > div.row > div.col-xs-3, .responsive-header > div.row > div.col-xs-4, .responsive-header div.PortletSearch, .inputSearch, input.formSearch{
		display: flex;
    	align-items: stretch;
	}
	
	.responsive-header > div.row > div.col-xs-4{
		flex-flow: row-reverse;
	}
	
	.navigateHeader{
		display: flex;
    	align-items: stretch;
    	flex-flow: row-reverse;
	}
	
	
	.responsive-header div.PortletSearch{
		align-items: stretch;
	}
	
	div.dropdown{
		display: flex;
	}
	
	div.dropdown > button{
		background-color: #0090A6;
	}
	
	div.dropdown > button > span{
		color: white;
	}
		
	#dropdownMenu{
		margin-top: 0px !important;
		background-color: #007385 !important;
		padding: 5px !important;
	}
	
	#dropdownMenu a{
		text-align: end;
	}
	
	.dropdown-header{
		text-align: center;
		color: white;
		font-size: 16px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		line-height: 20p x;
		
	}

	.open > .dropdown-menu#dropdownSearch{
		display: flex;
	    align-items: stretch;
	    position: relative;
		top: 0;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    border-width: 0px;
	    margin-top: 0px;
	}
	
	.portletLightSearch{
		display: flex;
    	align-items: stretch;
	}
	
	
	
	input.formSearch{
		padding: 0;
		height: inherit;
	}
	    
	
	.pqf-carousel .carousel-inner{
		height: auto !important;
	}
	
	.imageCarousel img{
		height: auto;
	}
	
	   .contenuCarouselRow{
        height: auto;
        display:inline-block;
        max-height: none;
        width: 100%;
        margin: 0 !important;
    }
    .contenuTextDroite{
       display:inline-block;
    }
    
    .colContenuDroite{
    padding-left:0px;
    padding-right:0px;
    }
    .colContenuGauche{
    padding-left:0px;
    padding-right:0px;
    }
    
.boutonVoirSurUneCarte, .boutonEnSavoirPlus{
	position : static;
	display: flex;
	margin-top:10px;
}
	
	.labelLogin{
		color: #1C4967;
	}
	
	.lienLogin{
		color: #007385;
	}
	
	.formBlockLogin{
		margin-top: 6px;
	}
	
	.conteneurLogin{
		margin: 0;
	}
	
	.formulaireLogin{
		padding: 0;
	}
	
	.conteneurImageConnexion{
		background-image: none !important;
		background-color: white;
		background-size: auto;
    	height: auto;
	}
	
	.loginWYSIWYG{
		background-color: white;
		margin-top: 0;
	}
	
	.loginWYSIWYG > .wysiwyg{
        margin-left: 0px;
        text-align: left;
     }
     
	
	.img-welcome{
		display: none !important;
	}
	
	.logoGMFHaut{
		margin: 0 !important;
		display: flex;
    	justify-content: center;
	}
	
	.logoGMFHaut img{
		height: 100%;
	}
	
	.button-menu{
		display: flex;
	    flex-flow: row-reverse wrap;
	}
	
	.button-menu button{
		background-color: white;
	}
	
	.btnDeconnexion{
		margin-left: 0;
	}
	
	.btnDeconnexion-wrapper{
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.lienHeaderRubrique{
		color: white !important;
		font-size: 12px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		line-height: 16 px;
	}
	

	
	
	.imageAssemblee img {
		border-radius : 16px 16px 0px 0px;
	}
		
	.contenuDroiteAssemblee{
		border-radius : 0px 0px 16px 16px;
	}
	
	.selectionMessageBienvenue{
		margin-top: 0px;
	}
	
	.conteneurLogin{
		padding: 0;
	}
	
	.mb-2{
	   margin-bottom: 20px;
	}
	
	.cardCivilite{
	   margin-left:0px;
	}
	
	.espacePersonnelInput{
	  width:100%;
	}
	
	.contactDonneesPersonnelles{
	margin-left: 20px !important;
	margin-right: 0 !important;
	margin-bottom:50px;
	}
	
}