@charset "UTF-8";
/**
 *	Import all mixins, partials, views && vendors
 **/
/*	@doc
	<name>reinit</name> 
	<desc>Reinit base css</desc>
	<example>@include reinit</example>
	<output>
	</output>
*/
/* @doc
	<name>animation</name>
	<desc>Animates the element using keyframes.</desc>
	<example>
		.myButton{
			@include animation($example, .8s, 3s);
		}
	</example>
	<output>
		.myButton{
			-webkit-animation: example .8s 3s;
			-moz-animation: example .8s 3s;
			-ms-animation: example .8s 3s;
			-o-animation: example .8s 3s;
			animation: example .8s 3s;
		}
	</output>
*/
/*
	@doc
	<name>keyframes</name>
	<desc>Creates an animation to then use with the animation mixin.</desc>
	<example>@include keyframes(example){ ... };
	</example>
	<output>@keyframes example { ... };</output>
*/
/*
	@doc
	<name>transition</name>
	<desc>Adds or removes a transition.</desc>
	<example>
		.myButton{
			@include transition(width, .5s, ease);
		}
	</example>
	<output>
		.myButton{
			-webkit-transition: width .5s ease;
			-moz-transition: width .5s ease; 
			...
		}
	</output>
*/
/*
	@doc
	<name>border</name>
	<desc>Adds a border to the specified side(s). (all if none specified)</desc>
	<example>
		.myClass{
			@include border(#888, bottom, 2px, solid);
		}
	</example>
	<output>
		.myClass{
			border-bottom: #888 2px solid;
		}
	</output>
*/
/*
	@doc
	<name>border-axis</name>
	<desc>Adds a radius to the borders (Default : 5px).</desc>
	<example>
		.myClass{
			@include border-radius;
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		}
	</output>
	<example>
		.myClass{
			@include border-radius(10px);
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 10px; 
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
		}
	</output>
*/
/*
	@doc
	<name>border-side</name>
	<desc>Adds a radius to the borders (Default : 5px).</desc>
	<example>
		.myClass{
			@include border-radius;
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		}
	</output>
	<example>
		.myClass{
			@include border-radius(10px);
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 10px; 
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
		}
	</output>
*/
/*
	@doc
	<name>border-radius</name>
	<desc>Adds a radius to the borders (Default : 5px).</desc>
	<example>
		.myClass{
			@include border-radius;
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		}
	</output>
	<example>
		.myClass{
			@include border-radius(10px);
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 10px; 
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
		}
	</output>
*/
/*
	@doc
	<name>border-radius-side</name>
	<desc>Adds a radius to the borders (Default : 5px).</desc>
	<example>
		.myClass{
			@include border-radius;
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		}
	</output>
	<example>
		.myClass{
			@include border-radius(10px);
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 10px; 
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
		}
	</output>
*/
/*
	@doc
	<name>border-radius-corner</name>
	<desc>Adds a radius to the borders (Default : 5px).</desc>
	<example>
		.myClass{
			@include border-radius;
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			border-radius: 5px;
		}
	</output>
	<example>
		.myClass{
			@include border-radius(10px);
		}
	</example>
	<output>
		.myClass{
			-webkit-border-radius: 10px; 
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
		}
	</output>
*/
/*
	@doc
	<name>box-shadow</name>
	<desc>Adds a box-shadow to the element (Cross-Browser Compatibility).</desc>
	<example>
		.myClass{
			@include box-shadow(8px 8px 5px #777 false);
		}
	</example>
	<output>
		.myClass{
			-webkit-box-shadow: 8px 8px 4px #777; 
			-moz-box-shadow: 8px 8px 4px #777;
			box-shadow: 8px 8px 4px #777;
		}
	</output>
*/
/*
	@doc
	<name>button-3D</name>
	<desc>Adds a cubic/3D effect to the element. Mostly for buttons, but could be used in other ways!</desc>
	<example>
		.myClass{
			@include button3D();
		}
	</example>
	<output>
		.myClass{

		}
	</output>
*/
/*
	@doc
	<name>filter</name>
	<desc>Adds a CSS filter (Cross-Browser Compatibility).</desc>
	<example>
		.myClass{
			@include(grayscale, 100%);
		}
	</example>
	<output>
		.myClass{
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
		}
	</output>
*/
/*
	@doc
	<name>outline</name>
	<desc>Adds an outline to the element.</desc>
	<example>
		.myClass{
			@include outline(#454545, all, 2px, solid);
		}
	</example>
	<output>
		.myClass{
			outline: #454545 2px solid;
		}
	</output>
*/
/*
	@doc
	<name>rotate</name>
	<desc>Rotates the element(Cross-Browser Compatibility).</desc>
	<example>
		.myClass{
			@include rotate(45);
		}
	</example>
	<output>
		.myClass{
			-webkit-transform:rotate(45);
			-moz-transform:rotate(45);
			-ms-transform:rotate(45);
			-o-transform:rotate(45);
			transform:rotate(45);
		}
	</output>
*/
/*
	@doc
	<name>sprite</name>
	<desc>Styles a sprite..</desc>
	<example>
		.myButton{
			@include sprite(50px, 24px, 24px);
		}
	</example>
	<output>
		.myButton{
			background: url('../img/icons1.png') 0 50px no-repeat; 
			height: 24px;
			width: 24px;
			display: inline-block;
		}
	</output>
*/
/*
	@doc
	<name>clearfix</name>
	<desc>Simple clearfix.</desc>
	<example>@include clearfix();</example>
	<output>
		.clearfix{ 
			content:""; 
			display:table;
			clear:both;
		}	
	</output>
*/
/*
	@doc
	<name>background-rollover</name>
	<desc>Changes the background if rolled over or hovered</desc>
	<example>
		#myDiv{
			@include background(example, rl, center top no-repeat gif);
		}
	</example>
	<output>
		#mySection{
			background: url(img/example-up.gif) center top no-repeat; 
			&:hover { 
				background: url(img/example-rl.gif) center top no-repeat;	
			}
		}
	</output>
*/
/*
	@doc
	<name>background-slideEffect</name>
	<desc>Adds a slide effect to the background.</desc>
	<example>
		#myDiv{
			@include backgroundSlideEffect(example, 100px, .2s, #000);
		}
	</example>
	<output>
		#myDiv{
			position: relative;
			line-height: $distance;
			span{
				display: inline-block;
				position: relative;
				overflow: hidden;
				@include hideText;
				&:before, &:after{
					color: $color;
					position: absolute;
					top: 0;
					left:0;
					content: attr(data-content);
					@include background($image);
					@include transition(top, $speed);
				}
				&:after{
					top: $distance;
				}
			}
			&:hover{
				span{
					&:before{
						top: $distance * -1;
					}
					&:after{
						top: 0px;
					}
				}
			}
		}
	</output>
*/
/*
	@doc
	<name>display-show</name>
	<desc>Changes the display to show an element.</desc>
	<example>@include show(block);</example>
	<output>
		#myDiv{
			display:block;
		}
	</output>
*/
/*
	@doc
	<name>display-hide</name>
	<desc>Changes the display to hide an element.</desc>
	<example>@include hide()</example>
	<output>
		.myClass{
			display:none;
		}
	</output>
*/
/*
	@doc
	<name>noOverflow</name>
	<desc>Hides the overflow</desc>
	<example>@include noOverflow();</example>
	<output>
		#wrapper{
			overflow: hidden;
		}
	</output>
*/
/*
	@doc
	<name>z-index</name>
	<desc>Receives a section & optionnal additional value to set its index.</desc>
	<example>@include z-index(overall,55);</example>
	<output>
		.myTopElement{
			z-index:1155;
		}
	</output>
*/
/*
	@doc
	<name>breakpoints</name>
	<desc>Replaces the "@media screen and (...)" by a simple word.</desc>
	<example>@include phone{ ... };</example>
	<output>
		@media screen and (max-width: 480){ 
			... 
		}
	</output>
*/
/*
	@doc
	<name>margin</name>
	<desc>Adds margins to specified side(s) (all if none specified)</desc>
	<example>@include margin(5px, left)</example>
	<output>
		.myClass{
			margin-left: 5px;
		}
	</output>
*/
/*
	@doc
	<name>margin-noMargin</name>
	<desc>Removes margins of specified side(s) (all if none specified)</desc>
	<example>@include noMargin(left)</example>
	<output>
		.myClass{
			margin-left: 0;
		}
	</output>
*/
/*
	@doc
	<name>padding</name>
	<desc>Adds paddings to specified side(s) (all if none specified)</desc>
	<example>@include padding(5px, left)</example>
	<output>
		.myClass{
			padding-left: 5px;
		}
	</output>
*/
/*
	@doc
	<name>padding-noPadding</name>
	<desc>Removes paddings of specified side(s) (all if none specified)</desc>
	<example>@include noPadding(left)</example>
	<output>
		.myClass{
			padding-left: 0;
		}
	</output>
*/
/*
	@doc
	<name>stickyFooter</name>
	<desc>Makes the footer sticky.</desc>
	<example>@include stickyFooter(250px, 0px);</example>
	<output>{ ... };</output>
*/
/** 
 * Name:	font-face
 * Params:	$font-family(given name) & $font-filename(file)
 **/
/** 
 * Name:	hide-text
 * Params:	N/A
 **/
/*
	@doc
	<name>containedIn mixins</name>
	<desc>Contained mixins</desc>
	<example>@include containedIn($selector);</example>
	<example>@include containedIn('no-js');</example>
	<output>
		.no-js .class{ 
			@content;
		}
	</output>
*/
/*	@doc
	<name>prefixer</name> 
	<desc>Adds browsers' different prefixes when needed. (doc. http://bourbon.io/docs/#prefixer)</desc>
	<example>@include prefixer(transform, rotate(5deg));</example>
	<output>
		.myElement{
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			--transform: rotate(5deg);
			transform: rotate(5deg);
		}
	</output>
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Setting the default font-size for em */
body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

* {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: "Droid Serif";
  src: url("../fonts/droidserif.eot");
  src: url("../fonts/droidserif.eot?#iefix") format("embedded-opentype"), url("../fonts/droidserif.svg") format("svg"), url("../fonts/droidserif.svg#droidserif") format("svg"), url("../fonts/droidserif.woff2") format("woff2"), url("../fonts/droidserif.woff") format("woff"), url("../fonts/droidserif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Droid Serif";
  src: url("../fonts/droidserif-bold.eot");
  src: url("../fonts/droidserif-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/droidserif-bold.svg") format("svg"), url("../fonts/droidserif-bold.svg#droidserif-bold") format("svg"), url("../fonts/droidserif-bold.woff2") format("woff2"), url("../fonts/droidserif-bold.woff") format("woff"), url("../fonts/droidserif-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Droid Serif";
  src: url("../fonts/droidserif-italic.eot");
  src: url("../fonts/droidserif-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/droidserif-italic.svg") format("svg"), url("../fonts/droidserif-italic.svg#droidserif-italic") format("svg"), url("../fonts/droidserif-italic.woff2") format("woff2"), url("../fonts/droidserif-italic.woff") format("woff"), url("../fonts/droidserif-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Fjalla One";
  src: url("../fonts/fjallaone.eot");
  src: url("../fonts/fjallaone.eot?#iefix") format("embedded-opentype"), url("../fonts/fjallaone.svg") format("svg"), url("../fonts/fjallaone.svg#fjallaone") format("svg"), url("../fonts/fjallaone.woff2") format("woff2"), url("../fonts/fjallaone.woff") format("woff"), url("../fonts/fjallaone.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
 * ! Don't edit underneath
 * - Shade of the base colors are generated
 * - Shade of the greys are generated
 *
 * - All available colors & greys shown at the bottom
 **/
.button {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  color: #373737;
  background: #dbdbdb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button:hover {
  color: #1a1a1a;
  background: #b6b6b6;
}

body {
  font-family: "Droid Serif", Georgia, serif;
  color: #555555;
}

em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

a {
  cursor: pointer;
  text-transform: none;
}

.content article a {
  text-decoration: underline;
}

p {
  line-height: 1.3;
}

p + p {
  margin-top: 16px;
}

sup {
  font-size: smaller;
  position: relative;
  top: -5px;
}

.content .node-title {
  margin-top: 50px;
  margin-bottom: 25px;
}
.content .block-title {
  margin-top: 50px;
  margin-bottom: 25px;
}
.content article p,
.content article a,
.content article span,
.content article ul,
.content article li,
.content article strong,
.content article em,
.content article label,
.content article input {
  font-family: "Droid Serif", Georgia, serif;
  font-size: 0.9375em;
}
.content article p p,
.content article p a,
.content article p span,
.content article p ul,
.content article p li,
.content article p strong,
.content article p em,
.content article p label,
.content article p input,
.content article a p,
.content article a a,
.content article a span,
.content article a ul,
.content article a li,
.content article a strong,
.content article a em,
.content article a label,
.content article a input,
.content article span p,
.content article span a,
.content article span span,
.content article span ul,
.content article span li,
.content article span strong,
.content article span em,
.content article span label,
.content article span input,
.content article ul p,
.content article ul a,
.content article ul span,
.content article ul ul,
.content article ul li,
.content article ul strong,
.content article ul em,
.content article ul label,
.content article ul input,
.content article li p,
.content article li a,
.content article li span,
.content article li ul,
.content article li li,
.content article li strong,
.content article li em,
.content article li label,
.content article li input,
.content article strong p,
.content article strong a,
.content article strong span,
.content article strong ul,
.content article strong li,
.content article strong strong,
.content article strong em,
.content article strong label,
.content article strong input,
.content article em p,
.content article em a,
.content article em span,
.content article em ul,
.content article em li,
.content article em strong,
.content article em em,
.content article em label,
.content article em input,
.content article label p,
.content article label a,
.content article label span,
.content article label ul,
.content article label li,
.content article label strong,
.content article label em,
.content article label label,
.content article label input,
.content article input p,
.content article input a,
.content article input span,
.content article input ul,
.content article input li,
.content article input strong,
.content article input em,
.content article input label,
.content article input input {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  text-transform: uppercase;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #2F4170;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 2.5em;
}

h2 {
  font-size: 1.5625em;
  margin-bottom: 1.5625em;
}

h3 {
  font-size: 1.375em;
  margin-bottom: 1.375em;
}

h4 {
  font-size: 1.1875em;
  margin-bottom: 1.1875em;
}

h5 {
  font-size: 1em;
  margin-bottom: 1em;
}

h6 {
  font-size: 0.875em;
  margin-bottom: 0.875em;
}

.hidden {
  display: none;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-hidden {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.full-width {
  width: 100%;
  max-width: initial;
}

.full-height {
  height: 100%;
  max-height: initial;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.map-canvas {
  width: 100%;
  height: 500px;
  display: block;
  background: #929292;
}

.gmnoprint a, .gmnoprint span {
  display: none;
}

.gmnoprint div {
  background: none !important;
}

img[src="http://maps.gstatic.com/mapfiles/api-3/images/google_white2.png"],
img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"],
a[href^="http://maps.google.com/maps"] {
  display: none !important;
}

/**
 *	If you do not use a specific view, leave it below & comment it.
 *	Also, leave '_example_vendors' which is used to create new vendors.
 *
 *	You do not need to add the extension when importing.
 **/
/**
 *	1. Duplicate "_example_vendors.scss" & rename to "new-name.scss"
 *	2. Copy & paste code from vendor below
 *	3. In _import_vendors.scss, duplicate the line "@import '_example_vendors';" & change to "@import 'new-name';"
 *	4. Remove this comment block & you are set !
 **/
#overlay-container {
  z-index: 810;
}

#overlay-disable-message,
#toolbar {
  z-index: 820;
}

.action-links {
  margin-bottom: 20px;
  text-decoration: underline;
  color: #2F4170;
}

/**
 *	If you do not use a specific view, leave it below & comment it.
 *	Also, leave '_example_views' which is used to create new views.
 *
 *	You do not need to add the extension when importing.
 **/
/**
 *	1. Duplicate "_example_views.scss" & rename to "new-name.scss"
 *	2. Select all occurrences of "example" & replace by "new-name"
 *	3. In _import_views.scss, duplicate the line "@import '_example_views';" & change to "@import 'new-name';"
 *	4. In styles.scss, duplicate all lines containing "@include example-[breakpoint];" & change to "@include 'new-name-[breakpoint];"
 *	5. Remove this comment block & you are set !
 **/
/**
 *	Media-queries using min-width
 **/
body {
  background: url("../img/bg-website.png");
}

.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container.no-padding {
  max-width: 1200px;
  padding: 0;
}
.container.full-width {
  width: 100%;
  max-width: initial;
}
.container > .container-inner {
  position: relative;
}
.container > .container-inner:after {
  content: "";
  display: table;
  clear: both;
}

.header {
  position: relative;
  z-index: 600;
}
.header .container {
  padding: 0;
}
.header .logo {
  display: block;
  max-width: 370px;
  padding: 20px 15px;
  margin-left: auto;
  margin-right: auto;
}
.header .logo img {
  width: 100%;
  height: auto;
}
.menus-container {
  overflow: hidden;
  max-height: 50px;
  background-color: #ffffff;
  -webkit-transition: max-height 0.25s ease;
  transition: max-height 0.25s ease;
}
.menus-container.active {
  max-height: 600px;
}

.menu-name-meta-menu button.btn-recherche:hover svg path,
.menu-name-main-menu button.btn-recherche:hover svg path {
  fill: #fff !important;
}
.menu-name-meta-menu .search,
.menu-name-meta-menu span,
.menu-name-meta-menu a,
.menu-name-main-menu .search,
.menu-name-main-menu span,
.menu-name-main-menu a {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  font-size: 0.9375em;
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 1em 0.9375em;
  cursor: pointer;
  text-transform: uppercase;
  color: #2F4170;
  border-bottom: #808080 1px solid;
}
.menu-name-meta-menu .search:hover, .menu-name-meta-menu .search.active,
.menu-name-meta-menu span:hover,
.menu-name-meta-menu span.active,
.menu-name-meta-menu a:hover,
.menu-name-meta-menu a.active,
.menu-name-main-menu .search:hover,
.menu-name-main-menu .search.active,
.menu-name-main-menu span:hover,
.menu-name-main-menu span.active,
.menu-name-main-menu a:hover,
.menu-name-main-menu a.active {
  color: #ffffff;
  border-bottom: #2F4170 1px solid;
  background-color: #384e86;
}
.menu-name-meta-menu .search:hover:before, .menu-name-meta-menu .search.active:before,
.menu-name-meta-menu span:hover:before,
.menu-name-meta-menu span.active:before,
.menu-name-meta-menu a:hover:before,
.menu-name-meta-menu a.active:before,
.menu-name-main-menu .search:hover:before,
.menu-name-main-menu .search.active:before,
.menu-name-main-menu span:hover:before,
.menu-name-main-menu span.active:before,
.menu-name-main-menu a:hover:before,
.menu-name-main-menu a.active:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 100%;
  content: "";
  border-top: #2F4170 1px solid;
}
.menu-name-meta-menu span,
.menu-name-main-menu span {
  cursor: default;
  text-decoration: none;
  color: #6e6e6e;
  background-color: #b6b6b6;
}
.menu-name-meta-menu span:hover, .menu-name-meta-menu span.active,
.menu-name-main-menu span:hover,
.menu-name-main-menu span.active {
  color: #6e6e6e;
  border-bottom: #808080 1px solid;
  background-color: #b6b6b6;
}
.menu-name-meta-menu span:hover:before, .menu-name-meta-menu span.active:before,
.menu-name-main-menu span:hover:before,
.menu-name-main-menu span.active:before {
  border-top: #808080 1px solid;
}
.menu-name-meta-menu .language-switcher-locale-url .active,
.menu-name-main-menu .language-switcher-locale-url .active {
  display: none;
}
.menu-name-meta-menu a.contextual-links-trigger,
.menu-name-meta-menu .contextual-links-wrapper .contextual-links,
.menu-name-meta-menu .contextual-links-wrapper .contextual-links-trigger,
.menu-name-meta-menu .contextual-links-wrapper .contextual-links-trigger:hover,
.menu-name-main-menu a.contextual-links-trigger,
.menu-name-main-menu .contextual-links-wrapper .contextual-links,
.menu-name-main-menu .contextual-links-wrapper .contextual-links-trigger,
.menu-name-main-menu .contextual-links-wrapper .contextual-links-trigger:hover {
  border: none;
}
.menu-name-meta-menu .contextual-links-wrapper .contextual-links-trigger:hover,
.menu-name-main-menu .contextual-links-wrapper .contextual-links-trigger:hover {
  background-color: transparent;
}
.menu-name-meta-menu ul.language-switcher-locale-url li.first:first-child a,
.menu-name-main-menu ul.language-switcher-locale-url li.first:first-child a {
  margin-left: 10px;
}
.menu-name-meta-menu #block-locale-language .contextual-links-wrapper,
.menu-name-meta-menu #block-locale-language .contextual-links-processed,
.menu-name-main-menu #block-locale-language .contextual-links-wrapper,
.menu-name-main-menu #block-locale-language .contextual-links-processed {
  display: none;
}
.menu-name-meta-menu .expanded > a:after,
.menu-name-main-menu .expanded > a:after {
  font-size: 1.5em;
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  width: 24px;
  padding: 10px 0;
  content: "›";
  text-align: center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.25s ease;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.menu-name-meta-menu .expanded > a:hover:after, .menu-name-meta-menu .expanded > a.active:after,
.menu-name-main-menu .expanded > a:hover:after,
.menu-name-main-menu .expanded > a.active:after {
  color: #ffffff;
}
.menu-name-meta-menu .expanded .menu,
.menu-name-main-menu .expanded .menu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.25s ease;
  transition: max-height 0.25s ease;
}
.menu-name-meta-menu .expanded .menu a,
.menu-name-main-menu .expanded .menu a {
  padding-left: 3.75em;
  background-color: #dbdbdb;
  -webkit-transition: padding-left 0.25s ease;
  transition: padding-left 0.25s ease;
}
.menu-name-meta-menu .expanded .menu a:hover, .menu-name-meta-menu .expanded .menu a.active,
.menu-name-main-menu .expanded .menu a:hover,
.menu-name-main-menu .expanded .menu a.active {
  background-color: #384e86;
}
.menu-name-meta-menu .expanded.active > a:after,
.menu-name-main-menu .expanded.active > a:after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.menu-name-meta-menu .expanded.active > .menu,
.menu-name-main-menu .expanded.active > .menu {
  max-height: 400px;
}
.menu-name-meta-menu .expanded.active > .menu a,
.menu-name-main-menu .expanded.active > .menu a {
  padding-left: 1.875em;
}
.menu-name-meta-menu .expanded.active > .menu > .expanded .menu,
.menu-name-main-menu .expanded.active > .menu > .expanded .menu {
  display: none;
}
.menu-name-meta-menu .expanded.active > .menu > .expanded.active .menu,
.menu-name-main-menu .expanded.active > .menu > .expanded.active .menu {
  display: block;
}
.menu-name-meta-menu .expanded.active > .menu > .expanded.active .menu a,
.menu-name-main-menu .expanded.active > .menu > .expanded.active .menu a {
  padding-left: 3.125em;
}

.menu-name-meta-menu form.search {
  padding-top: 0;
  padding-bottom: 0;
}
.menu-name-meta-menu .search button.btn-recherche:before {
  content: "";
}
.menu-name-meta-menu .search span.icon-recherche {
  margin-left: 0;
  padding: 0;
  background: transparent;
}
.menu-name-meta-menu .search span.icon-recherche svg {
  border: none;
  margin-left: 0;
  background: transparent;
  content: "";
}
.menu-name-meta-menu .search span.icon-recherche svg path {
  fill: #2F4170;
  -webkit-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  background: transparent;
  content: "";
}
.menu-name-meta-menu .search .message {
  display: inline-block;
  padding-right: 0.9375em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.menu-name-meta-menu .search input,
.menu-name-meta-menu .search button {
  position: absolute;
  top: 0;
  height: 100%;
  opacity: 0;
  border: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-name-meta-menu .search input:focus,
.menu-name-meta-menu .search button:focus {
  outline: 0;
}
.menu-name-meta-menu .search input {
  width: 86%;
  color: #ffffff;
  background-color: #415a9b;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.menu-name-meta-menu .search button {
  right: 0;
  width: 50px;
  cursor: pointer;
  background-color: #384e86;
}
.menu-name-meta-menu .search button:before {
  font-size: 1.25em;
  display: block;
  text-align: center;
  color: #ffffff;
  content: "s";
  font-family: "mineral";
  line-height: 0;
  speak: none;
  text-transform: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.menu-name-meta-menu .search button:hover {
  background-color: #2F4170;
}
.menu-name-meta-menu .search button:hover:before {
  display: inline-block;
  border-top: 0;
}
.menu-name-meta-menu .search.active svg path {
  fill: #fff !important;
}
.menu-name-meta-menu .search.active input,
.menu-name-meta-menu .search.active button {
  opacity: 1;
}
.mobile-toggle-container {
  position: relative;
  display: block;
  height: 50px;
  cursor: pointer;
  background-color: #2F4170;
}
.mobile-toggle-container .mobile-toggle {
  position: absolute;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 24px;
  height: 30px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mobile-toggle-container .mobile-toggle .icon,
.mobile-toggle-container .mobile-toggle .icon:before,
.mobile-toggle-container .mobile-toggle .icon:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  opacity: 1;
  background-color: #ffffff;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.125s ease;
  transition: all 0.125s ease;
}
.mobile-toggle-container .mobile-toggle .icon {
  top: 14px;
}
.mobile-toggle-container .mobile-toggle .icon:before {
  top: -8px;
  content: "";
}
.mobile-toggle-container .mobile-toggle .icon:after {
  top: 8px;
  content: "";
}
.mobile-toggle-container:hover {
  background-color: #34477b;
}
.mobile-toggle-container.active .mobile-toggle {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mobile-toggle-container.active .mobile-toggle .icon {
  background-color: transparent;
}
.mobile-toggle-container.active .mobile-toggle .icon:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile-toggle-container.active .mobile-toggle .icon:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slideshow {
  position: relative;
  z-index: 500;
}
.slideshow .cycle-slideshow {
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  background: #808080;
}
.slideshow .region-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 520;
}
.slideshow .region-slideshow .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 360px;
}
.slideshow .cycle-slide {
  width: 100% !important;
  height: auto !important;
  z-index: 510;
}
.slideshow .cycle-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  background-color: rgba(50, 69, 119, 0.9);
  z-index: 550;
}
.slideshow .cycle-overlay:after {
  content: "";
  display: table;
  clear: both;
}
.slideshow .cycle-overlay * {
  color: inherit;
}
.slideshow .cycle-overlay-inner span.notice {
  float: right;
  padding-right: 6.25em;
}
.slideshow .cycle-overlay-inner a, .slideshow .cycle-overlay-inner span.opener {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  font-size: 1.125em;
  line-height: 1.2;
  display: block;
  float: left;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.slideshow .cycle-overlay-inner a br, .slideshow .cycle-overlay-inner span.opener br {
  display: none;
}
.slideshow .cycle-overlay-inner a .right, .slideshow .cycle-overlay-inner span.opener .right {
  display: none;
}
.slideshow .cycle-controls {
  display: none;
}
.slideshow .cycle-pager {
  display: block;
  clear: both;
  width: 100%;
  padding-top: 4px;
}
.slideshow .cycle-pager span:first-child:nth-last-child(1),
.slideshow .cycle-pager span:first-child:nth-last-child(1) ~ span {
  width: 100%;
}
.slideshow .cycle-pager span:first-child:nth-last-child(2),
.slideshow .cycle-pager span:first-child:nth-last-child(2) ~ span {
  width: 50%;
}
.slideshow .cycle-pager span:first-child:nth-last-child(3),
.slideshow .cycle-pager span:first-child:nth-last-child(3) ~ span {
  width: 33.3333333333%;
}
.slideshow .cycle-pager span:first-child:nth-last-child(4),
.slideshow .cycle-pager span:first-child:nth-last-child(4) ~ span {
  width: 25%;
}
.slideshow .cycle-pager span:first-child:nth-last-child(5),
.slideshow .cycle-pager span:first-child:nth-last-child(5) ~ span {
  width: 20%;
}
.slideshow .cycle-pager span:first-child:nth-last-child(6),
.slideshow .cycle-pager span:first-child:nth-last-child(6) ~ span {
  width: 16.6666666667%;
}
.slideshow .cycle-pager span {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 6px;
  cursor: pointer;
  border-left: #ffffff 2px solid;
  background: #a4a4a4;
}
.slideshow .cycle-pager span:hover {
  background: #2F4170;
}
.slideshow .cycle-pager span.cycle-pager-active {
  cursor: default;
  background: #2F4170;
}
.slideshow .cycle-pager span:first-child {
  border-left: 0;
}

.cycle-slideshow.inclusenpage {
  margin-top: 2.5em;
  width: 795px;
  max-width: 95%;
}
.cycle-slideshow.inclusenpage article.node-multimedia header {
  display: none;
}
.cycle-slideshow.inclusenpage .cycle-controls {
  top: 50%;
  position: absolute;
  display: block;
  width: 100%;
  pointer-events: none;
  z-index: 530;
}
.cycle-slideshow.inclusenpage .cycle-controls .cycle-next,
.cycle-slideshow.inclusenpage .cycle-controls .cycle-prev {
  width: 36px;
  height: 36px;
}
.cycle-slideshow.inclusenpage .cycle-next,
.cycle-slideshow.inclusenpage .cycle-prev {
  font-size: 1em;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  height: 30px;
  text-align: center;
  pointer-events: auto;
  background: #293963;
  color: #fff;
  border: #ffffff 1px solid;
}
.cycle-slideshow.inclusenpage .cycle-next:after,
.cycle-slideshow.inclusenpage .cycle-prev:after {
  content: "";
  font-family: "mineral";
  line-height: 0;
  speak: none;
  text-transform: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cycle-slideshow.inclusenpage .cycle-next:hover,
.cycle-slideshow.inclusenpage .cycle-prev:hover {
  background: rgba(41, 57, 99, 0.1);
}
.cycle-slideshow.inclusenpage .cycle-prev {
  float: left;
}
.cycle-slideshow.inclusenpage .cycle-next {
  float: right;
}
.cover {
  position: relative;
  overflow: hidden;
  max-height: 180px;
}
.cover img {
  width: 100%;
  min-width: 1000px;
  height: auto;
}
.cover .title-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cover .container,
.cover .container-inner {
  height: 100%;
}
.cover .title {
  color: #ffffff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#skip-link {
  visibility: hidden;
}

.content {
  position: relative;
  z-index: 400;
}
.content .ariane {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  font-size: 1em;
  padding-top: 20px;
  padding-bottom: 60px;
}
.content .ariane a {
  color: #5b5b5b;
}
.content .ariane a:after {
  content: " > ";
  color: #5b5b5b;
}
.content .ariane a:hover {
  text-decoration: none;
  color: #1a1a1a;
}
.content .ariane .currentPage {
  color: #384e86;
}
.content .container {
  padding-bottom: 80px;
}
.content article ol,
.content article ul {
  line-height: 1.3;
  padding-left: 1.25em;
  list-style-type: initial;
}
.content article ol li + li,
.content article ul li + li {
  margin-top: 4px;
}
.content article table,
.content article tr,
.content article td {
  padding: 15px;
  border: #808080 1px solid;
}
.content article tr:nth-child(odd) {
  background: #dbdbdb;
}
.content article tr:nth-child(even) {
  background: #ffffff;
}
.content article th {
  color: #ffffff;
  background: #2F4170;
  padding: 15px;
  border: #808080 1px solid;
}
.content article th strong {
  font-weight: normal;
}
.content a {
  color: #2F4170;
}
.content a:hover {
  text-decoration: underline;
}
.content .item-list ul,
.content .item-list ol {
  list-style-type: initial;
}
.content .accordeon {
  border-top: 2px solid #ffffff;
}
.content .view-team .view-grouping-header > a, .content .view-team .view-grouping-header > h3,
.content .accordeon > a,
.content .accordeon > h3,
.content .view-partners .view-grouping-header > a,
.content .view-partners .view-grouping-header > h3 {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  font-size: 1.125em;
  display: block;
  margin-bottom: 0;
  padding: 1.045em;
  cursor: pointer;
  color: #ffffff;
  background: #2F4170;
}
.content .view-team .view-grouping-header > a:hover, .content .view-team .view-grouping-header > h3:hover,
.content .accordeon > a:hover,
.content .accordeon > h3:hover,
.content .view-partners .view-grouping-header > a:hover,
.content .view-partners .view-grouping-header > h3:hover {
  text-decoration: none;
  background: #35497e;
}
.content .view-team .view-grouping-header > a:after, .content .view-team .view-grouping-header > h3:after,
.content .accordeon > a:after,
.content .accordeon > h3:after,
.content .view-partners .view-grouping-header > a:after,
.content .view-partners .view-grouping-header > h3:after {
  float: right;
  content: "+";
}
.content .view-team .view-grouping-header > a.active:after, .content .view-team .view-grouping-header > h3.active:after,
.content .accordeon > a.active:after,
.content .accordeon > h3.active:after,
.content .view-partners .view-grouping-header > a.active:after,
.content .view-partners .view-grouping-header > h3.active:after {
  content: "-";
}
.content .view-team .view-grouping-header .contenuAccordeon,
.content .accordeon .contenuAccordeon,
.content .view-partners .view-grouping-header .contenuAccordeon {
  display: none;
  padding: 1.045em;
  border: 2px solid #b6b6b6;
}
.content .view-team .view-grouping-header .contenuAccordeon p,
.content .view-team .view-grouping-header .contenuAccordeon ul li,
.content .view-team .view-grouping-header .contenuAccordeon ol li,
.content .accordeon .contenuAccordeon p,
.content .accordeon .contenuAccordeon ul li,
.content .accordeon .contenuAccordeon ol li,
.content .view-partners .view-grouping-header .contenuAccordeon p,
.content .view-partners .view-grouping-header .contenuAccordeon ul li,
.content .view-partners .view-grouping-header .contenuAccordeon ol li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.content .views-row-first .accordeon {
  border-top: none;
}
.content .view-projects.view-display-id-page_1 .views-row {
  margin-bottom: 20px;
  min-height: 460px;
}
.content .view-projects.view-display-id-page_1 .views-row:nth-child(3n) {
  margin-right: 0;
}
.content .view-publications.view-display-id-page h3,
.content .view-publications.view-display-id-page_1 h3,
.content .view-publications.view-display-id-page_2 h3,
.content .view-publications.view-display-id-page_3 h3,
.content .view-publications.view-display-id-page_4 h3,
.content .view-publications.view-display-id-page_5 h3,
.content .view-publications.view-display-id-page_6 h3,
.content .view-publications.view-display-id-page_7 h3,
.content .view-publications.view-display-id-page_8 h3,
.content .view-publications.view-display-id-page_9 h3 {
  clear: both;
}
.content .view-publications.view-display-id-page .views-row,
.content .view-publications.view-display-id-page_1 .views-row,
.content .view-publications.view-display-id-page_2 .views-row,
.content .view-publications.view-display-id-page_3 .views-row,
.content .view-publications.view-display-id-page_4 .views-row,
.content .view-publications.view-display-id-page_5 .views-row,
.content .view-publications.view-display-id-page_6 .views-row,
.content .view-publications.view-display-id-page_7 .views-row,
.content .view-publications.view-display-id-page_8 .views-row,
.content .view-publications.view-display-id-page_9 .views-row {
  float: none !important;
  display: inline-block;
  vertical-align: top;
}

.cke_editable ol, .cke_editable ul {
  line-height: 1.3;
  padding-left: 1.25em;
  list-style-type: initial;
}
.cke_editable ol li + li, .cke_editable ul li + li {
  margin-top: 4px;
}
.cke_editable table,
.cke_editable tr,
.cke_editable td {
  padding: 15px;
  border: #808080 1px solid;
}
.cke_editable tr:nth-child(odd) {
  background: #dbdbdb;
}
.cke_editable tr:nth-child(even) {
  background: #ffffff;
}
.cke_editable th {
  color: #ffffff;
  background: #2F4170;
  padding: 15px;
  border: #808080 1px solid;
}
.cke_editable th strong {
  font-weight: normal;
}

.content .gsc-adBlock {
  display: none;
}
.content .gsc-control-cse {
  margin-top: 25px;
  border-color: #2F4170;
  background: transparent;
}
.content table.gsc-search-box,
.content form.gsc-search-box {
  margin-bottom: 0;
}
.content .gsc-above-wrapper-area {
  padding-bottom: 15px;
}
.content .gcsc-branding {
  padding-top: 15px;
}
.content .gcsc-branding tbody,
.content .gsc-search-box tbody {
  border: 0;
}
.content .gsc-orderby-container,
.content .gsst_a {
  padding-top: 6px;
}
.content .cse .gsc-search-button input.gsc-search-button-v2,
.content input.gsc-search-button-v2 {
  border-color: #293963;
  background: #2F4170;
}
.content .cse .gsc-search-button input.gsc-search-button-v2:hover,
.content input.gsc-search-button-v2:hover {
  border-color: #243155;
  background: #324577;
}
.content .cse .gsc-search-button input.gsc-search-button-v2:focus,
.content input.gsc-search-button-v2:focus {
  border-color: #1e2a48;
  outline: 0;
  background: #243155;
}
.content .gsc-result + .gsc-result {
  margin-top: 15px;
}

.view-research-themes .view-header {
  margin-bottom: 20px;
}

.contenuAccordeon .accordion-title {
  margin-top: 25px;
  margin-bottom: 15px;
}

.view-team h3,
.view-team .view-grouping,
.view-partners h3,
.view-partners .view-grouping {
  clear: both;
}
.view-team .view-grouping,
.view-partners .view-grouping {
  overflow: hidden;
  max-height: 55px;
  border: #2F4170 1px solid;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.view-team .view-grouping.open,
.view-partners .view-grouping.open {
  max-height: none;
}
.view-team .view-grouping + .view-grouping,
.view-partners .view-grouping + .view-grouping {
  margin-top: 20px;
}
.view-team .view-grouping-header,
.view-partners .view-grouping-header {
  margin-bottom: 20px;
}
.view-team .view-grouping-content,
.view-partners .view-grouping-content {
  padding: 20px;
}
.view-team .views-row,
.view-partners .views-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
  border: #2F4170 1px solid;
}
.view-team .views-row.views-row-last,
.view-partners .views-row.views-row-last {
  margin-bottom: 20px;
}
.view-team .views-row img,
.view-partners .views-row img {
  width: auto;
  margin: auto;
  text-align: center;
  height: auto;
}
.view-team .field-content a,
.view-partners .field-content a {
  display: block;
  background: #ededed;
  text-align: center;
}
.view-team .field-content a:hover,
.view-partners .field-content a:hover {
  text-decoration: none;
}
.view-team .field-content a:hover img,
.view-partners .field-content a:hover img {
  opacity: 0.75;
}
.view-team .field-content a:hover .title,
.view-partners .field-content a:hover .title {
  color: #ffffff;
  background: #2F4170;
}
.view-team .field-content .title,
.view-partners .field-content .title {
  display: block;
  padding: 15px;
  background: #ededed;
  text-align: left;
}

.page-node-137 article p img,
.page-node-64 article p img {
  border: #2F4170 2px solid;
}

.node-members .field-name-field-photo,
.node-members .field-name-field-photos,
.node-members .field-name-field-vignette,
.node-members .field-name-field-image-contenu,
.node-partners .field-name-field-photo,
.node-partners .field-name-field-photos,
.node-partners .field-name-field-vignette,
.node-partners .field-name-field-image-contenu,
.node-projects .field-name-field-photo,
.node-projects .field-name-field-photos,
.node-projects .field-name-field-vignette,
.node-projects .field-name-field-image-contenu,
.node-publications .field-name-field-photo,
.node-publications .field-name-field-photos,
.node-publications .field-name-field-vignette,
.node-publications .field-name-field-image-contenu {
  margin-bottom: 30px;
}
.node-members .field-name-field-photo img,
.node-members .field-name-field-photos img,
.node-members .field-name-field-vignette img,
.node-members .field-name-field-image-contenu img,
.node-partners .field-name-field-photo img,
.node-partners .field-name-field-photos img,
.node-partners .field-name-field-vignette img,
.node-partners .field-name-field-image-contenu img,
.node-projects .field-name-field-photo img,
.node-projects .field-name-field-photos img,
.node-projects .field-name-field-vignette img,
.node-projects .field-name-field-image-contenu img,
.node-publications .field-name-field-photo img,
.node-publications .field-name-field-photos img,
.node-publications .field-name-field-vignette img,
.node-publications .field-name-field-image-contenu img {
  width: 100%;
  height: auto;
  border: #2F4170 1px solid;
  /*border-bottom-width: 3px;*/
}
.node-members .field-name-field-afficher-lien-vers-carte-d,
.node-partners .field-name-field-afficher-lien-vers-carte-d,
.node-projects .field-name-field-afficher-lien-vers-carte-d,
.node-publications .field-name-field-afficher-lien-vers-carte-d {
  padding-top: 30px;
}
.node-members .field-name-field-afficher-lien-vers-carte-d a,
.node-partners .field-name-field-afficher-lien-vers-carte-d a,
.node-projects .field-name-field-afficher-lien-vers-carte-d a,
.node-publications .field-name-field-afficher-lien-vers-carte-d a {
  text-decoration: none;
  padding: 15px;
  color: #ffffff;
  background: #2F4170;
  text-transform: uppercase;
  font-family: "Fjalla One", Myriad Pro, sans-serif;
}
.node-members .field-name-field-afficher-lien-vers-carte-d a:hover,
.node-partners .field-name-field-afficher-lien-vers-carte-d a:hover,
.node-projects .field-name-field-afficher-lien-vers-carte-d a:hover,
.node-publications .field-name-field-afficher-lien-vers-carte-d a:hover {
  opacity: 0.8;
}

.node-members .links.inline,
.node-type-projects .links.inline,
.node-type-activities .links.inline,
.node-partners .links.inline,
.node-publications .links.inline {
  display: none;
}

.node-type-projects .content .field-name-field-parution-date,
.node-type-activities .content .field-name-field-parution-date {
  font-size: 0.9375em;
  font-weight: bold;
  margin-top: 0.9375em;
  margin-bottom: 0.3125em;
  color: #494949;
}
.node-type-projects .content p,
.node-type-activities .content p {
  font-size: 0.9375em;
  color: #1a1a1a;
}

.node-type-projects .content .field-name-field-vignette {
  float: right;
  width: 25%;
  margin-bottom: 0;
}
.node-type-projects .content .field-name-field-vignette img {
  width: 100%;
  height: auto;
}
.node-type-projects .content .field-name-body {
  width: 75%;
  margin-right: 5%;
}
.node-type-projects .content .field-name-field-research-themes,
.node-type-projects .content .field-name-field-researchers,
.node-type-projects .content .field-name-field-partners,
.node-type-projects .content .field-name-field-country {
  margin-top: 1em;
}
.node-type-projects .content .field-name-field-research-themes .field-items .field-item,
.node-type-projects .content .field-name-field-researchers .field-items .field-item,
.node-type-projects .content .field-name-field-partners .field-items .field-item,
.node-type-projects .content .field-name-field-country .field-items .field-item {
  margin-top: 0.375em;
  margin-left: 0.75em;
}

.node-type-mines .content .field-name-field-geolocalisation-region,
.node-type-mines .content .field-name-field-projects {
  margin-top: 1em;
}

html.mapGoogle {
  height: 100%;
}

body.page-node-251 {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 100% !important;
}
#map .conteneurTexteBulle h3 {
  margin-bottom: 0.625em;
}
#map .conteneurTexteBulle h4,
#map .conteneurTexteBulle .resume,
#map .conteneurTexteBulle .conteneurThemeRecherche,
#map .conteneurTexteBulle .conteneurChercheurs,
#map .conteneurTexteBulle .conteneurPartenaires,
#map .conteneurTexteBulle .conteneurStudents {
  margin-bottom: 0.3125em;
}
#map .conteneurTexteBulle a {
  color: #2F4170;
  display: block;
}
#map .conteneurTexteBulle a:hover {
  text-decoration: underline;
}
#map .conteneurTexteBulle a.lienChercheur,
#map .conteneurTexteBulle a.lienPartners,
#map .conteneurTexteBulle a.lienLirePlus {
  display: inline-block;
}
#map .conteneurTexteBulle .conteneurInfosProjets {
  border-bottom: 0.0625em solid #cfcfcf;
  margin-bottom: 0.625em;
  padding-bottom: 0.9375em;
}
#map .conteneurTexteBulle .conteneurInfosProjets:last-of-type {
  border: none;
}

.view-publications.view-display-id-page .view-content .views-row .activity .image,
.view-publications.view-display-id-page_1 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_2 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_3 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_4 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_5 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_6 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_7 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_8 .view-content .views-row .activity .image,
.view-publications.view-display-id-page_9 .view-content .views-row .activity .image {
  float: left;
  margin-right: 1.25em;
  max-width: 25%;
}
.view-publications.view-display-id-page .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_1 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_2 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_3 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_4 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_5 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_6 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_7 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_8 .view-content .views-row .activity .image img,
.view-publications.view-display-id-page_9 .view-content .views-row .activity .image img {
  border: #2F4170 1px solid;
}
.view-publications.view-display-id-page .view-content .views-row .activity .information,
.view-publications.view-display-id-page_1 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_2 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_3 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_4 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_5 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_6 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_7 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_8 .view-content .views-row .activity .information,
.view-publications.view-display-id-page_9 .view-content .views-row .activity .information {
  float: left;
  width: 70%;
}

.node-page-apti {
  clear: both;
}

.footer {
  position: relative;
  color: #ededed;
  background-color: #bc5a11;
  z-index: 200;
}
.footer .container {
  padding-top: 35px;
  padding-bottom: 35px;
}
.footer p {
  font-size: 0.8125em;
}
.footer p + p {
  margin-top: 20px;
}
.footer a {
  color: #748ac4;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .social {
  margin-top: 20px;
}
.footer .social:after {
  content: "";
  display: table;
  clear: both;
}
.footer .social a {
  font-size: 1.375em;
  float: left;
  padding: 5px 7px;
  color: #dbdbdb;
  text-shadow: 0 1px 5px rgba(12, 12, 12, 0.85);
  border: #dbdbdb 1px solid;
}
.footer .social a:before {
  position: relative;
  top: 4px;
  content: "";
  font-family: "mineral";
  line-height: 0;
  speak: none;
  text-transform: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
}
.footer .social a:hover {
  text-decoration: none;
  color: #1a1a1a;
  background-color: #dbdbdb;
  text-shadow: none;
}
.footer .social .facebook {
  top: 4px;
}
.footer .social .facebook.svg:before {
  content: url("../../../img/social-facebook.svg");
}
.footer .social .facebook:before {
  content: "f";
}
.footer .social .twitter {
  margin-left: -1px;
}
.footer .social .twitter:before {
  content: "t";
}
.footer .social .youtube {
  margin-left: -1px;
}
.footer .social .youtube:before {
  top: 3px;
  content: "y";
}
.footer .partner {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
  line-height: 1.2;
  text-align: center;
  color: #6e6e6e;
  background-color: #121212;
}
.copyright .container {
  padding-top: 10px;
  padding-bottom: 10px;
}
.copyright p {
  font-size: 0.75em;
}
.copyright p a {
  cursor: pointer;
  color: #808080;
}
.copyright p a:hover {
  background-color: #1a1a1a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.copyright p a:hover:before, .copyright p a:hover:after {
  background-color: #1a1a1a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.copyright p a:before, .copyright p a:after {
  display: inline-block;
  width: 3px;
  height: 100%;
  content: "";
}
.copyright p + p {
  margin-top: 6px;
}
.copyright .admin {
  display: block;
  margin-top: 10px;
}
.copyright .admin:before {
  font-size: 1.5625em;
  position: relative;
  top: 3px;
}
.front .content .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.front h2 {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
}
.front h2 .inner {
  position: relative;
  padding: 0 15px;
  background-color: #f4f3f5;
}
.front h2:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #2F4170;
}

.view-activities:after,
.view-projects:after,
.view-publications:after {
  content: "";
  display: table;
  clear: both;
}
.view-activities .views-row,
.view-projects .views-row,
.view-publications .views-row {
  float: left;
}
.view-activities .date,
.view-projects .date,
.view-publications .date {
  font-size: 0.9375em;
  font-weight: bold;
  margin-bottom: 5px;
  color: #494949;
}
.view-activities .title,
.view-projects .title,
.view-publications .title {
  font-size: 1.125em;
  line-height: 1.3;
  margin-bottom: 10px;
}
.view-activities .title a,
.view-projects .title a,
.view-publications .title a {
  text-transform: uppercase;
}
.view-activities p,
.view-projects p,
.view-publications p {
  font-size: 0.9375em;
  color: #1a1a1a;
}
.view-activities .more,
.view-projects .more,
.view-publications .more {
  font-family: "Fjalla One", Myriad Pro, sans-serif;
  margin-top: 12px;
  text-align: right;
  color: #2F4170;
  margin-right: 15px;
  bottom: 15px;
}
.view-activities .more a,
.view-projects .more a,
.view-publications .more a {
  cursor: pointer;
  text-transform: uppercase;
}
.view-activities .more a:hover,
.view-projects .more a:hover,
.view-publications .more a:hover {
  text-decoration: underline;
}
.view-activities ul.pager li,
.view-projects ul.pager li,
.view-publications ul.pager li {
  display: inline-block;
}

.view-activities .views-row,
.view-publications .views-row {
  margin-bottom: 60px;
}
.view-activities .views-row:last-child,
.view-publications .views-row:last-child {
  margin-bottom: 40px;
}
.view-activities .views-row + .views-row:before,
.view-publications .views-row + .views-row:before {
  position: relative;
  top: -30px;
  display: block;
  width: 60%;
  height: 2px;
  margin: 0 auto;
  content: "";
  background-color: #b6b6b6;
}

.view-projects .views-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
  border: #2F4170 1px solid;
  min-height: 440px;
  position: relative;
}
.view-projects .views-row img {
  width: 100%;
  height: auto;
}
.view-projects .views-row:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.view-projects .projects {
  padding: 15px;
}

.projects-team {
  font-size: 1.125em;
  line-height: 1.3;
  position: relative;
  display: block;
  min-height: 120px;
  margin-bottom: 40px;
  text-align: center;
  border-top: #c9c9c9 4px solid;
  border-bottom: #c9c9c9 4px solid;
  background: url("../img/projects-team.jpg") center center no-repeat;
  background-size: 200%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.projects-team span {
  width: 180px;
  padding: 10px 15px;
  color: #2F4170;
  -webkit-transition: padding 0.3s ease, background 0.3s ease;
  transition: padding 0.3s ease, background 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.projects-team:hover {
  background-size: 195%;
}
.projects-team:hover span {
  padding: 14px 20px;
  color: #293963;
  background: #b6b6b6;
}

@media screen and (min-width: 480px) {
  .content .block-views {
    clear: both;
  }
}
@media screen and (min-width: 480px) and (max-width: 720px) {
  .view-team .views-row,
  .view-partners .views-row {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  .view-team .views-row:nth-child(2n),
  .view-partners .views-row:nth-child(2n) {
    clear: both;
  }
  .view-team .views-row:nth-child(2n+1),
  .view-partners .views-row:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media screen and (min-width: 480px) {
  .node-members .field-name-field-photo img,
  .node-members .field-name-field-photos img,
  .node-members .field-name-field-vignette img,
  .node-members .field-name-field-image-contenu img,
  .node-partners .field-name-field-photo img,
  .node-partners .field-name-field-photos img,
  .node-partners .field-name-field-vignette img,
  .node-partners .field-name-field-image-contenu img,
  .node-projects .field-name-field-photo img,
  .node-projects .field-name-field-photos img,
  .node-projects .field-name-field-vignette img,
  .node-projects .field-name-field-image-contenu img,
  .node-publications .field-name-field-photo img,
  .node-publications .field-name-field-photos img,
  .node-publications .field-name-field-vignette img,
  .node-publications .field-name-field-image-contenu img {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .node-members .field-name-field-courriel a,
  .node-partners .field-name-field-courriel a,
  .node-projects .field-name-field-courriel a,
  .node-publications .field-name-field-courriel a {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.875em;
    text-align: center;
  }
  .copyright {
    text-align: left;
  }
  .copyright .admin {
    right: 0;
    margin-top: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .front h2 {
    max-width: 60%;
  }
  .projects-team {
    min-height: 140px;
    background-size: 170%;
  }
  .projects-team span {
    width: 256px;
  }
  .projects-team:hover {
    background-size: 165%;
  }
  .view-activities .title,
  .view-projects .title {
    font-size: 1.375em;
  }
  .view-activities p,
  .view-projects p {
    font-size: 1em;
  }
}
@media screen and (min-width: 720px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 720px) and (min-width: 960px) {
  .header .logo {
    display: inline-block;
    margin-right: 0;
    margin-left: -15px;
  }
  .header .container {
    padding: 8px 15px;
    padding: 8px 20px;
  }
  .header .menus-container {
    float: right;
    overflow: visible;
    margin-top: 23px;
    background-color: transparent;
  }
  .header .menus-container:after {
    content: "";
    display: table;
    clear: both;
  }
  .header .menu-name-meta-menu li,
  .header .menu-name-main-menu li {
    float: left;
  }
  .header .menu-name-meta-menu .search,
  .header .menu-name-meta-menu span,
  .header .menu-name-meta-menu a,
  .header .menu-name-main-menu .search,
  .header .menu-name-main-menu span,
  .header .menu-name-main-menu a {
    padding: 0.5em 0.75em;
    border-bottom: none;
  }
  .header .menu-name-meta-menu .search:hover, .header .menu-name-meta-menu .search.active,
  .header .menu-name-meta-menu span:hover,
  .header .menu-name-meta-menu span.active,
  .header .menu-name-meta-menu a:hover,
  .header .menu-name-meta-menu a.active,
  .header .menu-name-main-menu .search:hover,
  .header .menu-name-main-menu .search.active,
  .header .menu-name-main-menu span:hover,
  .header .menu-name-main-menu span.active,
  .header .menu-name-main-menu a:hover,
  .header .menu-name-main-menu a.active {
    border-bottom: none;
  }
  .header .menu-name-meta-menu .search:hover:before, .header .menu-name-meta-menu .search.active:before,
  .header .menu-name-meta-menu span:hover:before,
  .header .menu-name-meta-menu span.active:before,
  .header .menu-name-meta-menu a:hover:before,
  .header .menu-name-meta-menu a.active:before,
  .header .menu-name-main-menu .search:hover:before,
  .header .menu-name-main-menu .search.active:before,
  .header .menu-name-main-menu span:hover:before,
  .header .menu-name-main-menu span.active:before,
  .header .menu-name-main-menu a:hover:before,
  .header .menu-name-main-menu a.active:before {
    display: none;
  }
  .header .menu-name-meta-menu .expanded > .search, .header .menu-name-meta-menu .expanded > a,
  .header .menu-name-main-menu .expanded > .search,
  .header .menu-name-main-menu .expanded > a {
    padding-right: 28px;
  }
  .header .menu-name-meta-menu .expanded > .search:after, .header .menu-name-meta-menu .expanded > a:after,
  .header .menu-name-main-menu .expanded > .search:after,
  .header .menu-name-main-menu .expanded > a:after {
    top: -7px;
    right: 4px;
    display: inline-block;
  }
  .header .menu-name-meta-menu .expanded.active > .search:after, .header .menu-name-meta-menu .expanded.active > a:after,
  .header .menu-name-main-menu .expanded.active > .search:after,
  .header .menu-name-main-menu .expanded.active > a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header .menu-name-meta-menu .expanded .menu,
  .header .menu-name-main-menu .expanded .menu {
    position: absolute;
    display: none;
    overflow: visible;
    padding: 0.375em 0;
    background-color: #2F4170;
    max-height: none;
  }
  .header .menu-name-meta-menu .expanded .menu li,
  .header .menu-name-main-menu .expanded .menu li {
    float: none;
    position: relative;
  }
  .header .menu-name-meta-menu .expanded .menu a,
  .header .menu-name-main-menu .expanded .menu a {
    font-size: 0.875em;
    padding-left: 0.75em;
    padding-right: 1.5em;
    padding-top: 0.9375em;
    padding-bottom: 0.9375em;
    color: #ffffff;
    background-color: transparent;
  }
  .header .menu-name-meta-menu .expanded .menu a:hover,
  .header .menu-name-main-menu .expanded .menu a:hover {
    background-color: #384e86;
  }
  .header .menu-name-meta-menu .expanded .menu a:after,
  .header .menu-name-main-menu .expanded .menu a:after {
    top: -2px;
  }
  .header .menu-name-meta-menu .expanded:hover > .search, .header .menu-name-meta-menu .expanded:hover > a,
  .header .menu-name-main-menu .expanded:hover > .search,
  .header .menu-name-main-menu .expanded:hover > a {
    color: #ffffff;
    background-color: #384e86;
  }
  .header .menu-name-meta-menu .expanded:hover > .menu,
  .header .menu-name-main-menu .expanded:hover > .menu {
    display: block;
  }
  .header .menu-name-meta-menu .expanded:hover > .menu > .expanded > .menu,
  .header .menu-name-main-menu .expanded:hover > .menu > .expanded > .menu {
    display: none;
  }
  .header .menu-name-meta-menu .expanded:hover > .menu > .expanded > a:after,
  .header .menu-name-main-menu .expanded:hover > .menu > .expanded > a:after {
    content: "›";
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .header .menu-name-meta-menu .expanded:hover > .menu > .expanded:hover > .menu,
  .header .menu-name-main-menu .expanded:hover > .menu > .expanded:hover > .menu {
    display: block;
  }
  .header .menu-name-meta-menu .expanded:hover > .menu > .expanded:hover > .menu a,
  .header .menu-name-main-menu .expanded:hover > .menu > .expanded:hover > .menu a {
    padding: 0.9375em 0.75em;
  }
  .header .menu-name-meta-menu .expanded > .menu > .expanded > .menu,
  .header .menu-name-main-menu .expanded > .menu > .expanded > .menu {
    left: 100%;
    top: 0;
    width: 100%;
  }
  .header .menu-name-main-menu {
    position: relative;
    padding-bottom: 43px;
    z-index: 620;
  }
  .header .menu-name-meta-menu span,
  .header .menu-name-meta-menu a,
  .header .region-main-menu span,
  .header .region-main-menu a {
    padding: 0.5em 0.5em;
  }
  .header #block-locale-language a,
  .header #block-locale-language span {
    min-width: 18px;
    text-align: center;
  }
  .header .menu-name-meta-menu {
    position: relative;
    z-index: 610;
  }
  .header .menu-name-meta-menu .search,
  .header .menu-name-meta-menu span,
  .header .menu-name-meta-menu a {
    margin-left: 8px;
    border: #2F4170 1px solid;
  }
  .header .menu-name-meta-menu .search:hover, .header .menu-name-meta-menu .search.active,
  .header .menu-name-meta-menu span:hover,
  .header .menu-name-meta-menu span.active,
  .header .menu-name-meta-menu a:hover,
  .header .menu-name-meta-menu a.active {
    border: #2F4170 1px solid;
  }
  .header .menu-name-meta-menu ul li:first-child a {
    margin-left: 0;
  }
  .header .menu-name-meta-menu .search {
    overflow: hidden;
    width: 34px;
    height: 34px;
    padding: 0;
    -webkit-transition: width 0.3s ease, background 0.3s ease;
    transition: width 0.3s ease, background 0.3s ease;
  }
  .header .menu-name-meta-menu .search .message {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
  }
  .header .menu-name-meta-menu .search input {
    width: 100%;
    padding-right: 34px;
  }
  .header .menu-name-meta-menu .search button {
    width: 34px;
    opacity: 1;
    background-color: transparent;
  }
  .header .menu-name-meta-menu .search button:before {
    color: #2F4170;
  }
  .header .menu-name-meta-menu .search button:hover {
    background-color: #384e86;
  }
  .header .menu-name-meta-menu .search button:hover:before {
    color: #ffffff;
  }
  .header .menu-name-meta-menu .search.active {
    width: 144px;
  }
  .header .menu-name-meta-menu .search.active button {
    background-color: #384e86;
  }
  .header .menu-name-meta-menu .search.active button:before {
    color: #ffffff;
  }
  .header .menu-name-meta-menu .search.active button:hover {
    background-color: #2F4170;
  }
  .header .mobile-toggle-container {
    display: none;
  }
  .menu-name-meta-menu .expanded > a:after,
  .menu-name-main-menu .expanded > a:after {
    right: 20px;
  }
  .mobile-toggle-container .mobile-toggle {
    right: 20px;
  }
}
@media screen and (min-width: 720px) {
  .slideshow .cycle-overlay-inner a {
    font-size: 1.625em;
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .slideshow .cycle-overlay-inner a br {
    display: block;
  }
  .slideshow .cycle-overlay-inner a .right {
    font-size: 0.6em;
    line-height: 1.2;
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
  }
  .slideshow .cycle-overlay-inner a .right:after {
    content: " +";
  }
  .slideshow .cycle-overlay-inner a .right:hover {
    border-bottom: 2px solid #ffffff;
  }
  .slideshow .cycle-overlay-inner a:hover {
    background: rgba(0, 0, 0, 0.2);
  }
  .slideshow .cycle-overlay-inner span.opener {
    font-size: 1.125em;
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .slideshow .cycle-overlay-inner span.opener br {
    display: block;
  }
  .slideshow .cycle-overlay-inner span.opener .creditPhoto {
    font-size: 0.75em;
  }
  .slideshow .cycle-overlay-inner span.opener .right {
    font-size: 0.6em;
    line-height: 1.2;
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
  }
  .slideshow .cycle-overlay-inner span.opener .right:after {
    content: "";
  }
  .slideshow .cycle-controls {
    position: absolute;
    top: 45px;
    display: block;
    width: 100%;
    pointer-events: none;
    z-index: 530;
  }
  .slideshow .cycle-next,
  .slideshow .cycle-prev {
    font-size: 1em;
    position: relative;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30px;
    height: 30px;
    text-align: center;
    pointer-events: auto;
    background: rgba(41, 57, 99, 0.1);
    border: #ffffff 1px solid;
  }
  .slideshow .cycle-next:after,
  .slideshow .cycle-prev:after {
    content: "";
    font-family: "mineral";
    line-height: 0;
    speak: none;
    text-transform: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .slideshow .cycle-next:hover,
  .slideshow .cycle-prev:hover {
    background: #293963;
  }
  .slideshow .cycle-next {
    border-left: 0;
  }
  .view-team .views-row,
  .view-partners .views-row {
    float: left;
    width: 23.5%;
    margin-right: 2%;
  }
  .view-team .views-row:nth-child(4n),
  .view-partners .views-row:nth-child(4n) {
    margin-right: 0;
  }
  .view-team .views-row:nth-child(4n+1),
  .view-partners .views-row:nth-child(4n+1) {
    clear: both;
  }
  .view-team .view-grouping.open,
  .view-partners .view-grouping.open {
    max-height: 3000px;
  }
  .node-members .field-name-body,
  .node-partners .field-name-body,
  .node-publications .field-name-body {
    /*float: left;*/
    width: 75%;
    margin-right: 5%;
  }
  .node-members .field-name-field-photo,
  .node-members .field-name-field-photos,
  .node-members .field-name-field-image-contenu,
  .node-partners .field-name-field-photo,
  .node-partners .field-name-field-photos,
  .node-partners .field-name-field-image-contenu,
  .node-publications .field-name-field-photo,
  .node-publications .field-name-field-photos,
  .node-publications .field-name-field-image-contenu {
    float: right;
    width: 20%;
    margin-bottom: 0;
  }
  .node-members .field-name-field-photo img,
  .node-members .field-name-field-photos img,
  .node-members .field-name-field-image-contenu img,
  .node-partners .field-name-field-photo img,
  .node-partners .field-name-field-photos img,
  .node-partners .field-name-field-image-contenu img,
  .node-publications .field-name-field-photo img,
  .node-publications .field-name-field-photos img,
  .node-publications .field-name-field-image-contenu img {
    width: 100%;
    height: auto;
  }
  .node-members .field-name-field-courriel,
  .node-partners .field-name-field-courriel,
  .node-publications .field-name-field-courriel {
    float: right;
    clear: right;
    margin-top: 0.9375em;
  }
  .node-members .field-name-field-courriel a,
  .node-partners .field-name-field-courriel a,
  .node-publications .field-name-field-courriel a {
    text-decoration: none;
    position: relative;
    margin-left: 40px;
    line-height: 50%;
    vertical-align: bottom;
    display: inline;
  }
  .node-members .field-name-field-courriel a:hover,
  .node-partners .field-name-field-courriel a:hover,
  .node-publications .field-name-field-courriel a:hover {
    text-decoration: underline;
  }
  .node-members .field-name-field-courriel a img,
  .node-partners .field-name-field-courriel a img,
  .node-publications .field-name-field-courriel a img {
    position: absolute;
    left: -35px;
  }
  .node-members .field-name-field-courriel a img:hover,
  .node-partners .field-name-field-courriel a img:hover,
  .node-publications .field-name-field-courriel a img:hover {
    opacity: 0.8;
  }
  .footer .container {
    padding-top: 55px;
    padding-bottom: 35px;
  }
  .copyright .container {
    padding-top: 55px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .front .content .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .front h2 {
    max-width: 50%;
  }
  .projects-team {
    min-height: 220px;
    margin-bottom: 80px;
    background-size: 145%;
  }
  .projects-team span {
    width: auto;
  }
  .projects-team:hover {
    background-size: 140%;
  }
  #block-views-projects-block {
    margin-top: 35px;
  }
  .view-activities .views-row,
  .view-projects .views-row,
  .view-publications .views-row {
    float: left;
  }
  .view-activities .views-row,
  .view-publications .views-row {
    width: 46%;
  }
  .view-activities .views-row:last-child,
  .view-publications .views-row:last-child {
    margin-bottom: 60px;
  }
  .view-activities .views-row:nth-child(odd),
  .view-publications .views-row:nth-child(odd) {
    clear: left;
  }
  .view-activities .views-row:nth-child(even),
  .view-publications .views-row:nth-child(even) {
    float: right;
  }
  .view-activities .views-row + .views-row:before,
  .view-publications .views-row + .views-row:before {
    display: none;
  }
  .view-projects .views-row {
    width: 30%;
    margin-right: 5%;
  }
  .view-projects .views-row:last-child {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 980px) {
  .container {
    max-width: 1260px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 980px) and (min-width: 1110px) {
  .header .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .header .menus-container {
    margin-top: 45px;
  }
  .header .region-main-menu {
    float: left;
  }
  .header .menu-name-main-menu a {
    padding-top: 0.5625em;
    padding-bottom: 0.5625em;
  }
  .header .menu-name-meta-menu {
    float: left;
  }
  .header .menu-name-meta-menu span,
  .header .menu-name-meta-menu a {
    padding: 0.5em 0.5em;
  }
  .header .menu-name-meta-menu ul li:first-child a {
    margin-left: 8px;
  }
}
@media screen and (min-width: 980px) {
  .slideshow .cycle-overlay-inner a, .slideshow .cycle-overlay-inner span.opener {
    font-size: 1.125em;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .slideshow .cycle-overlay-inner a .right, .slideshow .cycle-overlay-inner span.opener .right {
    font-size: 0.45em;
  }
  .slideshow .cycle-controls {
    top: 25px;
  }
  .slideshow .cycle-controls .cycle-next,
  .slideshow .cycle-controls .cycle-prev {
    width: 36px;
    height: 36px;
  }
  .front h2 {
    max-width: 30%;
  }
  .view-activities .views-row,
  .view-publications .views-row {
    width: 48%;
  }
  .projects-team {
    min-height: 220px;
    background-size: 145%;
  }
  .projects-team span {
    width: auto;
  }
  .projects-team:hover {
    background-size: 140%;
  }
}
@media screen and (min-width: 1200px) {
  .header .menu-name-meta-menu span,
  .header .menu-name-meta-menu a {
    margin-left: 10px;
  }
  .projects-team {
    min-height: 320px;
    background-size: 125%;
  }
  .projects-team:hover {
    background-size: 120%;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1500px) {
  .projects-team {
    min-height: 340px;
    background-size: 105%;
  }
  .projects-team:hover {
    background-size: 101%;
  }
}