/* fonts */
/* https://fonts.google.com/ */
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-ExtraLight.ttf);
	font-display: swap;
	font-weight: 200;
} 
@font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-Light.ttf);
	font-display: swap;
	font-weight: 300;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-Regular.ttf);
	font-display: swap;
	font-weight: 400;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-Medium.ttf);
	font-display: swap;
	font-weight: 500;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-SemiBold.ttf);
	font-display: swap;
	font-weight: 600;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-Bold.ttf);
	font-display: swap;
	font-weight: 700;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-ExtraBold.ttf);
	font-display: swap;
	font-weight: 800;
}
 @font-face {
	font-family: "Mulish";
	src: url(/style/font/Mulish/static/Mulish-Black.ttf);
	font-display: swap;
	font-weight: 900;
}
/* variables */
:root {
	--font: "Mulish",sans-serif;
	--font-titre: "Mulish",sans-serif;
	--padding: 30px;
	--gris-clair: #cdcdcd;
	--gris-fonce: #58585a;
	--vert : #50b47e;
	--bleu : #1c5ea2;
	--blanc : #fff;
}
/* default styles */
*,*::before,*::after {box-sizing: border-box;padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover, :link, :visited {text-decoration: none;}
iframe {line-height: 1em; display: block;}
table {border-collapse: collapse;}
html {font-size: 62.5%;scroll-behavior: smooth;}
body {overflow-x: hidden;background-color: #fff;color: #000;font-family: var(--font);font-size: 1.4em; /* equiv 14px */line-height: 1.5em;}
input, select, textarea {font-size: 100%;}
.clearfix::after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.mir {letter-spacing: -1000em;}
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space: nowrap;}
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color: #008cd9;}

body {
	font-family: var(--font);
	font-weight: 400;
	font-size: 1.9em;
	line-height: 1.6em;
}

/* sections et blocs */
.page, .page_min {
	width: min(100%,1260px);
	margin: 0 auto;
}
.page_min {width: min(100%,800px);}
.page_demi {width: min(100%,650px);}
.page_2-3 {width: min(100%,810px);}
.section {padding: calc(var(--padding)*2) 0; position: relative;}
.sectionNoPadding {padding: 0;}

.col1-2, .col1-3, .col2-3,
.col3-4, .col1-4, .col1-5, .col3-5 {
	float: left;
}
.col,.flex1-1{width: 100%;}
.col3-4,.flex3-4{width: 75%;}
.col1-2,.flex1-2{width: 50%;}
.col1-3,.flex1-3{width: 33.33%;}
.col2-3,.flex2-3{width: 66.66%;}
.col1-4,.flex1-4{width: 25%;}
.col1-5,.flex1-5{width: 20%;}
.col3-5,.flex3-5{width: 60%;}



/* flexbox */
.flexParent {
    display: flex;
    flex-wrap: wrap;
}
.flex, .flex1-1, .flex1-2, .flex1-3,
.flex2-3, .flex3-4, .flex1-4, .flex1-5 {
    display: flex;
}
.flexColumn {
	flex-direction: column;
	display: flex;
}
.flex_between {
    justify-content: space-between;
}

.flex_center {
    justify-content: center;
}

.flex_between_end {
    justify-content: space-between;
    align-items: center;
}
.flex_start_center {
    justify-content: flex-start;
    align-items: center;
}
.flex_center_center {
    justify-content: center;
    align-items: center;
}
.flex_between_center {
    justify-content: space-between;
    align-items: center ;
}
.flex_end_center {
    justify-content: flex-end;
    align-items: center;
}
.flex_around_center {
    justify-content: space-around;
    align-items: center;
}

/* columns */
.column2, .column3 { column-gap: var(--padding); }
.column2 { columns: 2; }
.column3 { columns: 3; }

/* padding margin */
.padding{ padding: var(--padding); }
.paddingLR{
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.paddingTB{ 
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}
.paddingNoTop {padding-top: 0;}
.paddingNoBottom {padding-bottom: 0;}

.margin_auto{margin: 0 auto;}
.marginNoBottom, .section p.marginNoBottom {margin-bottom: 0;}

/* gestion des couleurs/fonds */
.bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bg_vert {background-color: var(--vert); color: #fff;}
.bg_bleu {background-color: var(--bleu); color: #fff;}
.bg_gris_fonce {background-color: var(--gris-fonce); color: #fff;}
.bg_gris_clair {background-color: var(--gris-clair); color: #000;}
.bg_blanc {background-color: #fff; color: #000;}
.bg_noir {background-color: #000; color: #fff;}

.bg_gris_clair a:is(:link,:visited),
.bg_blanc a:is(:link,:visited), 
.bg_vert .bg_blanc a:is(:link,:visited) {color: #000;}
.bg_gris_fonce a:is(:link,:visited),
.bg_bleu a:is(:link,:visited),
.bg_vert a:is(:link,:visited),
.bg_noir a:is(:link,:visited) {color: #fff;}

.vert, a.vert:is(:link,:visited) {color: var(--vert)!important;}
.bleu, a.bleu:is(:link,:visited) {color: var(--bleu)!important;}
.blanc, a.blanc:is(:link,:visited) {color: #fff!important;}
.noir, a.noir:is(:link,:visited) {color: #000!important;}

.block {display: block;}
.relative{position: relative;}
.oHidden {overflow: hidden;}

.float_left {float: left;}
.float_right {float: right;}

/* textes */
.section p {margin-bottom: 20px;}
.section p b, .section p strong{font-weight: 700;}
.section p b.semibold, .section p strong.semibold{font-weight: 800;}

.align_center {text-align: center;}
.align_right {text-align: right;}

.maj {text-transform: uppercase;}
.italic {font-style: italic;}
.noItalic {font-style: normal;}

.thin {font-weight: 100;}
.extralight {font-weight: 200;}
.light {font-weight: 300;}
.normal {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 900;}

.big {font-size: 120%;}
.extrabig {font-size: 140%;}
.small {font-size: 80%;}
.extrasmall {font-size: 60%;}

/* animations */
.zoom_container {
	display: block;
	overflow: hidden;
	line-height: 0;
}

.zoomup { transition: 0.4s; }
.zoomup:is(:hover,:focus) {transform: scale(1.2);}

.zoomdown { transition: 0.4s; }
.zoomdown:is(:hover,:focus) {transform: scale(0.8);}

.zoomtourne { transition: 0.4s;}
.zoomtourne:is(:hover,:focus) {transform: rotate(15deg) scale(0.9);}

.zoominfini:is(:hover,:focus) {
	animation-duration: 0.8s;
	animation-name: zoominfini;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes zoominfini {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}

@keyframes miniZoom {
  from { transform: scale(0); }
  to   { transform: scale(1); }
}

.fade {
	opacity: 0;
	transition: 1s;
}
.fondu_top {
	opacity: 0;
	position: relative;
	transform: translateY(-200px);
	transition: all 1s, width 0s;
}
.fondu_bottom {
	opacity: 0;
	position: relative;
	transform: translateY(200px);
	transition: all 1s, width 0s;
}
.fondu_left {
	opacity: 0;
	position: relative;
	transform: translateX(-1000px);
	transition: all 1s, width 0s;
}
.fondu_right {
	opacity: 0;
	position: relative;
	transform: translateX(1000px);
	transition: all 1s, width 0s;
}
.animActive {
	opacity: 1;
	transform: none;
	z-index: 100;
}

.transition05 { transition: 0.5s; }
.transition1 { transition: 1s; }
.transition15 { transition: 1.5s; }
.transition2 { transition: 2s; }
.transition25 { transition: 2.5s; }

.rond { position: relative; }
.rond::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

/* header */
header {
	position: fixed;
	width: 100%;
	z-index: 600;
	top: 0;
	left: 0;
}
main { padding-top: 55px; }

/* menu */
nav#mainNav ul { text-align: center; }
nav#mainNav li { display: inline-block;padding: 10px; position: relative; }
nav#mainNav li a { 
	display: block;  
	position: relative; 
	color : var(--bleu); 
	font-weight:300; 
	border-bottom : 5px solid transparent; 
	transition:all 0.5s; 
	text-transform: uppercase;
}

header .btn_connexion {
	background: var(--vert);
	border-bottom-left-radius: 20px;
	color : #fff!important; 
	text-transform: uppercase;
	font-weight:300; 
	padding : 10px 0px;
	display: block;
}

header .btn_connexion li { display:inline-block; border-left: 1px solid; line-height: 1em; padding : 0 10px;}
header .btn_connexion li:first-child { border-left:none}
header .btn_connexion a {color : #fff!important; }
header .btn_connexion .btn_connect::before {
	content : '\f2bd';
	font-family : "Font Awesome 7 Free";
	color : #fff;
	font-weight: normal; 
	padding-right: 5px;
}
header #logo {
	max-height: 60px; 
	padding : 5px 20px
}
header #logo .img_100{max-height: 100%;}
#menuBurger, #openNav { display: none; }

/* effets passage de souris */
nav#mainNav li a:is(:hover,:focus),
#accueil nav#mainNav li#nav-accueil > a,
#conferences nav#mainNav li#nav-conferences > a,
#conference nav#mainNav li#nav-conferences > a,
#conferenciers nav#mainNav li#nav-intervenants > a,
#qui nav#mainNav li#nav-qui > a,
#conferencier nav#mainNav li#nav-intervenants > a,
#contact nav#mainNav li#nav-contact > a {
	border-bottom-color: var(--vert);
}

/* sous-menu */
nav#mainNav .sousMenuParent ul {
	text-align: left;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
}
nav#mainNav .sousMenuParent:is(:hover,:focus-within) ul,
nav#mainNav .sousMenuParent a:is(:hover,:focus) + ul {max-height: 250px;}
nav#mainNav .sousMenuParent ul li {padding : 5px 10px 5px 10px}
nav#mainNav .sousMenuParent ul a {white-space: nowrap; text-transform: none; line-height: 1em;}
nav#mainNav .burgerOnly {display: none;}

/* transformation en menu burger */
@media all and (max-width: 1400px) {

	nav {align-self: center;}
	
	nav#mainNav .burgerOnly { display: block; }

	nav#mainNav ul {
		position: absolute;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: calc(100vh - 60px);
		top: 60px;
		left: 0;
		padding: calc(var(--padding) / 2);
		text-align: left;
		transform: translateX(-100%);
		transition: 0.5s;
	}
	nav#mainNav > ul {
		overflow: hidden;
		z-index: 1001;
	}
	nav#mainNav li { display: block; }

	/* sous-menu */
	nav#mainNav .sousMenuParent > a::after {
		content: '\f0da';
		font-family: "Font Awesome 7 Free";
		font-weight: 700;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}

	nav#mainNav #openNav:not(:checked) ~ ul .sousMenuParent ul { display: none; }
	nav#mainNav .sousMenuParent ul, nav#mainNav .sousMenuParent a:hover + ul {
		position: fixed;
		top: 0;
		left: 100%;
		max-height: none !important;
		z-index: 2;
		transform: none;
		box-shadow: none;
	}
	nav#mainNav .sousMenuParent > a.open + ul {	left: 0; }

	/* bars */
	#menuBurger { display: block; padding : 10px}
	#menuBurger label {
		cursor: pointer;
		position: relative;
		display: block;
		width: 85px;
	}
	#menuBurger label::before,
	#menuBurger label::after {
		content: '';
	}
	#menuBurger label span,
	#menuBurger label::before,
	#menuBurger label::after {
		width: 20px;
		height: 2px;
		background-color: #000;
		transition: 0.5s;
		margin-top : 5px;
		display: block;
		transform-origin: left;
	}
	#menuBurger label b {
		display: block;
		position: absolute;
		top : 50%;
		transform: translateY(-50%); 
		left: 30px;
		line-height: 1em;
		font-weight: 700;
		text-transform: uppercase;
	}

	/* burger ouvert */
	nav#mainNav #openNav:checked ~ #menuBurger ~ ul { transform: none; }
	nav#mainNav #openNav:checked + #menuBurger label::before { transform: rotate(45deg); }
	nav#mainNav #openNav:checked + #menuBurger label span { opacity: 0; }
	nav#mainNav #openNav:checked + #menuBurger label::after { transform: rotate(-45deg); }

	nav#mainNav li a::before { display: none !important; }

}



#anim_svg  { 	
	position: relative;
	overflow: hidden;
}

#anim_svg::after {
	position: absolute;
	content : "";
	width: 100%;
	height: 100%;
	display: block;
	top : 50%;
	left: 50%;
	background : transparent url(/style/accueil/cva-masque3.svg) no-repeat center center; 
	background-size: cover; 
	transform: translate(-50%,-50%) scale(1); 
	transform-origin: center center;
	transition: 0.5s all;
	animation: anim-zoom 3s 5s linear forwards;
	pointer-events: none;
	z-index : 1000;
}  


@keyframes anim-zoom {
  0% { transform: translate(-50%,-50%) scale(1);}
  /*
  25% { transform: translate(-50%,-50%) scale(1.5);}
  50% { transform: translate(-50%,-50%) scale(3);}
  99.98% { transform: translate(-50%,-50%) scale(17); opacity: 1;}*/
  100%{ transform: translate(-50%,-50%) scale(25); opacity: 0}
}


 	#bg_video {
		z-index: 20;
		position: relative;
		overflow: hidden;
		background: url(/style/accueil/video-CVA-2500.jpg) no-repeat;
	  	background-size: cover;
		height: calc(85vh - 60px);
 	}

 	#mouse-anim {position: absolute; bottom : 0; left : 50%; transition : translateX(-50%);}
	#mouse-anim::before, 
	#mouse-anim::after {
		font-family: "Font Awesome 7 Free";
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		color: #fff;
		font-weight: 700;
		transition : all 0.5s;
		z-index: 1;
	}

	#mouse-anim::before {
		content: '\f8cc';
		bottom: 70px;
		font-size: 200%;
	}

	#mouse-anim::after {
		content: '\f078';
		bottom: 40px;
		font-size: 150%;
		animation-duration: 1.5s;
		animation-name: scrollmouse;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
	}
	
	#mouse-anim:hover::before, 
	#mouse-anim:hover::after {color : var(--vert)!important}

	@keyframes scrollmouse {
		from { transform: translate(-50%, 0px); }
		to { transform: translate(-50%, 10px); }
	}

 	video#bgvid {
	  position: absolute; 
	  left: 0; 
	  top: 0;
	  min-width: 100%; min-height: calc(100vh - 60px);
	  width: auto; height: auto; z-index: -100;
	  background: url(/style/accueil/video.png) no-repeat;
	  background-size: cover;
	  background-position: center;
	}


 	#bg_video .page {
 		position : relative;
 		z-index : 10;
 	}

 	.content_slide_accueil {
 		position: absolute;
 		width: min(100%,1260px);	
 		z-index: 20;
 		top : 20%;
 		left : 50%; 
 		transform: translateX(-50%);
 	}

 	.content_slide_accueil strong {
 		display:block;
 		font-size: 270%;
 		line-height: 1.3em;
 		color : #fff;
 		font-weight: 700;

 	} 
	.content_slide_accueil .logo_slide_accueil {
	 	max-width: 550px;
	}

 	.prochaine_conf_bloc {
 		max-width: 0;
 		transition: max-width 0.45s ease-out;
 	}
	
	.prochaine_conf_bloc.open{
 		max-width: 1000px;
 	}


 	.next_conf {
 		transition : all 0.5s;
 		position: absolute;
 		right: -30px;
 		top : 45%;
 		z-index : 500;
 		border-top-left-radius: 300px;
 		border-bottom-left-radius: 300px;
 		padding : 5px ;
 		height : 330px;

 	}
 	.next_conf a#next_conf_btn{
 		font-weight: 700;
 		line-height: 1.2em;
 		font-size: 140%;
 		display: flex;
 		padding : 0 40px 0 50px;
 		transition : all 0.5s;
 		height : 100%;
		align-items: center;
 	}

 	.next_conf:is(:hover,:focus){
 		right: 0;
 	}
 	
 	.prochaine_conf_contenu{
		flex: 1;
		align-self: center;
		min-width: 500px;
		position: relative;
 	}

 	.prochaine_conf_bloc .conferencierConf {
 		
  		font-weight: 300;

 	}
 	.prochaine_conf_bloc .titreConf {
 		font-size : 120%; 
 		font-weight: 500;
 	}

 	 .next_conf .imgIntervenantRond {
 		width : 320px;
 		height : 320px;
 	}

 	#closer {
 		position: absolute;
 		top: -10px;
	  	right: 30px;
	 	display: block;
 	}

#slider {
	/*height :10vh;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#conferences #slider { background-image: url(/style/bandeau/lunettescahier-2500.jpg); }
#conference #slider { background-image: url(/style/bandeau/conference-2500.jpg); }
#archives #slider { background-image: url(/style/bandeau/conference-2500.jpg); }
#conferenciers #slider, #conferencier #slider { background-image: url(/style/bandeau/micro-2500.jpg); }
#contact #slider { background-image: url(/style/bandeau/contact-cva-paris-2500.jpg); }
.cmpte #slider { background-image: url(/style/bandeau/paris-2500-2.jpg); }
#qui #slider { background-image: url(/style/bandeau/CVA-paris-2500.jpg); }
#actualites #slider, #voyages #slider { background-image: url(/style/bandeau/CVA-paris-2500.jpg); }


#slider strong {
	padding : 240px 0 100px 0;
	font-size : 320%;
	font-weight: 800;
	line-height: 1;
	display: block;
}

#accueil #slider {
	height : 70vh;
}

/* accueil  */
.margin_left_accueil {
	margin-left : 115px;
}

.ico-titre-big {position: relative; z-index : 30;}	
.ico-titre-big::before {	
	font-family: "Font Awesome 7 Free"; 
	font-size: 100%;
	padding-right: 10px; 
	font-weight: bold; 
	display: block;
	position: absolute;
	top : 30px; 
	left : -110px;
	font-size: 450%;
}


.uneConf {
	max-width: 990px;
	border-bottom-left-radius: 50px ;
	border-bottom-right-radius:  50px;
	border-top-right-radius: 50px ;
	overflow: hidden;
	margin-bottom : 30px;
}
	
	.paddingConf {padding : 40px;}
	
	.imgConf {
		display: block;
		height : 100%; 
		width: 100%;
		position: relative;
		max-height: 420px;
	}

	.imgConf .img_100{
		width: 100%;
		object-fit: cover;
		height : 100%; 
		position: relative;
		z-index: 20;
	}

	.imgConf .imgIntervenant{
		position: absolute;
		top : 0;
		left:  100%;
		z-index: 30;
		transition: all 0.8s;
			border-bottom-left-radius: 50px ;
	}

	.uneConf .bg_bleu {
		transition : all 0.5s;
		position: relative;
		z-index: 40;
	}  

	.copyrightImg {
		position: absolute; 
		bottom : 0; 
		z-index: 20;
		left : 5px; 
		font-size: 80%;
		background : rgba(0,0,0,0.6); 
		padding: 2px 5px 2px 25px;
	}

		.uneConf:hover .imgConf .imgIntervenant{
			left: 0%;
		} 

		.uneConf:hover .bg_bleu{
			background: #fff;
			color : var(--bleu)!important;
		} 	

		.uneConf:hover .bg_bleu a {
			color : var(--bleu)!important;
		} 	

	.rubriqueConf {font-size: 90%; display: block; text-transform: uppercase; font-weight: 300}

	h3.titreConf {text-transform : none; font-size : 170%; padding-bottom: 10px; font-weight: 800}	
	.bg_vert .bg_blanc h3.titreConf a:is(:link,:visited) {color : #000}	

	.dateConf, 	.conferencierConf {text-transform: uppercase; font-weight: 300}


	.bg_bleu_after {
		position: relative; 
		z-index : 10; 
		overflow: hidden; 
		margin : 60px 0 120px 0;
	}

	.bg_bleu_after::after {
		position: absolute;
		top : 0;
		left : 0; 
		background: var(--bleu);
		height: 100%;
		width : calc(50% + 190px); 
		content: '';
		z-index: 0;
		display: block;
		pointer-events: none;
		display: block;
		border-top-right-radius: 300px;
		border-bottom-right-radius: 300px;
	}

	.imgIntervenantRond {
		width: 370px;
		height: 370px;
		border-radius: 100%;
		display: block;
		overflow: hidden;
		z-index : 30; 
		position: relative;
	}

	.imgIntervenantRond img.img_100 {
		width: 100%;
		object-fit: cover;
		height : 100%; 
		transition: all 0.5s;
		position: relative;
		border-radius: 100%;
	}

	.imgIntervenantRond:hover img.img_100 {
		transform : scale(1.2)
	}


	.bloc_contenu_content {
		padding-left : calc(50vw - 185px);
		position: relative;
	}
	.un_intervenant { width : 370px; }
	
	 .contentIntervenant {
	 	  position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 20;
    padding-right: 30px;
    display: flex
;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    width: 100%;
    transform: translateX(-100%);
	 	/*position : absolute; 
	 	left  : calc(400px * -1);
	 	top : 0;
	 	color : #fff;
	 	z-index : 20;
	 	padding-right: 400px;
	 	display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		height : 100%;*/
	 }

	#conference .contentIntervenant { width: min(100%,430px); padding-left: 30px;}

	.un_intervenant .contentIntervenant {
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s;

	}
	.un_intervenant.lsActive .contentIntervenant {
		opacity: 1;
		pointer-events: all;
		transition-delay: 0.5s;
	}

	.un_intervenant.lsActive .imgIntervenantRond {
		z-index : 100;
	}
	.un_intervenant .imgIntervenantRond img {
		transform: scale(0.8);
	}
	.un_intervenant.lsActive .imgIntervenantRond img {
		transform: scale(1.0);
	}

	.btn_intervenants_prev, 
	.btn_intervenants_next {
		position: absolute;
		top : 50%; 
		transform: translateY(-50%);
		z-index: 40;
		color : #fff!important; 
		font-size: 200%;
		display: block;
	}

	.btn_intervenants_prev {
		left: 30px;
	}
	.btn_intervenants_next {
		right: 30px;
	}



	.bg_logo_bleu_cva {
		position: relative;
		overflow: hidden;
	}
		.bg_logo_bleu_cva .img_logo_bleu_fade {
			position : absolute; 
			top : 0; 
			left : 0px;
		 	z-index : 500;
		 	width: 100%; 
			height: 100%; 
			display: block;
  			object-fit: cover;
		}

	/*.bg_logo_bleu_cva::after {
		position: absolute;
		display: block;
		content: "";
		top : 0; left: 0;
		width: 100%; 
		height: 100%; 
		background: transparent url(/style/logo/logo-cva-bleu-1300.png) no-repeat -190px center;
		background-size: auto 100%;
		transform: scale(1.15);
	} */

.voyage {
	margin-bottom: 60px;
}

 /* =conference_detail */
	 #conference_detail {position: relative; min-height : 350px;}
		 #conference_detail .conference_detail_img {
				display: block;
				height : 100%; 
				width: 100%;
				overflow: hidden;
				position: relative;
				max-height: 600px;
		  		border-bottom-right-radius: 50px;
		  		border-top-right-radius: 50px
			}

				#conference_detail .conference_detail_img  .img_100{
					width: 100%;
					object-fit: cover;
					height : 100%; 
					position: relative;
				}

		#conference_detail .conference_detail_intro {
			position: absolute;
			right : 0; 
			top : 50%; 
			transform: translateY(-50%);
			width: calc(50% + 285px);
			border-bottom-left-radius: 50px;
			border-top-left-radius: 50px;
			z-index : 30;
		}

		.conference_detail_intro ul.inline li {border-left : 1px solid #fff; line-height : 1;}
		.conference_detail_intro ul.inline li:first-child {border-left :none;}
		.conference_detail_intro ul.inline li a{border-bottom: 2px solid; transition: all 0.5s;}
		.conference_detail_intro ul.inline li a:is(:hover,:focus){color : var(--vert);}
			
			.conference_detail_titre {
				font-weight: 300;
				text-transform: uppercase;
				font-size : 120%; 
				color : var(--bleu);
				display: block;
				margin-bottom: 20px;
			}

			.bg_vert .conference_detail_titre {color : #fff}
			.bloc_arrondi {
				border-radius: 30px;
				width: 100%;
			}

			.conference_descriptif a, 
			.descriptif a, 
			a.lien_base { transition : all 0.5s; border-bottom : 2px solid var(--bleu); color : var(--bleu)!important}

			.bg_bleu a.lien_base,
			.bg_vert a.lien_base {border-bottom : 2px solid var(--blanc); color : var(--blanc)!important}

			.conference_descriptif a:is(:hover,:focus), 
			.descriptif a:is(:hover,:focus), 
			a.lien_base:is(:hover,:focus) {
				color : var(--vert)!important;
				border-color: var(--vert)!important;;
			}

			.bg_vert .descriptif a:is(:hover,:focus), 
			.bg_vert .conference_descriptif a:is(:hover,:focus){
				color : #fff!important;
				border-color: #fff!important;;
			}
			.conference_descriptif li{list-style-type: disc; margin-left: 15px;}
	
			.conference_detail_media .bg_vert {height: 100%}


			 .nav-archives .lsPrev, .nav-archives  .lsNext { 
				top :3px;
				padding : 0;
				transform: none;
				font-size: 50%;
			}

			.nav-archives {margin-bottom : 50px;}
			.nav-archives .lsPrev:is(:hover, :focus), .nav-archives .lsNext:is(:hover, :focus) {
			  font-size: 50%;
			  color : var(--bleu)!important;
	
			}

			.activeAnnee {
			  color : var(--bleu)!important;
			}

			.uneConfArchive {
				position: relative;
			}


			.uneConfArchive::after {
				position : absolute; 
				z-index: 0;
				width: 50%; 
				height : 100%; 
				content : "";
				background: #fff;
				left : 0;
				top : 0;
				display: block;
				pointer-events: none;
			}

			.uneConfArchive::before {
				position : absolute; 
				width: 50%; 
				height : 100%; 
				content : "";
				background: var(--bleu);
				display: block;
				right : 0;
				top : 0;
				pointer-events: none;
			}

			.uneConfArchive .col1-2, .uneConfArchive .col2-3  {
				z-index: 30;
				position: relative;
			}

/* intervenants  */

.imgIntervenantRond span {
	position : absolute;
	left : 50%; 
	top : 50%; 
	transform : translate(-50%,-50%);
	color : #fff;
	width: 100%;
	text-align: center;
	z-index : 30;
}


	ul.lettre_alpha {
		width: auto;
		display: inline-block;
	    margin-bottom : 30px;
	    border-top : 1px solid var(--bleu);
	    border-bottom : 1px solid var(--bleu);
	    padding-top : 10px;
	    padding-bottom : 10px;
	    /*margin-top : 15px;*/
	}
	ul.lettre_alpha li {
	    display : inline-block;
	    text-transform : uppercase;
	    font-weight : 300;
	    font-size : 100%;
	    padding :0 5px;
	}
	ul.lettre_alpha li a{color : var(--bleu);}
	ul.lettre_alpha li  span, ul.lettre_alpha li  a{ padding : 0 5px; }
	ul.lettre_alpha li a.active, ul.lettre_alpha li a:focus, ul.lettre_alpha li a:hover {
	    color : #fff;
	    background : var(--bleu)!important;
	}
	ul.lettre_alpha li  span {opacity : 0.5;}
   
   .conferencier_photo, .conferencier_nophoto  {
	   	position: relative;
	   	display: block;
   }
		.conferencier_photo::after {
		  padding-bottom: 100%;
		  display: block;
		  content: "";
		} 

		.conferencier_photo img, .conferencier_photo div.cycle {
		  border-radius: 50%;
		  position: absolute;
		  transform: scale(0.8);
		  z-index : 20;
		  transition : all 0.5s;
		  object-position: top;
		}
		#conferencier .conferencier_photo img{transform: scale(1.0);}

		
		.intervenant:is(:hover,:focus) .conferencier_photo  img {
		  transform: scale(1);
		}

		.contenuIntervenant {
			height : 152px;
			overflow : hidden;
		}


		.conferencier_photo span, .conferencier_nophoto span {
			position: absolute;
			z-index: 30;
			left : 50%; 
		  	transition : all 0.5s;
			top : 50%; 
			width : 100%;
			color : #fff;
			text-align: center;
			transform: translate(-50%,-50%);
			text-shadow: 2px 2px 2px rgba(0,0,0,.5);
			opacity: 1;
	   		pointer-events: all;
		}	

		.intervenant:is(:hover,:focus) .conferencier_photo span:not(.noeffet) {
		 	opacity: 0;
	   		pointer-events: none;
		}

		.arrondi {
		  border-radius: 50%;
		}

		.contenuIntervenant {
	   		opacity: 0;
	   		pointer-events: none;
		 	transition : all 0.5s;
		}

		.intervenant:is(:hover,:focus) .contenuIntervenant {
	   		opacity: 1;
	   		pointer-events: all;
		}

	   .contenuIntervenant strong{
	   		font-weight: 500;
	   		font-size: 130%;
	   		display: block;
	   		margin : 10px 0 5px 0;
	   }

	
	   .internevant_conference {
	   		padding : 5px 30px;
	   		border-radius: 100px;
	   		margin-top: 30px;
	   		display: block;
	   		color: #fff !important;
	   		border : 1px solid var(--bleu);
	   		transition: all 0.4s;
	   }


	   .internevant_conference:is(:hover,:focus) {
	   		color: var(--bleu)!important;
	   		background: #fff;
	   }

	   .internevant_conference .ico-micro::before {
	   		font-size: 240%;
	   		align-self: center;
	   }
	   .intervenant_detail_conference {
	   		flex: 1; 
	   		padding : 0 5px;
	   }

	   .intervenant_detail_conference strong{
	   		font-size : 120%; 
	   		font-weight: 500;
	   }

		.intervenant_detail_conference span{
		   	font-size : 90%; 
		   	text-transform: uppercase;
		   	font-weight: 300;
	   }

	   .internevant_date_conference {
		   	align-self: end; 
		   	flex: 0 0 auto;  
		   	white-space: nowrap; 
		   	padding : 0 5px;
		   	text-transform: uppercase;
 			font-weight: 300;
	   }


	.bg_bleu_after_conferencier {
		position: relative; 
		z-index : 10; 
		overflow: hidden-y; 
	}

	.bg_bleu_after_conferencier::after {
		position: absolute;
		top : 0;
		right : 0; 
		background: var(--bleu);
		height: 100%;
		width : 4000px; 
		content: '';
		z-index: 0;
		display: block;
		pointer-events: none;
		display: block;
		border-top-right-radius: 300px;
		border-bottom-right-radius: 300px;
	}

/* voyages  */


	h2.titreVoyages {text-transform : capitalize; font-size : 150%; padding-bottom: 10px; margin-bottom : 5px; font-weight: 800}	
/* espace adhérente / compte */
.nav_espace_adh {margin-top : 60px;}
.nav_espace_adh li{
	margin-bottom : 60px;
}
	.bg_blanc .nav_espace_adh li a {
			color : var(--vert); 
			text-transform: uppercase; 
			border-bottom : 2px solid transparent; 
			transition: all 0.5s;
			font-weight: 500;
		}

	.bg_blanc .nav_espace_adh li a:is(:hover,:focus) {border-color : var(--bleu); color : var(--bleu)}
	
	.border_bleu_adh {
		border : 3px solid var(--bleu);
		margin-bottom : 60px;
	}

	.invert_color{
		filter: invert(1);
	}
	.padding_2x {padding : 60px;}

	.carte_aff_contenu {
		display: flex;
	  justify-content: space-between;
	  flex-direction: column;
	  align-self: stretch;
	  padding : 20px 0;
	}
	video {display: block; width: 100%; line-height: 1em; border : none; background : #000;}
	.section p.erreurPhoto {
		font-size: 80%;
		background: #D50000;
		padding: 5px 10px;
		border-radius: 30px;
		line-height: 1;
		color: #fff;
		display : inline-block;
		margin-bottom : 0;
	}
/* =pagination */
	.nav-page span {
		float: left;
		margin-bottom: 1.5em;
	}

	.nav-page ul {float: right;}

	.nav-page li {
		float: left;
		padding: 0 0.4em;
		border-left: 1px solid #c0c0c0;
	}

	.nav-page li.fp, .nav-page li.pn, .nav-page li.dp {border-left: none;}
	.nav-page li.pn a:link, .nav-page li.pn a:visited {text-decoration: underline; }
	.nav-page li a:link, .nav-page li  a:visited {text-decoration: underline; color : #000;}
	.nav-page li.cp {color: #fff; background :var(--bleu); padding : 0 2px;}
	.nav-page span {display: none;}




	/* =breadcrumb */
#breadcrumb {
	padding : 10px 30px;
	font-size: 80%;
}

#breadcrumb ul, #breadcrumb li {display: inline;  font-weight: 300;}
#breadcrumb span:after {content: "\0020 \3E";}


.interligneSmall {line-height: 1.2em}


.bg_anim  {
	position: relative;
	/*height : 450px;*/
	overflow: hidden;
}

@keyframes reveal {
  from {
   	clip-path: inset(0 0 100% 0);

  }
  to {
    clip-path: inset(0);

  }
}
@keyframes reveal_inverse {
  from {
  
   	clip-path: inset(0 100% 0 0);
  }

  to {
      clip-path: inset(0);
  }
}

#img_cva1 {  
	position: absolute; 
	z-index: 1;
	transition: all 0.2s;
	bottom : 0px;
	transform : scale(1-2);
}
/* 
.img_cva1 {	

	bottom : 0%; 
	animation: anim_h linear auto forwards;
	animation-range: entry 10px exit 0px;
	animation-timeline: view();
}*/
/*
.img_cva2 {	
	right : -50%;
	animation: anim_h_inverse linear auto forwards;
	animation-range: entry 10px exit 50px;
	animation-timeline: view();
}*/
/*
.animTopCva {
	animation-name: anim_h;
	animation-duration: 3s;
}*/

.animGradient {
	animation-name: gradient;
	animation-duration: 4s;
}
  
#bg_anim_content {  
	position: absolute;
	width: 100%;
	height: 100%;
	left : 0%; 
	top : 0%; 
	opacity: 1;
	background: var(--vert);
}


@keyframes gradient {
  from {
   	background: var(--vert);
   	transform : scale(300);
  }
  to {
    background:#fff;
	transform : scale(300);
  }
}

@keyframes anim_h {
  from {
  	bottom : -50%;
  }

  to {  
  	bottom : 0%;
  }
}


@keyframes anim_h_inverse {
  from {
  	right : -50%;
  }

  to {  
  	right : 50%;
  }
}




/* footer */
footer {
	padding-top : 30px;
}
.nav-mentions li{display: inline-block;}
.nav-mentions li a{
	padding: 0 5px;
	font-size: 75%;
	border-left: 1px solid;
}
.nav-mentions li:first-child a{ border-left: none; }

.titre_footer {
	display:  block;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: 800;
	margin-bottom: 5px;
}

/* listes */
ul.list{
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 20px;
}
ul.inline li{
	display: inline-block;
	padding: 0 10px;
}

/* images */
.img_100 {
	display: block;
	line-height: 1;
	max-width: 100%;
	width: auto;
	height: auto;
}
.img_cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* titres */

h2, .like_h2, h3, .like_h3, h4, .like_h4, .surtitre {
	font-family: var(--font-titre);
	line-height: 1.2;
	margin-bottom: 20px;
	display: block;
}

.surtitre {
	text-transform: uppercase;
	font-weight: 300;
	font-size : 110%; 
	margin-bottom: 5px;
	display: block;
}

h2, .like_h2 {
	font-size: 195%;
	font-weight: 800;
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
}
	h1.noAfterTitre { margin-bottom : 10px; }
	strong.noAfterTitre { 
		margin-bottom : 0px; 
	}

	h2:not(.noAfterTitre)::after, .like_h2:not(.noAfterTitre)::after {
		content : '';
		background: var(--bleu);
		height : 2px; 
		width : min(100%,600px); 
		display: block;
		bottom: 0;
		left: 0;
		position: absolute;
	}
h2.noAfterTitre.marginNoBottom {margin-bottom: 0}
span.marginNoBottom {margin-bottom: 0}

	.bg_vert h2::after, .bg_vert .like_h2::after, 
	.bg_bleu h2::after, .bg_bleu .like_h2::after {
		background: #fff;
	}
h2.like_h3{margin-bottom : 0}
h2.like_h3::after{display: none;}
h3, .like_h3 {
	font-weight: 300;
  text-transform: uppercase;
  font-size: 140%;
  color: var(--bleu);
  display: block;
  margin-bottom: 20px;
}
h4, .like_h4 {
	font-size: 120%;
}

/* liens */
.btn_suite {
	display : inline-block;
	text-transform : uppercase;
	padding : 0px 5px;
	line-height : 1.4em;
	font-weight: 300px;
	font-family: var(--font);
	transition: all 1.2s;
	position : relative;
	font-weight: 500;
	text-decoration: none;
	border-left: 2px solid var(--vert);
	border-right: 2px solid var(--vert);
	background: transparent;
	font-family: var(--font);
	border-top : none;
	cursor:pointer;
	border-bottom: none;
}
	.parallax-window .btn_suite {color : #000!important;}
	.bg_vert .btn_suite, 
	.bg_bleu .btn_suite {color : #fff!important;}

	input.btn_suite {font-size : 90%;}

	input.btn_suite:is(:hover,:focus) {
		background: var(--vert);
		color : #fff;
		margin-bottom: 0;
	}

	.bg_vert a.btn_suite {
		color : #fff!important;
		border-left: 2px solid var(--bleu);
		border-right: 2px solid var(--bleu);
	}

.btn_suite::before, .btn_suite::after  {
    content: "";
    position: absolute;
    width: 0%; 
    height: 2px;
    background: var(--vert);
    transition: all 0.4s ease-in-out;
}
	.btn_suite::before, .lienRubriqueAccueil a::before {
		top: 0;
		left: 0;
	}	
	
	.btn_suite::after, .lienRubriqueAccueil a::after {
		bottom: 0;
		right: 0;
	}

	.btn_suite:hover::before, .btn_suite:hover::after {
		width: 100%;
		transition: all 0.4s ease-in-out;
	}

	.bg_vert .btn_suite::before, .bg_vert .btn_suite::after {
	    background: var(--bleu);
	}

a.btn_suite:hover,
a.btn_suite:focus {
	color : var(--vert);
}

.bg_vert a.btn_suite:hover,
.bg_vert a.btn_suite:focus {
	color : var(--bleu)!important;
	border-color: var(--bleu) ;
}

/* iframe responsive 16/9 */
.video-responsive {
	overflow:hidden;
	padding-block-end:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

/* icônes */
.ico {display: inline-flex;}
.ico::before{
	font-family: "Font Awesome 7 Free"; 
	font-size: 100%;
	padding-right: 10px; 
	font-weight: bold;
}

.ico-after::after{
	font-family: "Font Awesome 7 Free"; 
	font-size: 100%;
	padding-right: 10px; 
	font-weight: bold;
	display: block;
}

.ico-left-long::after { content: "\f30a";}
.ico-top-long::after { content: "\f30c";}

.ico-regular::before{
	font-weight: normal;
}
p.ico span{overflow: hidden; display: inline-flex;}
p.ico::before{display: inline-flex;}

.ico-eye::before { content: "\f06e";}
.ico-map::before { content: "\f3c5";}
.ico-map-marker::before { content: "\f041";}
.ico-mobile::before { content: "\f3cd";}
.ico-phone::before { content: "\f879";}
.ico-web::before { content: "\f0ac";}
.ico-mail::before { content: "\f0e0";}
.ico-recherche::before { content: "\f002";}
.ico-compte::before { content: "\f2bd";}
.ico-pdf::before { content: "\f1c1";}
.ico-print::before { content: "\f02f";}
.ico-streetview::before {content: "\f21d";}
.ico-nav::before {content: "\f0c9";}
.ico-clock::before {content: "\f017";}
.ico-star::before {content: "\f005"; }
.ico-laptop::before {content: "\f109"; }
.ico-store::before {content: "\f54e"; }
.ico-exchange::before {content: "\f362"; }
.ico-desktop::before {content: "\f108"; }
.ico-user::before {content: "\f007"; }
.ico-calendar::before {content: "\f073"; }
.ico-bus::before {content: "\f55e"; }
.ico-subway::before {content: "\f239"; }
.ico-micro::before {content: "\f130"; }
.ico-video::before {content: "\f03d"; }
.ico-book::before {content: "\f02d"; }
.ico-headphones::before {content: "\f025"; }
.ico-upload::before {content: "\f019"; }
.ico-lock::before {content: "\f023"; }

/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* responsive */
@media all and (max-width: 1400px) {
	#anim_svg::after {
		animation-duration: 0s;
		animation-delay: 0s;
	}
}
@media all and (max-width: 1300px) {
	.bloc_contenu_content .lsPrev,
	.bloc_contenu_content .lsNext {
		  font-size: 50%;padding: 0px;
		  text-shadow: 2px 2px 2px rgba(0,0,0,.5);
	}
	.bloc_contenu_content .lsPrev {left: 0px;}
	.bloc_contenu_content .lsNext {right: 0px;}
}
@media all and (max-width: 1200px) {
	.lColumnReverse { flex-direction: column-reverse; }
	.lCache { display: none; }
	.l1-1 { width: 100%; }
	.l1-2 { width: 50%; }
	.l1-3 { width: 33.33%; }
	.l1-4 { width: 25%; }

	.contentIntervenant {
		transform: translateX(0%);
		z-index: 800;
		padding-right: 0;
		align-items: center;
		padding-bottom: 50px;
		justify-content: end;text-shadow: 2px 2px 2px rgba(0,0,0,.5);
	}
	
	.contentIntervenant h3 {font-size: 120%;}

	.contentIntervenant div, 
	.contentIntervenant a.ico-micro {
		display : none;
	}


}

@media all and (max-width: 1000px) {
	.mColumnReverse { flex-direction: column-reverse; }
	.mCache { display: none; }
	.m1-1 { width: 100%; }
	.m1-2 { width: 50%; }
	.m1-3 { width: 33.33%; }
	.m1-4 { width: 25%; }
	.cn-cookie a.btnAccept, .cn-cookie a.btnDeny {
		position: relative;
		top: inherit;
		display: block;
		right: inherit;
		margin: 10px auto 0 auto;
		max-width: 200px;
		transform: translateY(0);
	}	

	.margin_left_accueil {margin-left : 90px;}
	.bg_vert .margin_left_accueil {margin-left: 0}
	.ico-titre-big::before { left : 0;}
	.ico-titre-big { padding-left: 90px;}

			#slider strong {
			  padding: 120px 0 50px 0;
			}
		#conferences #slider { background-image: url(/style/bandeau/lunettescahier-1000.jpg); }
		#conference #slider { background-image: url(/style/bandeau/conference-1000.jpg); }
		#archives #slider { background-image: url(/style/bandeau/conference-1000.jpg); }
		#conferenciers #slider, #conferencier #slider { background-image: url(/style/bandeau/micro-1000.jpg); }
		#contact #slider { background-image: url(/style/bandeau/contact-cva-paris-1000.jpg); }
		.cmpte #slider { background-image: url(/style/bandeau/paris-1000-2.jpg); }
		#qui #slider { background-image: url(/style/bandeau/CVA-paris-1000.jpg); }
		#actualites #slider, #voyages #slider { background-image: url(/style/bandeau/CVA-paris-1000.jpg); }

}

a#next_conf_btn #text_mobile {
	display: none;
}

@media all and (max-width: 800px) {
	.w100-800 { width: 100%; }
}

@media all and (max-width: 700px) {
	.w100-700 { width: 100%; }
}

@media all and (max-width: 680px) {
	html, body { overflow-x: hidden; }
	.sColumnReverse { flex-direction: column-reverse; }
	.sCache { display: none; }
	.col1-2, .col1-3, .col2-3, .col1-4, .col3-4, .col1-5 {float: none; width: 100%; }
	.flex1-2, .flex1-3, .flex2-3, .flex1-4, .flex3-4, .flex1-5 {width: 100%;}
	.s1-1 { width: 100%; }
	.s1-2 { width: 50%; }
	.s1-3 { width: 33.33%; }
	.s1-4 { width: 25%; }	

	header .btn_connexion {min-width: 75px; text-align: center;}
	header .btn_connexion .btn_connect span {display: none;}
	.margin_left_accueil {margin-left : 50px;}
.margin_left_accueil_res {margin-left: 0}

 	.next_conf {
 		top : inherit;
 		transition : all 0.5s;
 		position: fixed;
 		left: 0px;
 		right : 0;
 		bottom : 0px;
 		border-top-left-radius: 0;
 		display: block;
 		border-bottom-left-radius: 0;
 		z-index : 60;
 		padding : 5px ;
 		height:auto;
		border-top : 1px solid var(--bleu);
 	}
 	.next_conf a#next_conf_btn{
 		font-weight: 700;
 		line-height: 1.2em;
 		font-size: 120%;
 		display: block;
 		width: 100%;
 		padding : 0;
 		transition : all 0.5s;
 		height : 100%;
		align-items: center;
		height:50px;
		padding: 10px;
		text-align: center;
 	}

 	.next_conf:is(:hover,:focus){
 		top: inherit;right : 0;

 	}
 	.next_conf .imgIntervenantRond {
 		width : 100px;
 		height : 100px;
 		position: absolute;
 		bottom : 20px;
 		left : 20px;
		transition: all 0.5s;
 		z-index: 50;
 		transform: scale(0);
 	}

 	a#next_conf_btn #text_pc {
		display: none;
	}
	a#next_conf_btn .ico-after::after {display: inline-block;}
	a#next_conf_btn #text_mobile {
		display: inline-block;
	}
	.prochaine_conf_contenu {min-width: inherit;  max-height : 0;}

	.prochaine_conf_bloc {
	  max-width: inherit;
	  max-height: 0;
	  position: relative;
	  transition: max-height 0.45s ease-out;
	  overflow: hidden;
	}

	.prochaine_conf_bloc.open {
	  max-width: inherit;
	  max-height: 1000px;
	  overflow: hidden;
	}

	.prochaine_conf_bloc.open .imgIntervenantRond {
		transform: scale(1);
	}

	.prochaine_conf_bloc.open .prochaine_conf_contenu {
	  max-height: 1000px;
	}

	.prochaine_conf_bloc h2.noAfterTitre.marginNoBottom {
	  margin-bottom: 20px;
	}

	.prochaine_conf_bloc .conferencierConf , .prochaine_conf_bloc  .dateConf {
	  padding-left : 100px;
	}

	#closer {top : 0px;}
	#bg_video {height: calc(55vh - 60px);}
	video#bgvid {left : 50%; transform: translateX(-50%);}
	.content_slide_accueil strong {font-size : 150%;}
	#slider strong {
		font-size: 150%;	
	}

	#conference_detail .conference_detail_intro {
		position: relative;
		top : inherit;
		right: inherit;
		transform: none;
	}
	.contentIntervenant {
		transform: translateX(0%);
		z-index: 800;
		padding-right: 0;
		align-items: center;
		padding-bottom: 50px;
		justify-content: end;text-shadow: 2px 2px 2px rgba(0,0,0,.5);
	}
	
	.contentIntervenant h3 {font-size: 120%;}

	.contentIntervenant div, 
	.contentIntervenant a.ico-micro {
		display : none;
	}


	#conference_detail .conference_detail_intro {
		width: 100%; 
			border-bottom-left-radius: 0px;
  		border-top-left-radius: 0px;
	}

	#conference_detail .conference_detail_img {
		border-bottom-right-radius: 0px;
  		border-top-right-radius: 0px;
  		max-height: 250px;
	}
	.h2, .like_h2 {  font-size: 170%; }
	.conference_detail_intro ul.inline li {border-left: none;}

	.contenuIntervenant {
		opacity: 1;
		pointer-events: all;
	}

	.conferencier_photo span, .conferencier_nophoto span { display: none; }


}

@media all and (max-width: 500px) {

}