/* ------------------- Back-office ------------------- */

.tabs--primary.nav.nav-tabs{
		z-index: 101 !important;
		position: absolute !important;
		background: white !important;
		min-width: 85% !important;
		padding: 50px !important;
		margin: 50px !important;
		border: #000000 solid 2px !important;
		Border-radius: 15px !important;
	}

.form-actions.form-group.js-form-wrapper.form-wrapper{
		margin-top: 720px !important;
	}










/* ------------------- Fond de page ------------------- */


article div.content{
		background-color: #f9f5f4 !important;
}
    
.layout+.layout {
		padding: 5rem 0 !important;
		margin-top: 5rem !important;
		background: white !important;

}

.layout+.layout--twocol-section, .layout+.layout--fourcol-section{
		margin-top: 0 !important;
}

main.main-container.js-quickedit-main-content{
		margin-bottom: -60px!important;
}


.row.footer--nav{
		display:none !important;
}









/* ------------------- Header ------------------- */

header.header-navigation-secondary.header.header-mini-site{
	background-color:#FFFFFF !important;
}

.header-navigation-secondary.sticky-header{
	position:inherit !important;
	animation: none !important;
}

.highlighted{
		height:0 !important;
}

.site-name{
		position: absolute !important;
		width: max-content !important;
		top: 540px !important;
		left: 315px !important
}


.button-menu{
	color:#000 !important;
}

.abaca{
	margin-top:-50px !important;
}

.header-navigation-secondary.sticky-header{
		position: initial !important;
    		animation: none !important;
	}


.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo img{
		margin:5rem 0 0 0 !important;
		max-width: 12rem !important;
	}




.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo::after{	
		font-family: 'Montserrat' !important;
		font-weight: 500 !important;
		font-size: 8.6rem !important;
		line-height: 6rem !important;
		content: "Au rendez" !important;
		padding: 50px 140px 50px 50px !important;
		color: #ffffff !important;
		top: -7px !important;
		left: 120px !important;
		position: relative !important;
		display: block !important;
		background: url(https://www.caissedesdepots.fr/sites/default/files/2025-03/Faisceau.svg);
		background-repeat: no-repeat !important;
		width: 470px !important;
		height: 470px !important;
	}



.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo::before{	
		z-index: 2!important;
		font-family: 'Montserrat' !important;
		font-weight: 700 !important;
		font-size: 10.6rem !important;
		line-height: 0 !important;
		content: "-vous" !important;
		color: #ffffff !important;
		top: 380px !important;
		left: 172px !important;
		position: relative !important;
		display: block !important;
	}




.background-image-block__section.bg__rouge-fond-acc.bg--dark::after{
		height: 800px !important;
		filter: blur(6px) !important;
		background-color: #FFFFFF !important;
		margin-bottom: 50px !important;
	}


.background-image-block__section.bg__rouge-fond-acc.bg--dark{
		height: 800px !important;
		background-color: #FFFFFF !important;
		margin-bottom: 50px !important;
	}



.background-image{
		z-index: 1 !important;
		position: absolute !important;
		height: 100% !important;
		top: 170px !important;
		left: auto !important;
		margin: auto !important;
		width: 100% !important;
		max-width: 1290px !important;
		background-repeat: no-repeat !important;
		background-position: 50% -100px !important;
		background-size: cover !important;
	}


.background-image-overlay{
		width: 100% !important;
		height: 100% !important;
		display: block !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		background-image: url(https://www.caissedesdepots.fr/sites/default/files/2025-03/header-RA_0.jpg) !important;
		background-repeat: no-repeat;		
		background-position: 50%!important;
		background-size: cover !important;
		filter: blur(15px) !important;
	}












/* ------------------- Menu ------------------- */


nav.minisite-container-menu{
		position: absolute !important;
		right: auto !important;
		display: block !important;
		min-width: 1530px !important;
		margin: auto !important;
	}


nav.minisite-container-menu li{
		text-align:center !important;
		display: inline-block !important;
		padding: 0 20px !important;
		right: 0 !important;
		min-width: 200px !important;
		background-color: #cf0c17 !important;
		border-radius: 5px !important;
		margin-top: 25px !important;
	}


nav.minisite-container-menu ul{
		text-align:right !important;
		
	}


.block-mini-site-menu{
		position: absolute!important;
		top:0px!important;
		right:0px!important;
	}


button.button-menu{
		color: #333333!important;
		background: #FFFFFF !important;
		border-radius: 5px !important;
		margin: 25px 10px 0 0 !important;
		padding: 12px 5px !important;
}










/* ------------------- Titre ------------------- */


.block-title {
		font-weight: 400 !important;
		color: #f39769 !important;
		line-height: 1em !important;
	}


.block-title span{
		color: #e30613!important;
		line-height: 0px !important;
		padding: 0px 10px 25px 10px !important;
		background-color: #e0cbc8 !important;
		display: inline-block!important;
	}







/* ------------------- Citation------------------- */



.citation {

		text-align: left !important;

	}



.citation p.dit{

		padding: 50px!important;

	}



.citation p.dit a{
		font-size: 2rem;
		color:#FFFFFF !important;
		
	}



.citation p.dit::before{
		content: "" !important;
		font-family: cdc-icons !important;
		margin-right: 1.5rem !important;
		font-size: 3rem !important;
		color:#FFFFFF !important;
		vertical-align: middle !important;
	}


.citation .faisceau .qui {
		position:relative !important;
		bottom:0!important;
		padding: 25px 25px 25px 50px !important;
	}




blockquote{
		margin-top: 65px !important;
		padding: 65px !important;
		font-family: "Montserrat" !important;
		font-weight: 400 !important;
		background: none !important;
	}






blockquote::before{
		width: fit-content !important;
		z-index: 0 !important;
		opacity: 0.7 !important;
		font-family: 'Montserrat' !important;
		font-weight: 700 !important;
		font-size: 12.6rem !important;
		line-height: 0 !important;
		content: "«" !important;
		color: #e30613 !important;
		top: -5px !important;
		left: -70px !important;
		position: relative !important;
		display: block !important;
	}




blockquote::after{
		width: fit-content !important;
		z-index: 0 !important;
		opacity: 0.7 !important;
		font-family: 'Montserrat' !important;
		font-weight: 700 !important;
		font-size: 12.6rem !important;
		line-height: 0 !important;
		content: "»" !important;
		color: #e30613 !important;
		bottom: 15px !important;
		left: 90% !important;
		position: relative !important;
		display: block !important;
	}



.citation .faisceau{
		z-index: 1 !important;
		padding: 0 !important;
		color: #ffffff !important;
		top: 245px !important;
		left: 0px !important;
		position: absolute !important;
		display: block !important;
		background: url(https://www.caissedesdepots.fr/sites/default/files/2025-03/Faisceau.svg);
		width: 350px !important;
		height: 350px !important;		
	}




.citation .embedded-entity div{
 
		padding: 0 7% 0 18% !important;
		
	}



.citation .embedded-entity div.field field--name-field-media-image.field--type-image.field--label-hidden.field--item{
		padding: 0 !important;
		
	}



.citation .faisceau .qui p.fonction {
		text-align:right !important;
		font-weight: 400 !important;
	}


.citation .faisceau .qui p.nomdudg {
		text-align :right !important;
		font-size: 2.2rem !important;
		font-weight: 600 !important;
	}

.citation .faisceau .qui p.fonction {
		text-align:right !important;
		font-weight: 400 !important;
	}

.field.field--name-field-media-credential.field--type-string.field--label-hidden, .field.field--name-field-media-caption.field--type-string.field--label-hidden{
		text-align:right !important;
	}






/* ------------------- Video Comex ------------------- */


.comex .faisceaublanc{
		z-index: 1 !important;
		padding: 0 !important;
		color: #000000 !important;
		top: 220px !important;
		left: 0px !important;
		position: absolute !important;
		display: block !important;
		background: url(https://www.caissedesdepots.fr/sites/default/files/2025-03/Faisceaublanc.svg) ;
		width: 190px !important;
		height: 190px !important;		
	}


.comex .embedded-entity div{
		padding: 0 0 0 17% !important;
	}

.comex p.dit{
		margin: 15px !important;

	}

.comex.avenir p.dira{
		margin: 15px !important;
		font-size: 1.3rem !important;
		color:#6e6e6e!important;
	}

.comex p.dit a{
		font-size: 1.3rem !important;
		color:#000000 !important;
	}


.comex p.dit::before{
		content: "" !important;
		font-family: cdc-icons !important;
		margin-right: 5px !important;
		font-size: 2rem !important;
		color:#e30613 !important;
		vertical-align: middle !important;
	}


.comex .faisceaublanc .qui{
		margin:60px 0 0 0!important;
	}



.comex .faisceaublanc .qui p.fonction {
		margin:0 15px!important;
		text-align:right !important;
		font-weight: 400 !important;
	}


.comex .faisceaublanc .qui p.nomdudg {
		margin:0 15px!important;
		text-align :right !important;
		font-size: 1.6rem !important;
		font-weight: 600 !important;
	}



.comex .faisceaublanc .qui p.fonction {
		font-size: 1rem !important;
		margin:0 15px!important;
		text-align:right !important;
		font-weight: 400 !important;
	}

.avenir img{
		filter: blur(3px) !important;
		opacity: 0.5!important;
		
	}





/* ----------------------------------------------------------------------------------------------- Responsive ----------------------------------------------------------------------------------------------- */



/* ------------------- tout ce qui est plus GRAND que ------------------- */

@media (min-width: 768px) {

	.block-mini-site-menu .minisite-header .minisite-header-top {
		position: absolute!important;
	}
	.block-mini-site-menu .minisite-header{
		padding-top: 0!important;
	}
	.highlighted {
		height: 0 !important;
	}


}

/* ------------------- tout ce qui est plus PETIT que ------------------- */

@media (max-width: 1700px) {
	nav.minisite-container-menu{
		left: 0 !important;
		right: 70px !important;

	}
}




@media (max-width: 1620px) {
	nav.minisite-container-menu{
		min-width:90% !important;

	}
}

@media (max-width: 1559px) {
	nav.minisite-container-menu{
		min-width:90% !important;
		margin-top: -3rem !important;
		right: 70px !important;

	}


.comex .faisceaublanc{
		top: 150px !important;	
	}

	.background-image {
		left: 135px !important;
		max-width: 100% !important;
	}
}


@media (max-width: 1199px) {

	nav.minisite-container-menu{
		right: 70px !important;
		margin-top: 0 !important;
		min-width:90% !important;
	}
	nav.minisite-container-menu .menu-minisite.menu-minisite--desktop{
		margin-right: 60px!important;
	}

	.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo::after {
		top: -5px !important;
	}
}

@media (max-width: 992px) {
	.citation {
		max-width: 50%!important;
		margin: auto!important;
	}

	.citation .faisceau {
		left: 15% !important;
		top: 140px !important;
	}

	blockquote{
		max-width: 75% !important;
		margin: 0 auto !important;
	}

	.comex img{
		max-with: 220px!important;
		
	}
	.avenir img{
		max-with: 220px!important;
		
	}


}


@media (max-width: 768px) {

	.citation {
		max-width: 75%!important;
		margin: 0 0 0 auto !important;
	}
	.citation .faisceau {
		left: 10% !important;
		top: 180px !important;
		width: 290px !important;
		height: 290px !important;
	}
	.citation .embedded-entity div{
		padding: 0 !important;
	}
	.citation .faisceau .qui {
		position:relative !important;
		bottom:0!important;
		padding: 0 25px 25px 75px !important;
	}

	blockquote{
		max-width: 100% !important;
		margin: 0 auto !important;
	}


	nav.minisite-container-menu{
		position: absolute !important;
		left: auto !important;
		right: 135px !important;
		margin: 0 !important;
		min-width: auto !important;
		width: fit-content !important;
		top: 10px !important;
	}
        
	button.button-menu{
		position: absolute!important;
		right: 14px!important;
		top: -14px!important;
		margin: 25px 10px 0 0 !important;
		z-index: 101 !important;
	}

	button.burger-menu{ 
		color: #FFFFFF !important;
		margin: 0 0 0 100%!important;
    		background: #cf0c17 0 0!important;
		border-radius:5px!important;
		top: 10px!important;
	}

	button.burger-menu span, button.burger-menu span:before, button.burger-menu span:after{ 
		background-color: #FFFFFF !important;
	}

	.region.region-navigation{ 
		height: 0 !important;
	}

	#main-menu-mobile ul{ 
		text-align: left !important;
	}

	#main-menu-mobile li{ 
		text-align: center !important;
	}


	.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo::after{	
		font-size: 3.5rem !important;
		background-repeat: no-repeat !important;
		width: 70% !important;
		height: 430px !important;
		background-size: 100% !important;
		line-height: 2.8rem !important;
		left: 90px !important;
		padding: 20px 50% 0 20px !important;
	}

	.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo::before{	
		font-size: 4.4rem !important;
		top: 180px !important;
		left: 110px !important;
		width: fit-content !important;
	}

	.block-mini-site-menu .minisite-header .minisite-header-top .minisite-container-logo img{	
		margin: 1rem 0 0 1rem !important;
    		max-width: 8rem !important;
	}

	.background-image {
		top: 130px !important;
		margin-left: 105px !important;
		left: 0 !important;
	}

	.site-name {
		font-size: 1.2rem !important;
		position: absolute !important;
		width: fit-content !important;
		top: 240px !important;
		left: 180px !important;
	}



	.background-image-block__section.bg__rouge-fond-acc.bg--dark{
		height: 600px !important;
		background-color: #7f7f7f !important;
		margin-bottom: 50px !important;
	}
}