@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   FONTS.SCSS
   ========================================================================== */

/* MONTSERRAT ADOBE */
@import url("https://use.typekit.net/paz8jqr.css");

.Montserrat_Regular{
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
}

.Montserrat_Thin_Italic{
font-family: montserrat, sans-serif;
font-weight: 100;
font-style: italic;
}

.Montserrat_Thin{
font-family: montserrat, sans-serif;
font-weight: 100;
font-style: normal;
}

.Montserrat_ExtraLight{
font-family: montserrat, sans-serif;
font-weight: 200;
font-style: normal;
}

.Montserrat_ExtraLight_Italic{
font-family: montserrat, sans-serif;
font-weight: 200;
font-style: italic;
}

.Montserrat_Light_Italic{
font-family: montserrat, sans-serif;
font-weight: 300;
font-style: italic;
}

.Montserrat_Light{
font-family: montserrat, sans-serif;
font-weight: 300;
font-style: normal;
}

.Montserrat_Italic{
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: italic;
}

.Montserrat_Medium{
font-family: montserrat, sans-serif;
font-weight: 500;
font-style: normal;
}

.Montserrat_Medium_Italic{
font-family: montserrat, sans-serif;
font-weight: 500;
font-style: italic;
}

.Montserrat_SemiBold{
font-family: montserrat, sans-serif;
font-weight: 600;
font-style: normal;
}

.Montserrat_SemiBold_Italic{
font-family: montserrat, sans-serif;
font-weight: 600;
font-style: italic;
}

.Montserrat_Bold{
font-family: montserrat, sans-serif;
font-weight: 700;
font-style: normal;
}

.Montserrat_Bold_Italic{
font-family: montserrat, sans-serif;
font-weight: 700;
font-style: italic;
}

.Montserrat_Alternates_Regular{
font-family: montserrat-alternates, sans-serif;
font-weight: 400;
font-style: normal;
}

.Montserrat Alternates Italic{
font-family: montserrat-alternates, sans-serif;
font-weight: 400;
font-style: italic;
}

.Montserrat_Alternates_Bold{
font-family: montserrat-alternates, sans-serif;
font-weight: 700;
font-style: normal;
}

.Montserrat_Alternates_Bold_Italic{
font-family: montserrat-alternates, sans-serif;
font-weight: 700;
font-style: italic;
}

/* UNNA GOOGLEFONT */
@import url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* UNNA GOOGLEFONTS : regular 400 / regular 400 italic / bold 700 /  blod 700 italic */

.Unna_Regular{
    font-family: 'Unna', Georgia, serif;
	font-weight: 400;
	font-style: normal;
}

.Unna_italic{
    font-family: 'Unna', Georgia, serif;
	font-weight: 400;
	font-style: italic;
}

.Unna_bold{
    font-family: 'Unna', Georgia, serif;
	font-weight: 700;
}

.Unna_bold_italic{
    font-family: 'Unna', Georgia, serif;
	font-weight: 700;
	font-style: italic;
}



html{padding:0; margin:0}


body {
	font-family: montserrat, sans-serif;
    font-size:120%;
    font-weight: 400;
	font-style: normal;
    padding:0;
	margin:0;
	color: rgb(116, 117, 140);
  
}


a,
a:hover,
a:focus {
    color: #050033;
    text-decoration: underline}

.container_footer,
.container_header,
.container {
	max-width:999px;
	margin:0 auto;
	padding:0;
	clear:both;
	background: #fff}


.container_footer{
	color:#435d6e;
	padding:40px 50px 70px 50px;
	clear:both;
	background:#050033;
	position: relative
}

.container_footer .row{
	padding-bottom: 15px;
	margin-top: -10px}


.container_header{
	overflow:hidden;
	background: #050033 url("../img/hp01.jpg") no-repeat center 0;
    padding: 20px 8px;
}

.container_header,
.container{transition:all 300ms ease-out 0s}

.header{margin-bottom:10px}

.logo_en_actions{float:left; display:block}

.date_langues{float:left; text-align:right}

@media (min-width:490px) and (max-width:991px){
	.date_langues{
		padding-right:20px !important;
		text-align: left;
		margin-bottom: 15px}
}

.logo{float:left; text-align:right;padding-right: 10px !important;}

@media (max-width:767px){
	.logo{
		text-align:center;
		margin:5px auto !important;
		width:90%;
		float:none;
		clear:both;
		padding:5px 0
	}
}

.logo img{margin-top:20px}

@media (min-width:490px) and (max-width:991px){
	.logo img{margin-top:0}
}

.langue_en:before,
.langue_fr:before{
	display: block;
	line-height: 30px;
	height:34px;
	text-align: center}

.langue_fr:before{content:"FR"}

.langue_en:before{content:"EN"}

.langue_fr,
.langue_en,
.langue_fr-active,
.langue_en-active{
	position: relative;
	height:34px;
	display:inline-block;
	margin-top:30px;
	vertical-align:middle;
	font-size:14px;
	line-height: 34px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	color:#fff;
	text-decoration:none;
	text-align: center;
	padding: 0 10px;
	}

.langue_fr:hover,
.langue_fr-active,
.langue_en:hover,
.langue_en-active{
	text-decoration: none;
	color: #b88d5b}

.langue_fr:after{
	content: '';
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,.4);
    position: absolute;
    right: 0px;
    top: 45%;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}



.date{
	color:#cdcdcd;
	padding-right:15px;
	display:inline-block;
	font-size:120%;
	margin:34px 5px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	line-height: 35px;
}


.date:after{
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	display: block;
	content: "";
	height:3px;
	background: #050033;
	width: 0;
	margin: 2px auto 2px
}

.date:hover:after{
	background: #b88d5b;
	width: 100%;
}

.date select{
	border:1px solid rgba(255,255,255,0.4);
	padding: 5px;
	background:#050033;
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.date select:after{
	display: inline-block;
	content: "";
	border: 1px solid red;
	height: 2px;
	position: absolute;
	bottom: 0
}

.date select:hover{
	background:#050033;
}

select:focus { outline: none; }
select::-moz-focus-inner { border:0; }

@media (min-width:490px) and (max-width:991px){
	.langue_fr,
	.langue_en,
	.date{margin-top:10px}
}

.container_rubriques_01,
.container_rubriques_01s,
.container_rubriques_02,
.container_rubriques_02_en{
	position:relative;
	border: none;
	height:240px;
	display:block;
	-webkit-transition: background-image 2s ease-out;
	-moz-transition: background-image 2s ease-out;
	-o-transition: background-image 2s ease-out;
	transition: background-image 2s ease-out;
}

.container_rubriques_02_en,
.container_rubriques_02{padding-top: 40px}

.container_rubriques_01:before,
.container_rubriques_02:before{
	display: block;
	content: "";
	background: rgba(000,000,000,0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.container_rubriques_01:after,
.container_rubriques_02:after{
	display: block;
	content: "";
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.container_rubriques_01.fonce:before {
	display: block;
	content: "";
	background: rgba(000,000,000,0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.container_rubriques_01.fonce:after {
	display: block;
	content: "";
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}


.container_rubriques_01:hover:before,
.container_rubriques_02:hover:before{
	background: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.container_rubriques_01:hover .bleu_fonce_bas_fleche_gauche:after,
.container_rubriques_01:hover .bleu_clair_bas_fleche_gauche:after,
.container_rubriques_02:hover .bleu_fonce_bas_fleche_gauche:after,
.container_rubriques_02:hover .bleu_clair_bas_fleche_gauche:after
	{
		opacity: 1
	}

/*****************/
/*  parution 1   */
/*****************/
.height_size01{min-height:100px}


/********************************/
/*  parution 7 / 8 */
/********************************/
.background05_octobre_2017 .height_size01,/*  parution 7   */
.background04_octobre_2017 .height_size01,
.background03_octobre_2017 .height_size01,
.background02_octobre_2017 .height_size01,
.background01_octobre_2017 .height_size01,
.background05_octobre_2017_en .height_size01,
.background04_octobre_2017_en .height_size01,
.background03_octobre_2017_en .height_size01,
.background02_octobre_2017_en .height_size01,
.background01_octobre_2017_en .height_size01,

.background05_juillet_2018 .height_size01,/*  parution 8   */
.background04_juillet_2018 .height_size01,
.background03_juillet_2018 .height_size01,
.background02_juillet_2018 .height_size01,
.background01_juillet_2018 .height_size01,
.background05_juillet_2018_en .height_size01,
.background04_juillet_2018_en .height_size01,
.background03_juillet_2018_en .height_size01,
.background02_juillet_2018_en .height_size01,
.background01_juillet_2018_en .height_size01,

.background05_octobre_2019 .height_size01,/*  parution 8   */
.background04_octobre_2019 .height_size01,
.background03_octobre_2019 .height_size01,
.background02_octobre_2019 .height_size01,
.background01_octobre_2019 .height_size01,
.background05_octobre_2019_en .height_size01,
.background04_octobre_2019_en .height_size01,
.background03_octobre_2019_en .height_size01,
.background02_octobre_2019_en .height_size01,
.background01_octobre_2019_en .height_size01
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}




/*****************/
/*  parution 1   */
/*****************/
.height_size02{min-height:80px !important}


.orange_bas_fleche_gauche,
.bleu_clair_gauche_fleche_haut,
.bleu_fonce_bas_fleche_gauche,
.bleu_clair_bas_fleche_gauche{
	color:#fff;
	min-height:100px;
	position:absolute;
	bottom:0;
	width:100%;
	padding:10px 10px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*font-family: "Gotham SSm A", "Gotham SSm B";*/
	line-height:18px;
	font-style: normal;
	font-weight:300;
	z-index: 200}

	@media (max-width:767px){
		.orange_bas_fleche_gauche,
		.bleu_clair_gauche_fleche_haut,
		.bleu_fonce_bas_fleche_gauche,
		.bleu_clair_bas_fleche_gauche{
			padding-right: 30px
		}
	}

/* POUR AJOUT + A DROITE */
.bleu_fonce_bas_fleche_gauche:after,
.bleu_clair_bas_fleche_gauche:after {
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 400; 
	content: "\f061";
    display: block;
    font-size: 130%;
    /*position: absolute;
    left: 20px;
    top: 74%;*/
    opacity: .5;
    margin-top: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

	@media (max-width: 990px) and (min-width: 489px)  {
		.orange_bas_fleche_gauche,
		.bleu_clair_gauche_fleche_haut,
		.bleu_fonce_bas_fleche_gauche,
		.bleu_clair_bas_fleche_gauche{padding:6px 0 0 5px}

		.bleu_fonce_bas_fleche_gauche:after,
		.bleu_clair_bas_fleche_gauche:after {
		 left: 5px;
		}
	}

.orange_bas_fleche_gauche{
	min-height:60px;
	padding-top: 20px}

	@media (max-width: 990px)and (min-width: 489px)  {
		.orange_bas_fleche_gauche{min-height:100px}
	}

.instagram,
.instagram_en,
.youtube,
.youtube_en,
.twitter,
.twitter_en,
.facebook,
.facebook_en{
	width:24%;
	height:70px;
	display: inline-block}

	@media (max-width: 991px) {
		.instagram,
		.instagram_en,
		.youtube,
		.youtube_en,
		.twitter,
		.twitter_en,
		.facebook,
		.facebook_en {
		width:22%; height:70px; display: inline-block}
	}

.twitter_en,
.twitter{background:url(../img/visus_twitter.png) no-repeat center 0}

.facebook_en,
.facebook{background:url(../img/visus_facebook.png) no-repeat center 0}

.instagram_en,
.instagram{background:url(../img/visus_instagram.png) no-repeat center 0}

.youtube_en,
.youtube{background:url(../img/visus_youtube.png) no-repeat center 0}

.margin_right_size01{margin-right:15px}

.titre{
	font-family: 'Unna',Georgia,serif;
	font-size:140%;
	display:block;
	font-weight: 700;
	line-height: 32px
}

.sous_titre{
	display:block;
	/*font-family: "Gotham SSm A", "Gotham SSm B";*/
	line-height:16px;
	font-style: normal;
	font-weight:400;
	padding-right: 15px}

.orange_bas_fleche_gauche .sous_titre{
	font-family: 'Unna',Georgia,serif;
	font-size:140%;
	line-height: 24px;
	font-weight: 700;
	height: 56px}

.bouton_video{
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	margin-top: -25px;
	margin-left: -25px}

.bouton_video:before{
	width: 50px;
	height: 50px;
	content: "\e908";
	display: inline-block;
	border-radius: 50%;
	background: rgba(0,0,0,0.25);
	text-align: center;
	line-height: 50px;
	font-family: 'icons';
	color: #fff;
	font-size: 180%;
	padding-left: 5px}



/*****************/
/*  parution 10   */
/*****************/

.txtbleu{color: #002b41;}
.subtitrebleu {color: #395e88;}
.txtbleuclaire{color: #395e88;}
.tdudline {text-decoration: underline;}
.textsmallnormal {font-weight: normal;}
.textsmall {font-size: 12px;}
.colordore {color: #b88d5b;}
.fw500 {font-weight: 500;}
.fs14 {font-size: 14px;}
.d-block { display: block; }
.mb-5 {margin-bottom: 5px;}
.carousel {}
.carousel-control .glyphicon-chevron-right {
	right: 20px;
	top: 45%;
}
.carousel-control .glyphicon-chevron-left {
	left: 20px;
	top: 45%;
}
.glyphicon-chevron-right:before {
	content: '\f105';
    font-family: "Font Awesome 5 Pro";
}
.glyphicon-chevron-left:before {
	content: '\f104';
    font-family: "Font Awesome 5 Pro";
}
.agenda-tab{
	color: #002b41;
	font-weight:bold;
	border-radius: 8px 8px 0px 0px;
	background:#ececec;
	padding:4px 8px;
	display:inline-block;
}
.agenda-date {
	border-top:1px dotted #ccc;
	padding-left:40px
}
.mark-dore {
	background: rgba(242, 209, 102, 0.3);
}


/*****************/
/* 2022   */
/*****************/
html {
	scroll-behavior: smooth;
}
body {
	position: relative;
}
#gotop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: all .2s ease;
	z-index: 9999;
}
#gotop:hover {
	opacity: 0.7;
}
#gotop a {
	background: rgba(255,255,255,0.7);
    display: block;
    border-radius: 100%;
}

/* PARTIE FR */
.background_acquisition{background:#dce0e9 url(../img/visus_bg_acquisition.jpg) no-repeat center 0}

.background_culture{background:#dce0e9 url(../img/visus_bg_culture.jpg) no-repeat center 0}

.background_finance{background:#050033 url(../img/visus_bg_finance.jpg) no-repeat center center}

.background_developpement{background:#dce0e9 url(../img/visus_bg_developpement.jpg) no-repeat center center}

.background_mgallery {background:#dce0e9 url(../img/visus_bg_mgallery.jpg) no-repeat center 0}

.background_strategie{background:#dce0e9 url(../img/visus_bg_strategie.jpg) no-repeat 30% center}

.background_handwritten{background:#dce0e9 url(../img/visus_bg_handwritten.jpg) no-repeat center 0}

.background_innovation-digitale{background:#dce0e9 url(../img/visus_bg_innovation-digitale.jpg) no-repeat center 0}

.background_gouvernance{background:#dce0e9 url(../img/visus_bg_gouvernance.jpg) no-repeat center center}

.background_nomination{background:#dce0e9 url(../img/visus_bg_nomination.jpg) no-repeat center 0}

.background_orient-express{background:#dce0e9 url(../img/visus_bg_orient-express.jpg) no-repeat left 0}

.background_lancement{background:#dce0e9 url(../img/visus_bg_lancement.jpg) no-repeat center 0;}

.background_luxe{background:#dce0e9 url(../img/visus_bg_luxe.jpg) no-repeat center 0;}

.background_signature{background:#dce0e9 url(../img/visus_bg_signature.jpg) no-repeat center 0;}

.background_engagement-environnemental{background:#dce0e9 url(../img/visus_bg_engagement-environnemental.jpg) no-repeat center center}

.background_innovation-digital{background:#dce0e9 url(../img/visus_bg_innovation-digital.jpg) no-repeat center center}

.background_partenariat{background:#dce0e9 url(../img/visus_bg_partenariat.jpg) no-repeat center center}

.background_partenariat-sport-culture{background:#dce0e9 url(../img/visus_bg_partenariat-sport-culture.jpg) no-repeat center center}

.background_partenariats{background:#dce0e9 url(../img/visus_bg_partenariats.jpg) no-repeat center center}

.background_premium{background:#dce0e9 url(../img/visus_bg_premium.jpg) no-repeat center 0}

.background_programme-fidelite{background:#dce0e9 url(../img/visus_bg_programme-fidelite.jpg) no-repeat center 0}

.background_responsabilite{background:#dce0e9 url(../img/visus_bg_responsabilite.jpg) no-repeat center 0}

.background2021_actionaccor{background:#b85b55 url(../img/visus_bg_actionaccor.png) no-repeat center center}

.background2021_agenda{background:#dce0e9 url(../img/visus_bg_agenda.jpg) no-repeat center 0}

.background2021_club{background:#dce0e9 url(../img/visus_bg_club.jpg) no-repeat center 0}

.background_sociaux p{
	background: url(../img/visus_facebook_twitter_youtube_instagram-titr_fr.png) no-repeat center 0;
	height:90px
}

/* PARTIE EN */
.background_culture{background:#dce0e9 url(../img/visus_bg_culture.jpg) no-repeat center 0}

.background_finance_en{background:#050033 url(../img/visus_bg_finance.jpg) no-repeat center center}

.background_developpement_en{background:#dce0e9 url(../img/visus_bg_developpement.jpg) no-repeat center center}

.background_mgallery_en{background:#dce0e9 url(../img/visus_bg_mgallery.jpg) no-repeat center 0}

.background_strategie_en{background:#dce0e9 url(../img/visus_bg_strategie.jpg) no-repeat 30% center}

.background_handwritten_en{background:#dce0e9 url(../img/visus_bg_handwritten.jpg) no-repeat center 0}

.background_gouvernance_en{background:#dce0e9 url(../img/visus_bg_gouvernance_en.jpg) no-repeat center center}

.background_nomination_en{background:#dce0e9 url(../img/visus_bg_nomination.jpg) no-repeat center 0}

.background_orient-express_en{background:#dce0e9 url(../img/visus_bg_orient-express.jpg) no-repeat left 0}

.background_lancement_en{background:#dce0e9 url(../img/visus_bg_lancement.jpg) no-repeat center 0}

.background_engagement-environnemental_en{background:#dce0e9 url(../img/visus_bg_engagement-environnemental.jpg) no-repeat center center}

.background_innovation-digital_en{background:#dce0e9 url(../img/visus_bg_innovation-digital_en.jpg) no-repeat center center}

.background_partenariats_en{background:#dce0e9 url(../img/visus_bg_partenariats.jpg) no-repeat center center}

.background2021_actionaccor_en{background:#b85b55 url(../img/visus_bg_actionaccor.png) no-repeat center center}

.background2021_club_en{background:#dce0e9 url(../img/visus_bg_club_en.jpg) no-repeat center 0}

.carousel-control.left, .carousel-control.right {
	background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
}
.mt-1 {
	margin-top: 10px;
}
.mt-2 {
	margin-top: 20px;
}
.mt-3 {
	margin-top: 30px;
}
.mb-1 {
	margin-bottom: 10px;
}
.mb-2 {
	margin-bottom: 20px;
}
.mb-3 {
	margin-bottom: 30px;
}






.col_centre{margin:0 35px 20px 25px}

.col_centre_2cols{margin:0 40px 30px 40px}

	@media (max-width:767px){
		.col_centre_2cols,
		.col_centre{margin:0 20px}
	}

.visuel_ht_page{margin-bottom:40px}

.visuel_ht_page img{border-bottom:1px solid #f1f1f1 !important}

h1{
	color:#050033;
	font-size:140%;
	text-transform:uppercase;
	padding:0 0 5px;
	margin-top:0;
	font-weight:bold
}

h2{
	font-family: 'Unna', Georgia, serif;
	padding-top:0;
	margin-top:0;
	font-size:220%;
	font-style: italic;
	font-weight: 700;
	color: #050033;
}

.chapo_col_gauche{
	/* text-align:right; */
	text-align: left;
	display:inline-block;
	color:#000;
	margin:0 0 20px 0;
	font-size:130%;
}
.en_savoir_plus .encadre{
	padding:20px 0;
	margin:0 0 20px 0;
	color:#050033;
	text-align:left;
	font-weight:bold;
	line-height: 14px}

.en_savoir_plus .encadre a:hover,
.en_savoir_plus .encadre a{
	text-decoration:none;
	color:#050033;
	font-weight: normal;
	display: inline-block;
	padding-bottom: 10px}

.col_centre_2cols h1,
.col_centre_2cols .chapo_col_gauche{
	text-align:left;
	font-size:190%;
	margin-bottom:15px}

.en_savoir_plus .encadre a img{
	border-radius: 5px;
	box-shadow: 0 20px 31px -16px rgba(0, 0, 0, 0.50);
	margin-bottom: 20px;
	border:1px solid #f4f4f4;
	padding: 6px;
	display: inline-block;
}
.en_savoir_plus .encadre ul {
	padding: 0 0 0 20px;
	margin-top: 10px;
}
.en_savoir_plus .encadre ul li {
	margin-bottom: 10px;
}


.en_savoir_plus .encadre .modale a img{
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	border:none;
	padding: 0;
	display: inline-block;
}

.titre_en_savoir_plus{
	color:#63a1e2;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	font-size:110%}

.video_plus_visuel{
	position:relative;
	display:block;
	margin:15px 0 6px 0}

.bouton_video_plus_infos{
	background:url(../img/bouton_video_plus_infos.png) no-repeat center center;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100}

.video_plus_visuel img{width:100%}

.bloc_nav_gauche{
	padding:30px 5px 30px 24px;
	list-style: disc;
	color:#fff;
	margin: 0;
	border:none; box-shadow:none}

.bloc_nav_gauche li:first-child{list-style:none}

.bloc_nav_gauche li{margin-left:10px; padding:0 4px 6px 0}

.bloc_nav_gauche li:first-child{margin-left:-4px}

.bloc_nav_gauche a{
	text-decoration:none;
	color:#fff;
	display:block;
	padding-left: 2px;
	-webkit-transition:color 200ms ease-out;
	-moz-transition:color 200ms ease-out;
	-o-transition:color 200ms ease-out;
	transition:color 200ms ease-out;
	margin-left: -6px;
	font-size: 16px;
	line-height: 18px}

.bloc_nav_gauche a:hover{color:rgba(255,255,255,0.7)}

.bloc_nav_gauche li.active a,
.bloc_nav_gauche li.active {color:#fcd000}

.menu_2{background: rgba(0,43,65,1); border:none}

.menu_3{
  /* background: rgba(183,201,192,1); */
  background: #B88D5B;
  border:none;
}

.menu_6{
  /*background: rgba(208,65,88,1); */
  background: #b85b55;
  border:none;
}

.titre_menu_gauche{
	font-weight:bold;
	text-transform:uppercase;
	font-size:130%}

.copyright_footer,
.rubriques_footer{
	/*font-family: "Gotham SSm A", "Gotham SSm B";*/
	display:inline-block;
	line-height:40px;
	font-size: 16px;
	font-style: normal;
	font-weight:500}

a.rubriques_footer:first-child{
	border-left:none;
	padding-left:0}

a.rubriques_footer:nth-child(-n+4) {
	margin-bottom: 10px;
}


a:hover.rubriques_footer{color:#b88d5b}

.copyright_footer{
	position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 14px;
    border-top: 1px solid #435d6e;
    left: 0}

a.rubriques_footer{
	/*font-family: "Gotham SSm A", "Gotham SSm B";*/
	line-height:40px;
	text-decoration:none;
	padding:0 15px;
	transition: color 0.3s ease-in-out;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #fff;
	vertical-align:middle}

a:hover.rubriques_footer:before{color:#b88d5b}

a.rubriques_footer:before{
	transition: color 0.3s ease-in-out;
    font-size: 250%;
    color: #fff}

a#rubriques_footer_5:before{
	/* content: "\e90b";
	font-family: 'icons'; */
	content: '';
	position: relative;
	display: block;
	background: url(../img/X_logo.svg) no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: 12px;
} /* TWITTER */

a#rubriques_footer_6:before{
	content: "\e909";
	font-family: 'icons'} /* FACEBOOK */

a#rubriques_footer_7:before{
	content: "\e90d";
	font-family: 'icons'} /* YOU TUBE */

a#rubriques_footer_8:before{
	content: "\e90a";
	font-family: 'icons'} /* INSTAGRAM */

@font-face {
	font-family: 'icons';
	src: url("icons/icons1afe.ttf?v9csvl") format("truetype"), url("icons/icons1afe.woff?v9csvl") format("woff"), url("icons/icons1afe.svg?v9csvl#icons") format("svg");
	font-weight: normal;
	font-style: normal}



/* REDEFINITION BOOTSTRAP */
.col-xs-1,.col-sm-1,.col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 0;
	padding-right: 0}

.row{margin-left:0; margin-right:0}

#div_for_video{
	position: relative;
	padding-bottom: 60%;
	padding-top: 25px;
	height: 0;
	margin-left:3%;
	overflow:hidden;
	height:0 !important}

#div_for_video object,
#div_for_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important}


@media (max-width:767px){

	.container_header {
		width: 100%;
		background: #050033;
	}

	body{padding-left:1%;padding-right:1%}

	.margin_right_size01{margin-right:0}

	.date_langues {text-align:center; margin-bottom:25px; padding-top:3px}

	.langue_fr,
	.langue_en,
	.langue_fr-active,
	.langue_en-active{width:32px;height:34px; margin-top:10px}

	.date{margin-top:10px;font-size: 100% ;margin-right: 2px}

	.logo{text-align:center; margin:25px auto !important; width:90%; float:none; clear:both; padding:10px 0}

	.logo img{margin-top:0}

	.bleu_fonce_droite_fleche_haut,
	.bleu_clair_gauche_fleche_haut{	color:#fff;
		min-height:62px;
		height:auto;
		position:absolute;
		bottom:0;
		right:0;
		max-width:100%;
		width:100% !important;
		padding:30px 6px 10px 28px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		*behavior: url(boxsizing.html);  /* POUR box-sizing IE6 / IE7 */
		float:none;
		text-align:left}

	a.rubriques_footer {padding: 0 6px}

	a#rubriques_footer_1,
	a#rubriques_footer_2,
	a#rubriques_footer_3{
		display: block;
		margin: 0 0 20px 0;}

	a#rubriques_footer_4,
	a#rubriques_footer_5,
	a#rubriques_footer_6,
	a#rubriques_footer_8{margin: 30px 0;}

	.container.container_footer{
		text-align:center;
		padding: 50px 20px 40px 20px}

	a.rubriques_footer:last-of-type{padding-right:0 !important}

	.logo_en_actions img{display: block; margin: 0 auto;}
}


@media (max-width:490px){
	.logo_en_actions{
		display: block;
		width: 100%}
}

.encadre_titre{
	display:block;
	text-align:left;
	padding:20px 0;
	font-size: 140%}

/* CNIL */
#div_top_cnil_contour {
	text-align: center;
	position: fixed;
    bottom: 30px;
    z-index: 9999;
    box-shadow: 0 30px 55px rgba(0, 0, 0, 0.3);
    left: 50%;
    right: auto;
    max-width: 800px;
    margin: 0 auto 0 -400px;
    box-sizing: content-box}

	@media (max-width:767px){
		#div_top_cnil_contour {
		    left: 0;
		    right: 0;
		    max-width: auto;
		    margin: 0}
	}

.top_cnil_contenu,
.container.top_cnil_contenu {
	text-align: center;
	padding: 20px 80px;
	display: inline-block;
	line-height: 23px;
	color:#000;
	max-width: 800px;
	background: #fff;
	font-size: 130%}

.top_cnil_contenu a,
.container.top_cnil_contenu a{ color:#000}

.container.top_cnil_contenu:before{
	font-family: 'icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #050033;
    font-size: 3.8em;
    width: 40px;
    height: 40px;
    content: "\e919";
    position: absolute;
    left: 40px;
    top: 45%;
    margin-top: -20px}

.close{
	margin:0 0 0 0;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
	font-weight: normal;
	border-radius:18px;
	padding:0 !important;
	background: #050033 !important;
	text-align: center;
	font-size: 240%;
	border: 1px solid #050033 !important;
	transition:all 300ms ease-out 0s;
	width: 45px;
	height: 30px;
	line-height: 20px !important}

.close:hover{
	background: #fff !important;
	color: #050033 !important;
	opacity: 1 !important}

@media (max-width:767px){
	.close,
	.close:hover{
		font-size:380% !important;
	}

	.top_cnil_contenu,
	.container.top_cnil_contenuenu {
		font-size: 100% !important;
		text-align: left !important;}
}


.texte_article{font-size: 16px; padding:20px 0 30px 0}
.texte_article02{font-size: 16px; padding:10px 0 0px 0}
.texte_article02:last-of-type{font-size: 16px; padding:10px 0 0px 0; margin-bottom: 50px;}

#slider_article{max-width: 1000px !important}

.col_gauche{padding: 0 20px}

@media (max-width:489px) {
	.logo{margin:5px auto;}

	.container_footer,
	.container_header{padding:10px}

	.background06_juin2015,
	.background06_juin2015_en{background-position:-270px 0}

	.height_size01{
		height:auto !important;
		min-height:70px !important;
		padding-bottom: 10px;}
}

.orange_bas_fleche_gauche .sous_titre span{
	font-size: 65%;
    font-family: montserrat, sans-serif;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
    padding-top: 4px;}
.container iframe {
  min-height: 250px;
}
.col_centre h3 {
  font-size: 21px;
  font-weight: bold;
  font-family: 'Unna', Georgia, serif;
  font-style: italic;
}
.col_centre h3.sub {
  font-size: 20px;
}

/* Modale Photo */
.modale img:hover {
  cursor: pointer;
}
#graydisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%!important;
  height: 100%;
  background: rgba(0,0,0,0.45);
  z-index: 9999;
  text-indent: 9999px;
}
#graydisplay:before {
  content: '';
  position: absolute;
  background: url("../img/close.png") no-repeat right top;
  top: 22%;
  right: 22%;
  width: 50px;
  height: 50px;
}
#graydisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 50%;
  max-height: 50%;
  height: 90%;
}


/* POUR VISUELS HAUT DE PAGE */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.ekko-lightbox.modal .modal-content {
	position: relative;
	background-color: transparent!important; 
	border: none!important; 
	border-radius: 0!important; 
	-webkit-box-shadow: none!important; 
	box-shadow: none!important; 
	outline: 0;
}

.ekko-lightbox.modal .modal-content .modal-header {
    padding: 0;
    border-bottom: none;
}

.ekko-lightbox.modal .modal-content .modal-header .close {
	font-family: montserrat, sans-serif;
    margin: 0 0 0 20px;
    color: #fff!important;
    opacity: 1;
    filter: alpha(opacity=100);
    font-weight: normal;
    border-radius: 0;
    padding: 0 !important;
    background: transparent!important;
    text-align: center;
    border:none!important;
    transition: all 300ms ease-out 0s;
    width: 45px;
    height: 30px;
    line-height: 20px !important;
    text-shadow: none!important;
    font-size: 600%
}

.modal-footer,
.modal-header {
    border: none;
}




.ekko-lightbox{
	display:-ms-flexbox!important;
	display:flex!important;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-right:0!important}

	.ekko-lightbox-container{
		position:relative
	}

	.ekko-lightbox-container>div.ekko-lightbox-item{
		position:absolute;top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%
	}
	
	.ekko-lightbox iframe{
		width:100%;
		height:100%
	}

	.ekko-lightbox-nav-overlay{
		z-index:1;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:-ms-flexbox;
		display:flex
	}

	.ekko-lightbox-nav-overlay a{
		-ms-flex:1;flex:1;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-align:center;
		align-items:center;
		opacity:0;
		transition:opacity .5s;
		color:#fff;
		font-size:30px;
		z-index:1}

	.ekko-lightbox-nav-overlay a>*{
		-ms-flex-positive:1;flex-grow:1
	}

	.ekko-lightbox-nav-overlay a>:focus{outline:none}

	.ekko-lightbox-nav-overlay a span{padding:0 30px}

	.ekko-lightbox-nav-overlay a:last-child span{text-align:right}

	.ekko-lightbox-nav-overlay a:hover{text-decoration:none}

	.ekko-lightbox-nav-overlay a:focus{outline:none}

	.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}

	.ekko-lightbox a:hover{opacity:1;text-decoration:none}

	.ekko-lightbox .modal-dialog{display:none}

	.ekko-lightbox .modal-footer{text-align:left}

	.ekko-lightbox-loader{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-direction:column;
		flex-direction:column;
		-ms-flex-pack:center;
		justify-content:center;
		-ms-flex-align:center;
		align-items:center
	}

	.ekko-lightbox-loader>div{
		width:40px;
		height:40px;
		position:relative;
		text-align:center
		}

	.ekko-lightbox-loader>div>div{
		width:100%;
		height:100%;
		border-radius:50%;
		background-color:#fff;
		opacity:.6;
		position:absolute;
		top:0;
		left:0;
		animation:a 2s infinite ease-in-out}

	.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}

	.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}

	@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

.embed-responsive-item{overflow-y: hidden!important}

@media (max-width: 1000px) {
	.sp-none {
		display: none;
	}
}


.p_quote{
	font-style:italic;
	font-size:18px;
	margin-top:20px;
}
.p_author{
	font-size:14px;
	margin-bottom:40px;
}

.texte_article li{margin-top:10px;}

.no-italic{font-style: normal !important;}
