/* --------------------------------------------------------------------- */

/* -------------- BARREAU NANTES @www.mathieubillaud.com --------------- */

/* --------------------------------------------------------------------- */

@import url("https://use.typekit.net/hcp7pvd.css");

/*
@font-face {
	font-family: 'Circular Medium';
	src: url('../fonts/Circular-Medium.woff2') format('woff2'),
		url('../fonts/Circular-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'neulis-sans'; font-weight:700;
	src: url('../fonts/Circular-Bold.woff2') format('woff2'),
		url('../fonts/Circular-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circular Book';
	src: url('../fonts/Circular-Book.woff2') format('woff2'),
		url('../fonts/Circular-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
*/



:root
{
	--color-bg : 	rgb( 255 , 255 , 255 ) ;
	--color-texte: 	rgb( 0 , 0 , 0 ) ;
	
	//--c-vert : 		rgb( 27 , 148 , 151 );
	--c-vert : 		rgb(50 , 200 , 140 );
	//--c-rouge : 	rgb( 226 , 15 , 54 );
	--c-rouge : 	rgb(255 , 125 , 105 );
	--c-bordeau : 	rgb( 0 , 75 , 95 );
	--c-jaune : 	rgb( 243 , 194 , 67 );
	--c-gris : 		rgb( 188 , 188 , 188 );
	
	--a-vert : 		rgba( 27 , 248 , 151 , .15 );
	--a-rouge : 	rgba( 226 , 15 , 54 , .15 );
	--a-bordeau : 	rgba( 226 , 15 , 54 , .10 );
	
	--s-container-width : 930px;
	
	--r-box-radius : 8px;
	--r-box-small-radius : 4px;
	
	--shadow-basic : 0px 7px 15px 0px rgba(0,0,0,0.2);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body
{
	margin : 0px;
	padding : 0px;
	font-family: 'neulis-sans', Arial, sans-serif;
	font-weight: 400;
	font-size : 1em;
	line-height: 1.3em;
	//background-color: var(--color-bg);
	color: var(--color-texte);
}

body main
{
	padding-top: 100px; /* 60 */
}

body:not(.home) main
{
	padding-top: 130px; /* 60 */
}

body .MOBILE_MODE
{
	overflow-x : hidden !important; 
}

.MOBILE_MODE main
{
	padding-top: 80px; /* 60 */
}

.BN21_CONTAINER{
	width:100vw;
	/* doit recevoir les decos d'arrière plan */
}

.BN21_CONTENT{
	width:96vw;
	max-width: calc( var( --s-container-width ) - 20px );
	margin : 0 auto;
}

.BN21_CONTENT_LIGHT
{
	max-width: calc( var( --s-container-width ) - 10px ) !important;
}


.no-u
{
	text-decoration: none;
}

p
{
	margin : 15px 0px;
}

a,
a:active,
a:visited
{
	color : black;
	text-decoration: underline;
}

a:hover
{
	color : var(--c-rouge);
	text-decoration: none;
}

mark.has-inline-color 
{
	padding: 5px 15px;
	margin-top: 20px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'neulis-sans', Arial, sans-serif; 
	font-weight:700;
}

h1
{
	display : block;
	width: 100%;
	text-align: center;
	font-size : 4em;
	//margin-bottom : 150px;
	margin-bottom : 80px;
	line-height: 1em;
}

h2
{
	font-size: 2.2em;
	line-height: 1.1em;
	margin-top: 60px;
	
	padding-top: 100px;
	position: relative;
	top: -70px; /* -100 */
	margin-bottom: -50px;
}


a.no-u
{
	text-decoration: none;
}

a.no-u:hover
{
	color:inherit;
}

hr,
.wp-block-separator
{
	width: 96% !important;
	background-color: transparent;
	border-bottom : 2px solid black;
	opacity : 1 !important;
	margin-top : 25px !important;
	margin-bottom : 25px !important;
}

/* HACKS */

.has-large-font-size {
	font-size: 2.25em;
	line-height: 1em !important;
}

.wp-block-button__link
{
	margin : 5px !important;
	
	padding: 10px 15px;
	border-radius: 4px;
	//background-color: var(--c-bordeau);
	color: white;
	text-decoration: none;
	box-shadow: 0 2px 4px rgb(0 0 0 / 5%), 0 2px 4px rgb(0 0 0 / 10%);
	//display: inline-block;
	//margin-top: 20px;
	transition: all ease-in-out .3s;
}

.wp-block-button__link:hover
{
	background-color: black !important;
}

.current_page_ancestor a,
.current-menu-item a
{
	border-bottom: 2px solid black;
}

.wp-block-table figcaption {
	color: #555;
	font-size: 13px;
	text-align: left;
}

.wp-block-media-text .wp-block-media-text__media 
{
	margin: 0px 10px 0px 0px !important;
}


/* MENU */

.sub-menu-toggle
{
	display : none !important;
}

.BN21_MENU 
{
	width:100vw;
	text-align:center;
	transition: background-color .6s cubic-bezier(.25,.8,.25,1),top 1ms;
	padding:30px 0;
	position : fixed;
	z-index: 100;
	//background-color: var(--color-bg);
	background-color: rgba( 255,255,255,0);
}

.BN21_MENU_SCROLLED
{
	background-color: rgba( 255,255,255,1);
}

.BN21_MENU_HOME
{
	position: fixed;
	z-index: 110;
	top : 15px;
	left : 30px;
	display: inline-block;
	width: 200px;
}

.MOBILE_MODE .BN21_MENU_HOME 
{
	top: 18px;
	left: 20px;
	width: 100px;
}

.BN21_MENU_FOOTER
{
	display: inline-block;
	width: 150px;
	vertical-align: middle;
}

.BN21_BT_SEARCH
{
	position: fixed;
	z-index: 110;
	top : 40px;
	right : 30px;
	display: inline-block;
	width: 30px;
}

.BN21_MENU_HOME img,
.BN21_BT_SEARCH img
{
	width: 100%;
	height: auto;
}

a.BN21_BT_SEARCH_TEXTE
{
	position: fixed;
	z-index: 110;
	top : 45px;
	right : 70px;
	display: inline-block;
	text-align: right;
	font-size: .75em;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'neulis-sans'; font-weight:700;
	color : rgba(0,0,0,.6);
}

.MMM a.BN21_BT_SEARCH_TEXTE
{
	display: none;
}

.BN21_MENU_MOBILE_BT
{
	display : none;
	position: fixed;
	z-index: 30;
	right: 20px;
	font-size: 1.4em;
	top: 30px;
	font-family: 'neulis-sans'; font-weight:700;
	font-weight: 500;
	cursor: pointer;
}

#BN21_BANNER_MOBILE
{
	display : none;
}

.MOBILE_MODE #BN21_BANNER_MOBILE
{
	display: block;
	position: fixed;
	top : 0px;
	left:0px;
	width: 100vw;
	height: 80px;
	background-color: white;
	z-index: 10;
	box-shadow: var(--shadow-basic);
}

.MMM #BN21_MENU_OPEN
{
	display : block !important;
}

.BN21_MMM_OPENED #BN21_MENU_CLOSE
{
	z-index: 6000;
	display: block !important;
}

.MMM .BN21_BT_SEARCH
{
	display: none;
}

.MMM .BN21_MENU
{
	width: 100%;
	height: 100vh;
	left : 120vw;
	text-align: center;
	overflow-x: scroll;
	background-color: white;
	transition: .3s all ease-in-out;
	z-index : 5000;
}

.BN21_MMM_OPENED .BN21_MENU 
{
	left :0px !important;
}

.MMM .BN21_MENU_CONT
{
	height: auto;
	padding : 30px 0px 100px 0px;
}

.MMM .BN21_MENU ul,
.MMM .BN21_MENU ul ul,
.MMM .BN21_MENU ul li,
.MMM .BN21_MENU ul ul li,
.MMM .BN21_MENU ul ul li a
{
	display: block;
	width: 100%;
	position: static;
	background-color: white;
	color : black;
	text-align: center;
}

.MMM .BN21_MENU ul ul
{
	margin-left : 0px;
}

.MMM .BN21_MENU ul li,
.MMM .BN21_MENU ul ul li
{
	width: calc( 100% - 30px);
}


.MMM .BN21_MENU>.BN21_MENU_CONT>ul>li>a
{
	font-size: 1.5em;
	padding-bottom: 15px;
	display: inline-block;
	margin-bottom: 15px;
}

.MMM .BN21_MENU>.BN21_MENU_CONT>ul>li
{
	margin-top : 50px;

}

.MMM .BN21_MENU ul ul li
{
	padding : 8px 15px !important;
}



.BN21_MENU_CONTENT {
	display:inline-block;
}

.BN21_SCROLLED .BN21_MENU {
	padding:0 0 10px;
	margin-top:-25px;
}

.BN21_MENU ul {
	display:inline-block;
	font-size: 1.3em;
	vertical-align: middle;
	padding-left :0px;
	margin-top: 5px;
}

.BN21_MENU ul li {
	display:inline-block;
	vertical-align:middle;
	padding:0 15px;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	color: var(--color-texte);
}

//.BN21_MENU>ul>li>a 
.current_page_ancestor>a
{
	//padding-bottom : 2px !important;
	border-bottom : 2px solid black !important;
}

.BN21_MENU ul li a {
	color: var(--color-texte);
	text-decoration:none;
	font-weight: 500;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
}

.BN21_MENU ul li a:after {
	content:'';
	display:block;
	padding-top:0px;
	margin-top: -7px;
	margin-left:-5%;
	border-bottom:12px solid var(--color-exergue);
	width:0;
	transition:.3s all ease-in-out;
}

.BN21_MENU ul ul li a:after {
	content:'';
	display:none;
}

.BN21_MENU ul li a:hover:after {
	width:110%;
}

.current_page_item a:after,
current-page-parent a:after {
	width:110%!important;
}

.BN21_MENU ul>li>ul>.current_page_item a:after {
	width:0!important;
}

.BN21_MENU ul>li>ul>.current_page_item a {
	color:#fff!important;
}

.BN21_MENU ul>li>ul>.current_page_item {
	background-color:black !important;
}

.MOBILE_MODE .BN21_MENU ul>li>ul>.current_page_item a 
{
	color: var(--c-vert) !important;
	text-decoration: underline !important;
}

.MOBILE_MODE .BN21_MENU ul>li>ul>.current_page_item 
{
	background-color:white !important;
}

.BN21_MENU ul ul {
	display:none;
	width:230px;
	padding-left:0;
	position:absolute;
	margin-left:-115px;
	top: 60px;
	height:auto;
	text-align:left;
	transition:all .6s cubic-bezier(.25,.8,.25,1);
}

.BN21_SCROLLED .BN21_MENU ul ul {
	top:45px;
}

.BN21_MENU ul ul li {
	text-align:left;
	/*background: var(--color-footer);*/
	display:block!important;
	margin:0!important;
	float:none;
	width:200px;
	transition:all .6s cubic-bezier(.25,.8,.25,1);
	padding:10px 15px!important;
	background-color: var(--c-bordeau);
	transition:all .6s cubic-bezier(.25,.8,.25,1);
}

.BN21_MENU ul ul li:hover {
	background-color:black;
}

.BN21_MENU ul ul li:hover a {
	color: white !important;
	transition:all .6s cubic-bezier(.25,.8,.25,1);
}

.MOBILE_MODE .BN21_MENU ul ul li:hover a 
{
	color: var(--c-vert) !important;
	text-decoration: underline !important;
}

.MOBILE_MODE .BN21_MENU ul ul li:hover 
{
	background-color:white !important;
}

.BN21_MENU ul ul li a:hover:after {
	width:0;
}

.BN21_MENU ul ul li a {
	font-size:.7em;
	font-family: 'neulis-sans', Arial, sans-serif;
	font-weight: 400;
	font-weight: normal;
	text-decoration:none!important;
	text-align:left;
	color: white;
	border-bottom:0 solid!important;
}

.BN21_MENU ul li:hover > ul {
	display:inline-block;
}

.BN21_MENU ul ul ul {
	display:none;
	/*
	position:absolute;
	left: 150%;
	font-size: 1em;
	*/
	position : static;
	font-size: .85em;
	margin-left: -15px;
}

.BN21_MENU ul ul ul li {
	float:none;
	width:200px;
	/*margin-left:-280px;*/
}



/* FOOTER */

footer
{
	width : 100vw;
	background-image: url("../ui/BN21_bg_footer.gif");
	background-size: cover;
	background-position: top center;
	padding : 100px 0px;
}

.MOBILE_MODE footer
{
	padding: 0px 0px 120px 0px;
}

.BN21_footer_row
{
	width:100vw;
	max-width: var( --s-container-width );
	margin : 0 auto;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	align-content: stretch !important;
}

.BN21_footer_item
{
	padding : 50px 45px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius : 4px;
	background-color : white;
	text-align : center;
	margin : 10px;
}

.BN21_fi_33
{
	flex-grow:1;
}

.BN21_fi_50
{
	flex-grow:1;
	padding : 100px 50px;
}

.BN21_fi_33_66
{
	flex-grow:0;
}

.BN21_fi_66
{
	flex-grow:2;
}

.BN21_fi_inverted
{
	background-color: var(--c-bordeau);
	color : white;
}

.BN21_footer_item .titre
{
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 15px;
}

.BN21_footer_item .texte
{
	
}

.BN21_footer_2col
{
	text-align : left;
}

.BN21_footer_item .logo,
.BN21_footer_item .menu
{
	display: inline-block;
	vertical-align : top;
	text-align: left;
}

.BN21_footer_item .logo{
	width: 40%;
}

.BN21_footer_item .menu{
	width: 55%;
}

.BN21_footer_item .menu ul
{
	list-style:none;
	padding-left:0px;
}

.BN21_footer_item .menu ul{
	width:100%;
}

.BN21_footer_item .menu ul li a{
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	text-decoration : none;
	color : black;
	font-size: 1.4em;
	line-height: 1.2em;
}

#menu-menu_footer_secondary li a{
	font-family: 'neulis-sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.2em;
}

.BN21_footer_item a.BN21_CTA,
.BN21_footer_item .BN21_CTA
{
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 15px;
	border-radius: 4px;
	background-color: var(--c-bordeau);
	color : white;
	text-decoration: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
	display: inline-block;
	margin-top: 20px;
	transition : all ease-in-out .3s;
}

.BN21_fi_inverted a.BN21_CTA,
.BN21_fi_inverted .BN21_CTA
{
	color: var(--c-bordeau) ;
	background-color : white ;
}

.BN21_fi_50  a.BN21_CTA,
.BN21_fi_50  .BN21_CTA
{
	font-size: 1.3em;
	padding: 14px 20px;
}

.BN21_footer_item a.BN21_CTA:hover,
.BN21_footer_item .BN21_CTA:hover
{
	background-color: black;
}

.BN21_fi_inverted a.BN21_CTA:hover,
.BN21_fi_inverted .BN21_CTA:hover
{
	background-color: black;
	color:white;
}

.BN21_footer_item input[type="submit"]
{
	border: 0px;
	font-size: 1em;
	cursor: pointer;
}

.BN21_footer_item input[type="search"]
{
	border: 0px;
	background-color: rgba(0,0,0,.06);
	padding: 10px;
	text-align: center;
}

.BN21_footer_item form
{
	border: 0px;
	display: inline-block;
	text-align: center;
	max-width:190px;
}

.BN21_RS_CONTAINER a{
	display: inline-block;
	width : 50px;
	height : 50px;
	vertical-align: middle;
	
}

.BN21_RS_CONTAINER a img{
	width: 100%;
	height: auto;
}

.BN21_RS_CONTAINER .rs_fill{
	fill: var(--c-bordeau);
	transition : all ease-in-out .3s;
}

.BN21_RS_CONTAINER a:hover .rs_fill{
	fill: black;
	transition : all ease-in-out .3s;
}


.MOBILE_MODE .BN21_footer_row
{
	width:100vw;
	max-width: var( --s-container-width );
	margin : 0 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: stretch !important;
}


.MOBILE_MODE .BN21_footer_item{
	padding : 20px;
}

.MOBILE_MODE .BN21_fi_50{
	padding : 20px;
}

.MOBILE_MODE .BN21_footer_item .logo,
.MOBILE_MODE .BN21_footer_item .menu{
	display: block;
	width:100%;
}

/* HOMEPAGE */

.BN21_HOMEPAGE_INTRO
{
	width : 100vw;
	display : flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 40px;
}

.MOBILE_MODE .BN21_HOMEPAGE_INTRO
{
	width : 100vw;
	flex-direction: column;
	margin-top: 40px;
	flex-wrap: wrap;
}

.BN21_HI_VISUEL
{
	width: 45%;
	min-height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.MOBILE_MODE .BN21_HI_VISUEL
{
	width: 100%;
	min-height: 250px;
}

.BN21_HI_CONTENT
{
	width: calc( 55% - 80px);
	padding : 40px;
	max-width: 600px;
}

.MOBILE_MODE .BN21_HI_CONTENT
{
	width: calc( 100% - 40px);
	padding : 20px;
	max-width: 500px;
}

.MOBILE_MODE h1
{
	font-size: 3em;
}


.BN21_HI_DATES
{
	font-family : 'neulis-sans', Arial, sans-serif; font-weight:700;
	font-size: 2em;
	line-height: 1.2em;
	margin-left :10px;
}

.BN21_ES_ITEM_INFO
{
	margin-bottom: 10px;
}


.BN21_ES_ITEM_INFO .content
{
	font-family : 'neulis-sans', Arial, sans-serif; font-weight:700;
	font-size: 1.5em;
	line-height: 1.2em;
}

.BN21_ES_ITEM_INFOCOMP
{
	font-size: .8em;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.BN21_ES_ITEM .icon
{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: auto;
}

.BN21_ES_ITEM .content
{
	display: inline-block;
	vertical-align: middle;
}

.BN21_HI_CONTENT h1
{
	text-align: left;
	//margin: 0px 0px 40px 10px;
	margin: 20px 0px 10px 10px;
}


.BN21_HOME_SELECTOR
{
	width : 100%;
	display : flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.MOBILE_MODE .BN21_HOME_SELECTOR
{
	justify-content: center;
	flex-wrap: wrap;
}




.BN21_HS_ITEM
{
	width: 140px;
	text-align: center;
	border-radius : var(--r-box-small-radius);
	box-shadow: var(--shadow-basic);
	margin: 10px;
	transition:.3s all ease-in-out;
}

.BN21_HS_ITEM:hover
{
	transform: scale(1.05);
}

.BN21_HS_ITEM:hover>.BN21_HS_ITEM_INT
{
	color: white;
}

.BN21_HS_ITEM:hover svg
{
	fill: white;
}

.BN21_HS_ITEM:hover>.BN21_HSI_BAND
{
	background-color: rgba(255,255,255,.4);
}

.BN21_HS_ITEM_INT
{
	width:100px;
	color : black;
	text-decoration: none;
	padding: 30px 20px 20px 20px;
	font-size: .9em;
	line-height: 1.3em;
	transition:.3s all ease-in-out;
}

.BN21_HSI_BAND
{
	width: 100%;
	height: 6px;
	border-bottom-left-radius: var(--r-box-small-radius);
	border-bottom-right-radius: var(--r-box-small-radius);
}

.BN21_HS_ITEM svg
{
	width:50px;
	height: auto;
	display: inline-block;
	transition:.3s all ease-in-out;
}

.BN21_HSI_PART svg
{
	fill : var(--c-vert);
}

.BN21_HSI_PART>.BN21_HSI_BAND
{
	background-color: var(--c-vert);
}

.BN21_HSI_PART:hover
{
	background-color: var(--c-vert);
}



.BN21_HSI_PRO svg
{
	fill : var(--c-rouge);
}

.BN21_HSI_PRO .BN21_HSI_BAND
{
	background-color: var(--c-rouge);
}

.BN21_HSI_PRO:hover
{
	background-color: var(--c-rouge);
}



.BN21_HSI_AVOCAT svg
{
	fill : var(--c-bordeau);
}

.BN21_HSI_AVOCAT .BN21_HSI_BAND
{
	background-color: var(--c-bordeau);
}

.BN21_HSI_AVOCAT:hover
{
	background-color: var(--c-bordeau);
}

.BN21_HSI_RECH svg
{
	fill : white;
}

.BN21_HSI_RECH .BN21_HSI_BAND
{
	background-color: var(--c-bordeau);
}

.BN21_HSI_RECH
{
	background-color: var(--c-rouge);
}

.BN21_HSI_RECH>.BN21_HS_ITEM_INT
{
	color: white !important;
}

.BN21_HSI_RECH:hover
{
	background-color: var(--c-bordeau);
}


/* SECTION RELATED CONTENT */

.BN21_RELATED_CONTENT
{
	width: 100vw;
	padding: 100px 0px;
	text-align: center;
}

.BN21_RELATED_CONTENT h2
{
	font-family: 'neulis-sans';
	font-weight: 500;
	font-size: 3em;
	line-height: 1em;
}

.BN21_CARDS_CONTAINER
{
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.MOBILE_MODE .BN21_CARDS_CONTAINER
{
	flex-direction: row;
	flex-wrap: wrap;
}

.BN21_CARDS_CONTAINER_RDV
{
	flex-direction :column;
	align-items : center;
}
.BN21_CARDS_CONTAINER_RDV .BN21_SOMMAIRE_CTA
{
	max-width: 400px;
}

.BN21_CARD
{
	width: 96vw;
	max-width: 290px;
	text-align: center;
	border-radius : var(--r-box-small-radius);
	box-shadow: var(--shadow-basic);
	margin: 10px;
	padding-bottom:20px;
	color : black;
	background-color: white;
	transition:.3s all ease-in-out;
}

.BN21_CARD_VISUEL
{
	width: 100%;
	height: 270px;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: var(--r-box-small-radius);
	border-top-right-radius: var(--r-box-small-radius);
}

.BN21_CARD_VISUEL_LIGHT
{
	height: 150px;
}

.BN21_CARD_TITRE
{
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	margin: 20px 10px 15px 10px;
	width:calc(100% - 20px);
	font-size: 1.8em;
	line-height: 1em;
}

.BN21_CARD_DATE
{
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	margin: 20px 10px -10px 10px;
	width:calc(100% - 20px);
	font-size: 1.15em;
	line-height: 1em;
}

.BN21_CARD_TEXTE
{
	margin: 0px 15px;
	width:calc(100% - 30px);
}

.description_annonce
{
	padding : 20px;
}

.description_annonce .titre
{
	font-size: 1.5em;
	line-height: 1.1em;
	font-family : 'neulis-sans', Arial, sans-serif; 
	font-weight:700;
	font-weight: 100;
	padding : 15px 0px;
}

.description_annonce .type
{
	font-family : 'neulis-sans', Arial, sans-serif; 
	font-weight:700;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: .9em;
}

.icon_download
{
	display : inline-block;
	margin-top : 15px;
	width: 20px;
	height: 20px;
	padding : 5px;
	background-image: url('../ui/icon_arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	border : 2px solid black;
	background-color: transparent;
	transition: background-color .3s ease-in-out, transform .3s ease-in-out;
}

.BN21_ANNONCE:hover .icon_download
{
	background-color: : white;
	transform: scale(1.2);
	animation: 1s infinite ease-in-out ;
	animation-name: arrowDown;
}

@keyframes arrowDown 
{
	from 
	{
		padding-top:5px;
		padding-bottom:5px;
	}
	
	50% 
	{
		padding-top:10px;
		padding-bottom:0px;
	}
	
	to 
	{
		padding-top:5px;
		padding-bottom:5px;
	}
}

.BN21_ANNONCE
{
	background-color: white;
	transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.BN21_ANNONCE:hover
{
	color : white;
	background-color: var(--c-rouge);
}

/* ORGANIGRAMME */

.BN21_BLOC_ORGANIGRAMME
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.BN21_BLOC_ORGANIGRAMME_ITEM
{
	width: 150px;
	text-align: center;
	margin-bottom :20px;
}

.BN21_BLOC_ORGANIGRAMME_ITEM_VISUEL
{
	width: 150px;
	height : 200px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 10px;
}

/* BACKGROUNDS */

.BN21_BG_CONTAINER
{
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 80vh;
	top:0px;
	left:0px;
}

.MOBILE_MODE .BN21_BG_CONTAINER
{
	height: 70vh; /* 50vh */
}

.BN21_BG_CENTER_GREEN
{
	background-image: url('../bg/bg_center_green.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_CENTER_RED
{
	background-image: url('../bg/bg_center_red.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_LEFT_TOP_GREEN
{
	background-image: url('../bg/bg_left_top_green.gif');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}

.BN21_BG_LEFT_TOP_RED
{
	background-image: url('../bg/bg_left_top_red.gif');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}

.BN21_BG_ANNUAIRE
{
	background-image: url('../bg/bg_full_top_annuaire.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.BN21_BG_MERCREDIS
{
	background-image: url('../bg/bg_full_top_mercredis02.gif');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
}

.MOBILE_MODE .BN21_BG_MERCREDIS,
.MOBILE_MODE .BN21_BG_CENTER_MERCREDI,
.MOBILE_MODE .BN21_BG_CENTER_CC,
.MOBILE_MODE .BN21_BG_CC,
.MOBILE_MODE .BN21_BG_PARTICULIERS,
.MOBILE_MODE .BN21_BG_PRO,
.MOBILE_MODE .BN21_BG_AVOCAT,
.MOBILE_MODE .BN21_BG_PARTICULIERS01,
.MOBILE_MODE .BN21_BG_ANNUAIRE,
.MOBILE_MODE .BN21_BG_LEFT_TOP_RED,
.MOBILE_MODE .BN21_BG_LEFT_TOP_GREEN,
.MOBILE_MODE .BN21_BG_CENTER_RED,
.MOBILE_MODE .BN21_BG_CENTER_GREEN
{
	background-size: cover;
	background-position: top center;
}

.BN21_BG_CENTER_MERCREDI
{
	background-image: url('../bg/bg_center_mercredi.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_CENTER_CC
{
	background-image: url('../bg/bg_center_cc.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_CC
{
	background-image: url('../bg/bg_full_top_cassescroutes02.gif');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.BN21_BG_PARTICULIERS
{
	background-image: url('../bg/bg_particuliers04.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.BN21_BG_PRO
{
	background-image: url('../bg/bg_pro01.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.BN21_BG_AVOCAT
{
	background-image: url('../bg/bg_avocat.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.BN21_BG_PARTICULIERS01
{
	background-image: url('../bg/bg_particuliers01.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
}

.BN21_BG_BLOCK_GRIS_LEFT01
{
	background-image: url('../bg/bg_left_gris_01.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}

.BN21_BG_BLOCK_GRIS_LEFT02
{
	background-image: url('../bg/bg_left_gris_02.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}

.BN21_BG_BLOCK_GRIS_LEFT03
{
	background-image: url('../bg/bg_left_gris_03.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}

.BN21_BG_BLOCK_GRIS_LEFT04
{
	background-image: url('../bg/bg_left_gris_04.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
}

.BN21_BG_BLOCK_GRIS_CENTER01
{
	background-image: url('../bg/bg_center_gris_01.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_BLOCK_GRIS_CENTER02
{
	background-image: url('../bg/bg_center_gris_02.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_BLOCK_GRIS_CENTER03
{
	background-image: url('../bg/bg_center_gris_03.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_BLOCK_GRIS_CENTER04
{
	background-image: url('../bg/bg_center_gris_04.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.BN21_BG_BLOCK_GRIS_RIGHT01
{
	background-image: url('../bg/bg_right_gris_01.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

.BN21_BG_BLOCK_GRIS_RIGHT02
{
	background-image: url('../bg/bg_right_gris_02.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

.BN21_BG_BLOCK_GRIS_RIGHT03
{
	background-image: url('../bg/bg_right_gris_03.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

.BN21_BG_BLOCK_GRIS_RIGHT04
{
	background-image: url('../bg/bg_right_gris_04.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

.MOBILE_MODE .BN21_BG_PARTICULIERS,
.MOBILE_MODE .BN21_BG_PRO,
.MOBILE_MODE .BN21_BG_AVOCAT
{
	background-size: cover;
}

/* DUO */

.BN21_BLOC_DUO
{
	width : 100%;
	padding : 40px 0px;
	display: flex;
	align-items: stretch;
	justify-content : center;
}

.BN21_BLOC_INVERTED
{
	flex-direction: row-reverse;
}

.BN21_BLOC_DUO_IMG
{
	background-size : cover;
	background-position: center center;
	width: 50%;
}

.BN21_BLOC_DUO_IMG
{
	background-size : cover;
	background-position: center center;
	padding: 50px;
	width: calc( 50% - 100px );
	max-width : 550px;
}

.MOBILE_MODE .BN21_BLOC_DUO_IMG
{
	padding : 0px;
}


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

.BN21_BLOC_DUO_IMG_CONTAIN img
{
	width: 100%;
	height : auto;
}

.BN21_BLOC_DUO_TEXT
{
	padding: 50px;
	width: calc( 50% - 100px );
	max-width : 550px;
}

.BN21_BLOC_DUO_TEXT h2
{
	font-size: 2.2em;
	line-height: 1.1em;
	margin-top:0px;
}

.BN21_BLOC_DUO_TEXT img
{
	width: 100%;
	height: auto;
}

.MOBILE_MODE .BN21_BLOC_DUO_TEXT figure
{
	margin : 0px;
	width: calc(100% + 20px) !important;
}

.MOBILE_MODE .BN21_BLOC_DUO_TEXT img
{
	width: 100%;
	margin-left : -20px;
	height: auto;
}

.BN21_CHAPEAU
{
	font-size: 1.5em;
	line-height: 1.25em;
}

.MOBILE_MODE .BN21_BLOC_DUO
{
	flex-direction: column;
}

.MOBILE_MODE .BN21_BLOC_DUO_IMG
{
	background-size : cover;
	background-position: center center;
	width: 100%;
	height: 70vw;
}

.MOBILE_MODE .BN21_BLOC_DUO_TEXT
{
	padding: 20px;
	width: calc( 100% - 40px );
	max-width: calc( 100% - 40px );
}

.MOBILE_MODE .BN21_BLOC_DUO_IMG_CONTAIN
{
	height: auto !important;
}

/* FICHE AVOCAT */

.BN21_FICHE_AVOCAT
{
	width : 100%;
	padding : 40px 0px;
	display: flex;
	align-items: stretch;
	justify-content : center;
}

.MOBILE_MODE .BN21_FICHE_AVOCAT
{
	flex-direction: column;
	align-items: center;
}

.BN21_FA_IMG
{
	/*
	width: 50%;
	max-width : 300px;
	*/
	width: 50%;
	max-width : 300px;
	height: 385px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.MOBILE_MODE .BN21_FA_IMG
{
	width: calc( 100% - 40px );

	height: 385px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}


.BN21_FA_IMG img
{
	width : 100%;
	height: auto;
}

.BN21_FA_TEXT
{
	padding : 40px;
	width: calc( 50% - 80px );
	max-width : 550px;
	font-size: 1.2em;
	line-height: 1.2em;
}

.MOBILE_MODE .BN21_FA_TEXT
{
	padding : 20px;
	width: calc( 100% - 40px );
	max-width : calc( 100% - 40px );
}

.BN21_FA_TEXT h1
{
	text-align: left;
	margin : 0px 0px 30px 0px;
}

.BN21_FA_SPECIALITES,
.BN21_FA_ACTIVITES,
.BN21_FA_INFOS
{
	padding : 10px 0px;
}

.BN21_FA_CTAS
{
	padding : 20px 0px;
}

.BN21_FA_SPECIALITES
{
	color: var(--c-vert);
	font-size: 1.3em;
	line-height: 1.15em;
}

.BN21_FA_ACTIVITES
{
	
}

.BN21_FA_INFOS
{
	
}


.BN21_ICON_TEL
{
	display: inline-block;
	vertical-align: middle;
	width :25px;
	height : 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../ui/icon_telephone.svg');
	margin-right : 10px;	
}

.BN21_ICON_MAIL
{
	display: inline-block;
	vertical-align: middle;
	width :25px;
	height : 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../ui/icon_mail.svg');
	margin-right : 10px;	
}

.BN21_ICON_WEB
{
	display: inline-block;
	vertical-align: middle;
	width :25px;
	height : 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../ui/icon_web.svg');
	margin-right : 10px;	
}

.BN21_BT_CONTENT
{
	display: inline-block;
	vertical-align: middle;
}


.BN21_FA_CTA,
a.BN21_FA_CTA
{	
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 30px 8px 10px;
	background-color: var(--c-vert);
	border-radius: var(--r-box-small-radius);
	margin: 5px 0px;
	color : white;
	text-decoration: none;
	font-size: 1.1em;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
}

.BN21_FA_CC_CTA,
a.BN21_FA_CC_CTA
{	
	background-color: var(--c-rouge);
}


.BN21_FA_CTA_SECONDARY,
a.BN21_FA_CTA_SECONDARY
{
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 30px 12px 30px;
	background-color: var(--c-gris);
	border-radius: var(--r-box-small-radius);
	margin: 5px 0px;
	color : white;
	text-decoration: none;
	font-size: 1.1em;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
}

.BN21_FA_CTA:hover,
a.BN21_FA_CTA:hover,
.BN21_FA_CTA_SECONDARY:hover,
a.BN21_FA_CTA_SECONDARY:hover
{
	background-color: black;
}


/* BLOCK : SOMMAIRE */

.BN21_SOMMAIRE
{
	
}

.BN21_SOMMAIRE_ITEM
{
	
}

.BN21_SOMMAIRE_CTA,
a.BN21_SOMMAIRE_CTA
{
	display: inline-block;
	width: calc( 96% - 40px);
	padding: 20px;
	border-radius: var(--r-box-small-radius);
	border-left: 7px solid var(--c-vert);
	margin: 10px 0px;
	font-size: 1.2em;
	text-decoration: none;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	background-color: white;
}


.BN21_SOMMAIRE_CTA:hover,
a.BN21_SOMMAIRE_CTA:hover
{
	border-left: 14px solid var(--c-vert);
	width: calc( 100% - 47px);
	color: inherit;
}

.BN21_CC .BN21_SOMMAIRE_CTA,
.BN21_CC a.BN21_SOMMAIRE_CTA
{
	border-left: 7px solid var(--c-rouge);
	color: inherit;
}

.BN21_CC .BN21_SOMMAIRE_CTA:hover,
.BN21_CC a.BN21_SOMMAIRE_CTA:hover
{
	border-left: 14px solid var(--c-rouge);
	width: calc( 100% - 47px);
	color: inherit;
}

.BN21_AV .BN21_SOMMAIRE_CTA,
.BN21_AV a.BN21_SOMMAIRE_CTA
{
	border-left: 7px solid var(--c-bordeau);
	color: inherit;
}

.BN21_AV .BN21_SOMMAIRE_CTA:hover,
.BN21_AV a.BN21_SOMMAIRE_CTA:hover
{
	border-left: 14px solid var(--c-bordeau);
	width: calc( 100% - 47px);
	color: inherit;
}


/* CTA */

.BN21_CTA,
a.BN21_CTA
{
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 30px 12px 30px;
	background-color: var(--c-rouge);
	border-radius: var(--r-box-small-radius);
	color: white;
	margin: 10px 0px;
	text-decoration: none;
	font-size: 1.1em;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
}

.BN21_CTA:hover,
a.BN21_CTA:hover
{
	transform: scale(1.05);
	background-color: black;
	color : white;
}

.BN21_CTA_HUGE,
a.BN21_CTA_HUGE
{
	font-size: 1.4em;
	padding: 18px 40px 20px 40px;
}


.BN21_CTA_SECONDARY,
a.BN21_CTA_SECONDARY
{
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 8px 20px 9px 20px;
	background-color: var(--c-gris);
	border-radius: var(--r-box-small-radius);
	color: white;
	margin: 5px 0px;
	text-decoration: none;
	font-size: .9em;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	cursor: pointer;
}

.BN21_MENU_CTA>a 
{
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 8px 15px 15px 10px;
	background-color: var(--c-rouge);
	border-radius: var(--r-box-small-radius);
	color: white !important;
	/* margin: 5px 0px; */
	text-decoration: none;
	font-size: .75em;
	transition: .3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	cursor: pointer;
	/* margin-top: 10px; */
}

.BN21_MENU_CTA>a:before
{
	content:'';
	display: inline-block;
	width : 16px;
	height: 16px;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../ui/icon_search_white.svg');
	margin-right: 5px;
	margin-top: -2px;
} 

.BN21_MENU_CTA>a:hover
{
	background-color: black;
	color : white;
} 

.MOBILE_MODE .BN21_MENU_CTA
{
	font-size: .75em;
}


.BN21_READMORE
{
	display: none;
	padding: 0px;
	margin : 0px;
}

.BN21_READMORE p
{
	margin : 0px 0px 15px 0px;
}

/* LOGIN */

.BN22_login_bg
{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top : 0px;
  left : 0px;
  background-size: cover;
  background-position: center center;
  background-image: url("../ui/fond_login.jpg");
  z-index: -1;
}

.BN22_login_col
{
  width: 100%;
  max-width: 500px;
  background-color: white;
  height: 100vh;
  line-height: 100vh;
  position: fixed;
  top:0px;
  left:0px;
  z-index: 10;
  text-align: center;
  overflow-x: scroll;
}

.BN22_login_panel
{
	width: 320px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.BN22_login_panel input[type='text'],
.BN22_login_panel input[type='password']
{
	width: calc( 100% - 30px);
	padding : 15px;
	border: 1px #DEDEDE solid;
	border-radius : var( --r-box-small-radius );
	background-color: white !important;
	margin-top: 10px;
}


.BN22_login_panel input[type='submit']
{
	display: inline-block;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 30px 12px 30px;
	width: 100%;
	background-color: var(--c-jaune);
	border-radius: var(--r-box-small-radius);
	color: white;
	margin: 10px 0px;
	text-decoration: none;
	font-size: 1.1em;
	border: 0px solid;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	cursor : pointer;
}

.BN22_login_panel input[type='submit']:hover
{
	transform: scale(1.05);
	background-color: black;
	color : white;
}

.BN22_login_panel h1
{
	text-align: left;
	font-size: 2.8em;
	margin-bottom: -41px;
}

.BN22_login_panel h2
{
	text-align: left;
	font-size: 1.2em;
	margin-bottom: -80px;
	color: var(--c-jaune);
}

.BN22_login_panel .icon
{
	width: 100px;
	margin-bottom: -30px;
}

.BN22_login_panel .icon
{
	fill: var(--c-jaune);
}

/* FORM ANNUAIRE */


#BN21_ANNUAIRE_FORM
{
	width: 96vw;
	max-width: calc( var( --s-container-width ) - 20px );
	margin: 0 auto;
	text-align: center;
}

.annuaire-item
{
	display: inline-block;
	width: 100%;
	max-width: 445px;
	margin:5px;
	text-align: left;
}

#BN21_ANNUAIRE_FORM input[type='text'],
#BN21_ANNUAIRE_FORM input[type='password']
{
	width: calc( 100% - 30px);
	padding : 15px;
	border: 1px #DEDEDE solid;
	border-radius : var( --r-box-small-radius );
	background-color: white !important;
	margin-top: 10px;
}

.MOBILE_MODE #BN21_ANNUAIRE_FORM input[type='text'],
.MOBILE_MODE #BN21_ANNUAIRE_FORM input[type='password']
{
	width: calc( 100% - 40px);
}


#BN21_ANNUAIRE_FORM select
{
	width: 100%;
	padding : 15px;
	border: 1px #DEDEDE solid;
	border-radius : var( --r-box-small-radius );
	background-color: white !important;
	margin-top: 10px;
}

.MOBILE_MODE #BN21_ANNUAIRE_FORM select
{
	width: calc(100% - 10px);
}


#BN21_ANNUAIRE_FORM select option
{
	font-family: 'neulis-sans', Arial, sans-serif !important;
	font-weight: 500;
}

#BN21_ANNUAIRE_FORM input[type='submit'],
#BN21_ANNUAIRE_FORM input[type='reset']
{
	display: inline-block;
	vertical-align: top;
	font-family: 'neulis-sans', Arial, sans-serif; font-weight:500;
	padding: 10px 30px 12px 30px;
	width: 100%;
	max-width: 180px;
	background-color: var(--c-bordeau);
	border-radius: var(--r-box-small-radius);
	color: white;
	margin: 30px 5px 5px 5px;
	text-decoration: none;
	font-size: 1.4em;
	border: 0px solid;
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	cursor : pointer;
}

.reinit_bt
{
	background-color: var(--c-gris) !important;
}

#BN21_ANNUAIRE_FORM input[type='submit']:hover
{
	transform: scale(1.05);
	background-color: black;
	color : white;
}

/* RESULTATS ANNUAIRE */

.BN21_RESULTS_ITEM
{
	display: inline-block;
	width: 96vw;
	max-width: 445px;
	margin: 5px;
	border-radius: var(--r-box-small-radius);
	transition:.3s all ease-in-out;
	box-shadow: var(--shadow-basic);
	background-color: white;
	cursor : pointer;
}

.MOBILE_MODE .BN21_RESULTS_ITEM
{
	width: calc( 100vw - 20px );
	max-width: calc( 100vw - 20px );
}

.BN21_RESULTS_ITEM_VISUEL
{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 180px;
	border-top-left-radius : var(--r-box-small-radius);
	border-bottom-left-radius: var(--r-box-small-radius);
	background-size: cover;
	background-position: top center;
	/* filter: grayscale(1); */
}

.BN21_RESULTS_ITEM_TEXT
{
	display: inline-block;
	vertical-align: top;
	height: 140px;
	width : calc( 100% - 180px );
	padding : 20px;
}

.MOBILE_MODE .BN21_RESULTS_ITEM_TEXT
{
	font-size: .8em;
}

.BN21_RESULTS_ITEM_TEXT_TITRE
{
	color : var(--c-vert);
	font-size: 1.9em;
	line-height: 1em;
	margin-bottom: 10px;
}

.BN21_RESULTS_ITEM_TEXT_SPECIALITE
{
	font-size: 1.2em;
	margin-bottom: 10px;
}

.BN21_RESULTS_ITEM_TEXT_CABINET
{
	font-size:.85em;
	letter-spacing: .004em;
	line-height: 1.3em;
	font-family : 'neulis-sans', Arial, sans-serif; font-weight:700;
	text-transform: uppercase;
}

.BN21_RESULTS_ITEM_TEXT_VILLE
{
	font-size:.85em;
	letter-spacing: .004em;
	line-height: 1.3em;
	font-family : 'neulis-sans', Arial, sans-serif; font-weight:400;
	text-transform: uppercase;
}

.BN21_RECH_AVOCAT_TITRE
{
	width: 100%;
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.05em;
	text-align: center;
	padding: 50px 0px;
}


/* EVENEMENT SINGLE */

.BN21_EVENT_CONTENT
{
	display: flex;
	justify-content: center;
	width : 96vw;
	margin: 0 auto;
	flex-direction: row;
	padding : 80px 0px;
}

.MOBILE_MODE .BN21_EVENT_CONTENT
{
	flex-direction: column-reverse;
	padding : 30px 0px;
}

.BN21_EVENT_TXT
{
	width : 100%;
	max-width : 650px;
	margin: 0px 40px;
}

.BN21_EVENT_SIDEBAR
{
	width : 100%;
	max-width : 300px;
	margin: 0px 20px;
}

.MOBILE_MODE .BN21_EVENT_SIDEBAR
{
	max-width: 100%;
}

.MOBILE_MODE .BN21_EVENT_TXT,
.MOBILE_MODE .BN21_EVENT_SIDEBAR
{
	margin: 10px 20px;
}

/* TAXONOMY SELECTOR */

.BN21_TAXONOMY_SELECT
{
	width : 100%;
	padding : 40px 0px;
	text-align: center;
}

.BN21_TXSEL_ITEM,
.BN21_TXSEL_ITEM2
{
	display: inline-block;
	vertical-align: middle;
	font-size: .9em;
	padding : 5px 15px;
	border-radius : 50px;
	background-color: rgb(0,0,0,.4);
	color : white;
	cursor: pointer;
	margin: 5px;
	transition : all .3s ease-in-out;
}

.BN21_TXSEL_ITEM.current_sel,
.BN21_TXSEL_ITEM2.current_sel
{
	background-color:black;
}

.BN21_TXSEL_ITEM:hover,
.BN21_TXSEL_ITEM2:hover
{
	background-color: rgb(0,0,0,.6);
}

.BN21_TXSEL_ITEM.current_sel:hover,
.BN21_TXSEL_ITEM2.current_sel:hover
{
	background-color: rgb(0,0,0,1);
}

.tag_masqued
{
	display : none;
	visibility : hidden;
}

.tag_masqued2
{
	display : none;
	visibility : hidden;
}

/* EVENT GRID */

.BN21_GRID
{
	width: 96vw;
	max-width: 1000px;
	margin: 0 auto;
}


.BN21_NOTES,
.BN21_notes_rgpd
{
	font-size: 0.85em;
	line-height: 1.3em;
	color: rgba(0,0,0,.5);
}

.BN21_annuaire_descr
{
	font-size: 0.75em;
	line-height: 1.3em;
	color: rgba(0,0,0,.5);
	margin-top : 5px;
}

/* MERCREDI DU DROIT */

.BN21_MD_NEXT_ITEM
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap : 20px;
	align-items: center;
	padding : 80px 0px;
}

.MOBILE_MODE .BN21_MD_NEXT_ITEM
{
	flex-direction: column;
	padding : 30px 0px;
}

.BN21_MD_NI_VISUEL
{
	width: 96vw;
	max-width: 300px;
	height: 300px;
	background-size : cover;
	background-position: center center;
}

.BN21_MD_NI_CONTENT
{
	width: 96vw;
	max-width: 450px;
}

.BN21_MD_NI_CONTENT .surtitre
{
	text-transform: uppercase;
	font-size: 0.85em;
}

.BN21_MD_NI_CONTENT .titre
{
	font-size: 2.2em;
	line-height: 1em;
	font-weight: bold;
	margin : 10px 0px;
}

.BN21_MD_NI_CONTENT .date
{
	font-size: 1.6em;
	line-height : 1.2em;
}

.BN21_MD_NI_VERT .BN21_CTA
{
	background-color: var(--c-vert);
}


.BN21_PUBLIC
{
	text-align: center;
	width: 100%;
	color : white;
	font-size: 1.7em;
	margin: 30px 0px -20px 0px;
}

.BN21_PUBLIC img,
.BN21_PUBLIC svg
{
	display : inline-block;
	vertical-align: middle;
	width: 30px;
	height: auto;
	fill : white;
}

.BN21_PUBLIC_WIDE
{
	text-align: center;
	width: 100%;
	color : white;
	font-size: 1em;
	margin: 20px 0px -20px 0px;
	text-shadow: 0px 0px 10px rgba(10,12,12,.2);
}

.BN21_PUBLIC_WIDE h1
{
	display : inline-block;
	vertical-align: middle;
	text-align: left;
	width: auto;
	color : white;
}

.BN21_PUBLIC_WIDE img,
.BN21_PUBLIC_WIDE svg
{
	display : inline-block;
	vertical-align: middle;
	width: 140px;
	height: auto;
	fill : white;
}

/* GRAVITY FORM */

.gform_fields input
{
	padding : 20px !important;
}

.gform_heading
{
	display: none !important;
}

.gform_fields input[type="submit"],
.gform_wrapper.gravity-theme .gform_previous_button.button, 
.gform_wrapper.gravity-theme .gform_next_button.button, 
.gform_wrapper.gravity-theme .gform_save_link.button,
.gform_wrapper.gravity-theme .gform_button.button
{
	display: inline-block !important;
	font-family: 'neulis-sans', Arial, sans-serif !important;
	font-weight: 500;
	padding: 10px 30px 12px 30px !important;
	background-color: var(--c-rouge) !important;
	border-radius: var(--r-box-small-radius) !important;
	color: white !important;
	margin: 10px 0px !important;
	text-decoration: none !important;
	font-size: 1.1em !important;
	transition:.3s all ease-in-out !important;
	box-shadow: var(--shadow-basic) !important;
	border : 0px solid !important;
	cursor: pointer !important;
}

.gform_wrapper.gravity-theme .gform_previous_button.button, 
.gform_wrapper.gravity-theme .gform_next_button.button
{
	background-color: var(--c-vert) !important;
}

.gform_wrapper.gravity-theme .gform_save_link.button
{
	background-color: var(--c-gris) !important;
}

.gform_fields input[type="submit"]:hover,
.gform_wrapper.gravity-theme .gform_previous_button.button:hover, 
.gform_wrapper.gravity-theme .gform_next_button.button:hover, 
.gform_wrapper.gravity-theme .gform_save_link.button:hover,
.gform_wrapper.gravity-theme .gform_button.button:hover
{
	transform: scale(1.05);
	background-color: black !important;
	color : white !important;
}

.gform_wrapper.gravity-theme .gfield_label 
{
	font-size: 18px !important;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 20px !important;
	display: inline-block;
	padding: 0;
}


/* BOUTONS FIXES */

.BN21_UP
{
	display : none;
	width : 50px;
	height : 50px;
	background-color: var(--c-bordeau);
	background-position: center center;
	background-size: cover;
	background-image: url('../ui/icon_arrow_down.svg');
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
	transition: all ease-in-out .3s;
	position: fixed;
	bottom : 30px;
	right : 30px;
	cursor : pointer;
}

.BN21_UP:hover
{
	transform: scale(1.1);
	background-color: var(--c-rouge);
}


.BN21_huge_input
{
	font-size : 15px;
	padding : 10px;
	text-align: center;
}

.BN21_RECH_BT
{
	border: 0px solid;
	font-size: .85em;
}

.BN21_COOKIES_BANNER
{
	position: fixed;
	bottom: 30px;
	left : 10px;
	padding: 5px 10px;
	font-size: .8em;
	max-width: calc( 100vw - 120px);
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.1);
	cursor : pointer;
}

.MOBILE_MODE .BN21_COOKIES_BANNER
{
	font-size: .8em !important;
	line-height: 1.3em !important;
}

.BN21_COOKIES_BANNER p
{
	margin: 0px !important;
}