/* fonts */
/* https://fonts.google.com/ télécharger la version complète variable */
/*@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-VariableFont_wght.ttf);
	font-display: swap;
}*/

@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-Light.ttf);
	font-display: swap;
	font-weight: 300;
}

@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-Regular.ttf);
	font-display: swap;
	font-weight: 400;
}

@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-Medium.ttf);
	font-display: swap;
	font-weight: 500;
}

@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-SemiBold.ttf);
	font-display: swap;
	font-weight: 600;
}

@font-face {
	font-family: "Raleway";
	src: url(/style/font/Raleway-Bold.ttf);
	font-display: swap;
	font-weight: 700;
}

@font-face {
	font-family: "Crimson Text";
	src: url(/style/font/CrimsonText-Regular.ttf); 
	font-display: swap;
	font-weight: 400;
}

@font-face {
	font-family: "Crimson Text";
	src: url(/style/font/CrimsonText-Bold.ttf); 
	font-display: swap;
	font-weight: 700;
}

@font-face {
	font-family: "Crimson Text";
	src: url(/style/font/CrimsonText-SemiBold.ttf); 
	font-display: swap;
	font-weight: 600;
}

/* variables */
:root {
	--font: "Raleway", sans-serif;
	--font-titre: "Crimson Text", serif;
	--padding: 30px;
	--gris-clair: #f4f4f4;
	--gris-fonce: #242424;
}


/* 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;}
/*a, a:active {outline: none;}*/
address {font-style: normal;}
iframe {line-height: 1em; display: block;}
table {border-collapse: collapse;}
/* font size: http://www.knacss.com/ */
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; font-weight: 400;/* equiv 14px */line-height: 1.5em;}
input, select, textarea {font-size: 100%;}
/* Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix::after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Image Replacement */
.mir {letter-spacing: -1000em;}
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}
/* generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space: nowrap;}
/* error */
.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;}

/* sections et blocs */
.page, .page_min, .page_min2 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.page_min {max-width: 1100px;}
.page_min2 {max-width: 800px;}
.section {padding: calc(var(--padding)*2) 0; position: relative;}
.sectionNoPadding { position: relative;}

.col1-2, .col1-3, .col2-3,
.col3-4, .col1-4, .col1-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%;}

/* 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_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;
}
.alignSelfCenter {
	align-self: center;
}
.flexGrow { flex-grow: 1; }

/* columns */
.column2, .column3 {
	column-gap: var(--padding);
	-moz-column-gap: var(--padding);
	-webkit-column-gap: var(--padding);
}
.column2 {
	-moz-columns: 2 auto;
	-webkit-columns: 2 auto;
	columns: 2;
}
.column3 {
	-moz-columns: 3 auto;
	-webkit-columns: 3 auto;
	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);
}

.paddingBig{ padding: 80px; }
.padding10{ padding: 10px; }
.padding20{ padding: 20px; }
.paddingNoTop {padding-top: 0;}
.paddingNoBottom {padding-bottom: 0;}

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

/* gestion des couleurs et des fonds */
.bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.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_bleu {background-color: #048b9a; color: #fff;}

.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color: #000;} 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #a3a3a3;}
.bg_noir a:link, .bg_noir a:visited {color: #fff;}

.noir, a.noir:link, a.noir:visited {color: #000;} 
.blanc, a.blanc:link, a.blanc:visited {color: #fff!important;}

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

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

/* textes */
.section p, .sectionNoPadding p {margin-bottom: 20px;}


.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:hover, .zoomup:focus {transform: scale(1.2);}

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

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

.zoominfini:hover, .zoominfini: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); }
}

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

/* header **************************/
header {
	position: fixed; 
	width: 100%; 
	z-index: 900; 
	top: 0; 
	left: 0;
	padding : var(--padding);
	transition: all 0.8s;
}
#programme_details header, #conferencier_details header  {
		background: rgba(0, 0, 0, 0.6);
}
	/*header.nav-fix {

	}*/

header + section.section, header + section {
	padding-top : 213px;
}
header + section#slider {padding-top: 0}

header.nav-fix {
	background: rgba(10,10,10,0.79);
	padding : 10px 30px;
}

#btn_top {
	position: fixed;
	bottom : 50px;
	right : 50px;
	display : block; 
	padding : 15px 16px;
	border-radius: 5px;
	font-size : 120%; 
	line-height: 1;
	background: #e8e8e8;
	color : #000!important;
	transition : all 0.5s;
}
#btn_top:hover, #btn_top:focus {
	background: #000;
	color : #fff!important;
}
/*** menu **************************/
nav ul { text-align: center; }
nav li { display: inline-block; position: relative; padding : 0 10px;}
nav li a { 
	display: block; 
	padding: 5px 15px; 
	position: relative; 
	text-transform: uppercase; 
	font-weight: 700; 
	color : #fff!important;
	border : 1px solid transparent;

}
#menuBurger, #openNav { display: none; }

/* effets passage de souris */
#accueil nav li#nav-accueil > a,
#presentation nav li#nav-accueil > a,
#adherentes nav li#nav-accueil > a,
#equipe nav li#nav-accueil > a,
#programme nav li#nav-programme > a,
#archives nav li#nav-programme > a,
#voyages nav li#nav-programme > a,
#escapades nav li#nav-programme > a,
#conferenciers nav li#nav-programme > a,
#ecoutez nav li#nav-ecoutez_les_conferences > a,
#adherez nav li#nav-adherez > a,
#contact nav li#nav-contact > a {
	border : 1px solid rgba(255,255,255,0.1);
}

/* sous-menu */
.sousMenuParent ul {
	text-align: left;
	position: absolute;
	max-height: 0;
	margin-top : 14px;
	overflow: hidden;
	transition: 0.5s;
	background: rgba(27,27,27,0.79);
}
.sousMenuParent:hover ul,
.sousMenuParent:focus-within ul,
.sousMenuParent a:hover + ul,
.sousMenuParent a:focus + ul { 
	max-height: 250px;
}


@media all and (min-width: 1100px) {
	.sousMenuParent:hover ul,
	.sousMenuParent:focus-within ul,
	.sousMenuParent a:hover + ul,
	.sousMenuParent a:focus + ul { 

		padding : 20px 10px;
	}
}
.sousMenuParent ul a {
	z-index: 1;
	position: relative; 
	color : rgba(255, 255, 255, 0.66)!important; 
	text-transform : none; 
	white-space: nowrap; 
	font-weight:600; 
	font-size: 90%;
}
.sousMenuParent ul a::after {
	content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: -100%;
  top: 50%;
  margin-top: -0.5px;
  visibility: hidden;
  background: rgba(255,255,255,0.66);
  z-index: -1;
 }
 .sousMenuParent ul a:hover::before {
  max-width: 400px;
}
 .sousMenuParent ul a:hover {
  color : #fff!important;
}
 .sousMenuParent ul a:hover::after { 
	  -webkit-animation:dfdMenuHoverAnim .9s ease;
  -moz-animation:dfdMenuHoverAnim .9s ease;
  animation:dfdMenuHoverAnim .9s ease;
 }


.burgerOnly {display: none;}

@-webkit-keyframes dfdMenuHoverAnim {
  0% {
    left:-100%;
    visibility:hidden
  }
  10% {
    left:-100%;
    opacity:1;
    visibility:visible
  }
  65% {
    opacity:.3
  }
  80% {
    left:100%;
    opacity:.1;
    visibility:visible
  }
  81% {
    left:100%;
    visibility:hidden
  }
  100% {
    left:-100%;
    visibility:hidden
  }
}
@-moz-keyframes dfdMenuHoverAnim {
  0% {
    left:-100%;
    visibility:hidden
  }
  10% {
    left:-100%;
    opacity:1;
    visibility:visible
  }
  65% {
    opacity:.3
  }
  80% {
    left:100%;
    opacity:.1;
    visibility:visible
  }
  81% {
    left:100%;
    visibility:hidden
  }
  100% {
    left:-100%;
    visibility:hidden
  }
}
@-o-keyframes dfdMenuHoverAnim {
  0% {
    left:-100%;
    visibility:hidden
  }
  10% {
    left:-100%;
    opacity:1;
    visibility:visible
  }
  65% {
    opacity:.3
  }
  80% {
    left:100%;
    opacity:.1;
    visibility:visible
  }
  81% {
    left:100%;
    visibility:hidden
  }
  100% {
    left:-100%;
    visibility:hidden
  }
}
@keyframes dfdMenuHoverAnim {
  0% {
    left:-100%;
    visibility:hidden
  }
  10% {
    left:-100%;
    opacity:1;
    visibility:visible
  }
  65% {
    opacity:.3
  }
  80% {
    left:100%;
    opacity:.1;
    visibility:visible
  }
  81% {
    left:100%;
    visibility:hidden
  }
  100% {
    left:-100%;
    visibility:hidden
  }
}
/* transformation en menu burger */
@media all and (max-width: 1100px) {

	.burgerOnly {display: block;}

	header  {background-color: #000; padding : 10px 0}
	#logo {order : 1}
	nav {order : 0}
	ul.nav-compte {order : 2}
	.nav-compte li {padding : 0 5px;}
	nav ul {
		position: absolute;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: calc(100vh - 51px);
		bottom: 0;
		left: 0;
		padding: calc(var(--padding) / 2);
		text-align: left;
		transform: translate(-100%,100%);
		transition: 0.5s;
		background-color: #000
	}

	nav > ul {
		overflow: hidden;
		z-index: 1;
	}

	nav li { display: block; padding : 10px;}
	nav li li{  padding : 0 10px;}

	.burgerOnly { display: block; }

	nav ul {
		position: absolute;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: calc(100vh - 118px);
		bottom: 0;
		left: 0;
		padding: calc(var(--padding) / 2);
		text-align: left;
		transform: translate(-100%,100%);
		transition: 0.5s;
	}
	nav > ul {
		overflow: hidden;
		z-index: 1;
	}
	nav li { display: block; }

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

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

	/* bars */
	#menuBurger { display: block; }
	#menuBurger label {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		position: relative;
		width: 80px;
		height: 56px;
		padding: 20px;
	}
	#menuBurger label::before,
	#menuBurger label::after {
		content: '';
		display: block;
		transform-origin: left;
	}
	#menuBurger label span,
	#menuBurger label::before,
	#menuBurger label::after {
		width: 20px;
		height: 2px;
		background-color: #fff;
		transition: 0.5s;
	}

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

}

.nav-compte li {
	display: inline-block;
	padding : 0px 10px
}


.nav-compte li a{
	color : #fff!important;
}

/*** slider  **************************/ 
.legende {
	left : 50px; 
	position: absolute;
	z-index : 500;
	top : 200px;
}

.legende1 {
	display: block;
	line-height: 1em;
	font-family: var(--font-titre); 
	text-transform: uppercase; 
	font-size : 600%;  
	font-weight: 400; 
	text-shadow: black 4px 4px 20px; 
	letter-spacing: 10px;
	
}

.legende2 {
	font-family: var(--font-titre); 
	text-transform: uppercase; 
	font-size : 140%;  
	font-weight: 600; 
	text-shadow: black 4px 4px 20px; 
	font-style : italic;
	letter-spacing: 2px;
}

.legendeInverse {
	padding : 0px 5px; 
	background : rgba(255, 255, 255, 0.8);
	color : #000;	font-size : 120%;  
}

#slider {position: relative;}

#logo_slider {position: absolute; left : 50%; top : 55%; transform: translate(-55%,-50%); z-index: 800;}

#slider .btn_suite, .bg_blanc .btn_suite.btn_suite_bleu , .logo_bleu .btn_suite,
 .bg_blanc .bg_bleu .btn_suite.btn_suite_blanc {
	font-size : 150%; 
	color : #fff!important;
	padding : 10px 0px; 
	font-weight: 400; 
	letter-spacing : 5px; 
	border-top : 5px solid #fff;  
	border-bottom : 5px solid #fff; 
}
 .bg_blanc .bg_bleu .btn_suite.btn_suite_blanc {

	border-color: #fff!important;
	}
 .bg_blanc .btn_suite.btn_suite_bleu, .bg_blanc .logo_bleu .btn_suite {
	color : #048b9a!important;
	border-top : 5px solid #048b9a!important;  
	border-bottom : 5px solid #048b9a!important; 
	font-size : 140%; 
	letter-spacing : 10px;
}
	#accueil_section_1 {position : relative;}
	#accueil_section_1::before {
		background: #cecece;
	  height: 130px;
	  margin-top: -65px;
	  position: absolute;
	  left: 50% !important;
	  top: 0%;
	  width: 1px;
	  margin-left: -0.5px;
	  z-index: 808;
	  -webkit-transition: -webkit-transform .3s ease;
	  -moz-transition: -moz-transform .3s ease;
	  transition: transform .3s ease;
	  content : "";
	}

#accueil_section_3 {
	padding : 120px 0;
	background: transparent url(/style/accueil/science_po_cloitre3.jpg);
	position : relative;
}

#accueil_section_5 {
	padding : 120px 0;
	background: #000 url(/style/accueil/equipe-cva-accueil2.jpg) no-repeat top center;
	position : relative;
	background-size: 100% auto;
}

.voile_noir {
	position : relative;
}

.voile_noir::after {
	/*background: rgba(0, 0, 0, 0.35);*/
	background: rgba(4, 139, 154, 0.35);
	mix-blend-mode: multiply; 
	position: absolute;
	pointer-events: none;
	height : 100%;
	width : 100%;
	content : "";
	display: block;
	top : 0;
	left : 0;
}

	
#accueil_section_5::after {
	background: rgba(0, 0, 0, 0.65);
}


	.voile_noir .page, .voile_noir .page_min2  {
		z-index : 10; 
		position: relative;
	}
.paragrapheStyle1 {
	color : #727272;
	font-weight: 400;
}
.bg_noir .paragrapheStyle1 {color : #fff;}
.paragrapheStyle2 {
	color : #727272;
	font-family: var(--font-titre);
	font-weight: 400;
	font-style: italic;
	font-size : 120%;
}


.paragrapheStyle2.blanc { color : #fff; }

.paragrapheStyle3 {
	color : #fff;
	font-family: var(--font-titre);
	font-weight: 400;
	line-height: 1.6em;
	font-style: italic;
	font-size : 140%;
}

.paragrapheStyle4 {
	color : #fff;
	font-family: var(--font);
	font-weight: 600;
	font-size : 100%;
}

.paragrapheStyle6 {
	color : rgba(255,255,255,0.5);
	font-style: italic;
	font-family: var(--font);
	font-weight: 300;
	font-size : 100%;
}


.paragrapheStyle7 p {
	font-style: normal;
  font-weight: 400;
  font-family:var(--font);
  line-height: 1.8em;
  text-transform: none;
  letter-spacing: 0px;
  color: #565656;
}

.rondNoirTransparent {
	background : rgba(0,0,0,.6); 
	width : 50px;
	height : 50px;
	border-radius: 50%;
	margin : 0 auto; 
}

.rondNoirTransparent i{
	font-size: 250%;
	display: block;
	padding-top: 6px; 
	color : rgba(255,255,255,0.6)
}

.borderDottedAfter, .borderDottedAfterSmall, .borderDottedAfterExtraSmall {
	position: relative;
	padding-bottom: 30px ;
	margin-bottom: 50px ;
}

.sectionNoPadding .borderDottedAfterExtraSmall {
	padding-bottom: 20px ;
	margin-bottom: 30px ;
}
.borderDottedAfterSmall {
	padding-bottom: 30px ;
	margin-bottom: 30px ;
}

.borderDottedAfter:after, .borderDottedAfterSmall:after, .borderDottedAfterExtraSmall:after {
	position : absolute; 
	bottom : 0; 
	width: 450px;
	height: 1px;
	content : "";
	left : 50%;
	transform: translateX(-50%);
	border-bottom: 1px dotted #fff;
}

.borderDottedAfterSmall:after {	width: 350px; border-bottom-color: #727272;}
.borderDottedAfterExtraSmall:after {	width: 80px; border-bottom-color: #727272;}
#rejoignez_cva .borderDottedAfterExtraSmall:after {border-bottom-color: #fff;}
.bloc_survol {
  position: relative;
  overflow: hidden;
  z-index: 1;
} 

.une_conference a.bloc_survol,  
.une_conference a.bloc_survol  img {
	height: 100%;
}
.une_conference a.bloc_survol  img {object-fit: cover; max-height: 410px; object-position: top; width : 100%}
.bloc_content {
	display: flex;
  justify-content: center;
  align-items: center;
	background: #242424;
  color: #fff;
  position: absolute;
  top: 0;
  left : 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bloc_survol_right .bloc_content {  right: -100%; left : inherit;}
.bloc_survol_left .bloc_content {  left: -100%;}
.bloc_survol_bottom .bloc_content {  bottom: -100%; top : inherit;}
.bloc_survol_top .bloc_content {  top: -100%;}


.bloc_survol:hover .bloc_content {
  opacity: 1;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;

} 

.bloc_survol_right:hover .bloc_content {  right : 0px; }
.bloc_survol_left:hover .bloc_content {  left : 0px; }
.bloc_survol_bottom:hover .bloc_content {  bottom : 0px; }
.bloc_survol_top:hover .bloc_content {  top : 0px; }

.nav_archives li {
	display: inline-block;
	padding : 0 20px;
	font-family: arial;
	border-left: 1px solid;
}
	
.nav_archives li:first-child {border : none}

	.nav_archives li a {transition : all 0.5s;  padding : 2px;}
	.nav_archives li a:hover, .nav_archives li a:focus, 
	.nav_archives li a.activeAnnee {background-color: #000; color : #fff!important; padding : 2px;}

.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
	margin-bottom : 20px;
	background: #000;
}

.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}


.before_1-3_gris {position: relative; overflow: hidden;}
.before_1-3_gris .page {
	position: relative;
  z-index: 30;
}
.before_1-3_gris::before {
	position: absolute;
  background-color: #f4f4f4;
  content: '';
  width: calc(50% - 215px);
  height: 100%;
  display: block;
  z-index: 20;
}
.conferencierConf a {
	font-style: normal;
  font-weight: 700;
  font-size: 10px;
  font-family: var(--font);
  line-height: 21.6px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 20px;
  color: #28262b;
}
/**** presentation****/
.bg_bandeau {
	min-height: 60vh; 
	background : transparent none no-repeat center center; 
	background-size: cover;

	position: relative;
}

.bg_bandeau_accueil {
	background-image : url(/style/presentation/banniere_questcva-1.jpg);
}

.bg_bandeau_adherentes {
	background-image : url(/style/adherentes/banniere_adherentes1.jpg);
}

.bg_bandeau_equipe {
	background-image : url(/style/equipe/equipe2022-12.jpg);
	background-position: top center;
}

.bg_bandeau_lieu {
	background-image : url(/style/lieu-conferences/science_po_amphi.jpg);
}

.bg_bandeau_programme {
	background-image : url(/style/programme/banniere_programme_1920x943.jpg);
}

.bg_bandeau_sorties {
	background-image : url(/style/sorties/banniere_sorties_1280x783_2.jpg);
}


.bg_bandeau_conferenciers {
	background-image : url(/style/conferenciers/banniere_conferenciers2.jpg);
}
.bg_bandeau_escapades {
	background-image : url(/style/sorties/escapades-parisiennes.jpg);
}

.bg_bandeau_ecoutez {
	background-image : url(/style/programme/ecouter-conferences-header-1.jpg);
}
.bg_bandeau_adherez {
	background-image : url(/style/compte/banniere_adherez_1920x943.jpg);
}

.bg_bandeau_archives {
	background-image : url(/style/programme/banniere_archives-1024x451.jpg);
		background-repeat :repeat; 
	background-size: inherit;
}

.bg_bandeau strong, .bg_img_voyage h2 {
	display: block;
	
	font-family: var(--font-titre);
	font-size : 850%; 
	font-weight : 400;
	text-transform: uppercase;
	line-height : 1.2em;
	z-index: 2;
	width: 100%;
  text-align: center;

}

.bg_img_voyage h2 {	font-size : 500%; }

.bg_bandeau strong {position: absolute;
	left : 50%; 
	top : 50%;
	transform: translate(-50%,-50%);
}


.les_chiffres {
		text-align: center;
		position: relative;
	}


	.les_chiffres::after {
		position: absolute;
		right: 0;
		top : 30px;
		bottom: 30px;
		content : ""; 
		width : 1px;
		background: #eaeaea;
	}
	.les_chiffres:last-child::after {
		display: none;
	}
	.les_chiffres span{
		display : block;

	}
	.les_chiffres i{
		font-size : 200%; 
		color : #dbdbdb; 
	}

	.les_chiffres .les_chiffres_nombre{
		font-size : 220%; 
		font-family: arial;
		display : block;
		padding : 15px 0 10px;
	}

	.les_chiffres .les_chiffres_titre{
		display : block;
		font-size: 110%;
		font-weight: 600;
	}

	.les_chiffres .les_chiffres_text{
		display : block;
		font-family: var(--font-titre);
		font-weight: 400;
		color : #727272!important; 
	}

#cva_monde {
	background: transparent url(/style/presentation/cva_monde.jpg) no-repeat center right;
	background-size: 50% 100%;
	height: 100%;
	margin-bottom: 150px;
}

#rejoignez_cva {
	background: transparent url(/style/adherentes/adherentes-cahier.jpg) no-repeat center left;
	background-size: 50% 100%;
	height: 100%;
	margin-bottom: 150px;
	min-height : 750px;
}

#venez_conferences {
	background: transparent url(/style/lieu-conferences/lieu-de-conf3-13.jpg) no-repeat center left;
	background-size: 50% 100%;
	height: 100%;
	margin-bottom: 150px;
	min-height : 750px;
}

	#autour_du_monde {
		padding : 0 25%;
	}


		#autour_du_monde .titreStyle1  {
			letter-spacing: 2px;
		}


		.borderRight10 {
			border-right : 20px solid #fff;
		}

		.borderLeft10 {
			border-left : 20px solid #fff;
		}

.un_membre, .un_conferencier {position: relative; overflow: hidden; padding-bottom: 60px}
.un_membre::after, .un_conferencier::after {
	position: absolute;
	top : 0;
	left : 0; 
	z-index : 1;
	content: "";
	display: block;
	width: 100%; 
	height : 100%; 
	background: rgba(255,255,255,.6);
	opacity: 0;
}

.un_conferencier {margin-bottom : 30px;}
.un_conferencier img.img_100 {border-radius: 50%;}

.un_conferencier:hover::after, 
.un_membre:hover::after {
	opacity: 1;
}

.arrondi {border-radius : 50%;}

.un_conferencier  .conferencier_desc, 
.un_membre  strong {
  position: absolute;
  bottom: 0;
  z-index : 2;
  left: 0;
  display: block;
  width: 100%;
  text-align: inherit;
  padding: 10px 0;

  transform: translateY(0%);
  transition: all .3s ease;
}
	
.un_conferencier:hover  .conferencier_desc, 
.un_membre:hover  strong {
 	bottom: 50%;
  transform: translateY(50%);
}

.section .un_conferencier p, 
.section .un_membre p{
 		position: absolute;
 		bottom: 0%; 
 		z-index : 2;
 		width: calc(100% - 60px);
 		text-transform: center;
 		margin : 0;
  transition: all .3s ease;

  transform: translateY(100%);
}
	
		
	.conferencier_photo {
			position : relative;
	}
	
	.conferencier_photo::after {
		padding-bottom : 100%; 
		display: block;
		content : "";
	}

	.conferencier_photo img {
		border-radius: 50%;
		position: absolute;
		object-position: top;
	}
.un_conferencier:hover p, 
.un_membre:hover p {
  padding: 20px 0;
  transform: none;
}

.membre_bureau i{
	position: relative;
	padding-top: 38px;
	text-align : center;
	width: 100px;
	height: 100px;
	display: block;
	margin : 0 auto 10px;
	font-size: 180%;
	color : rgba(91,91,91,0.7);
} 
.membre_bureau i::after{
	margin : auto;
	width: 100px;
	height: 100px;
	border : 1px solid;
	border-radius: 100%;
	font-size: 150%;
	position: absolute;
	top : 0;
	left : 0;
	display: block;
	content : "";
	color : #dbdbdb;
}

	.picto_lieu {
		padding-left : 65px;
		background: transparent none no-repeat left top;
	}

	.picto_lieu1 {
		background-image: url(/style/lieu-conferences/picto-1.png);
	}
	.picto_lieu2 {
		background-image: url(/style/lieu-conferences/picto-2.png);
	}
	.picto_lieu3 {
		background-image: url(/style/lieu-conferences/picto-3.png);
	}
	.picto_lieu4 {
		background-image: url(/style/lieu-conferences/picto-4.png);
	}
	.picto_lieu strong {
		font-weight: 600;
		font-size : 110%;
		display: block;
		padding-bottom: 10px;
	}

	.block_time{margin-top: 50px}

	.block_time .valeur_time {
			font-weight: 400;
			color : rgb(86, 86, 86);
			font-family: var(--font-titre);
			font-size : 300%; 
	}

	.block_time .type_time {
			font-weight: 700;
			font-size : 110%;
			font-family: var(--font-titre);
			color : rgba(150, 150, 150, 0.65); 
	}

	.nomConferencier{
		font-weight: 600;
		font-size : 120%;
	}
	.dateDerniereConference {
		color :rgb(188, 188, 188);
		font-size : 90%;
		font-style : italic;
	}

	.conferencier img.img_100 {
		margin-bottom : 10px
	}

	.bg_img_voyage{
		padding : 150px 30px; 
		background : transparent none no-repeat center center; 
		background-size: cover;
	}

	.img_fond{

		background : transparent none no-repeat center center; 
		background-size: cover;
	}

	.annee_voyage {
		font-family: var(--font-titre);
	  font-weight: 500;
	  font-size: 300%;
	  text-transform: uppercase;
	  letter-spacing: 13px;
	}

	.resume_voyage {
				font-family: var(--font);
				font-weight : 300;
				text-transform : uppercase; 
				letter-spacing: 5px;
				font-size : 150%; 
				line-height : 1.5em;
	}

	.resume_voyage i{
		text-transform: none;
		font-weight: 400;
		letter-spacing: normal;
		font-size : 80%; 
		display: block;
		margin-bottom: 20px;
		color : rgb(84, 84, 84);
	}

	.texte_voyage b, .texte_voyage strong{
		font-weight: 500;
	}

/*** map ***/
#map .leaflet-shadow-pane { display: none; }

/*** footer **************************/ 
.bg_blanc #mentions_text  p a {text-decoration: underline;}
.nav-mentions li, .nav_rs li{display: inline-block;}
	.nav-mentions li a, .nav_rs li a{padding: 0 5px;}
	.nav-mentions li a {font-size: 90%; border-left: 1px solid; color : rgba(255, 255, 255, 0.6)!important; line-height : 1em;}
	.nav-mentions li:first-child a{
		border-left: none;
	}
.titre_footer {
	display:  block;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 5px;
}

	footer {
		color : #a3a3a3;
		padding : 30px;
	}
	footer .nav-compte a {
		font-size : 60%; 
		color : #a3a3a3!important; 
	}
	.footer_content {
		font-weight: 600;
		text-transform: uppercase;
		font-size : 100%;
		letter-spacing: 3px;
	}


	.footer_content i{font-weight: bold; font-size : 200%; display: block; padding-bottom : 10px;}

	.conference_audio {
		display: flex;
		background: #f4f4f4; 
		padding : 20px;
		border: 1px solid #e5e5e5;
		align-items: flex-start;
	}

	.conference_audio #player  {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding-left: 20px;
	}

	.conference_photo_conferencier {
		/*width : 20%; */
		display: flex;
		border-radius : 50%;
		height: 150px;
	  	object-fit: cover;
	  	width: 150px;
	}


	.conference_audio audio {	
		width : 100%;
		border-radius: none;		
		border: 1px solid #454545; 
		border-radius: 5px;
	}

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

}

/* =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: none; }
	.nav-page li a:link, .nav-page li  a:visited {text-decoration: none; color : #000; text-transform: uppercase; font-weight: 300}
	.nav-page li.cp {color: #fff; background : #000; padding : 0 2px;}
	.nav-page span {display: none;}

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

/*** titres **************************/

.titreStyle1 {
	font-family: var(--font);
	font-weight : 400;
	text-transform : uppercase; 
	line-height: 60px;
	letter-spacing: 13px;
	font-size : 200%; 
}

.conference_titre_h1 {
		text-transform: none; 
		font-size : 340%; 
		color :#000; 
		letter-spacing : 4px;
}

.titreStyle2 {
	font-family: var(--font-titre);
	font-weight : 400;
	text-transform : uppercase; 
	font-size : 600%; 
	line-height : 1.6em;
}

.titreStyle3 {
	font-family: var(--font);
	font-weight : 500;
	text-transform : uppercase; 
	font-size : 140%; 
	letter-spacing: 3px;
}

.titreStyle4 {
	font-family: var(--font);
	font-weight : 400;
	text-transform : uppercase; 
	line-height: 60px;
	font-size : 200%; 
	letter-spacing: 2px;
}

		.titreStyle5 {
				font-family: var(--font);
			font-weight : 400;
			text-transform : uppercase; 
			line-height: 1.4em;
			display: block;
			letter-spacing: 5px;
			margin-bottom: 10px;
			font-size : 150%; 
		}


		.titreStyle6 {
				font-family: var(--font);
			font-weight : 300;
			text-transform : uppercase; 
			line-height: 1.4em;
			font-style: italic;
			display: block;
			letter-spacing: 5px;
			margin-bottom: 10px;
			font-size : 130%; 
		}


		.descriptif a:link, .descriptif a:visited {
			color : #048b9a!important; 
			text-decoration: underline;
		}

h6, .conference_argumentaire {
	font-style: normal;
  font-weight: 700;
  font-size: 10px;
  font-family: var(--font);
  line-height: 21.6px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom : 20px;
  color: #28262b;}


.titreConf {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
	font-size : 100%;
}

/*
h2, .like_h2, h3, .like_h3, h4, .like_h4 {
	line-height: 1.2;
	margin-bottom: 20px;
}
h2, .like_h2 {
	font-size: 160%;
}
h3, .like_h3 {
	font-size: 140%;
}
h4, .like_h4 {
	font-size: 120%;
}
*/
/*** liens **************************/
.btn_suite {
	display: inline-block; 
	text-transform: uppercase;	
	padding: 5px 10px;
	font-size: 130%;
	border-bottom : 5px solid;
	border-top : 5px solid;
	color: #fff!important;
	font-family: var(--font-titre);
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	transition: all 0.5s;
	cursor: pointer;
	letter-spacing: 3px;
}

	
.btn_simple {
	font-weight: 300;
	display: inline-block; 
	text-transform: uppercase;	
	padding: 5px 10px;
	color: #fff!important;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	transition: all 0.5s;
	cursor: pointer;
}
	
a.btn_simple_blanc {
	background: #fff;
	color : #000!important;
}
	
.print_pdf {
	font-weight: 600;
	display: inline-block; 
	text-transform: uppercase;	
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	transition: all 0.5s;
	cursor: pointer;
}

.print_pdf i {
	font-size : 200%; 
	display: block;
	margin : 15px auto 15px; 
} 

.bg_blanc .btn_suite {
	color: rgb(180, 180, 180)!important;
	border-color: rgb(180, 180, 180)!important;
}
.bg_noir .btn_suite {
	color: rgb(255, 255, 255)!important;
	border-color: rgb(255, 255, 255)!important;
}

	a.btn_suite:hover,		
	a.btn_suite:focus {		
		background: rgb(180, 180, 180);
		color: #fff !important;
	}

		.bg_noir 	a.btn_suite:hover,		
		.bg_noir 	a.btn_suite:focus {
			color: rgb(180, 180, 180)!important;
			background: #fff;
}


/*** actualites **********************/
.imgActu{
	display: block;
	height: 150px;
	overflow: hidden;
	position: relative;
}
	.imgActu img{
		max-height: 100%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
		.imgActu span{
			position: absolute; 
			top: 50%; 
			left: 50%; 
			transform: translate(-50%,-50%);
			text-transform: uppercase; 
			color: rgba(146,143,143,0.5);
			font-weight: 300;
			text-align: center;
			font-size: 95%;
		}
		.imgActu span::before{
			content: '\f030';
			font-family: "Font Awesome 6 Free"; 
			font-weight: bold;
			display: block;
			font-size: 200%;
			color: rgba(146,143,143,0.5);
		}

		.formulaire_vote select {width : 70%}
/*** iframe YouTube 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::before{
	font-family: 'Font Awesome 6 Free'; 
	font-size: 120%; 
	padding-right: 5px; 
	font-weight: bold;
}
.ico-regular::before{
	font-weight: normal;
}
p.ico span{overflow: hidden; display: inline;}
p.ico::before{display: inline;}

.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: "\f095";}
.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"; }

/* 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}

.slider_responsive {display: none;}
.paddingVoyage { padding : 10%}


@media all and (min-width: 620px) {

	.o1 {order : 1}
	.o2 {order : 2}
	.o3 {order : 3}
	.o4 {order : 4}
	.o5 {order : 5}
	.o6 {order : 6}

}

/*********************** responsive ************************/
@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%; }
}

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

	.bg_bandeau  {
			padding-left: 30px;
	    padding-right: 30px;
	    min-height: inherit;
	    margin-top: 75px;
	 }

	.bg_bandeau strong, .bg_img_voyage h2 {font-size: 250%;}

	
}

@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);
	}
	.nav_archives li {margin : 10px;}

	.paddingBig {padding : 30px}
	
	#cva_monde { background-size: cover;}

	#autour_du_monde {padding : 30px; }

	.rejoignez_cva_responsive {background: transparent url(/style/adherentes/adherentes-cahier.jpg); background-size: cover;}
	#rejoignez_cva {background: none; padding : 0;}
	.carteResponsive {padding : 0}
	#venez_conferences { background: none; margin-top : 30px}
	.venez_conferences_responsive {background: transparent url(/style/lieu-conferences/lieu-de-conf3-13.jpg) no-repeat center left; background-size: cover;}

	#map {min-height : 500px;}
	
}

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

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

	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%; float : left;}
	.s1-3 { width: 33.33%; }
	.s1-4 { width: 25%; }	

	.slider_responsive {
		display: block; 
		margin-top : 75px;
		position: relative;
	}

	.titre_slider_responsive {
		width: 100%;
		position : absolute;
		top : 50%;
		left : 0; 
		transform: translate(-0%,-50%);
		font-family: var(--font-titre);
	  text-transform: uppercase;
	  font-size: 150%;
	  font-weight: 600;
	  text-shadow: black 4px 4px 20px;
	  font-style: italic;
	  letter-spacing: 2px;
	  text-align: center;
    line-height: 1.2em;
	}

	#accueil_section_1::before {
	  height: 80px;
	  margin-top: -40px;
	}
	.encart_actu_accueil {margin-top : 30px;}
	.section_accueil_2 {padding : 0}

	.flash_infos {padding : 0 30px;}
	.titreStyle2  { font-size : 400% }
	.paragrapheStyle3 { font-size : 120%;}
	.bg_bandeau  {
			padding-left: 30px;
	    padding-right: 30px;
	    min-height: inherit;
	    margin-top: 75px;
	 }

	.borderDottedAfter::after, .borderDottedAfterSmall::after, .borderDottedAfterExtraSmall::after {
		width : 80%;
	}

	.bg_bandeau strong, .bg_img_voyage h2 {font-size: 250%;}
	.titreStyle1 {
	  line-height: 35px;
	  letter-spacing: 5px;
	  font-size: 160%;
	  margin: 0 0 10px;
	}

	.logo_footer {
		order : 0;
	}
	.bloc_footer {order : 1;}
	.bloc_footer .col1-2{ padding : 30px 10px;}
	
	#section_programme_pdf {padding : 0 }
	.titreStyle5 {font-size: 120%}
	.une_conference {margin-bottom : 40px;}
  #archives .une_conference {
    margin-bottom: 0px;
  }


	.conference_titre_h1 {
 		font-size: 200%;
	}

	.before_1-3_gris::before {display: none;}
	.col1-3.bg_gris_clair {
		margin-bottom : 30px;
	}
	
	.conference_audio {
		flex-direction: column;
	}
	.conference_photo_conferencier {
		margin-bottom : 15px
	}
	.sectionNoPaddingRS {padding : 0;}

	.borderRight10 {border: none;}

	.section .un_membre p, 
	.un_membre strong {
		padding:  0;
		bottom: inherit;
	  transform: none!important;;
	  position: relative;
	  width: 100%;
	}

	.un_membre:hover strong {
	  bottom: inherit;
	}
	.un_membre:hover::after {
	 display: none;
	}
	.un_membre strong {line-height: 1; padding-bottom: 5px}
	.bg_img_voyage {
	  padding: 75px 30px;
	}
	.paddingVoyage { padding : 0 0px}

	.conferencier_photo {max-width : 200px; margin : 0 auto;}
	#main {padding : 0;}
	#conferencier_details  .titreStyle1 {  line-height: 1.2em;}
	#btn_top {bottom : 10px; right : 10px;}

	.bloc_conferences .bloc_survol_right .bloc_content, 
	#archives .bloc_survol_right .bloc_content {
  	right: 0px;
		background: rgba(0, 0, 0, 0.3);
			opacity: 1;
	}
	.bloc_conferences .bloc_survol_left .bloc_content, 
	#archives .bloc_survol_left .bloc_content {
			left : 0;
			opacity: 1;
			background: rgba(0, 0, 0, 0.7);
	}

	.paddingBig {
	  padding: 30px;
	}

	.btn_simple.btn_simple_blanc {
		display: block;
		margin-bottom: 5px;
	}

	.stripe__payment {margin-top: 60px;}
.formulaire_vote select {width : 100%}
}