body.no-scroll {
	overflow: hidden;
}

body {
	background: #e0e1e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlMGUxZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #e0e1e2 50%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,#e0e1e2), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(left,  #e0e1e2 50%,#ffffff 50%);
	background: -o-linear-gradient(left,  #e0e1e2 50%,#ffffff 50%);
	background: -ms-linear-gradient(left,  #e0e1e2 50%,#ffffff 50%);
	background: linear-gradient(to right,  #e0e1e2 50%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e2', endColorstr='#ffffff',GradientType=1 );
}

body.admin-menu #page {
	margin-top: -20px;
}

body.page-404 .niveau-1 .format, body.node-type-auteur .wrapper-first .format {
	padding-left: 0;
}

body.page-404 .niveau-1 .format:before, body.node-type-auteur .wrapper-first .format:before {
	content: '';
}

.credit_logo {
	float:left;
	height:18px;
	margin-right:10px
}

.role-authenticated-user .block-erbac_propal-id-user_fav .metatags-form{
	display:none;
}

.page-user.role-authenticated-user .tabs{
	display:none;
}

.page-user.page-user-1.role-authenticated-user .tabs{
	display:block;
}

.section-heading {
	position: relative;
}

#page {
	position: relative;
	min-height: 100%;
	background: #fff;
	overflow: hidden;
}

#page:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	width: 240px;
	background: #e0e1e2;
	z-index: 0;
}

div#header-wrapper {
	position: relative;
}

#encemoment-wrapper .expand {
	display: none;
}

.share-small-wrapper a {
	display: inline-block;
	color: #fff;
	padding: 0 3px;
	text-decoration: none;
}

.share-asset-wrapper a {
	display: inline-block;
	color: #231F20;
	padding: 0 3px;
	text-decoration: none;
}

.share-asset-wrapper span.ext {
	display: none !important;
}

.om-maximenu .om-maximenu-content {
	top: 50px;
}

.om-maximenu ul.om-menu li.om-leaf, .om-maximenu ul.om-menu li.om-leaf .om-link {
	height: auto;
}

#om-maximenu-om-menu-principal ul li.om-leaf > a {
	margin: 0 5px;
	padding: 16px 10px 6px;
}

#om-maximenu-om-menu-principal ul li.om-leaf > a:hover, #om-maximenu-om-menu-principal ul li.om-leaf.active > a {
	margin: 0 5px;
	padding: 16px 10px 4px;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf > a:before {
	display: none;
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	font-size: 16px;
	height: 16px;
	text-align: center;
	font-family: "cnrs-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf > a:hover:before, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active > a:before {
	display: block;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-vivant:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-vivant {
	border-bottom: 2px solid #43bc3c;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-vivant:before {
	color: #43bc3c;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-matiere:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-matiere {
	border-bottom: 2px solid #e0ae22;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-matiere:before {
	color: #e0ae22;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-societes:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-societes {
	border-bottom: 2px solid #e26a1a;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-societes:before {
	color: #e26a1a;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-univers:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-univers {
	border-bottom: 2px solid #8f56b7;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-univers:before {
	color: #8f56b7;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-terre:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-terre {
	border-bottom: 2px solid #30c1c1;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-terre:before {
	color: #30c1c1;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-numerique:hover, .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf.active a.menuicon-numerique {
	border-bottom: 2px solid #d83677;
}

.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf a.menuicon-numerique:before {
	color: #d83677;
}


/* Fixed header */

#header-fixe {
	display: block;
	font-family: 'open_sansregular';
	position: fixed;
	top: -60px;
	left: 0;
	width: 100%;
	height: 60px;
	font-size: 12px;
	color: #6d6e70;
	background: #e0e1e2;
	z-index: 1000;
	-webkit-transition: top 200ms ease-out;
    -moz-transition: top 200ms ease-out;
    -o-transition: top 200ms ease-out;
    transition: top 200ms ease-out;
}

.fixfixed #header-fixe {
	position: absolute;
}

#header-fixe.visible {
	top: 0;
}

#header-fixe .wrapper {
	max-width: 1301px;
	margin: 0 auto;
}

#header-fixe .left {
	float: left;
}

#header-fixe .right {
	float: right;
	margin-top: 16px;
}

#header-fixe #hf-logo {
	margin-left: 50px;
	margin-right: 30px;
}

#header-fixe #hf-logo img {
	display: inline-block;
	margin-top: 14px;
	height: 38px;
}

#header-fixe a, #header-fixe .inline-block {
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	color: #6d6e70;
}

#header-fixe form {
	position: relative;
	height: 30px;
	margin: 0px 30px 0 0;
	background: #f0f0f0;
}

#header-fixe form .input {
	line-height: 1;
	padding: 8px 30px 6px 12px;
	background: transparent;
	border: 0;
  width: 130px;
}

#header-fixe form .submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	font-size: 16px;
	border: 0;
	color: #6d6e70;
	background: transparent;
}

#header-fixe .flag-outer {
	display: inline-block;
}

#header-fixe #hf-haut-page,
#header-fixe #hf-nos-blogs {
	position: relative;
	font-size: 14px;
	color: #1b75b5;
	margin-top: 17px;
	padding-left: 40px;
	line-height: 30px;
}

#header-fixe #hf-nos-blogs {
  padding-left: 30px;
}

#header-fixe #hf-haut-page i {
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 28px;
}

#header-fixe #hf-favoris {
	margin-right: 20px;
}

#header-fixe .hf-title {
	line-height: 30px;
}

#header-fixe .hf-content {
	display: none;
}

#header-fixe .hf-content .icon {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	color: #6d6e70;
	line-height: 30px;
	vertical-align: middle;
}

#header-fixe .hf-content a.icon {
	display: inline-block;
	padding-top: 2px;
	margin-left: 10px;
	font-size: 0px;
	color: transparent;
	line-height: 30px;
	vertical-align: middle;
}

#header-fixe .hf-content a.icon:before {
	font-size: 20px;
	color: #6d6e70;
}

#header-fixe .hf-content.open {
	display: inline-block;
}

#header-fixe .hf-content a {
	vertical-align: middle;
	line-height: 30px;
	font-size: 0;
	color: transparent;
}


/* Table of contents article */
#article-aside {
	position: absolute;
	top: 1256px;
	left: 0px;
	width: 240px;
	color: #fff;
	z-index: 99;
}

#article-aside.stick {
	position: fixed !important;
	top: 80px !important;
	left: auto;
	z-index: 99;
}

#article-aside .content {
	overflow: hidden;
	background: #404040;
}

#article-aside a.expand {
	display: none;
}

#article-aside .header {
	margin: 10px 20px 10px 0px;
	float: right;
}

#article-aside .footer {
	position: relative;
}

#article-aside .footer .thematiques {
	float: right;
	clear: right;
	text-align: right;
}

#article-aside .footer .thematiques-taxonomy {
	margin: 0;
	margin-left: -4px;
}

#article-aside .header .print-link {
	padding: 0 0 0 20px;
}

#article-aside .header .print-link a {
	color: #A0A2A5;
	font-family: open_sansregular;
	font-size: 0.75em;
	text-decoration: none;
}

#article-aside h3 {
	float: right;
	clear: right;
	width: 180px;
	margin: 5px 0px 10px 0px;
	font-family: open_sansbold;
	font-weight: normal;
}

#article-aside div.level-1 {
	padding: 0;
	overflow: hidden;
	background: #404040;
	float: right;
	clear: right;
}

#article-aside div.level-2 {
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: #58595b;
	float: right;
	clear: right;
}

#article-aside div.toc-menu ul {
	float: right;
	width: 200px;
	margin: 20px 0 20px 40px;
	padding: 0;
	list-style: none;
	border-left: 1px solid #fff;
}

#article-aside div.level-1 ul {
	margin-bottom: 0;
}

#article-aside div.level-2 ul {
	margin-top: 0;
	padding-top: 0;
}

#article-aside div.toc-menu ul li {
	position: relative;
	margin-top: -8px;
	margin-bottom: 20px;
	padding: 0 10px 0 0;
	line-height: 22px;
}

#article-aside div.level-2 ul li {
	margin-top: 10px;
	margin-bottom: -8px;
	background: #58595b;
}

#article-aside div.toc-menu ul li:before {
	font-family: "cnrs-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	content: '\e620';
	display: block;
	position: absolute;
	top: 0px;
	left: -11px;
	font-size: 12px;
	width: 22px;
	text-align: center;
	color: #fff;
	-webkit-transition: font-size 0.3s ease-in-out;
	-moz-transition: font-size 0.3s ease-in-out;
	-o-transition: font-size 0.3s ease-in-out;
	transition: font-size 0.3s ease-in-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#article-aside div.toc-menu ul li.current a {
	text-decoration: underline;
}

#article-aside div.toc-menu ul li.current:before {
	font-size: 22px !important;
	color: #d15dd1 !important;
}

#article-aside div.toc-menu ul li a {
	position: relative;
	color: #e0e1e2;
	text-decoration: none;
	display: inline-block;
	font-size: 14px; /* 14px */
	font-family: open_sansregular;
	margin-left: -14px;
	padding-left: 40px;
	z-index: 99;
}

#article-aside div.level-2 ul li a {
	font-size: 12px;
}

/* Gallery nav */

#gallery-aside {
	position: absolute;
	top: 600px;
	left: 0;
	color: #f0f0f0;
	padding: 20px 0px 0 0;
	background: #404040;
}

#gallery-aside.stick {
	position: fixed !important;
	top: 80px !important;
	left: auto;
	z-index: 99;
}

.counterBox {
	width: 240px;
}

.counterBox a {
	position: relative;
	display: block;
	font-size: 14px;
	margin-left: 40px;
	text-decoration: none;
	color: #f0f0f0;
}

.counterBox a .icon {
	position: absolute;
	left: 120px;
	font-size: 54px;
}

.counterBox a.prev {
	padding-top: 14px;
}

.counterBox a.prev .icon {
	top: 0;
}

.counterBox a.next {
	padding-bottom: 14px;
}

.counterBox a.next .icon {
	bottom: -15px;
}

.counterBox p.count {
	position: relative;
	margin: 25px 20px 25px 40px;
	line-height: 1;
	text-align: right;
	color: #cacccd;
}

.counterBox p.count .current {
	color: #f0f0f0;
}

.counterBox p.count:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 1px;
	background: #58585a;
}

.counterBox p.count span.current {
	font-size: 50px;
}

.counterBox p.count span.number {
	font-size: 20px;
}

.counterBox p.showfull {
	font-weight:  bold;
	line-height: 60px;
	margin: 30px 0 0 0;
	background: #1b75b4;
}

.counterBox p.showfull a {
	display: inline-block;
}

.counterBox p.showfull a .icon {
	display: inline-block;
	font-size: 20px;
	padding-left: 10px;
	vertical-align: middle;
}

/* Gallery window */

#gallery_window, .wrapper-legende-lightbox {
	position: fixed;
	background: #231f20;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 90px;
	z-index: 1900;
}

.wrapper-legende-lightbox {
	padding: 100px 100px 50px 100px;
	overflow: auto;
}

#gallery_window header {
	position: absolute;
	left: 90px;
	right: 0;
	border-bottom: 1px solid #59585d;
	z-index: 99;
}

#gallery_window header h3.logo {
	display: inline-block;
	text-align: center;
	width: 250px;
	line-height: 70px;
	border-right: 1px solid #59585d;
}

#gallery_window header h3.logo img {
	display: inline;
	width: 150px;
	height: 66px;
	height: auto;
	vertical-align: middle;
}

#gallery_window header h3.logo:before {
	content: '';
	display: inline-block;
	height: 100%;
}

#gallery_window header a.close {
	position: absolute;
	top: 16px;
	right: 38px;
	display: inline-block;
	color: #868688;
	text-decoration: none;
	line-height: 40px;
}

#gallery_window header a.close .icon {
	font-size: 35px;
	padding-left: 20px;
}


#gallery_window .counterBox {
	float: left;
	width: 250px;
	padding: 27px 0;
	margin-top: 131px;
	margin-left: -100%;
	color: #fff;
}

#gallery_window .counterBox a {
	margin-left: 0 !important;
}

#gallery_window .counterBox p.count {
	margin: 25px 50px 25px 0px;
}

div.galleryContent {
	float: left;
	width: 100%;
	height: 80%;
	height: calc(100% - 120px);
	margin-top: 70px;
	padding-left: 250px;
	overflow: hidden;
}

.wrapper-legende-lightbox header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 100px;
	line-height: 100px
}

.wrapper-legende-lightbox .section-heading {
	position: relative;
}

.wrapper-legende-lightbox header .close {
	position: absolute;
	top: 20px;
	right: 100px;
	color: #868688;
	font-size: 40px;
}

.wrapper-legende-lightbox div.image-content {
	margin-bottom: 20px;
}

.wrapper-legende-lightbox div.image-content img {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

.wrapper-legende-lightbox div.image-caption {
	color: #fff;
}

.wrapper-legende-lightbox div.wrapper-legende {
	bottom: auto;
	font-weight: bold;
}

.wrapper-legende-lightbox div.wrapper-legende .image-legende {
	background: transparent;
	color: #fff;
	font-family: open_sansbold;
	font-weight: normal;
	padding: 15px 0;
	opacity: 1;
}

.wrapper-legende-lightbox div.wrapper-legende a {
	display: none;
}

.wrapper-legende-lightbox div.wrapper-copyright {
	margin-left: 0;
}

.wrapper-legende-lightbox div.wrapper-copyright .image-copyright {
	color: #fff;
}

ul.gallery {
	position: relative;
	list-style: none;
	height: 100%;
}

ul.gallery li {
	display: block;
	position: relative;
	max-width: 100%;
	height: 100%;
	color: #fff;
	clear: both;
	overflow: hidden;
}

ul.gallery li .content {
	display: inline-block;
	position: relative;
	height: 100%;
}

ul.gallery li .content:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

ul.gallery li .landscape .image-wrapper {
	position: relative;
	overflow: hidden;
	height: 70%;
	margin: 0 !important;
}

ul.gallery li .portrait {
	width: 100%;
}

ul.gallery li .portrait .image-wrapper {
	float: left;
	width: auto;
	height: 100%;
	overflow: hidden;
}

ul.gallery li .content img {
	float: left;
	display: inline-block;
	margin: 0 40px 0 0;
}

ul.gallery li .landscape img {
	float: none;
	max-width: 1060px;
	max-height: 100%;
	margin: 0;
}

ul.gallery li .portrait img {
	float: none;
	display: inline-block;
	max-width: 700px;
	height: 100%;
}

ul.gallery li .landscape .caption {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	height: 30%;
	overflow: auto;
}

ul.gallery li .caption .img_number {
	display: block;
	padding: 10px;
	font-size: 30px;
}

ul.gallery li .landscape .img_number {
	float: left;
	padding-top: 20px;
}

ul.gallery li .caption .legend-copyright {
	position: relative;
	padding-right: 85px;
	padding-left: 40px;
}

ul.gallery li .caption .legend-copyright .wrapper-legende {
	position: relative;
	bottom: auto;
	right: auto;
}

ul.gallery li .caption .legend-copyright .image-legende {
	width: auto;
	background: transparent;
	opacity: 1;
	padding-left: 0;
	padding-bottom: 0;
}

ul.gallery li .caption .open_gal {
	display: none;
}

ul.gallery li .share-asset-main-wrapper {
	float: left;
	width: auto;
}

ul.gallery li .share-asset-main-wrapper a.share-asset-link {
	padding-top: 5px;
	padding-right: 15px;
	text-align: right;
	color: #fff;
}

ul.gallery li .landscape .share-asset-main-wrapper {
	position: absolute;
	right: 0;
	z-index: 999;
}

ul.gallery li .landscape .share-asset-wrapper {
	float: right;
}

.wrapper-legende-lightbox .wrapper-legende {
	position: relative;
}

/* Gallery toc */

#gallery-aside .toc-menu {
	width: 240px;
	padding: 0;
}

#gallery-aside .toc-menu ul {
	padding: 15px 0;
	list-style: none;
	background: #58595b;
}

#gallery-aside .toc-menu a {
	display: block;
	padding: 5px 10px 5px 40px;
	font-size: 14px;
	color: #f0f0f0;
	text-decoration: none;
}


/* Diaporama */

.diapo-images .asset-wrapper {
	overflow: hidden;
}

.diapo-images .asset-wrapper .landscape .image-wrapper {
	float: left;
	width: 100%;
	height: auto;
}


.diapo-images .asset-wrapper .portrait .image-wrapper {
	display: inline-block;
	width: 50%;
	height: auto;
	vertical-align: bottom;
}


.diapo-images .asset-wrapper img {
	width: 100%;
	height: auto;
}

.diapo-images .asset-wrapper .landscape .caption {
	width: 100%;
	float: left;
}

.diapo-images .asset-wrapper .portrait .caption {
	display: inline-block;
	width: 50%;
	margin-left: -5px;
	vertical-align: bottom;
}

.diapo-images .asset-wrapper .caption {
	position: relative;
	bottom: auto;
	background: #58595B;
}

.diapo-images .asset-wrapper .caption .img_number {
	float: left;
	font-family: 'open_sanslight';
	font-size: 30px;
	color: #fff;
	padding: 15px;
	line-height: 1;
}

.diapo-images .asset-wrapper .caption .wrapper-legende {
	position: relative;
	bottom: auto;
	right: auto;
}

.diapo-images .asset-wrapper .caption .legend-copyright {
	width: 100%;
	padding: 15px 200px 15px 65px;
}

.diapo-images .asset-wrapper .caption .image-legende {
	background: transparent;
	padding: 0;
	width: 100%;
	opacity: 1;
}

.copyright-diapo:before{
    content:"© ";
}

.copyright-diapo {
	color: #FFFFFF;
	font-family: open_sansregular;
	padding-top: 10px;
	font-size: 0.75em;
}

.diapo-images .asset-wrapper .portrait .caption .legend-copyright {
	padding-right: 20px;
	padding-bottom: 55px;
}

.diapo-images .asset-wrapper .caption .open_gal {
	position: absolute;
	top: 0;
	right: 0;
	min-height: 40px;
	height: 100%;
	background: #1675a5;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
}

.diapo-images .asset-wrapper .portrait .caption .open_gal {
	top: auto;
	bottom: 0;
	left: 0;
	height: auto;
}

.diapo-images .asset-wrapper .caption .open_gal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.diapo-images .asset-wrapper .caption .open_gal .icon {
	display: inline-block;
	font-size: 20px;
	padding-left: 10px;
	vertical-align: middle;
}

.diapo-images .asset-wrapper .share-asset-main-wrapper {
	float: right;
	clear: right;
}

/* Image assets */


.asset-image-full .image {
	position: relative;
}

.asset-image-full .image img {
	display: block;
	width: 100%;
	height: auto;
}

.asset-image-full .image .wrapper-legende {
	bottom: 0px;
}

.asset-image-full .image .wrapper-legende .popup-link {
	float: right;
	color: #fff;
}

.asset-image-full .image .wrapper-legende .popup-link i {
	display: block;
	font-size: 15px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-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-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }


.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }



.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* Audio */

.node-type-video .wrapper2 .left, .node-type-audio .wrapper2 .left, .node-type-infographie .wrapper2 .left {
	position: relative;
}

.transcription-wrapper {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: -60px;
	padding-top: 72px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
}

.transcription-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.transcription-content {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 0;
}

.transcription-content .jspPane {
	padding: 50px 60px !important;
}

.transcription-wrapper.show {
	visibility: visible;
	opacity: 1;
}

.transcription-wrapper.hide {
	visibility: hidden;
	opacity: 0;
}


/* Video */

.video-title-wrapper {
	font-family: open_sansbold;
	color: #fff;
	padding: 0 20px;
	line-height: 40px;
	background: #58595b
}

.video-title-wrapper .video-title h4 {
	font-size: 14px;
	font-family: open_sansbold;
	font-weight: normal;
}

.video-title-wrapper .video-infos a {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	padding: 0 5px;
	vertical-align: top;
}

.video-title-wrapper .video-infos a:hover, .video-title-wrapper .video-infos a.active {
	color: #fff;
}

.asset-video-wrapper.media-share {
	position: absolute;
	width: auto;
	right: 20px;
	bottom: 30px;
	background: #1b75b4;
}


.asset-video-wrapper.media-share a {
	color: #fff;
}

.asset-video-wrapper.media-share a .icon {
	display: block;
	font-size: 18px;
	padding: 5px;
}

.asset-video-wrapper.media-share span.ext {
	display: none !important;
}

.asset-video-wrapper.show {
	max-height: 400px;
	z-index: 122;
}

.asset-video-wrapper.hide {
	max-height: 0;
}

.asset-video-wrapper {
	max-height: 0;
    width: 100%;
    background-color: #6d6e70;
    color: #fff;
    z-index: 120;
    overflow: hidden;
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}

.asset-video-wrapper .header, .asset-video-wrapper .content {
	padding: 20px;
}

#transcription-wrapper .content {
	width: 90%;
	height: 200px;
	overflow: auto;
}

#transcription-wrapper .content .field {
	padding-right: 20px;
}


.view-filters .title {
	position: absolute;
	top: 16px;
	left: 33px;
	color: #a0a2a5;
	font-family: open_sansbold;
	text-transform: uppercase;
	font-size: 20px;
}

.view-filters .title:before {
	display: inline-block;
	font-family: "cnrs-icons";
	font-size: 24px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: -6px;
	padding-right: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.view-filters .title.article:before {
	content: '\e629';
}
.view-filters .title.dossier:before{
	content: '\e627';
}
.view-filters .title.audio:before{
	content: '\e628';
}
.view-filters .title.billet:before{
	content: '\e630';
}
.view-filters .title.diaporama:before{
	content: '\e631';
}
.view-filters .title.infographie:before{
	content: '\e632';
}
.view-filters .title.video:before{
	content: '\e633';
}

.view-taxonomy-term.view-display-id-page #edit-field-thematiques-tid-1-wrapper, .view-types-de-contenus.view-display-id-page #edit-tid-mobile-wrapper {
	display: none;
}

#simplenews-subscriptions-page-form {
	padding: 20px 30px;
}

#edit-subscriptions {
	border: 0;
	padding: 0;
	color: #58595B;
	font-family: open_sanslight;
	font-size: 1.13em;
	line-height: 24px;
}

#edit-subscriptions .fieldset-legend {
	font-family: open_sansbold;
}

#edit-subscriptions input[type="email"] {
	font-family: open_sanslight;
	color: #58595b;
	font-size: 30px;
	width: 500px;
	padding: 20px 15px;
	background: #f0f0f0;
	border: 0;
	outline: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #bfbfbf;
	position: relative;
}

.jspDrag
{
	background: #f0f0f0;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* Icons */

[class*="icon-"]{
	font-family: "cnrs-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-pager:before{
	content: '\e600';
}
.icon-wifi:before{
	content: '\e601';
}
.icon-univers:before, .menuicon-univers:before {
	content: '\e602';
}
.icon-societes:before, .menuicon-societes:before {
	content: '\e603';
}
.icon-matiere:before, .menuicon-matiere:before {
	content: '\e604';
}
.icon-vivant:before, .menuicon-vivant:before {
	content: '\e605';
}
.icon-numerique:before, .menuicon-numerique:before {
	content: '\e606';
}
.icon-terre:before, .menuicon-terre:before {
	content: '\e607';
}
.icon-dailymotion:before{
	content: '\e608';
}
.icon-cross:before{
	content: '\e609';
}
.icon-windows:before{
	content: '\e610';
}
.icon-mail:before{
	content: '\e611';
}
.icon-soundmuted:before{
	content: '\e612';
}
.icon-soundon:before{
	content: '\e613';
}
.icon-pause:before{
	content: '\e614';
}
.icon-play:before{
	content: '\e615';
}
.icon-key:before{
	content: '\e616';
}
.icon-crossbold:before{
	content: '\e617';
}
.icon-fullsize:before{
	content: '\e618';
}
.icon-link:before{
	content: '\e619';
}
.icon-circle:before{
	content: '\e620';
}
.icon-refresh:before{
	content: '\e621';
}
.icon-playsound:before{
	content: '\e622';
}
.icon-arrowbottom:before{
	content: '\e623';
}
.icon-arrowtop:before{
	content: '\e624';
}
.icon-arrowright:before{
	content: '\e625';
}
.icon-arrowleft:before{
	content: '\e626';
}
.icon-dossier:before{
	content: '\e627';
}
.icon-audio:before{
	content: '\e628';
}
.icon-article:before{
	content: '\e629';
}
.icon-billet:before{
	content: '\e630';
}
.icon-diaporama:before{
	content: '\e631';
}
.icon-infographie:before{
	content: '\e632';
}
.icon-video:before{
	content: '\e633';
}
.icon-close:before{
	content: '\e634';
}
.icon-cloud:before{
	content: '\e635';
}
.icon-googleplus:before{
	content: '\e636';
}
.icon-facebook:before{
	content: '\e637';
}
.icon-twitter:before{
	content: '\e638';
}
.icon-clock:before{
	content: '\e639';
}
.icon-fav:before{
	content: '\e640';
}
.icon-loop:before{
	content: '\e641';
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.mea-evenement-taxo .thematiques-taxonomy, .view-thematiques-dernieres-publications .thematiques-taxonomy, .view-mise-en-avant-selection-3.view-display-id-block .thematiques-taxonomy, .view-mise-en-avant-selection-3.view-display-id-block_1 .thematiques-taxonomy {
		background-image: url("../../images/pictos/thematiques-carre2x.png") !important;
		background-size: 342px 25px !important;
	}

	.view-recherche .views-submit-button input {
		background: url('../../images/loupe_theme2x.png') no-repeat center center #ececec;
		background-size: 20px 21px;
	}

	.view-recherche #edit-sort-by-field-date-parution, .view-recherche #edit-sort-by-search-api-relevance, li.leaf-types > a {
		background-image: url("../../images/select-arrow2x.png");
		background-size: 9px 5px;
	}
}