@import "bootstrap.css";
@import "col-gauche.css";
@import "col-centre.css";
@import "col-droite.css";



/* -------- VARIABLES -------- */ 

:root,[data-bs-theme=light]{
	--edns-darkblue:#0037B8;
	--edns-blue:#028FFC;
	--edns-lightblue:#B5D9F3;
	--edns-darkblue:#0037B8;
	--edns-grey:#CCDDF2;
	--edns-lightgrey:#E9F3FF;
	--edns-offwhite:#F6FAFF;
	--edns-darkgrey:#79A9CF;
	--edns-black:#404040;
	--edns-yellow:#FFCC54;
	--edns-lightorange:#FFB15B;
	--edns-orange:#FF882D;
	--edns-green:#50CC69;
	
	--edns-shadow:0px 3px 6px rgba(2, 143, 252, 0.1);
	--edns-separateur:1px solid var(--edns-lightgrey);

}

/*------------------------IMPRESSION---------------------------*/
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.do-print{
		display: block;
	}
}

/* ------------------------ COLONNES GAUCHE + CENTRE + DROITE ------------------------ */ 

.col-main{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}



.btn-bleu {
    padding: 10px 15px 5px 15px;
    color: white;
    background: var(--edns-blue);
    border-radius: 30px;
    color: var(--edns-offwhite);
	text-decoration: none;
	cursor:pointer;
	vertical-align:middle;
	/* min-height:45px; */
}

.btn-small {
	font-family: Biryani;
    font-weight: bold;
    font-size: 9px;
	text-transform: uppercase;
}
.tag_view{
	padding: 10px 15px 5px 15px;
    color: white;
    background: var(--edns-blue);
    border-radius: 30px;
    color: var(--edns-offwhite);
	text-decoration: none;
	cursor:pointer;
	vertical-align:middle;
	min-height:45px;
}

/* ------------------------ Fil actu ------------------------ */ 

#info_bureau{
	border-radius: 15px;
    background: #fff;
    box-shadow: 0px 6px 12px rgba(0, 55, 184, 0.1);
    padding: 35px 10px;
}
#info_bureau > h2{
	padding-left:2rem;
	padding-bottom:15px;
}
#info_bureau > ul{
	list-style-type: none;
}
#info_bureau > ul > li{
	border-radius: 2px;
    background: var(--edns-lightgrey);
    box-shadow: 0px 3px 6px rgba(0, 55, 184, 0.1);
    padding: 10px;
	margin-bottom:15px;
}
#info_bureau > ul > li > h4{
	padding-bottom:10px;
}