/* author : JCE 
        Ombrage du bandeau d'accueil
*/

@font-face{
 	font-family: 'Open Sans';
 	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
 }
 
 @font-face{
 	font-family: 'Montserrat';
 	src: url('../fonts/MMA/Montserrat-Regular.ttf') format('truetype');
 }

/* ----------------------------------  LOGIN  -----------------------------------------------*/
.row_Header_VS_Logo_MMA {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 10px 40px;
	gap: 10px;
	width: 100%;
	left: 0px;
	top: 0px;
	/* White */
	background: #FFFFFF;
	/* GMF header */
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}

.logoGMFHaut img {
	height: 50px;
	box-shadow: none !important;
	margin: 0 !important;
}

.cadreCarousel {
	border-radius: 16px 16px 16px;
}

.bandeauConnexion table {
	/*max-width: 1000px;*/
	    margin-left: -200px;
}

.marginBoxNavigate{
	margin: 50px 175px auto 175px;
}

.marginBoxHeightLogin{
	margin-top: 50px;
}

.loginWYSIWYG{
	background-color: white;
    margin-top: 50px;
}

.wysiwyg-welcome{
	margin-left: 250px;
}

.titreEspace {
	color: #ffffff;
	font-size: 12pt;
	font-wieght: bold;
	text-align: left;
}

.formulaireLogin {
	padding-left: 150px;
	padding-right: 120px;
	width: 100%;
}

.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;
}

.identification, .formBlock label, .formBlock a {
	color: white;
}

.labelLogin {
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
}

.loginBlockInput {
	margin-top: 2px !important;
}

#loginButton, #resetButton, #cancelButton {
	margin-top: 20px;
	padding: 10px 20px;
	gap: 5px;
	color: white;
	font-weight:bold;
	left: 215px;
	top: 788px;
	background-color: #00A56B;
	/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);*/
	border: white 2px solid;
	border-radius: 5px;
}

#cancelButton {
   color: #333;
   background-color: #fff;
   border-color: #ccc;
}

.sendDemandePwd{
	margin-left:15px;
}

.lienLogin {
	margin-top: 5px;
	text-decoration: underline;
	color: #ffffff;
}

.formBlockLogin {
	margin-top: 2px;
}

.conteneurLogin {
	background-color: transparent;
	padding-bottom: 10px;
	margin-right: 175px;
}

/*--------- Bootstrap ADD ------------------*/
    
 .mb-3{
    margin-bottom: 30px;
}

.mt-3{
	margin-top:30px;
}

/*------------------------------- GENERAL -----------------------------------*/
.identificationRouge, .messageRouge{
	color: red;
    font-size: 14px;
    line-height: 20px;
}

   UL.item-box .item:hover{
            background-color:transparent !important;
            border-bottom: 1px solid transparent; 
            border-top: 1px solid transparent;
        }

.researchBox{
	justify-content: flex-start;
    display: flex;
}


.contentFlexBox{
	display: flex;
    flex-flow: row wrap;
}

.backgroundAG_color{
	background-color: #ECEDF3;
}


.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;
}


.MenuBasPage {
	padding: 15px 40px;
	gap: 10px;
	width: 100%;
	height: 40px;
	background: #1D1D1D;
	position: absolute;
	left: 0px;
	font-family: 'Arial';
	font-weight: 400;
	font-size: 18px;
}

.MenuBasPage a {
	color: white;
	text-decoration: underline;
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	line-height: 21px;
}

.breadcrum-vs {
	background-color: white !important;
	padding: 5px 0;
    margin: 0px;
}

.breadcrumb-vs li:before {
	content: "." !important;
}

.portlet-image-img {
	height: 60px;
}

.headerGeneral {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.hidden-print {
	display: flex;
	justify-content: right;	
}

.lienCheminDeFer {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #003FA6;
}

.lienCheminDeFer_actif {
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #003FA6;
}

.separateurCheminDeFer:before {
	content: "-" !important;
	padding: 3px !important;
}

.separateurCheminDeFer_first:before {
	content: "" !important;
	padding: 0px 8px !important;
	margin: 5px;
	background: url('../../images/barreHeader/home-alt-mma.png') no-repeat;

}

.accueilTexte1 {
	color: #003FA6 !important;
}

.accueilTexte2 {
	color: #00A56B !important;
}

.linkVignetteAG{
	  margin:auto;
}

.rowWhiteBG{
	background-color:white;
}

 .editArea{
    display:none;
 }  
 .itemlist-item:hover{
    background-color:#003FA6 !important;
 }
 
 .portailAccueil .resultatRecherche{
    margin-left:200px;
 }  
/*--------------------------- ACCUEIL CAROUSEL ----------------------------------*/
.actuTitle {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 41px;
	color: #283E86;
}

.CarrouselRefonteVS {
	margin-top: 0px !important;
}

.carousel-thumb IMG {
	left: 0;
	position: absolute;
	width: 100%;
}

.contenuDroiteCarousel {
	background: #FFFFFF;
	height: 100%;
}

.colContenuDroite {
    padding-left: 0px;
    display: flex;
    flex-direction: column; 
}

.colContenuGauche {
	padding-right: 0px;
	       flex: 1;
        height: auto;
}

.contenuCarouselRow {
	display: flex;
}

.imageCarousel {
	height: 100%;
}

.imageCarousel img {
	max-height: 100%;
        width: 100%;
        object-fit: cover;
}

.carousel-inner {
	background: #FFFFFF;
	border-radius: 16px 16px 0px 0px;
}

/*.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 16px 16px;
	text-align: center;
}

.pqf-carousel .carousel-indicators LI.active {
	border: none;
	background: linear-gradient(0deg, rgba(0, 63, 166, 0.8),
		rgba(0, 63, 166, 0.8)), rgba(0, 63, 166, 0.1);
}

.carousel-control {
	position: inherit;
	background: none !important;
	text-shadow: unset !important;
	color: #0A4DA4 !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 {
	text-shadow: unset !important;
	text-align: left;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 41px;
	color: #283E86 !important;
}

.contenuTextDroite {
    padding:10px;
    padding-left:20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.descriptionCarousel {
	text-align: left;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px !important;
	color: #44455A;
	margin-bottom: 0px;
	overflow: auto;
}

.titreDocumentation {
	text-align: left;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 18px !important;
	color: #003FA6;
	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;
}

.pqf-carousel .carousel-inner {
	height: initial;
	text-align:left !important;
}

.pqf-carousel .carousel-inner > .item {
     height: initial; 
}

.boutonEnSavoirPlus {
	font-family: 'Open Sans';
    align-self: flex-start;
    margin-top: auto;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	gap: 5px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #003FA6;
	border-radius: 5px;
	color: #003FA6 !important;
	text-shadow: unset !important;
	font-size: 16px;
	font-weight: 700;
}

.pqf-carousel .carousel-inner {
	text-align: left !important;
}

/*--------------------------- ACCUEIL RUBRIQUES -------------------------------------*/
.rubriquesTitle {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 41px;
	color: #283E86;
	padding-bottom: 15px;
}

.cardRubrique {
/*	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 10px;
	gap: 10px;
	width: 310px;
	height: 275px;
	left: 215px;
	top: 99px;
	background: #FFFFFF;*/
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.12);
/*	border-radius: 4px;
	margin-right: 50px;
	margin-bottom: 30px !important;
	margin-top: 30px !important;*/
}

.lienRubrique {
	color: #283E86;
	font-size: 18px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
line-height: normal;
}

.contentRubrique {
	float: none;
	margin-left: -30px;
}

/*--------------------------- ACCUEIL LIENS -------------------------------------*/
.liensTitle {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 41px;
	color: #283E86;
	margin-bottom: 20px;
}

.pqf-thumbnail-liens {
	background-color: #003FA6;
	color:white;
	border: none !important;
	height:unset;
	margin-left: 0px !important;
	padding: 0px !important;
}

.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-family: 'Open Sans';
	color: #FFFFFF;
	font-size:18px;
	line-height:21px;
}
/* ------------------------------ ACCUEIL DOCUMENTATION ------------------------------------- */
.panelDoc {
	border-radius: 5px;
	background-color: white !important;
}

.panel-footer.panelDoc{
	border-top: none;
	padding-bottom: 20px;
}

/* ------------------------------- ASSEMBLEES GENERALES ------------------------------------- */


.AssembleeRowActu, .RepresentantRowActu{
	background-color: #ECEDF3;
	padding:10px 0;
}

.AssembleeRowVignette, .RepresentantRowVignette{
	padding-top:20px; 
}

.panel-default {
	border: none !important;
}

.panel {
	box-shadow: unset !important;
}

.cardAssemblees {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	background: #FFFFFF;
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	text-align: left;
	padding-bottom: 10px;
}

.descriptionAG {
	padding-left: 10px;
}

.descriptionAG h3 {
		margin-top: 0px !important;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #0A4DA4;
}

.descriptionAG p {
	font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #44455A;
}

.ensavoirplusAG {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-decoration-line: underline;
	color: #003FA6;
}

.agTitle {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 35px;
	color: #0A4DA4;
	text-align: left !important;
	padding-bottom: 10px;
}

.agTitleThumbnail {
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 35px;
	color: #283E86;
	text-align: left !important;
	margin-bottom: 10px !important;
}

.agTitleThumbnail a{
	color: #283E86;
}


.agContent {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #44455A;
	margin-top: 10px !important;
	margin-bottom: 30px;
}

.CarrouselAGRefonteVS, .AssembleeVignette, .CarrouselRepresentant, .RepresentantVignette {
	text-align: left !important;
}

.carousel-inner-AG {
	background-color: white;
	border-radius: 16px;
	margin-bottom: 25px !important;
}

.boutonVoirSurUneCarte {
	 position: absolute;
         bottom:10px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;.contenuCarouselRow{
        height: auto;
        display:inline-block;
            max-height: none;
    }
    .contenuTextDroite{
       display:inline-block;
    }
.boutonVoirSurUneCarte, .boutonEnSavoirPlus{
    position : static;
    display: flex;
    margin-top:10px;
}
	gap: 5px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #003FA6;
	border-radius: 5px;
	color: #003FA6 !important;
	text-shadow: unset !important;
	font-size: 16px;
	font-weight: 700;
	width: fit-content;
}

.blockCardGrey {
	margin: 25px 215px 0 215px;
}

.cardGrey {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
	max-width: 485px;
	padding: 15px;
	padding-bottom: 35px;
	text-align: center;
	height: 221px;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 16px 16px 16px 16px;
	background-color: #FFFFFF;
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.12);
}
		
.textBlockCardGrey {
	padding-left: 15px;
	padding-right: 15px;
}

.boutonDownloadRapport {
	display:block;
	font-family: 'Open Sans';
	font-weight: 700;
	font-size: 16px;
	flex-direction: row;
	justify-content: center;
	text-align: center !important;
	align-items: center;
	padding: 10px 20px;
	gap: 5px;
	/*height: 40px;*/
	background: #FFFFFF;
	border: 1px solid #003FA6;
	border-radius: 5px;
	color: #003FA6 !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 #F4F4F4;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
}

.titreFormulaire{
	text-align: left;
	color : #003FA6;
	margin-top:10px;
}

#sendDonneesPerso{
	
	background-color:#003FA6;
	padding-left: 20px;
	padding-right: 20px;
	border:none;
	padding-top:6px;
	padding-bottom:6px;
}

.form-sirea .form-control{
	background: #FFFFFF;
	border: 1px solid #BEBEC9;
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);*/
	border-radius: 3px;
}
		.cardCivilite{		
			text-align:center;
			border:1px solid #BEBEC9;
			margin-left:10px;
			padding-top:10px;
			padding-bottom:4px;
			border-radius:4px;
			padding-left:0px !important;
		}
		
		#lErrors{
			margin-top:20px;
			text-align:center;
			justify-content:center;
		}
		
		.cardActive{
			/*border:2px solid #0090A6 !important;*/
			margin-left:10px;
			padding-top:10px;
			padding-bottom:4px;
			border-radius:4px;
			background-color:#00A56B;
			color:white;
			box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
		}
		
.imageAssemblee img {
	border-radius: 16px 0px 0px 16px;
}

.contenuDroiteAssemblee {
	border-radius: 0px 16px 16px 0px;
}

.encart1 {
	background: #ECEDF3;
}

.encart2 {
	background: #FFFFF;
}

/*--------------------- INTERLOCUTEURS -----------------------*/
.cardInterlocuteur {
	background: #FFFFFF;
	border: 5px solid rgba(255, 255, 255, 0.5);
	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: #003FA6;
	font-weight: 400;
	font-family: 'Open Sans';
}

.interlocuteurPrenom {
	font-family: 'Open Sans';
	color: #003FA6;
	font-weight: 700;
	margin-bottom: 0px;
	font-size: 16px;
}

.interlocuteurNom {
	font-family: 'Open Sans';
	font-weight: 700;
	color: #44455A;
	font-size: 16px;
}

.interlocuteurPhone {
	font-family: 'Open Sans';
	font-weight: 400;
	color: #44455A;
	font-size: 16px;
}

		.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%;
}

.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 (.CarrouselASRefonteVS ){
	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;
}

.vignetteBorderAS {
	border: none;
	text-align: left;
}

.lienTitreAS {
	text-align: left;
	/*color:#283E86;
	font-weight:700;*/
}

.header-card-AS {
	background-color: white;
	text-align: left;
	font-size: 18px !important;
}

.header-card-AS .btn {
	font-size: 18px !important;
	color: #0A4DA4;
	font-weight: 700;
}

.card-AS {
	background-color: white;
	border: none !important;
}

.card-AS:hover {
	box-shadow: none;
}

.contentCollapseASVignette {
	border-radius: 5px;
	margin-top: 30px;
}

.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;
}

          .cardGreySupports{
            margin-bottom:30px;
            margin-top:10px;
            border-radius: 16px 16px 16px 16px;
            background-color: #ECEDF3;
            text-align: center;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }
        
        
         .cardWhiteSupports{
            margin-bottom:30px;
            margin-top:10px;
            border-radius: 16px 16px 16px 16px;
            background-color: white;
            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;
            color: #003FA6 !important;
            background-color: #ECEDF3;          
            
        }
        
        .textBlockCardWhiteSupport {
            text-align:left;
            color: #003FA6 !important;
            background-color: white;          
            
        }
        .textBlockCardGreySupport a {
         font-weight:bold !important;
         font-size:18px;
         font-family: 'Open Sans';
        }
        
         .textBlockCardWhiteSupport a {
         font-weight:bold !important;
         font-size:18px;
         font-family: 'Open Sans';
        }
        .titreDocuments{
            color: #003FA6; 
        }

/*--------------- BARRE DE RECHERCHE ---------------------*/
.btnSearch {
	        width: 75px !important;
	        height: 20px !important;
	        font-family: 'Open Sans' !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: #000000 !important;
	flex: none !important;
	order: 1 !important;
	flex-grow: 0 !important;
	border: unset;
	       
}

.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: linear-gradient(180deg, rgba(0, 185, 120, 0) 0%, #00A56B
		100%), #00A56B;
	border: 1px solid #0C621C;
	box-shadow: inset 0px 0px 1px #63E882;
	border-radius: 5px;
	flex: none;
	order: 2;
	flex-grow: 0;
	margin-left: 10px;
	color: #FFFFFF;
	       
}

.btnAccueil {
	/*width: 53px;
	height: 20px;*/
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #003FA6;
	flex: none;
	order: 1;
	flex-grow: 0;
	border: unset;
	background: unset;
	/*margin-left: 10px;*/
	       
}

.textDeconnexion {
	height: 20px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	flex: none;
	order: 1;
	flex-grow: 0;
	margin-top:2px;
}

  .searchFocus{
            background-color:white !important;
            border-radius:3px !important;           
            outline: none;
            border-color: #003FA6 !important;
            box-shadow: 0 0 5px #003FA6 !important;
  }

 .imgDeconnexion {       
	
}

.inputSearch {
     float: left !important;	       
}

.bandeauHeader {
	padding-top: 20px;
}

.linkAccueil{
	display: flex;
    align-items: center;
}

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

.ligneHeader {
	width: 60%;
	display: flex;
		align-items: center;
	justify-content: right;      
}


.row_Header_VS_Logo_MMA .row {
	width: 100%;
	display: flex;
	align-items: center;
}

.formSearch {
	border: none;
	box-shadow: none;
	padding-top: 10px;
	color: #003FA6;
}

.formSearch:focus {
	box-shadow: none;
	border: none;
}

.formSearch::placeholder {
	color: black;
}

.conteneurImageConnexion{
		background-size: cover;
	height: 100vh;
}


.titreFormulaireLogin{
	font-size:30px;
	margin-bottom:30px;
}

.titleFormulaireAccordeon .panel-title{
	color: #283E86;
		font-size:18px;
	font-weight:700;
}

.margin-top{
	margin-top:20px;

}

.cardSaveTheDate{
	border-radius:8px;
}
#TrierMois{
	background-color:#003FA6;
	color:white;
	padding-left:30px;
	padding-right:30px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:5px;
	border:1px solid #30356D;
	margin-top:2px;
	
}

.filtreMois{
	margin-bottom:30px;
}

#filtreTitle{
	margin-top:15px;
}

.divVignetteSTD{
	margin-top:30px;
}

.divVignetteSTD .vignetteBorderAS{
		padding-left:0px !important;	
}

.colContenuDroiteSTD{
	border: 1px solid #ECEDF3;
}
.contenuCarouselRowSTD{
	padding-right:10px;
	background-color:white;
}

/*--------------------- JOURNEE REPRESENTANT -----------------*/

.selectionRubrique .selection-main{
	margin: 0px
}

.representantWrapper{
	margin: auto 215px;
}

.RepresentantHead{
	padding: 10px 0;
}

.RepresentantHead, .panel-heading.panelRepresentant, .panel-body.panelRepresentant, .panel-footer.panelRepresentant{
	background-color: #ECEDF3;
}

.panel-heading.panelRepresentant{
	border-bottom: 1px solid white;
	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;
}

.wysiwyg-inline-edit-display .wysiwyg-inline-buttons {
     display: none !important;
    }
 
 picture{
    pointer-events: none;
 }

@media (max-width:1380px){
	
    .marginBoxNavigate{
        margin: 50px 100px 50px 50px;
    }
}

@media (max-width:1050px){
    
   .conteneurLogin{
    margin:0px;
   }
}
@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;
	}
	

	.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);
	}
	
	.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: white;
	}
		
	#dropdownMenu{
		margin-top: 0px !important;
		background-color: #ECEDF3 !important;
		padding: 5px !important;
	}
	
	#dropdownMenu a{
		text-align: end;
	}
	
	.dropdown-header{
		text-align: center;
		color: #44455A;
		font-size: 12px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		line-height: 16p 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;
}
	
	.titreEspace{
		color: #003fa6;
		font-size:20px;
	}
	.labelLogin{
	   color:black !important;
	   font-size:18px;
	}
	#loginButton{
	   width:100%;
	}
	.lienLogin{
		color: #428bca !important;
	}
	.inputLogin{
	   width:100%;
	}
	.titreFormulaireLogin{
	display:none;
	}
.cardWhiteSupports{
	border :1px solid grey;
	border-radius : 5px; 
    margin-top: -15px;
    margin-bottom: 50px;
}
	.conteneurLogin{
		margin: 0;
	}
	
	.formulaireLogin{
		padding: 0;
	}
	
	.conteneurImageConnexion{
		background-image: none !important;
		background-color: #ECEDF3;
		background-size: auto;
    	height: auto;
	}
	
	.wysiwyg-welcome{
		margin-left: 0;
	}
	
	.img-welcome{
		display: none !important;
	}
	
	.colonneFullDisplayBienvenue{
	   background-color:white;
	}
	.row_Header_VS_Logo_GMF{
	   box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
	}
	.loginWYSIWYG{
	   margin-top:10px;
	}
	.logoGMFHaut{
		margin: 0 auto !important;
		     padding:10px;
		display: flex;
    	justify-content: center;
	}
	

	.row_Header_VS_Logo_MMA {
	   display:none;
	}
	

	
	.portailLogin  .row_Header_VS_Logo_MMA{
	     display:none;
    }
    
  
    
    .portailLogin .logoGMFHaut{
        max-width:50% !important;
        width:50%;
    }
	
	.portailLogin  .row_Header_VS_Logo_MMA .row {
	
	display:block;
	width:50%;
	}
	.portailLogin  .row_Header_VS_Logo_MMA{
	   padding:10px;
	   margin: 0 auto;
	}
	
	
	   .logoGMFHaut{
       max-width:100%;
    }
	.conteneurLogin .row{
	   display:flex;
	   flex-direction: column-reverse;
	}
	.marginBoxHeightLogin{
	   margin-top:0px;
	}
	
	.formBlock label{
	color:black;
	}
	
	.identification{
	  color:black;
	}
	.sendDemandePwd{
	  margin-left:0;
	  margin-top:0px !important;
	  margin-bottom:20px;
	}
	
	.ligneMessage h1{
	    margin-top: -30px;
        margin-bottom: 30px;
    }
	
	.logoGMFHaut img{
		height: 100%;
		box-shadow: none;
	}
	
	.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: #003FA6 !important;
		font-size: 12px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		line-height: 16 px;
	}
	.boutonVoirSurUneCarte{
	   position:initial !important;
	}
	
}