/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* http://csscompressor.com/ */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a,a:visited { color:#000; }
a:hover { color:#565859; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; background-color:transparent; }
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
b.semi,strong.semi{font-weight:600}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #000;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*,
*:before,
*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
}

body {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:16px;
	line-height:1.4;
}

img { 
	max-width:100%; 
	height:auto;
}

p,ul,ol {
	margin-top:0;
}
ul, ol { margin: 0 0 10px 0; padding: 0 0 0 25px; list-style-position:outside; }
ul ul, ol ol, ul ol, ol ul { margin-top:0; }
li { margin:4px 0; }
nav ul, nav li { margin:0; padding:0; list-style-image:none; }
ul, ul.square { list-style-type:none; list-style-image:url(../img/puce_square.png); }


/*
 * Typographie
 */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 600;
}
h4, h5, h6 { font-weight: 400; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { text-transform:none; }

h1 { font-size: 2.8125em; /* 45/16 */ line-height: 1.333333em; margin: 15px 0 10px 0; }
h2, .sSecondaire h1 { font-size: 2.1875em; /* 35/16 */ line-height: 1.285714em; font-weight:600; margin: 30px 0 50px 0; text-align:center; }
h3 { font-size: 1.214285714285714em; /* 17/16 */ line-height: 1.285714em; margin: 20px 0 8px 0; color:#2e8804; }
h4 { font-size: 1.285714285714286em; /* 18/16 */ line-height: 1.285714em; margin: 15px 0 5px 0; font-weight:600; }
h5 { font-size: 1.071428571428571em; /* 15/16 */ line-height: 1.285714em; margin: 15px 0 5px 0; text-transform:uppercase; }
h6 { font-size: 1em; line-height: 1.307692em; margin: 10px 0 5px 0; }
	

/*
 * Accordéons
 */
.accordeon { margin:10px 0 20px 0; }

.accordeon .toggler {
	position:relative;
	transition: all .2s;
	padding: 6px 40px 6px 5px;
	color:#fff;
	background-color:transparent;
	display: block;
	font-size: 1.125em; /* 18/16 */
	line-height:1.222222222222222em; /* 22/18 */
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	margin:20px 0 0 0;
	border-bottom:1px solid #939598;
	text-transform:uppercase;
	
	/* Empêche la sélection sur l'élément */
	user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.accordeon .toggler.active { }


.accordeon .toggler .icone {
	background-image:url(../img/plus_accordeon.png);
	background-position:center center;
	display:block;
	width:28px;
	height:28px;
	position:absolute;
	right:5px;
	bottom:5px;
	outline:0;
	transition:all 0.2s ease;
}
.accordeon .toggler.active .icone {
	transform:rotate(45deg);
}

.accordeon > div { padding: 10px; }
.accordeon > div > *:first-child { margin-top:0; }
.accordeon > div > *:last-child  { margin-bottom:0; }



/* Classe pour associer le plugin de Tooltips sur les éléments */
.tooltip {
	cursor:help;
	text-decoration:none;
	border-bottom: 1px dotted #000;
}


/*
 * Tooltip pour les infos sur le prof
 */
.tooltip p { display:inline; }
.infosProf { width:550px; overflow:hidden; padding:10px; background-color:#fff; }
.infosProf img.alignerImgG { margin:0 20px 5px 0; }
.infosProf .infosPerso { overflow:hidden; }
.infosProf h2 {
	font-family:'Open Sans', sans-serif;
	font-size: 1.428571428571429em; /* 20/14 */
	line-height: 1.285714em;
	margin: 30px 0 10px 0;
	text-transform:none;
	text-align:left;
}
.infosProf h3 { 
	font-family:'Open Sans', sans-serif;
	color:#666;
	font-size:1.07143em;
	line-height: 1.285714em;
	margin: 10px 0 8px 0;
	text-transform:uppercase;
}
.infosProf .contenu ul { margin:0; }
.infosProf p,
.infosProf li,
.infosProf a.lienUER { color:#000!important; }


.infosProf .lienFiche:link,
.infosProf .lienFiche:active,
.infosProf .lienFiche:visited {
	position:relative;
	display:inline-block;
	font-size:0.9285714285714286em; /* 13/14 */
	line-height:32px;
	min-height:32px;
	padding:0 6px;
	color:#fff;
	background-color:#2e8804;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	transition:all ease 0.2s;
}
.infosProf .lienFiche:before {
	content:"";
	position:absolute;
	top:0;
	right:-20px;
	
	transform:scale(1.0001); /* Pour l'antialiasing (FF, Safari) */
	
	/* On dessine un triangle plein */
	/* http://apps.eky.hk/css-triangle-generator/ */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 20px;
	border-color: transparent transparent transparent #2e8804;
	transition:all ease 0.2s;
}
.infosProf .lienFiche:focus:before,
.infosProf .lienFiche:hover:before { border-color: transparent transparent transparent #000; }
.infosProf .lienFiche:focus,
.infosProf .lienFiche:hover { background-color:#000; }




/*
 * Menu du haut site TÉLUQ
 */
.bgLogoHeader {
	background-color:#000;
	border-bottom:7px solid #fff;
}
.bgLogoHeader > .contentWrap {
	display:table;
	width:100%;
	max-width:960px;
	margin:0 auto;
}
#LogoTeluq {
	display:table-cell;
	width:137px;
	height:73px; /* Plus haut que l'image */
	z-index:150;
	margin:0;
	padding-left:15px;
	padding-top:8px;

	-moz-box-sizing:content-box;
	     box-sizing:content-box;
}
#LogoTeluq a:focus {
	display:block;
	outline:1px dotted #fff;
}
#TopNav {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding:5px 15px 5px 0;
	font-size:16px;
	font-weight:600;
}
#TopNav, 
#TopNav a { color:#fff; text-decoration:none; margin-left:30px; outline:0; }
#TopNav a:first-child { margin-left:0; }
#TopNav a:focus,
#TopNav a:hover { text-decoration:underline; }



/* Strate de base */
.wrapper {
	position:relative;
	width:100%;
	outline:0;
}
.content {
	position: relative;
	padding: 80px 15px;
	width: 100%;
	max-width:960px;
	margin:0 auto;
	box-sizing:border-box;
}
.content > *:first-child { margin-top:0; }
.content > *:last-child  { margin-bottom:0; }




/* Strate Entête */
.wrapper.sEntete {
	background:url(../img/entete.jpg) no-repeat center center;
	background-size:cover;
	min-height:400px; /* Hauteur du BG */
	display: flex;
	align-items: center;
}
.wrapper.sEntete h1 {
	color:#000;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size:3.125em; /* 50/16 */
	line-height:1;
	margin:0;
	text-transform:uppercase;
}


/* Strate Caroussel slider */
.wrapper.sCaroussel {
	text-align:center;
	background: transparent linear-gradient(90deg, #00abd1 0%, #4d2e7d 100%) 0% 0% no-repeat;
}
.wrapper.sCaroussel .content {
    padding-top:25px;
    padding-bottom:25px;

	font-family: 'Poppins', sans-serif;
	font-size:2.5em; /* 40/16 */
	color:#fff;
}


/* Strate présentation I2A */
.lesStats {
	--_minColWidth: 155px;
	--_maxColWidth: 1fr;
	--_gridGap: 20px;

	display: grid;
	/*grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));*/
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), var(--_maxColWidth)));
	gap: var(--_gridGap);

	list-style: none;
	padding: 0;
	margin: 0 0 var(--_gridGap) 0;

	font-size:0.875em; /* 14/16 */
	font-weight: 600;
	text-transform: uppercase;
}

.lesStats > li {
	padding: 0;
	margin: 0;
	text-align:center;
	background-color:#414141;
	color:#fff;
	aspect-ratio: 1;
	border-radius:50%;

	display: flex;
	flex-direction: column;
	justify-content: center;
}
.lesStats .block {
	display: block;
}
.lesStats .chiffre {
	font-size:4.444444444444444em;
	line-height:1;
	display:block;
}
.lesStats .chiffre2 {
	font-size:2.444444444444444em;
	line-height:1;
	display:block;
	margin-bottom:9px;
}

#PresentationPlus {
	margin:20px 0;
	font-size:1.0625em; /* 17/16 */
}
.wrapper.sI2A .plusToggle {
	margin:20px 0 0 0;
	text-align:center;
}
.wrapper.sI2A .plusToggle img {
	transition:all 0.2s ease;
}
.wrapper.sI2A .plusToggle a {
	outline:0;
}
.wrapper.sI2A .plusToggle a.active img {
	transform:rotate(45deg);
}


.wrapper.sI2A h3 {
	font-size:1.764705882352941em; /* 30/17 */
	line-height:1.2;
	color:#000;
	font-weight:400;
	position:relative;
	padding-bottom:10px;
	margin:0 0 20px 0;
}
.wrapper.sI2A h3:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	height:4px;
	width:80px;
	background-color:#4d2e7d;
}


/**************/
/* Schéma I2A */
/**************/
.gridSchema {
	--_color:#000;
	--_background: none;
	--_overlap-size:3rem;
	--_boite-padding:1rem;
	--_boite-fleche-width:150px;

	display: grid;
	gap: var(--_boite-padding);
	grid-template-columns: 0.75fr var(--_overlap-size) 3fr var(--_boite-fleche-width);
	grid-template-rows: 75px 1fr 1fr 1fr 75px;
	grid-template-areas:
		"headerDomaines headerDomaines headerApproches transversal"
		"boiteEducation . lstEducation transversal"
		"boiteSante . lstSante transversal"
		"boiteRH . lstRH transversal"
		". . . transversal";
}
.gridSchema > * {
	padding: var(--_boite-padding);
	color: var(--_color);
	background: var(--_background);
}
.gridSchema .headerMobile {
	display:none;
}
.gridSchema .block {
	display:block;
}
.gridSchema p,
.gridSchema ul {
	margin: 0;
}

.gridSchema .headerDomaines,
.gridSchema .headerApproches {
	font-weight: 700;
	align-self: end;
}
.gridSchema .headerDomaines {
	grid-area: headerDomaines;
}
.gridSchema .headerApproches {
	grid-area: headerApproches;
}

.gridSchema .boiteEducation,
.gridSchema .boiteSante,
.gridSchema .boiteRH {
	--_color: #fff;
	--_background:#373737;
	align-self: center;
	z-index: 2;
}
.gridSchema .boiteEducation {
	grid-area: boiteEducation-end / boiteEducation-start / lstEducation-start / lstEducation-start;
}
.gridSchema .boiteSante {
	grid-area: boiteSante-end / boiteSante-start / lstSante-start / lstSante-start;
}
.gridSchema .boiteRH {
	grid-area: boiteRH-end / boiteRH-start / lstRH-start / lstRH-start;
}

.gridSchema .lstEducation,
.gridSchema .lstSante,
.gridSchema .lstRH {
	--_background:#dfd3e4;
	display: grid;
	align-content: center;
	padding-left: calc(var(--_overlap-size) + var(--_boite-padding)); /* overlap+ */
	padding-right: calc(var(--_boite-fleche-width) + var(--_boite-padding)); /* overlap+ */
}
.gridSchema .lstEducation {
	/* grid-area: lstEducation; */
	grid-area: boiteEducation-start / boiteEducation-end / lstEducation-start / transversal-end;
}
.gridSchema .lstSante {
	/* grid-area: lstSante; */
	grid-area: boiteSante-start / boiteSante-end / lstSante-start / transversal-end;
}
.gridSchema .lstRH {
	/* grid-area: lstRH; */
	grid-area: boiteRH-start / boiteRH-end / lstRH-start / transversal-end;
}
.gridSchema .lesApproches {
	list-style-image: none;
	list-style-type: square;
}
.gridSchema .lesApproches li::marker {
	color: #4c2d7e;
}

.gridSchema .transversal {
	--_background:none;
	/* --_boite-padding:0; */
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	grid-area: transversal;
	display: grid;
	grid-template-rows: 50px 1fr 50px;
	/* align-content: space-between; */
	/* align-content: center; */
}
.gridSchema .transversal .pointeTop,
.gridSchema .transversal .pointeBottom {
	position: relative;
}
.gridSchema .transversal .pointeTop::before,
.gridSchema .transversal .pointeBottom::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/* transform: scale(1.0001); */
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='100px' height='50px' viewBox='0 0 100 50' preserveAspectRatio='none' enable-background='new 0 0 100 50' xml:space='preserve'%3E %3Cpolygon points='50 0, 0 50, 100 50' fill='%234c2d7e'/%3E %3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% 100%;
}
.gridSchema .transversal .pointeBottom::before {
	/* transform: rotate(180deg); */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='100px' height='50px' viewBox='0 0 100 50' preserveAspectRatio='none' enable-background='new 0 0 100 50' xml:space='preserve'%3E %3Cpolygon points='0 0, 50 50, 100 0' fill='%234c2d7e'/%3E %3C/svg%3E");
}
.gridSchema .transversal .fleche {
	background: #4c2d7e;
	color: #fff;
	display: grid;
	align-items: center;
	justify-items: center;
}
.gridSchema .transversal .texte {
	transform: rotate(180deg); /* Risque de débordement */
	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.gridSchema .transversal .texte > span {
	display:block;
	max-height: 25ch;
}

@media only screen and (max-width: 600px) {
	.gridSchema {
		--_boite-padding:1rem;
		--_boite-fleche-width:100px;
		gap: 0 calc(var(--_boite-padding) / 2);
		grid-template-columns: 1fr var(--_boite-fleche-width);
		grid-template-rows: 50px auto auto auto auto auto auto 50px;
		grid-template-areas:
			". transversal"
			"boiteEducation transversal"
			"lstEducation transversal"
			"boiteSante transversal"
			"lstSante transversal"
			"boiteRH transversal"
			"lstRH transversal"
			". transversal";
	}

	.gridSchema .headerDomaines,
	.gridSchema .headerApproches { display: none; }
	.gridSchema .headerMobile {display:block; font-weight: 700; }
	.gridSchema .block {display:inline; }

	.gridSchema .boiteEducation { grid-area: boiteEducation; }
	.gridSchema .boiteSante { grid-area: boiteSante; }
	.gridSchema .boiteRH { grid-area: boiteRH; }

	.gridSchema .lstEducation,
	.gridSchema .lstSante,
	.gridSchema .lstRH {
		display: block;
		padding-left: var(--_boite-padding);
		padding-right: var(--_boite-padding);
	}
	.gridSchema .lstEducation { grid-area: lstEducation; margin-bottom: calc(var(--_boite-padding) / 2); }
	.gridSchema .lstSante { grid-area: lstSante; margin-bottom: calc(var(--_boite-padding) / 2); }
	.gridSchema .lstRH { grid-area: lstRH; }
	.gridSchema .transversal { --_boite-padding: 0;	}
}


/* Les projets */
.wrapper.sProjets {
	background-color:#e9e9ea;
}
.wrapper.sProjets .content {
	max-width:990px; /* Avec les paddings = 960px dispo */
}
.wrapper.sProjets ul {
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}
.wrapper.sProjets li {
	float:left;
	display:block;
	width:34.0625%; /* (306+21)/960*100 */
	padding-left:2.1875%; /* 21/960*100 */
	margin-bottom:2.1875%; /* 21/960*100 */
}
.wrapper.sProjets img {
	width:100%;
}
.wrapper.sProjets li:nth-child(3n+1) {
	width:31.875%; /* 306/960*100 */
	padding-left:0%;
	clear:left;
}
.wrapper.sProjets figure {
	margin:0;
	position:relative;
	overflow:hidden;
}
.wrapper.sProjets li > p {
	margin:0;
	padding:5px 2px;
	background:#fff;
	text-align:center;
	font-weight:600;
	font-size:1.25em; /* 20/16 */
}
.wrapper.sProjets figcaption {
	position:absolute;
	top:100%;
	height:100%;
	width:100%;
	padding:15px;
	background:#fff;
	background:rgba(255,255,255,0.85);
	transition:top 0.4s ease;
}
.wrapper.sProjets figure:hover figcaption {
	top:0%;
}
.wrapper.sProjets .plus {
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 5px;
	font-size:0.875em; /* 14/16 */
	line-height:1;
	color:#000;
	background-color:#fff;
	border:1px solid #414141;
	transition:all 0.2s ease;
}
.wrapper.sProjets .plus:focus,
.wrapper.sProjets .plus:hover {
	color:#fff;
	background-color:#000;
	border-color:#000;
}



.wrapper.sInfrastructures {
	
}
.wrapper.sInfrastructures ul {
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
	font-size:1.0625em; /* 17/16 */
}
.wrapper.sInfrastructures li {
	float:left;
	display:block;
	width:50%;
	padding-right:20px;
	margin-bottom:20px;
}
.wrapper.sInfrastructures li:nth-child(2n) {
	padding-right:0;
	padding-left:20px;
}
.wrapper.sInfrastructures h3 {
	font-size:1.764705882352941em; /* 30/17 */
	line-height:1;
	color:#000;
	font-weight:400;
	position:relative;
	padding-bottom:10px;
	margin:0 0 20px 0;
}
.wrapper.sInfrastructures h3:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	height:4px;
	width:80px;
	background-color:#4d2e7d;
}
/*.wrapper.sInfrastructures h3.limvi:after {
	background-color:#009c9c;
	width:73px;
}
.wrapper.sInfrastructures h3.lacdi:after {
	background-color:#414141;
	width:83px;
}
.wrapper.sInfrastructures h3.lica:after {
	background-color:#e65c45;
	width:63px;
}
.wrapper.sInfrastructures h3.lisst:after {
	background-color:#5eaf36;
	width:52px;
}*/


.wrapper.sRegroupements {
	background-color:#3a383a;
	color:#fff;
}
.sRegroupements h2 {
	color:#fff;
}
.sRegroupements a {
	color:#fff;
}
.sRegroupements a.btSite {
	display:inline-block;
	padding:3px 8px;
	border:2px solid #009c9c;
	text-transform:uppercase;
	text-decoration:none;
	transition:background-color ease 0.2s;
	outline:0;
}
.sRegroupements a.btSite:focus,
.sRegroupements a.btSite:hover {
	background-color:#009c9c;
}
.wrapper.sRegroupements h3 {
	font-size:1.875em; /* 30/16 */
	line-height:1;
	color:#bcbdc0;
	font-weight:400;
	position:relative;
	padding-bottom:10px;
	margin:50px 0 20px 0;
}
.wrapper.sRegroupements h3:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	height:4px;
	width:80px;
	background-color:#00abd1;
}
/*.wrapper.sRegroupements h3.lice:after {
	background-color:#009c9c;
	width:54px;
}
.wrapper.sRegroupements h3.unesco:after {
	background-color:#e65c45;
	width:86px;
}
.wrapper.sRegroupements h3.biodatamining:after {
	background-color:#5eaf36;
	width:86px;
}*/
.sRegroupements .accordeon {
	font-size:1.0625em; /* 17/16 */
}



.wrapper.sChercheurs {
	
}
.sChercheurs .accordeon {
	font-size:1.0625em; /* 17/16 */
}
.sChercheurs .accordeon .toggler {
	color:#000;
}
.sChercheurs .accordeon .toggler .icone {
	background-image:url(../img/plus_accordeon_noir.png);
}



.wrapper.sRlibre {
	
}
.sRlibre {
	padding:80px 0;
	background:url(../img/bg_strate_rlibre.jpg) no-repeat top center #fff;
	background-size:cover;
}
.wrapper.sRlibre .content {
	padding-top:0;
	padding-bottom:0;
}
.sRlibre .fondRlibre {
	display:table;
	table-layout:fixed;
	width:100%;
	background-color:#fff;
	background-color:rgba(255,255,255,0.85);
	padding:30px 0;
}
.sRlibre .colonne,
.sRlibre .colonneRlibre {
	display:table-cell;
	padding:0 30px;
	vertical-align:middle;
	font-size:1.125em; /* 18/16 */
	line-height:1.277777777777778; /* 23/18 */
}
.sRlibre .colonneRlibre {
	border-left:1px solid #000;
	width:320px;
	text-align:center;
}


.wrapper.sPartenaires {
	
}
.sPartenaires ul {
	margin:0;
	padding:0;
	display:table;
	table-layout:fixed;
	width:100%;
}
.sPartenaires li {
	display:table-cell;
	width:20%;
	vertical-align:middle;
	text-align:center;
	padding:0 2% 0 0;
	margin:0;
}


/* Footer des pages */
.wrapper.sFooter {
	background-color:#000;
	color:#fff;
	text-align:center;
}
.wrapper.sFooter .content {
	padding:25px 10px;
}
.wrapper.sFooter h2 {
	color:#fff;
}
.wrapper.sFooter a {
	color:#fff;
}



/******************************/
/* Pour les pages secondaires */
/******************************/

/* Strate Entête COVID étude */
.wrapper.sEntete.covid {
	background-image:url(../img/entete_covid.jpg);
}



/*
 * Tableaux
 */
table {
	border: 0;
	padding: 0;
	margin: 10px 0 15px 0;
	border-collapse: collapse;
	width:100%;
}
table.overflowScroll {
	display:block;
	overflow-x:auto;
}
table.overflowScroll.noWrap {
	white-space:nowrap;
}
table.overflowScroll tbody {
	display:table;
	width:100%;
}
th {
	text-align:left;
	line-height:1.5em;
	background-color:#d8f3f3;
	color:#000;
	text-transform:none;
	font-weight:600;
}
th,
td { padding:5px; border:1px solid #000; border-top:0; border-left:0; }

th:last-child,
td:last-child { border-right:0; }

tr:last-child > th,
tr:last-child > td { border-bottom:0; }

td > p:last-child,
th > p:last-child { margin-bottom:0; }


/* Table sizing */
.t5  { width:5% }
.t10 { width:10% }
.t15 { width:14% }
.t20 { width:20% }
.t25 { width:25% }
.t30 { width:30% }
.t33 { width:33.333% }
.t35 { width:35% }
.t40 { width:40% }
.t45 { width:45% }
.t50 { width:50% }
.t55 { width:55% }
.t60 { width:60% }
.t65 { width:65% }
.t66 { width:66.666% }
.t70 { width:70% }
.t75 { width:75% }
.t80 { width:80% }
.t90 { width:90% }


/* Notes en bas de page */
.fnotes {
	position:relative;
	padding-top:10px;
	margin:40px 0 0 0;
}
.fnotes h2.visuallyhidden {
	padding-bottom:0;
	margin:0;
}
.fnotes h2.visuallyhidden:after {
	display:none;
}
.fnotes:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	height:1px;
	width:80px;
	background-color:#000;
}

dl.notes {
	overflow:hidden;
	font-size:90%;
	line-height:1.5;
	margin:0;
}
dl.notes dt,
dl.notes dd {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}
dl.notes dt { clear:left; width:4%; min-width:10px; }
dl.notes dd { width:96%; }

@media screen and (max-width: 500px) {
	dl.notes dt { width:100%; }
	dl.notes dd { width:100%; padding-left:20px; }
	dl.notes dd + dt {
		padding-top:10px;
	}
}

.sSecondaire figure {
	margin:1em auto;
}
.sSecondaire figure.max550 {
	max-width:550px;
}
.sSecondaire figure > figcaption {
	font-size:90%;
	line-height:1.5;
	margin-top:10px;
}


.sSecondaire h2 {
	font-size:1.764705882352941em; /* 30/17 */
	line-height:1;
	color:#000;
	font-weight:400;
	position:relative;
	padding-bottom:10px;
	margin:40px 0 20px 0;
	text-align:left;
}
.sSecondaire h2:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	height:4px;
	width:80px;
	background-color:#009c9c;
}
.sSecondaire h2 > .noms {
	font-size:0.8666666666666667em; /* 26/30 */
	display:block;
	color:#555;
	margin-top:20px;
}
.sSecondaire h2 > .noms sup {
	font-size:60%;
}

.sSecondaire h3 {
	color:#000;
	font-size:1.125em; /* 18/16 */
	line-height:1.222222222222222em; /* 22/18 */
	font-weight:700;
	margin:40px 0 15px 0;
	text-transform:uppercase;
}


.sSecondaire .barreOrange {
	position:relative;
	padding-top:20px;
	margin-top:60px;
}
.sSecondaire .barreOrange:before {
	content:"";
	position:absolute;
	border-bottom:3px solid #E65C45;
	height:3px;
	width:55px;
	top:0;
	left:0;
}

.sSecondaire a.button {
	display:inline-block;
	padding:6px 10px;
	color:#fff;
	font-weight:600;
	background-color:#E65C45;
	text-transform:uppercase;
	text-decoration:none;
	transition:background-color ease 0.2s, color ease 0.2s;
	outline:0;
}
.sSecondaire a.button:focus,
.sSecondaire a.button:hover {
	background-color:#000;
}





/* Les classes pour séparer le contenu en 2 ou 3 colonnes */
.split2columns, 
.split3columns {
	list-style-position:inside; /* Pour voir la puce dans Chrome qui disparaît avec les multi-colonnes */
	column-count: 2;
	column-gap: 20px;
	column-rule: 0px solid #000;

	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-rule: 0px solid #000;

	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule: 0px solid #000;
}
.split2columns ul, .split2columns ol, 
.split3columns ul, .split3columns ol {
	text-align:left;
}
.split2columns li, .split2columns li, 
.split3columns li, .split3columns li {
	/* Éviter de couper un même élément de liste */
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside: avoid;
}

.split3columns { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }



/* #Fluide Grid
*  http://grids.herokuapp.com/fluid_grid.css?column_amount=16
================================================== */
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; overflow:hidden; }
.row { margin-bottom: 15px; }
.container .columnf { 
	float:left;
	display:inline;
	padding-left: 2%;
	padding-right: 2%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.columnf.first { padding-left:0!important; }
.columnf.last  { padding-right:0!important; }

/* Base Grid */
.container .g100.columnf { width: 100.0%;  }
.container .g1-2.columnf { width: 50.0%;  }
.container .g1-3.columnf { width: 33.33%; }
.container .g2-3.columnf { width: 66.66%; }
.container .g1-4.columnf { width: 25.0%;  }
.container .g2-4.columnf { width: 50.0%;  }
.container .g3-4.columnf { width: 75.0%;  }
.container .g1-5.columnf { width: 20.0%;  }
.container .g1-5.columnf { width: 20.0%;  }
.container .g2-5.columnf { width: 40.0%;  }
.container .g3-5.columnf { width: 60.0%;  }
.container .g4-5.columnf { width: 80.0%;  }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.cssTable {
	display:table;
	width:100%;
	table-layout:fixed;
}
.cssTable > * {
	display:table-cell;
}


/* Textes/paragraphes */
.vsmall { font-size: 85%; line-height:1.4; }
.small { font-size: 90%; line-height:1.5; }
.big { font-size:1.6em; /* 32/20 */ }

.alignerTxtG { text-align:left; }
.alignerTxtD { text-align:right; }
.alignerTxtC { text-align:center; }

.caps { text-transform:uppercase!important; }
span.block { display:block; }

.remove-top { margin-top: 0 !important; }
.add-top { margin-top: 15px !important; }		  /* Même valeur que la marge du <p> */
.add-d-top { margin-top: 30px !important; }		  /* Double marge */
.add-t-top { margin-top: 45px !important; }		  /* Triple marge */
.remove-bottom { margin-bottom: 0 !important; }
.add-bottom { margin-bottom: 15px !important; }   /* Même valeur que la marge du <p> */
.add-d-bottom { margin-bottom: 30px !important; } /* Double marge */
.add-t-bottom { margin-bottom: 45px !important; } /* Triple marge */

/* Images */
img.scale-with-grid { max-width:100%; height:auto; width:auto; }
img.logoMax100 { max-width:100%; height:auto; width:auto; max-height:100px; }
.alignerImgG { margin-bottom:15px; float:left; margin-right:20px; }
.alignerImgD { margin-bottom:15px; float:right; margin-left:20px; }

/* For image replacement */
.ir { background-color:transparent; border:0; overflow:hidden; *text-indent: -9999px; }
.ir:before { content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

.animHidden { visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
/* Moins de 1280px */
@media only screen and (max-width: 1279px) {
	.wrapper.sEntete {
		background-image:url(../img/entete_medium.jpg);
	}
}

/* Moins de 1024px */
@media only screen and (max-width: 1023px) {
	.wrapper.sEntete h1 {
		font-size:2.3125em; /* 37/16 */
	}

	.wrapper.sCaroussel .content {
		font-size:1.875em; /* 30/16 */
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* .container = width de 768px */

	/* Styles pour mobiles (tout en une colonne) */
	.split3columns {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}

/* Moins de 768px */
@media only screen and (max-width: 767px) {
	.content {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.wrapper.sEntete {
		min-height: 1px;
		background-position: top left;
	}


	.wrapper.sInfrastructures li,
	.wrapper.sInfrastructures li:nth-child(2n) {
		float:none;
		width:100%;
		padding-right:0;
		padding-left:0;
	}
	.wrapper.sInfrastructures li:nth-child(2n) {
		margin-bottom:0;
	}


	.wrapper.sProjets li,
	.wrapper.sProjets li:nth-child(3n+1) {
		float:left;
		width:51.04166666666667%; /* (470+20)/960*100 */
		padding-left:2.083333333333333%; /* 20/960*100 */
		margin-bottom:2.083333333333333%; /* 20/960*100 */
		clear:none;
	}
	.wrapper.sProjets li:nth-child(2n+1) {
		width:48.95833333333333%; /* 470/960*100 */
		padding-left:0%;
		clear:left;
	}



	.sRlibre {
		padding:40px 0;
	}
	.sRlibre .fondRlibre {
		display:block;
		width:100%;
		padding:20px 0;
	}
	.sRlibre .colonne,
	.sRlibre .colonneRlibre {
		display:block;
		width:100%;
		padding:0 20px;
		text-align:center;
	}
	.sRlibre .colonneRlibre {
		padding-top:20px;
		border:0;
	}
	
	
	.sPartenaires li {
		display:table;
		width:100%;
		margin-bottom:20px;
		padding:0;
	}
	.sPartenaires li img {
		max-width:200px;
	}
	.sPartenaires li:last-child {
		margin-bottom:0;
	}
	
	
	/*
	 * Tooltip pour les infos sur le prof (modifs pour le mobile)
	 */
	.infosProf { 
		width:275px;
		max-width:100%;
	}
	.infosProf img.alignerImgG {
		margin:0 0 10px 0;
		float:none;
		max-width:100%;
		height:auto;
	}
	.infosProf h3 {
		margin-top:20px;
	}
	
	
	/*
	 * Styles pour mobiles (tout en une colonne)
	 */
	.split2columns, 
	.split3columns {
		text-align:left;
		list-style-position:outside; /* Reset la position outside */
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
	
	
	/* #Fluide Grid
	================================================== */
	.container .palm100.columnf { width: 100.0%; padding-left: 0; padding-right: 0; }
	.container .palm1-2.columnf { width: 50.0%;  }
	.container .palm1-3.columnf { width: 33.33%; }
	.container .palm2-3.columnf { width: 66.66%; }
	.container .palm1-4.columnf { width: 25.0%;  }
	.container .palm2-4.columnf { width: 50.0%;  }
	.container .palm3-4.columnf { width: 75.0%;  }
}

/* Moins de 600px */
@media only screen and (max-width: 599px) {
	.wrapper.sProjets li,
	.wrapper.sProjets li:nth-child(3n+1),
	.wrapper.sProjets li:nth-child(2n+1) {
		float:left;
		width:100%; /* (470+20)/960*100 */
		padding-left:0%;
		margin-bottom:20px;
		clear:left;
	}
}

/* Moins de 480px */
@media only screen and (max-width: 479px) {
	.wrapper.sEntete h1 {
		font-size:1.625em; /* 26/16 */
	}
}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}