/*   
	Theme Name:        5G Observatory
	Description:       Thème du site 5gobservatory
	Author:            Bientôt la péniche
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 4.5
*/

@media screen {
	
	html,body {margin:0;padding: 0}
	
	body { background-color: #fff; font-family:  arial, Verdana, "DejaVu Sans",  "sans-serif"}
	.wrap { box-sizing: border-box; width: 100%; color: #636362; background-color: #fff; margin-top: 150px; opacity: 0 }
	.pageAvecMargeHaute {padding-top: 75px;}
	
	a {text-decoration: none; color: #23527c}
	a:hover {} 

	.powered a {color: #fff; text-decoration: underline;}

	.arch-cat-title { font-size: 24px !important; margin-bottom: 0 !important;}

	.arch-page-padd {padding-top: 50px !important;}

	.cat-desc-entry { color: #636362; font-size: 16px; margin-bottom: 32px;}
	
	h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; padding: 0;}
	h1 {}
	.titrePage h1 {text-transform: uppercase; font-size: 14px; color:#006fb4; margin-bottom: 30px;}
	h2 { font-size:24px; }
	.page-template-default h2 {font-size:20px; font-weight: bold; color:#006fb4; margin-top:1em }
	h3 {}
	h4 {}
	h5 {}
	h6 {}
	
	/* PAGES */
	h2.headline {font-size: 40px;}
	h3.headline {font-size: 30px; color:#006fb4}
	
	.page-template-default h3 {font-weight: bold; color: #006fb4; margin-top: 30px; font-size: 24px;}
	.page-template-default h4 {font-weight: bold; color:#006fb4; margin-top: 30px;}
	.page-template-default h5 {font-weight: bold; font-size: 18px;}
	.page-template-default .cli_cookie_category_single h5 {margin-top:30px}
	.page-template-default h6 {font-weight: bold; font-size: 16px;}

	.sourceManuelGraphique, .sourceManuelleSurGraphique {text-align: center; margin-top:30px; font-size:12px}
	.titreManuelGraphique {
		font-size: 20px;
		text-align: center;
		margin-bottom: 40px;
		font-weight: bold;
		color: #5090c8;
		padding: 0 40px;
	}
	.divider {
		height: 1px;
		border-top: 1px dotted #000;
	}
	
	* {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	}

	/* Cookie */
	.cli-tab-footer .wt-cli-privacy-accept-btn{
		background-color:rgb(0, 111, 180);  
	 }
	
	.wpb_content_element.noMarginBottom, .noMarginBottom {margin-bottom: 0 !important}
	
	.page-template-default p {margin-top:1em }
	.page-template-default .contenuPage {margin-bottom:  60px;}
	
	.fontSize12, .fontSize12.wpb_text_column {font-size: 12px !important}
	.fontSize14, .fontSize14.wpb_text_column  {font-size: 14px !important}
	.fontSize16 {font-size: 16px}
	.fontSize18 {font-size: 18px}
	.fontSize20 {font-size: 20px}
	.fontSize24 {font-size: 24px}
	.fontSize28 {font-size: 28px}
	.fontSize32 {font-size: 32px}
	.fontSize36 {font-size: 36px}
	.wpb_text_column {font-size: 18px; line-height: 26px;} /* Texte dans colonne texte VC*/
	
	.capitale {text-transform: uppercase !important}
	.fontWeight-100 {font-weight: 100 !important}
	.fontWeight-300 {font-weight: 300 !important}
	.fontWeight-400 {font-weight: 400 !important}
	.fontWeight-500 {font-weight: 500 !important}
	.fontWeight-600 {font-weight: 600 !important}
	.fontWeight-700 {font-weight: 700 !important}
	.fontsize-xs {font-size:12px !important}
    .fontsize-ss {font-size:14px !important}
	.fontsize-s {font-size:16px !important}
	.fontsize-mm {font-size:18px !important}
	.fontsize-m {font-size:20px !important}
	.fontsize-l {font-size:24px !important}
	.fontsize-xl {font-size:30px !important}
	.fontsize-xxl {font-size:40px !important}
	.fontsize-xxxl {font-size:45px !important}
	.fontsize-xxxxl {font-size:50px !important}
	.fontsize-xxxxxl {font-size:55px !important}
	
	
	.noPaddingP p {margin:0}
	
	.bold {font-weight: bold}
	.bleu1 {color:#006fb4}
	.noir {color:#000}
	.blanc {color:#ffffff}
	.background_blanc {background-color: #fff}
	
	a.lienAuteursJambe {color:#fff}
	
	.centre {text-align: center}
	
	.btnRouge {padding:10px; background-color:#e20613; color:#fff; display: inline-block; font-size:12px;}
	.bigBtn {font-size:16px;}
	
	
	
	.paddingTop10 {padding-top: 10px}
	.paddingTop120 {padding-top: 120px}
	.paddingTop160 {padding-top: 160px}
	
	.paddingBottom120 {padding-bottom: 120px}
	
	.paddingTopBottom50 {padding: 50px 0}
	.paddingTopBottom90 {padding: 90px 0}
	.paddingTopBottom120 {padding: 120px 0}
	
	.btn {background-color: #5090c8 !important; color:#fff !important; padding: 10px 20px;}
	.btn.focus, .btn:focus, .btn:hover {
		background-color: #006fb4 !important;
		text-decoration: none;
	}
	
	
	.chapo {color:#006fb4; font-size:30px; font-weight: bold; line-height: 36px;}
	
	p {}
	ul, ol {}
	
	pre {}
	code, tt, var {}
	
	abbr, acronym {}
	
	blockquote {}
	blockquote p {}
	
	.post {}
	.entry {}
	.entry a {}
	.entry a:hover {}
	.meta {}
	.postmetadata {}
	
	.nav {}
	.nav-prev {}
	.nav-next {}
	
	.searchform {}
	.search-submit {}
		
	ol.commentlist { padding: 0; list-style: none; }
	ol.commentlist li {}
	ol.commentlist li.alt {}
	ol.commentlist li.bypostauthor {}
	ol.commentlist li.byuser {}
	ol.commentlist li.comment-author-admin {}
	ol.commentlist li.comment { padding: 20px; border-bottom: 1px dotted #999; }
	ol.commentlist li.comment div.comment-author {}
	ol.commentlist li.comment div.vcard {}
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url {}
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 20px 20px; }
	ol.commentlist li.comment div.vcard img.photo {}
	ol.commentlist li.comment div.vcard span.says {}
	ol.commentlist li.comment div.commentmetadata {}
	ol.commentlist li.comment div.comment-meta { margin: 10px 0; font-size: 12px; }
	ol.commentlist li.comment div.comment-meta a { color: #999; }
	ol.commentlist li.comment p {}
	ol.commentlist li.comment ul {}
	ol.commentlist li.comment div.reply { font-size: 12px; font-weight: bold; }
	ol.commentlist li.comment div.reply a {}
	ol.commentlist li.comment ul.children { margin: 20px 0 0 0; padding: 0; list-style: none; }
	ol.commentlist li.comment ul.children li {}
	ol.commentlist li.comment ul.children li.alt {}
	ol.commentlist li.comment ul.children li.bypostauthor {}
	ol.commentlist li.comment ul.children li.byuser {}
	ol.commentlist li.comment ul.children li.comment {}
	ol.commentlist li.comment ul.children li.comment-author-admin {}
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0; border-left: 5px solid #555; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0; border-left: 5px solid #999; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0; border-left: 5px solid #bbb; }
	ol.commentlist li.comment ul.children li.depth-5 {}
	ol.commentlist li.comment ul.children li.odd {}
	ol.commentlist li.even { background-color: #fff; }
	ol.commentlist li.odd { background-color: #f6f6f6; }
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt {}
	ol.commentlist li.thread-even {}
	ol.commentlist li.thread-odd {}
	
	form {}
	label { display: block; }
	input { display: block; }
	input[type=text] {}
	textarea {}
	
	.screen-reader-text { position: absolute; left: -9999em; }
	
	/* WP Default Styles */
	
	.wp-caption {}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	.alignright {}
	.alignleft {}
	.aligncenter {}
	.height100 {height: 100%}
	
	
	.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	.clearfix{ display: inline-block;}
	html[xmlns] .clearfix { display: block;}
	* html .clearfix{ height: 1%;}
	.clearfix {display: block}
	
	
	[class*=col-], [class*=col_], [class~=col] {
			padding: 0 1.2rem 1rem !important;
	}
	
	.button {
		font-family: sans-serif;
		line-height: 18px;
		padding: 2px 12px;
		background: #006fb4 !important;
		border: none !important;
		color: #fff !important;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 3px 3px 3px 3px;
		border-style: solid;
		border-width: 1px;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		font-style: normal;
		text-decoration: none;
		white-space: nowrap;
		outline: none;
	}
	
	.button.allNews {
		margin-top: 20px; padding: 15px 20px; font-size: 16px;
	}
	
	.button:hover{
		background: #1c5084 !important;
	}

	.buttonNews {
		background-color: #1c5084 !important;
		font-size: 24px;
		padding: 20px;
	}

	.buttonNews:hover {text-decoration: none; background: #006fb4 !important;}
	
	
	.cookie-notice-container {box-sizing: border-box;}
	
	.wrapperContaineurGraph {margin: 80px 0 20px 0;}
	.sourceManuelleSurGraphique {margin-bottom:50px}
	
	
} /* END screen media */

.single_image img, img {width: 100%; height: auto}
table img {width:auto;}
.imagesNonEtendues img  {width:auto;}
.logoFooter img {width:150px; height: auto}
.colExtra img {width: 100px; height: auto; margin-top: 10px;}

/* ////////////////////////////////
// tableaux général
/////////////////////////////// */

.tableau {width:100%}
.tableau th {
	background-color: #006fb4;
	padding: 10px;
	color: #fff;
}

/* tableau fréquence */
.tableauFrequence {
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}
.tableauFrequence th, .tableauFrequence td {width:16.66%}
.tableauFrequence td {vertical-align: top; text-align: center; padding-top: 15px}



/* ////////////////////////////////
// Accordéon
/////////////////////////////// */

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {background-color: transparent !important; padding-bottom: 80px; padding-top: 40px}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before {border:none}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	color: #ffffff !important;
	font-size: 26px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
	color: #006fb4 !important;
	font-size: 26px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	color:#fff;
	background-color: #80bceb !important;
}


/* ////////////////////////////////
// ANIMATIONS AUTOMATIQUES
/////////////////////////////// */

.autoAnim {
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0)
}

.autoAnim.autoDisplay {
	opacity:1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}





/* ////////////////////////////////
// INTERFACE
/////////////////////////////// */
header {
	height: 150px;
	width: 100%;
	background-color: #006fb4;
	position: fixed;
	z-index: 10;
	top:0;
	left: 0;
}

header {
	-webkit-transform: translateY(-150px);
	  -ms-transform: translateY(-150px);
	  -o-transform: translateY(-150px);
	  transform: translateY(-150px);
	 opacity: 0;
	}
header .empagement {height: 100%}
#logo {width: 250px;
height: auto;
position: absolute;
bottom: -5px; opacity: 0;}
#logo5G {position: absolute; bottom: 30px; left: 190px; width:184px; height:auto;}

#logo5G {
	-webkit-transform: translateX(-10px);
	  -ms-transform: translateX(-10px);
	  -o-transform: translateX(-10px);
	  transform: translateX(-10px);
	 opacity: 0;
	}	

@media screen and (max-width:768px){
	#logo {width: 150px; bottom: -5px; }
	header {height: 80px;}
	#logo5G {bottom: 10px;left: 120px;width: 140px;}
	
	.wrap {
		margin-top: 80px;
	}
}


/* ////////////////////////////////
// GENERAL
/////////////////////////////// */
.empagement {max-width: 1260px; margin:0 auto; padding:0 30px; position:relative; overflow: hidden;}
.empagementReduit {margin:0 165px}
@media screen and (max-width:1200px){
	.empagementReduit {margin:0 50px}
}
@media screen and (max-width:600px){
	.empagementReduit {margin:0 0px}
}
header .empagement {overflow:visible;}
@media screen and (max-width: 1600px) {
	.empagement {}
}

.conteneurGris {background-color: #efefef}

.contenuSection {margin: 0 calc(15px - 0.5rem);} /* Rattrapage VC marge negative */


/* Pour debug colonne */
.content {/*background-color: #123456*/}




/* ////////////////////////////////
// NAVIGATION
/////////////////////////////// */
.nav {
	font-weight: bolder;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 40px;
	bottom: 0px;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	  -ms-transform: translateX(-20px);
	  -o-transform: translateX(-20px);
	  transform: translateX(-20px);
	
	}
.nav ul {
	padding:0; margin:0; float:left;
	}
.nav ul li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	position: relative;
	line-height: 40px;
	}	
.nav ul li.menu-item {
	/* Pour animation stragger : plus utilisee
	-webkit-transform: translateY(-150px);
	  -ms-transform: translateY(-150px);
	  -o-transform: translateY(-150px);
	  transform: translateY(-150px);
	 opacity: 0;
	*/
	}	
.nav ul li a {color: #fff; text-transform: uppercase; font-size: 12px;}
.nav ul li a:hover {text-decoration: none !important}

.nav ul li ul.sub-menu {
	float:none;
	position:absolute;
	width: 200px;
	margin-left: -10px;
	padding: 10px;
	background-color: #006fb4;
	/*opacity: 0;*/
	display: none;
	box-shadow: 2px 2px 15px 0 rgba(0,0,0, 0.5);
	text-align: left;
	background: #5090c8;
	top: 40px;
	left: 0;
	z-index: 999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}

.nav ul li:nth-child(5) ul.sub-menu {
	right: 0;
	left:auto;
}

.nav ul li ul.sub-menu li {
	line-height:normal;
	display: block;
	margin:15px 0;
	text-transform:none;
}

.nav ul li ul.sub-menu li a {
	text-transform:none;
	font-size:14px;
}


.nav ul li ul.sub-menu li a:hover {
	color:#000;
}

.current-page-ancestor:after {
	content: "";
	background-color: #fff;
	width: calc(100% - 20px);
	height: 6px;
	position: absolute;
	bottom: 0;
	margin-right: 20px;
}


.credits {text-align: right; font-size: 10px; color: #fff; margin-right: 10px; }
@media screen and (max-width: 1350px) {
	.credits {margin-right: 60px; }
}



#menu-mobile {display: none; overflow-y: auto;}
#menu-mobile.active {display: block}

/* Pas de soulignage */
.leMenuMobile .current-page-ancestor:after {
	content:none;
	background-color:transparent;
	width: calc(100% - 20px);
	height: 6px;
	position: absolute;
	bottom: 0;
	margin-right: 20px;
}


/* Hamburger Nav */
#contientIcon-nav { display:none; position: fixed; right: 20px; top: 100px; z-index: 10000; }
@media screen and (max-width: 768px) {
	#contientIcon-nav { display:none; position: fixed; right: 20px; top: 25px; z-index: 10000; }
}
#nav-icon {
  width: 40px;
  height: 40px;
  position:relative; 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  opacity:1;
  z-index:200000;
  
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background: #ffffff;
  opacity: 1;
  left: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger_transparent #nav-icon span {
  background: #ffffff;
  opacity: 1;
}

.hamburger_transparent #nav-icon {
  opacity: 1;
}

#nav-icon span:nth-child(1) {
  top: 12px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 18px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.navigationMobile {
  background: #006fb4;
	color: #fff;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100vh;
	/*display: table;*/
	z-index: 10000;
	opacity: 0;
	display:none;
	-webkit-transition: background 0.3s ease-in-out;
			transition: background 0.3s ease-in-out;
	-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
}
.navigationMobile a {color:#fff}
.navigationMobile.active {
		opacity: 1;
		top: 0px;
		display: block;
}
.navigationMobile.display {
	display:block;
	}

.contientNavMobile{
	/*opacity: 0;*/
	width:100%;
	height:100%;
	}
.leMenuMobile {
	position: relative;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	padding: 50px 0;
}
.leMenuMobile ul {margin-left: 40px;margin-right: 40px;padding: 0;}
.leMenuMobile ul li { display: block;  font-size:20px; margin-top:30px; font-weight: bold }
.leMenuMobile ul li ul li { margin-top:0px; font-weight: normal }
.leMenuMobile ul li:before {content :"" }


.creditsMobile {margin-left: 40px; font-size: 12px; display:none}

@media screen and (max-width:1024px){
	#contientIcon-nav {display:block; }
	.menu-top-container{display: none;}
	.leMenuMobile .menu-top-container{display: block;}
	.credits {margin-bottom: 20px;}
}

@media screen and (max-width: 768px){
	.credits {display:none;}
	.creditsMobile {display:block;}
	
}


/* ////////////////////////////////
// NEWS EN LISTE
/////////////////////////////// */

.heroAccueil {width: 100%; /*height: 370px;*/ -webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important; 
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #1c5084;
	padding: 30px 0;
}
.phraseHero {
	font-size: 26px;
	line-height: 38px;
	position: relative;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
	max-width: 1000px;
	margin: 0 0 0 165px;
}

@media screen and (max-width:1024px){
	.phraseHero {
		margin: 0;
	}
	
}

@media screen and (max-width:768px){
	.phraseHero {
		font-size: 20px;
		line-height: 26px;
	}
	.chapo {
		font-size: 24px;
		line-height: 32px;
	}
}


    



/* ////////////////////////////////
// DERNIERES PARUTIONS
/////////////////////////////// */

.titreOuvrageDernieresParutions {}
.titreSliderNews h2 {text-transform: uppercase; display: inline-block; margin-left:30px; line-height: 70px;}
.titreSliderNews h2:after {content:""; clear: both}
.blocDerniereParution img {width: 100%; height: auto}
.detailDerniereParution {margin-top:20px}
.slick-slide {width:300px;}
.blocSlider {
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.27);
	-moz-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.27);
	box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.27);
}
.blocSlider h3 {font-size:20px;}
.blocSlider .extraitBlocNews {font-size:14px;}

.texteBlocSLider {padding:20px;}
.iconeNews {display: inline-block; width:70px; height: 70px; float: left;}


.navParution {
	font-weight: bolder;
	-webkit-font-smoothing: antialiased;
	position: relative;
	right: 00px;
	/*bottom: 0px;*/
	opacity: 1;
	}

.nav-next {float: right}
.nav-prev {float: left}



/* ////////////////////////////////
// DERNIERES PARUTIONS OUTSIDE
/////////////////////////////// */ 

.blocNewsOutside {border-bottom:1px dotted #000; padding-top: 20px;}
.blocNewsOutside:first-child {padding-top: 0px;}
.texteBlocNewsOutside h3 a {color:#006fb4}


/* ////////////////////////////////
// COLLECTIONS LISTES
/////////////////////////////// */
.collectionsListBloc img {width: 100%; height: auto; margin-bottom:30px;}
.collectionsListBloc .catDescription {margin:20px 0 40px 0}
.collectionsListBloc .btnRouge {margin-top:20px;}


/* ////////////////////////////////
// FOOTER
/////////////////////////////// */
.zoneNewsletter {
	text-align: center;
	width: 60%;
	min-width: 350px;
	max-width: 600px;
	margin: 0 auto;
}
footer {background-color: #006fb4; color: #fff; padding:70px 0; font-size:14px}
footer a {color: #fff}
footer ul li {list-style: none;}
footer ul {margin:0; padding: 0;}

.menu-footer-container ul {margin: 0}
.menu-footer-container ul li {margin: 0}
.menu-footer-container li.menu-item-has-children {margin-top:30px; text-transform: uppercase; font-weight: bold; font-size:12px;}
.menu-footer-container li.menu-item-has-children ul li {text-transform:none; font-weight: normal; font-size:14px; margin-bottom: 5px;}
.menu-footer-container ul.sub-menu {margin-top: 10px;}
.menu-footer-container li.menu-item-has-children:first-child {margin-top:0px}




/* ////////////////////////////////
// SLIDER
/////////////////////////////// */
.slick-track {/*height: 50vh;*/ }
.slick-slide {margin:20px;}
.slick-list {overflow: visible !important} /*Pour partir dans la marge */
#content-singleOuvrage .slider600 img {height: 100%; width: auto}
.slick-arrow {z-index: 1}
.slick-prev:before, .slick-next:before {font-size:30px !important}
.slick-prev, .slick-next {width:50px !important; height: 50px !important;}
.slick-dots li button:before {
	font-size: 50px !important;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	/*width: 60px !important;
	height: 60px !important;*/
	content: '•';
	text-align: center;
	opacity: .25;
	color: #5090c8 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* ////////////////////////////////
// PAGE LISTE TRIALS
/////////////////////////////// */

.listeTrials {padding: 30px; background-color: #f4f2f2}
.listeTrials table th, .listeTrials table td {text-align: left; padding: 20px 10px}
.listeTrials table th {background-color: #006fb4; color: #fff;}
.listeTrials .table>thead>tr>th {vertical-align: top !important }
.listeTrials table table th {background-color: transparent; color: #006fb4 }
tr.footable-detail-row td {padding-bottom: 60px !important}
table.footable-details tr {background-color: transparent !important}
.surTableauListeTrials {margin-top:50px;}
.filtres {float: right; margin-right: 30px; margin-bottom: 20px;}
.filtres:after {content:""; clear: both}
.filtres a.btnFiltre {display: inline-block; padding:20px; }
.filtres a.btnFiltre.active {background-color: #f4f2f2; color: #006fb4}

.form-control {
	display: inline-block !important;
	width: 100px !important;
}
.labelFiltre {padding-left: 20px;}

.export {float: left; margin-left: 30px; margin-bottom: 20px;}

/* ////////////////////////////////
// SEARCH
/////////////////////////////// */
.searchTool{
  display: block;
  position: absolute;
  bottom: 15px;
  right: 0px;
  z-index: 4;
  /*opacity: 0.5*/
}

@media screen and (max-width:1350px){
	.searchTool{
	  display: block;
	  position: absolute;
	  bottom: 45px;
	  right: 50px;
	  z-index: 4;
	  /*opacity: 0.5*/
	}
	
}


/*
.search:hover{
  opacity: 1
}
*/
.searchTool .searchRelative {
	position:relative;
	display: block;
	width: 100%;
	height: 100%;
}
  
  
.search-icon{
    height: 16px;
    width: 16px;
    border-radius: 40px;
    transition: all 350ms ease-in-out;
	border: 2px solid #fff;
}

.search-icon:hover {
	cursor: pointer;
}



    
.search-icon span{
      display: block;
      height: 8px;
      width: 2px;
      background: #fff;
      border-radius: 0 0 2px 2px;
      transform: rotate(-45deg);
      position: absolute;
      top: 15px;
      right: 0px;
      transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out;
}
      
.search-icon span:after{
        content: '';
        display: block;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        height: 20px;
        width: 4px;
        border-radius: 2px;
        transform: rotate(90deg);
        transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out;
      }
      
.search-icon span:before{
        content: '';
        display: block;
        position: absolute;
        background: #fff;
        height: 10px;
        width: 4px;
        border-radius: 2px;
        visibility: hidden;
        opacity: 0;
        transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out;
      }

          
.search-icon span:after{
            position: absolute;
            height:10px;
            top: 11px;
            right: -3px;
            transform: rotate(-135deg);
            transition: 350ms 200ms ease-in-out, rotate 300ms ease-in-out;
          }


@media screen and (max-width:1024px){
	.searchTool {display: none;}
	
}
          


/* ////////////////////////////////////////////////////////// */
/* SEARCH PANEL */
/* ////////////////////////////////////////////////////////// */

#searchPanel {
	height:100vh;
	width:100vw;
	position: fixed;
	top:0;
	right:0px;
	z-index: 11;
	overflow-y: auto;
	-webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	background: #004386;
	pointer-events: none;
    opacity: 0;	
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#searchPanel.open {
    pointer-events: auto;
    opacity: 1;
}

.searchform {
	width: 80%;
    margin: 0 auto;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	-ms-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#searchPanel.open .searchform {
    transform: scale3d(1, 1, 1);
}

#s {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: 5vw;
	line-height: 1;
	/*display: block;*/
	box-sizing: border-box;
	width: 75%;
	padding: 0.05em 0;
	color: #fff;
	border-bottom: 2px solid;
	margin:0 auto;
}

#s::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	opacity: 0.3;
	color: #060919;
}

#s::-moz-placeholder {
	opacity: 0.3;
	/* Mozilla Firefox 19+ */
	color: #060919;
}

#s:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 0.3;
	color: #060919;
}

#s::-webkit-search-cancel-button,
#s::-webkit-search-decoration {
	-webkit-appearance: none;
}

#s::-ms-clear {
	display: none;
}
#s:focus {
	outline: none;
}

.contientPhraseSousSearchForm {
	width: 80%;
    margin: 15px auto;
	text-align: left;
}
.phraseSousSearchForm {
	font-weight: 600;
	font-size:14px;
	color:#d17c78;
	text-align:left;
}

.submitSearch {
	position: relative;
    display: inline-block;
    width: 100px;
}

.submitSearch:hover {
	cursor: pointer;
}

.submitSearch svg circle, .submitSearch svg line {
	transition: all ease 0.3s;
}

.submitSearch:hover svg circle, .submitSearch:hover svg line {
	stroke:#fff;
	transition: all ease 0.3s;
}

.submitSearch svg {
    position: absolute;
    top: -90px;
    left: -50px;
    width: 100%;
}

.submitSearch input[type="submit"] { display: none;}

#closeSearch {
  display: block;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 12;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
	width:40px; height:40px;
}
.hamburgerCloseSearch .line{
  width: 40px;
  height: 2px;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#closeSearch:hover{
  cursor: pointer;
}


#closeSearch .line:nth-child(1){
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

#closeSearch .line:nth-child(2){
  -webkit-transform: translateY(2px) rotate(90deg);
  -ms-transform: translateY(2px) rotate(90deg);
  -o-transform: translateY(2px) rotate(90deg);
  transform: translateY(2px) rotate(90deg);
}


#closeSearch:hover .line:nth-child(1){
	-webkit-transform: translateY(10px) rotate(-225deg);
  	-ms-transform: translateY(10px) rotate(-225deg);
 	 -o-transform: translateY(10px) rotate(-225deg);
 	 transform: translateY(10px) rotate(-225deg);
}
#closeSearch:hover .line:nth-child(2){
	opacity: 0;
}
.search-submit{margin: 30px auto; border: none; padding: 10px 20px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 100px;
background-color: #5090c8;
font-size: 18px;
color: #fff;}


/* ////////////////////////////////////////////////////////// */
/* SEARCH RESULT */
/* ////////////////////////////////////////////////////////// */


body.search-results h2, body.search-results h2 a {margin-top: 40px; margin-bottom: 5px; color: #006fb4;}



/* ////////////////////////////////////////////////////////// */
/* SINGLE POST */
/* ////////////////////////////////////////////////////////// */
.headerOfPost {padding: 100px 0px; background-color: #1c5084; color:#fff;}
.headerOfPost h1 {
	margin-top: 20px;
	color: #fff;
	font-weight: 600;
	font-size: 36px;
}
.single .entry {
	margin-top:50px;
	line-height: 1.667;
	font-size: 18px;
}
.single .empagementSinglePost {display: flex; margin-top: 50px;}
.single .empagementSinglePost .contenuPost {width:70%}
.single #sidebarPost {
	width: 25%;
	padding-left: 20px;
	border-left: 1px dotted #000;
	margin-left: 5%;
}
.single .chapo {margin-bottom: 70px;}
.single .chapo p {
	margin-top: 0;
}
.single #sidebarPost {font-size:14px}
.single #sidebarPost h2 {font-size:16px; font-weight: bold; color:#006fb4}
.single #sidebarPost ul li {list-style: none;}
.single #sidebarPost ul li:before {
	content: "\2014";
	position: absolute;
	margin-left: -40px;
}
.metaSinglePost {text-transform: uppercase; font-size:12px}

.single .metaSinglePost a {color:#ffffff}
.single .metaSinglePost a:hover {color:#ffffff; text-decoration: underline}




/* ////////////////////////////////////////////////////////// */
/* TABLEAU GRAPHS */
/* ////////////////////////////////////////////////////////// */
.graphiqueCodeTableau table {width:100%; margin-top:40px}
.graphiqueCodeTableau th {text-align: left; padding-bottom: 15px; vertical-align: top;}

/* goutieres*/
.graphiqueCodeTableau th, .graphiqueCodeTableau td {padding-right:30px}

.graphiqueCodeTableau td {
	vertical-align: top;
	border-top:1px dotted #000 !important;
	padding-top:15px;
	padding-bottom:15px;
}


.graphiqueCodeTableau table.bigEnTete th,
.graphiqueCodeTableau table.bigEnTete.two-axis tr td:first-of-type {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	background-color: #5090c8;
	color: #fff;
	padding: 20px;
}

.graphiqueCodeTableau table.bigEnTete tr:nth-child(2) td {border-top:none !important }



/* STYLE BIG EN-TETE : big entete = gros texte */
.graphiqueCodeTableau table.bigEnTete td {font-size:16px; padding: 7px 20px;}


/* TYPO SIZE */
/* .td-content : class du span des cellules de contenu */
/* XS */
.graphiqueCodeTableau table.fontsize-xs td {font-size:12px !important; line-height: normal}
.graphiqueCodeTableau table.fontsize-ss td {font-size:14px !important; line-height: normal}
.graphiqueCodeTableau table.bigEnTete.fontsize-xs th,
.graphiqueCodeTableau table.bigEnTete.two-axis.fontsize-xs tr td:first-of-type {
	text-transform: uppercase; font-size:14px; font-weight: 600;
}




/* CAS 2 axes */
@media only screen and (max-width: 768px) {
	/* EN ETE EN APLAT */
	table.breakpoint768.two-axis tr td:first-of-type,
    table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    table.breakpoint768.two-axis tr td:first-of-type:before {
		padding-left:15px;
	}
	
    .section_coul_bleu table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_bleu table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_bleu table.breakpoint768.two-axis tr td:first-of-type:before {
        background: #dce5ee;
		color:#004f9e;
    }
	.section_coul_rouge table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_rouge table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_rouge table.breakpoint768.two-axis tr td:first-of-type:before {
        background:  #dce5ee; /* A changer */
		color:#e72e57;
	}
	.section_coul_vert table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_vert table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_vert table.breakpoint768.two-axis tr td:first-of-type:before {
        background: #dce5ee; /* A changer */
		color:#24ab6b;
    }
	
	

	.graphiqueCodeTableau table.bigEnTete th,
	.graphiqueCodeTableau table.bigEnTete.two-axis tr td:first-of-type {
		font-size: 14px;
	}
	.graphiqueCodeTableau table td, .graphiqueCodeTableau table.bigEnTete td {
		font-size: 14px;
		border-top: 1px dotted #000 !important;
	}
	.graphiqueCodeTableau .fontsize-s {font-size: 14px !important}
	
	
	
    table.breakpoint768.two-axis tr td:first-of-type {
        border-bottom: 1px solid #e4ebeb !important;
		border-top:none;
    }
	/* CAS 2 axes, premiere colonne vide */
	.graphiqueCodeTableau table.two-axis-firstVide tr td:first-of-type::before {display: none}
	
	
}


@media only screen and (max-width: 485px) {
	/* EN ETE EN APLAT */
	table.breakpoint768.two-axis tr td:first-of-type,
    table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    table.breakpoint768.two-axis tr td:first-of-type:before {
		padding-left:15px;
	}
	
    .section_coul_bleu table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_bleu table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_bleu table.breakpoint768.two-axis tr td:first-of-type:before {
        background: #dce5ee;
		color:#004f9e;
    }
	.section_coul_rouge table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_rouge table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_rouge table.breakpoint768.two-axis tr td:first-of-type:before {
        background:  #dce5ee; /* A changer */
		color:#e72e57;
	}
	.section_coul_vert table.breakpoint768.two-axis tr td:first-of-type,
    .section_coul_vert table.breakpoint768.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    .section_coul_vert table.breakpoint768.two-axis tr td:first-of-type:before {
        background: #dce5ee; /* A changer */
		color:#24ab6b;
    }
	
    table.breakpoint485.two-axis tr td:first-of-type,
    table.breakpoint485.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    table.breakpoint485.two-axis tr td:first-of-type:before {
        background: #dff1f7;
        color: #ffffff;
    }
	
	.graphiqueCodeTableau table td {
		font-size: 16px;
		border-top: 1px dotted #000 !important;
	}
	

    .graphiqueCodeTableau table.two-axis tr td:first-of-type {
        border-bottom: 1px solid #e4ebeb !important;
    }
	/* CAS 2 axes, premiere colonne vide */
	.graphiqueCodeTableau table.two-axis-firstVide tr td:first-of-type::before {display: none}
	
	
}



/* ////////////////////////////////////////////////////////// */
/* Archives */
/* ////////////////////////////////////////////////////////// */
.newsArchive {}






@media print {
	
	body { 
		width: 100% !important; margin: 0 !important; padding: 0 !important; 
		line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; 
		font-family: Garamond, 'Times New Roman', serif; 
		color: #000; background: none; font-size: 12pt; 
		}
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background-color: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: #000; }
	#comments { page-break-before: always; }
	.do-not-print { display: none; }
	
} /* END print media */