/*
Theme Name: RENCONTRES
Description: Thème pour RENCONTRES
Author: Steven DIAI - Webmaster freelance
*/

body, html {
	font-size: 62.5%;
    margin: 0;
}

body {
	color: #000;
	font-family: 'Roboto', sans-serif;
}

p, li {
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-bottom: 1rem;
}

strong {
	font-weight: 600;
}

input[type='email']:focus, 
input[type='number']:focus, 
input[type='password']:focus, 
input[type='search']:focus, 
input[type='tel']:focus, 
input[type='text']:focus, 
input[type='url']:focus, 
textarea:focus, 
select:focus {
	border: .1rem solid #000;
}

:hover {
	-webkit-transition-delay: 0.1s; /* Safari */
    transition-delay: 0.1s;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.mobile {
	display: block;
}

.desktop {
	display: none;
}

.wrap {
	max-width: 120rem;
	margin: 0 auto;
}

hr {
	border-bottom: .1rem solid #FCFCFC;
	display: table;
	margin: 5rem auto;
	width: 50%;
}

body img.gform_ajax_spinner {
	max-width: 2rem !important;
}


main section .container-fluid.wrap ul {
	list-style-type: disc;
	padding-left: 30px;
}

.prendreRdv {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
}

.prendreRdv:hover {
	color: #0070ba;
}

.inscriptionPage p:last-child {
	font-weight: bold;
	margin-top: 2.5rem;
}

.page-template-conferences .bouton {
	display: table;
}

.alignleft,
.alignright,
.aligncenter {
	display: block;
	height: auto;
	max-width: 100%;
}


/* HEADER ------------------------------------------------------------------------------------------*/
	
	/* HAMBURGER ------------------------------------------------------------------------------------------*/
	
	.hamburger > div {
		cursor: pointer;
		float: right;
	}
	
	.hamburger > div .iconBar {
	    background: #0070ba;
	    border: .1rem solid #0070ba;
	    display: table;
	    height: .1rem;
	    margin: .5rem;
	    width: 2.5rem;
	}	

	.close {
	    position: absolute;
	    right: 3.2rem;
	    top: 3.2rem;
	    width: 3.2rem;
	    height: 3.2rem;
	    opacity: 1;
	}			


	.close:before, 
	.close:after {
		position: absolute;
		left: 1.5rem;
		content: ' ';
		height: 3.3rem;
		width: .2rem;
		background-color: #FFF;
	}
	
	.close:before {
		transform: rotate(45deg);
	}
	
	.close:after {
		transform: rotate(-45deg);
	}	
			
	/* NAV ------------------------------------------------------------------------------------------*/

	.sidenav {
	    background-color: #626262;
	    height: 100%;
	    overflow-x: hidden;
	    padding-top: 4rem;
	    position: fixed;
	    right: 0;
	    top: 0;
	    transition: 0.5s;
	    width: 0;
	    z-index: 20;
	}
	
	.sidenav ul li a {
	    color: #FFF;
	    display: block;
	    font-size: 1.4rem;
	    padding: 0;
	    text-decoration: none;
	    transition: 0.3s;
	    text-transform: uppercase;
	    margin-bottom: 1.5rem;
	    line-height: 2rem;
	}	

	.sidenav ul li a:hover,
	.sidenav ul li a:focus {
	    color: #f1f1f1;
	    outline: none;
	}
	
	#menu-navigation.menu {
		line-height: 4rem;
		margin-left: 2.5rem;
		margin-top: 2.5rem;
	}
	
	.menu .menu-item-has-children > a {
		align-items: center;
		display: flex;
	}
	
	.menu .menu-item-has-children > a:after {
		content: '\f107';
		display: table;
		font-family: 'Font Awesome 5 Pro';
		padding-left: .5rem;
	} 
	
	.sub-menu {
	  display: none;
	  line-height: 2.5rem;
	  margin: 0 0 0 1.5rem;
	}
	
	.sidenav .sub-menu li a {
		font-size: 1.4rem;
	}
	
	.logo img {
		width: 80%;
	}
	
	.menu {
		padding: 3rem;
	}
	
	header.mobile > .container-fluid {
		margin: 1rem 0;
	}
	
	.topBar {
		background-color: #0070ba;
		padding: 1rem 0;
	}
	
	.topBar p,
	.topBar p a,
	.topBar i {
		color: #fff;
		margin: 0;
		text-decoration: none;
		font-size: 1.4rem;
	}
	
	.topBar i {
		font-size: 1.6rem;
	}
	
	.sidenav .icones {
		padding-left: 3rem;
	}
	
	.icones i {
		color: #fff;
		font-size: 1.8rem;
		margin: 0 1rem;
		padding: 1rem .7rem;
		border: .2rem solid #FFF;
		min-width: 2rem;
		text-align: center;
	}
	
	.sidenav .icones i:first-of-type {
		margin-left: 0;
	}
	
	p.lienFranceHydro {
		color: #626262;
		padding-left: 3rem;
		margin-bottom: 4rem;
	}
	
	p.lienFranceHydro a {
		text-transform: uppercase;
	    text-decoration: none;
	    color: #fff;
	    font-size: 1.4rem;
	}
	
	p.lienFranceHydro span {
		color: #ddd;
		text-decoration: underline;
	}
	

/* MAIN ------------------------------------------------------------------------------------------*/
	
	/* HOMEPAGE ------------------------------------------------------------------------------------------*/
	
	.banniere {
		position: relative;
	}
	
	.banniere .content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: rgba(255, 255, 255, .9);
		padding: 3rem 3rem 5rem 3rem;
		width: 65%;
	}
	
	.banniere .content img {
		margin-bottom: 1rem;
	}
	
	.banniere .content p {
		color: #0070ba;
		font-size: 2.4rem;
		line-height: 3.5rem;
		text-align: center;
		margin: 0;
	}
	
	.banniere .content p:last-of-type {
		margin: 2rem 0 0 0;
		color: #77c000;
	}
	
	.presentation,
	.infos,
	.contacts,
	.pourquoiVisiter,
	.infosPratiques,
	.exposants,
	.exposantSingleDetails,
	.pack,
	.sponsor {
		margin: 4rem 0;
	}
	
	h1, h2,
	.infosEtablissements h3 {
		font-size: 2.4rem;
		line-height: 2.5rem;
		margin: 0 0 2rem 0;
		text-transform: uppercase;
	}
	
	h1:after, h2:after,
	.infosEtablissements h3:after {
		content: "";
		display: block;
		width: 4rem;
		height: .3rem;
		background-color: #0070ba;
		margin: .5rem 0 0 0;
	}
	
	.presentation p:first-of-type {
		font-style: italic;
		color: rgba(0, 0, 0, 0.5);
	}
	
	.presentation a,
	.bouton-pdf {
		background-color: #77c000;
	    color: #fff;
	    display: table;
	    text-decoration: none;
	    text-transform: uppercase;
	    border: 0;
	    padding: 1.5rem;
	    font-size: 1.6rem;
	    margin: 2rem 0 0 0;
	    text-align: center;		
	}
	
	.presentation a:hover {
		background: #0070ba;
	}
	
	.presentation ul,
	.singleExposant ul {
		padding-left: 1rem;
	}
	
	.singleExposant .prendreRdv {
		color: #0070ba;
		text-decoration: underline;
	}
	
	.presentation li,
	.singleExposant li {
		position: relative;
		padding-left: 1.5rem;
	}
	
	.presentation li:before,
	.singleExposant li:before {
		content: "\f105";
		font-family: 'Font Awesome 5 Pro';
		display: block;
		color: #77c000;
		font-size: 1.4rem;
		margin-right: .5rem;
		position: absolute;
		left: 0;
	}
	
	.presentation img {
		margin: 2rem auto;
	}
		
	.partenaires img {
		margin: 2rem auto 2rem auto;
	}
	
	.slick-dots li button:before {
		font-size: 2rem;
		color: #0070ba;
		opacity: 1;
	}
	
	.slick-dots li.slick-active button:before {
		color: #77c000;
	}
	
	.partenaires,
	.chiffres {
		background: #F6F6F6;
		padding: 4rem 0;
	}
	
	.partenaires p {
		text-align: center;
		font-size: 1.8rem;
		text-transform: uppercase;
		margin: 2rem 0;
		color: #0070ba;
		border-bottom: .1rem solid #ddd;
		padding-bottom: .5rem;
	}
	
	.partnersLogos img {
		width: 70%;
	}
		
	.singleInfo img {
		margin: 2rem auto;
	}
	
	.singleInfo:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 112, 186, .5);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.singleInfo {
		position: relative;
	}

	.singleInfo a {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 3rem;
		width: 100%;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		z-index: 2;
	}
		
	.singleChiffre {
		width: 100%;
		text-align: center;
		margin: 2rem 0;
	}
	
	.singleChiffre p:first-of-type {
		font-size: 3.6rem;
		margin-bottom: 1.5rem;
		color: #77c000;
	}
	
	.singleChiffre p:last-of-type {
		text-transform: uppercase;
	}
	
	.contacts p.titleContacts {
		position: relative;
		font-style: italic;
		margin-top: 2rem;
	}
	
	.contacts p.titleContacts:before,
	.contacts p.titleContacts:after {
		content: "\f10d";
		font-family: 'Font Awesome 5 Pro';
		display: block;
		color: #0070ba;
		font-size: 2rem;
	}
	
	.contacts p.titleContacts:after {
		content: "\f10e";
		position: absolute;
	    top: -3.5rem;
		left: 2.5rem;
	}
	
	.contacts p.titleContacts:before {
		position: absolute;
	    top: -2.5rem;
		left: 0;
	}
	
	.contacts img {
		margin: 2rem auto;
		width: 80%;
	}
	
	.contacts p i {
		color: #0070ba;
		margin-right: 1rem;
		font-size: 2rem;
	}
	
	.contacts p a {
		color: #000;
		text-decoration: none;
	}
	
	.contacts .row > div:first-of-type {
		margin-bottom: 2rem;
	}
	
	.contacts label {
		text-transform: uppercase;
	}
	
	.contacts label span {
		color: #0070ba;
	}
	
	.contacts input:focus,
	.contacts select:focus {
		outline: none;
	}
	
	.contacts input,
	.contacts select {
		width: 96%;
		border: .1rem solid #ddd;
		height: 3rem;
		margin-top: .5rem;
		border-radius: 0;
		background-color: transparent;
		font-size: 1.6rem;
		padding-left: 1rem;
	}
	
	.contacts select {
		width: 100%;
		height: 3.4rem;
	}
	
	.ginput_counter {
		display: none;
	}
	
	input[type = 'submit'] {
		background-color: #77c000;
		color: #fff;
		text-transform: uppercase;
		border: 0;
		font-size: 1.8rem;
		height: 4rem;
		margin: 2rem 0 0 0;
	}
	
	.contacts form {
		margin: 2rem 0;
	}
	
	.validation_error {
		font-size: 1.6rem;
		color: #af0e0e;
		line-height: 2.5rem;
		margin-bottom: 1rem;
	}
	
	.validation_message {
		color: #af0e0e;
	}
	
	/* POURQUOI VISITER ------------------------------------------------------------------------------------------*/
	
	.bannierePage {
		background-color: #F6F6F6;
		padding: 3rem 0;
	}
	
	.bannierePage p {
		text-align: right;
		margin: 0;
	}
	
	.bannierePage p a {
		text-decoration: none;
		color: #0070ba;
		text-transform: uppercase;
	}
	
	.edito {
		position: relative;
	}
	
	/*.edito:before,
	.edito:after {
		content: "\f10d";
		font-family: 'Font Awesome 5 Pro';
		display: block;
		color: #0070ba;
		font-size: 2rem;
	}
	
	.edito:after {
		content: "\f10e";
		top: -1rem;
		left: 2.5rem;
		position: absolute;
	}*/
	
	.pourquoiVisiter .edito > p:first-of-type {
		margin-top: 1rem;
	}
	
	.pourquoiVisiter h1 {
		margin: 0 0 4rem 0;
		line-height: 4rem;
	}
	
	.pourquoiVisiter .edito {
		text-align: justify;
	}
	
	.pourquoiVisiter .presidente {
		color: #0070ba;
		border-top: .1rem solid #ddd;
		border-bottom: .1rem solid #ddd;
		margin-top: 3rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: right;
		display: flex;
	}
	
	.pourquoiVisiter .presidente img {
		width: 50%;
	}
	
	/* INFOS PRATIQUES ------------------------------------------------------------------------------------------*/
	
	.singleInfosCoordonnees {
		margin: 3rem 0;
	}
	
	.singleInfosCoordonnees p,
	.singleInfosCoordonnees p a {
		text-align: center;
	}
	
	.singleInfosCoordonnees p a {
		color: #000;
		text-decoration: none;
	}
	
	.singleInfosCoordonnees p i {
		font-size: 4rem;
		color: #0070ba;
	}
	
	.infosCoordonnees {
		margin-bottom: 4rem;
	}
	
	.singleInfosAcces {
		display: flex;
		align-items: baseline;
		margin: 2rem 0;
	}
	
	.singleInfosAcces p,
	.singleInfosAcces li {
		margin: 0;
	}
	
	.singleInfosAcces i {
		font-size: 2rem;
		color: #0070ba;
		margin-right: 1rem;
	}
	
	.singleInfosAcces a {
		text-decoration: none;
		color: #adadad;
		font-style: italic;
	}
	
	.boutons {
		display: flex;
		justify-content: center;
	}
	
	.packExposant .boutons {
		justify-content: flex-start;
	}
	
	.bouton {
		background-color: #77c000;
		padding: 1.5rem;
		margin: 2rem .5rem 0 .5rem;
	}
	
	.bouton a {
		color: #fff;
		font-size: 1.8rem;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	.infosPratiques .map iframe {
		width: 100%;
		margin-bottom: 4rem;
	}
	
	/* LISTE DES EXPOSANTS ------------------------------------------------------------------------------------------*/
	
	.exposants .singleExposant {
		margin: 2rem 0;
		padding: 2rem;
		border: .1rem solid #ddd;
		background-color: #f6f6f6;
	}
	
	.exposants .singleExposant > p:first-of-type {
		font-size: 2rem;
		text-transform: uppercase;
		margin-bottom: 2rem;
	}
	
	.exposants .singleExposant p span {
		color: #0070ba;
		font-size: 1.6rem;
		text-transform: initial;
		font-style: italic;
	}
	
	.singleExposant summary {
		font-size: 1.6rem;
		margin-bottom: 1rem;
		line-height: 2.5rem;
	}
	
	.singleExposant summary:focus {
		outline: none;
	}
	
	.singleExposant li a {
		color: #000;
	}
	
	.singleExposant summary:hover {
		cursor: pointer;
		color: #77c000;
	}
	
	.singleExposant > p:last-of-type {
		 margin: 3rem 0 1rem 0;
	}
	
	.singleConference .singleExposant > p:last-of-type {
		margin: 0;
	}
	
	.singleConference .titre {
		font-weight: bold;
		font-size: 1.8rem;
	}
	
	.singleExposant p a {
		color: #fff;
		text-transform: uppercase;
		background-color: #77c000;
		padding: 1rem;
		text-decoration: none;
	}
	
	.exposants .bouton-pdf:last-child {
		margin: 5rem auto 0;
		width: auto;
	}
	
	.packExposant .bulletin {
		margin-top: 5rem;
	}
	
	/* SINGLE EXPOSANTS ------------------------------------------------------------------------------------------*/
	
	.exposantSingleDetails .bouton,
	.pack .bouton,
	.sponsor .bouton {
		display: table;
	}
	
	.exposantSingleDetails .bouton a,
	.pack .bouton a,
	.sponsor .bouton a {
		line-height: 2.5rem;
	}
	
	.exposantSingleDetails .bouton {
		margin: 2rem 0 0 0;
	}
	
	.exposantSingleDetails p {
		text-align: justify;
	}
	
	.exposantSingleDetails p:first-of-type {
		color: #0070ba;
		font-style: italic;
	}
	
	.exposantSingleDetails h2 {
		font-size: 1.8rem;
		margin-top: 5rem;
	}
	
	.singleConference h2 {
		font-size: 2.2rem;
		font-weight: bold;
		margin-top: 2.5rem;
	}
	
	.singleConference #allExposants > div {
		//margin-bottom: 2.5rem;
	}
	
	.exposantSingleDetails .row {
		margin: 0;
	}

	.exposantSingleDetails ul {
		list-style-type: disc;
		padding-left: 30px;
	}
	
	.flex p {
		margin: 2rem 0;
	}
	
	.flex p:last-child {
		margin-bottom: 0;
	}
	
	/* PACK EXPOSANT ------------------------------------------------------------------------------------------*/
	
	.pack h1 {
		line-height: 3rem;
	}
	
	.pack img {
		margin: 1rem auto;
	}
	
	.infosAcces {
		margin-bottom: 3rem;
	}
	
	.infosEtablissements h3:last-of-type {
		margin-top: 3rem;
	}
	
	.infosEtablissements p:first-of-type {
		font-weight: bold;
		margin-bottom: 0;
	}
	
	.infosEtablissements a {
		font-size: 1.6rem;
		color: #0070ba;
		text-decoration: none;
	}
	
	.singleInfosEtablissements {
		margin: 1.5rem 0;
	}

	/* SLIDER ------------------------------------------------------------------------------------------*/	
	
	.popup-overlay {
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,.5);
		width:100%;
		height:100%;
		text-align:center;
		align-items:center;
		justify-content:center;
	}

	.popup {
		padding: 1rem;
		display:inline-block;
		position: relative;
		width:90%;
		min-height:200px;
		background-color:#0070ba;
		border-radius: 5px;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items:center;
		justify-content:center;
	}
	
	.popup .close {
	    background: #0070ba;
	    position: absolute;
	    top: -1rem;
	    right: 0rem;
	    display: flex;
	    align-items: center;
	    border-radius: 50%;
	}
	
	.popup p {
		color: #FFF;
		margin: 0;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 3.2rem;
	}
	
	.popup .close:before, 
	.popup .close:after {
		height: 2rem;
	}
	
	.popup a.button {
		background: #0070ba;
		color: #FFF;
		display: table;
		font-size: 1.6rem;
		margin: 2rem auto 0;
		padding: 1rem;
		text-decoration: none;
	}
	
	.popup a.button:hover {
		background: #77c000;
	}
	
	.widget {
		display: none;
	}
	
	
/* FOOTER ------------------------------------------------------------------------------------------*/
	
footer {
	background-color: #0070ba;
	padding: 1rem 0;
	text-align: center;
}

footer p {
	font-size: 1.4rem;
	color: #fff;
	margin: 0;
}

footer p a {
	text-decoration: none;
	color: #adadad;
}
	
.gform_confirmation_message {
	font-size: 1.2rem;
	color: green;
	margin-top: 2.5rem;
}	
	

/* SCREEN 768px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 768px) {

	.mobile {
		display: none;
	}
	
	.desktop {
		display: block;
	}

	.alignleft {
		float: left;
		margin: 2rem 2rem 2rem 0 !important;
	}

	.alignright {
		float: right;
		margin: 2rem 0 2rem 2rem !important;
	}

	.aligncenter {
		display: table;
		margin: 0 auto;
	}
	
	.popup {
		margin: 0 auto;
		width: 60rem;
	}
	
	/* HEADER ------------------------------------------------------------------------------------------*/
		
		/* MENU ------------------------------------------------------------------------------------------*/
		
		.menu {
			align-items: baseline;
			display: flex;
			justify-content: center;
			margin: 2rem 0;
			padding: 0;
			position: relative;
		}
		
		.menu li {
			margin: 0 1rem;
		}
		
		.menu > li:last-of-type {
			margin-right: 0;
		}
		
		.menu li a {
			color: #626262;
			font-size: 1.4rem;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		.menu li a:hover {
			color: #77c000;
		}
		
		.sub-menu {
			line-height: normal;
			margin: 0;
			padding: 0;
		    position: absolute;
		    width: 20rem;
		    z-index: 5;
		    background-color: #0070ba;
		    top: 3.4rem;
		    left: 0;
		    width: 95%;
		    justify-content: space-around;
		}
		
		.sub-menu li {
			margin: 0;
			padding: 1.5rem .8rem;
		}
		
		.sub-menu li:hover {
			background-color: #77c000;
		}
	
		.menu .sub-menu li a {
			color: #fff;
			font-size: 1.2rem;
		}
		
		.topBar .left {
			display: flex;
			align-items: center;
		}
		
		.topBar .left i {
			margin-right: .5rem;
		}
		
		.topBar .left p:last-of-type:before {
			content: "|";
			padding: 0 1rem;
		}
		
		.icones {
			text-align: right;
		}
		
		.icones i {
			margin: 0 .5rem;
		}
		
		.logo img {
		    width: 30%;
			margin: auto;
		}
		
		.topBar p, .topBar p a, 
		.topBar i {
			font-size: 1.6rem;
		}
		
		p.lienFranceHydro a {
			color: #000;
		}
		
		.lienSite {
			position: absolute;
		    right: 3rem;
		    top: 10rem;
		    width: 20rem;
		}
		
		.lienSite img {
			width: 50%;
			margin: 0;
			float: right;
		}
		
		p.lienFranceHydro {
			margin: 0;
			padding: 0 0 0 1rem;
			text-align: right;
			text-transform: uppercase;
			font-size: 1.4rem;
		}

	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/
		
		.banniere.desktop img {
			width: 100%;
		}
		
		.banniere .content {
			width: 30%;
			padding: 2.5rem;
			left: inherit;
			transform: translateY(-50%);
			right: 2rem;
		}
		
		.singleChiffre {
		    width: 18%;
			margin: 0 .5rem;
		}
		
		.singleInfo img {
			margin: 1rem auto;
		}
		
		.singleInfo img {
			object-fit: cover;
			height: 45rem;
		}
		
		.singleChiffre > p:last-of-type {
			margin-bottom: 0;
		}
		
		.presentation, 
		.infos, 
		.contacts,
		.pourquoiVisiter,
		.infosPratiques,
		.exposants,
		.exposantSingleDetails,
		.pack,
		.sponsor {
			margin: 6rem 0;
		}
		
		.partenaires, 
		.chiffres {
			padding: 6rem 0;
		}
		
		.partenaires p {
			min-height: 5rem;
		}
		
		.allpartnersLogos {
			display: flex;
			flex-wrap: wrap;
		}
		
		.partenaires .row > div:last-of-type .allpartnersLogos {
			flex-direction: column;
			justify-content: center;
		}
		
		.partenaires .row > div:last-of-type .partnersLogos {
			margin: auto;
		}
		
		.partnersLogos img {
		    margin: 1rem auto;
		    width: 100%;
		}
		
		.contacts p.titleContacts {
			margin-top: 0;
		}
		
		.contacts img {
		    margin: 2rem 0;
		    width: 70%;
		}
		
		.contacts form {
			margin: 2rem 0 0 0;
		}
		
		input[type = 'submit'] {
			width: 40%;
		}
		
		.pourquoiVisiter .alignleft {
			float: left;
			margin-right: 3rem;
			max-width: 50%;
			height: auto;
			display: block;
		}
		
		.pourquoiVisiter .alignright {
			float: right;
			margin-left: 3rem;
			max-width: 50%;
			height: auto;
			display: block;
		}
		
		/* POURQUOI VISITER ------------------------------------------------------------------------------------------*/
		
		.pourquoiVisiter .presidente img {
			width: 30%;
			float: right;
			margin-right: 2rem;
		}
		
		.pourquoiVisiter .presidente {
			justify-content: flex-end;
			align-items: center;
		}
		
		/* INFOS PRATIQUES ------------------------------------------------------------------------------------------*/
		
		.infosCoordonnees {
			display: flex;
			justify-content: center;
		}
		
		.singleInfosCoordonnees {
			width: 30%;
			margin: 3rem 0 0 0;
		}
		
		.singleInfosCoordonnees p i {
			font-size: 5rem;
			margin-bottom: 2rem;
		}
		
		.infosPratiques .map iframe {
			height: 30rem;
		}
		
		.infosAcces,
		.etablissements {
/* 		    background-color: #f6f6f6; */
		    padding: 3rem 5rem;
/* 		    border: .1rem solid rgba(0, 0, 0, .2); */
		}
		
		.boutons {
			margin: 3rem 0 0 0;
		}
				
		/* LISTE DES EXPOSANTS ------------------------------------------------------------------------------------------*/
		
		.exposants .singleExposant {
			min-height: 16rem;
			margin: 1rem 0;
		}
		
		.searchandfilter ul {
			display: flex;
		}
		
		.searchandfilter ul li {
			margin: 0 3rem 0 0;
		}
		
		.filter {
			position: relative;
		}
		
		.exposants .filter .bouton-pdf {
			margin: 0;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translate(0,-50%);
		}
		


		.exposantSingleDetails .row .bouton:first-child {
			margin-right: 1.5rem;
		}

	.widget {
		position: fixed;
		top: 50%;
		transform: translate(0,-50%);
		right: -4rem;
		z-index: 1;
		display: block;
	}
	
	.widget ul {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}
	
	.widget ul li {
	    color: #FFF;
	    padding: 1rem;
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
		margin-bottom: 5rem;
		position: relative;
		justify-content: center;
		text-align: center;
	}
	
	.widget ul li:hover {
		cursor: pointer;
	}
	
	.widget ul li div a {
	    font-size: 1.4rem;
	    color: #FFF;
	    padding: 1rem;
	    text-decoration: none;
	    height: auto;
	    margin: 0 auto;
	    display: table;
	}
	
	.widget ul li div li {
		margin: 0;
	}
	
	.widget ul li div {
	    background: #77c000;
		display: none;
		position: absolute;
		right: 10rem;
		width: 15rem;
	}
	
	.widget ul li i {
	    background: #77c000;
	    color: #FFF;
	    padding: 1rem;
		transform: rotate(-90deg);
	}
	
	.widget ul li i:hover {
		background: #0070ba;
	}
	
	.widget ul li.show div {
		display: block;
	}
	
	.widget ul li.show a:hover {
		text-decoration: underline;
	}
	

}


/* SCREEN 992px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 992px) {
		
		header.desktop .container-fluid {
			position: relative;
		}
		
		.lienSite img {
			width: 50%;
		}
		
		.lienSite {
		    right: 3rem;
		    top: 5rem;
		}
			
	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/
	
		.menu .sub-menu li a {
			font-size: 1.4rem;
		}
		
		.logo img {
			width: 25%;
		}
		
		.banniere .content {
			transform: inherit;
			top: 0;
			bottom: 0;
		}
		
		.banniere .content p:first-of-type {
			margin-top: 3rem;
		}
		
		.banniere .content p {
			font-size: 2.6rem;
		}
		
		.banniere .content img {
			margin-bottom: 2rem;
		}
		
		.partenaires p {
			min-height: 0;
		}
		
		.partenaires .container-fluid > .row > div {
			padding: 0 2rem;
		}
		
		.chiffres .row {
			justify-content: center;
		}
		
		.singleChiffre p:first-of-type {
			font-size: 4rem;
		}
		
		.contacts img {
			width: 50%;
		}
		
		ul.gform_fields {
			display: flex;
			flex-wrap: wrap;
		}
		
		ul.gform_fields > li:first-of-type,
		ul.gform_fields > li:nth-of-type(2),
		ul.gform_fields > li:nth-of-type(3),
		ul.gform_fields > li:nth-of-type(4) {
			width: 47%;
		}
		
		ul.gform_fields > li:first-of-type,
		ul.gform_fields > li:nth-of-type(3) {
			margin-right: 2rem;
		}
		
		ul.gform_fields > li:last-of-type {
			width: 100%;
		}
		
		input[type = 'submit'] {
		    width: 35%;
		}
		
		.contacts select {
			width: 99%;
		}
		
		/* INFOS PRATIQUES ------------------------------------------------------------------------------------------*/
		
		.infosCoordonnees {
			margin: 4rem 0;
		}
		
		.infosPratiques .map iframe {
		    height: 40rem;
		}
		
		.bouton {
			padding: 2rem 5rem;
		}
		
		.bouton a {
			font-size: 2rem;
		}
		
		.contentEtablissements {
			display: flex;
		}
		
		.contentEtablissements p:first-of-type {
			margin-right: 1rem;
		}
		
		/* SINGLE EXPOSANTS ------------------------------------------------------------------------------------------*/
	
		.exposantSingleDetails .bouton,
		.pack .bouton,
		.sponsor .bouton {
			padding: 1.5rem;
		}
		
		.exposantSingleDetails .bouton a,
		.pack .bouton a,
		.sponsor .bouton a {
			font-size: 1.8rem;
		}
		
		/* PACK EXPOSANT ------------------------------------------------------------------------------------------*/
		
		.pack h1 {
			line-height: 3.5rem;
		}
		
		.flex {
			display: flex;
		}
		
		.flex p:first-child {
			margin-right: 1rem;
		}


		
}	


/* SCREEN 1200px ------------------------------------------------------------------------------------------*/	


@media screen and (min-width : 1200px) {
	
	.lienSite {
	    top: 1rem;
	}
	
	.lienSite img {
		margin: 0;
		float: right;
	}
	
	p.lienFranceHydro {
		text-align: right;
	}
	
	.menu {
		margin: 4rem 0;
	}
	
	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/
		
		.logo img {
			width: 22%;
			position: absolute;
		    top: 0;
		    left: 2rem;
		    z-index: 2;
		}
		
		.menu {
			justify-content: flex-start;
		}
		
		.menu li a {
			font-size: 1.5rem;
		}
		
		.lienSite {
			width: 12rem;
		}
		
		.lienSite img {
			width: 80%;
		}
		
		.banniere .content p {
		    font-size: 3.2rem;
		    line-height: 4.5rem;
		}
		
		.presentation p:first-of-type {
		    font-size: 1.8rem;
		    line-height: 3rem;
		    margin-bottom: 2rem;
		}
		
		.presentation .row > div:first-of-type,
		.contacts .row > div:first-of-type {
			padding-right: 3rem;
		}
		
		.partenaires, 
		.chiffres {
			padding: 8rem 0;
		}
		
		.presentation, 
		.infos, 
		.contacts,
		.pourquoiVisiter,
		.infosPratiques,
		.exposants,
		.exposantSingleDetails,
		.pack,
		.sponsor {
			margin: 8rem 0;
		}
		
		h1, h2 {
			font-size: 3rem;
			margin: 0 0 2.5rem 0;
			line-height: 3.5rem;
		}
		
		h1:after, h2:after {
			margin: 1rem 0 0 0;
		}
		
		.banniere .content p:first-of-type {
			margin-top: 4rem;
		}
		
		.singleInfo:hover:after {
			display: none;
		}
		
		.singleInfo a {
			font-size: 4rem;
		}
		
		.singleChiffre p:first-of-type {
			font-size: 4rem; 
			margin-bottom: 2.5rem;	
		}
		
		.slick-dots li button:before {
			font-size: 3rem;
		}
		
		.contacts p.titleContacts,
		.contacts .row > div:last-of-type p:first-of-type,
		.singleChiffre > p:last-of-type {
			font-size: 1.8rem;
		}
		
		.contacts li {
			margin-bottom: 2rem;
		}
		
		.contacts select {
			width: 98%;
		}
		
		/* POURQUOI VISITER ------------------------------------------------------------------------------------------*/
		
		.edito:before, .edito:after {
			font-size: 3rem;
		}
		
		.edito:after {
			top: -2rem;
			left: 3.5rem;
		}
		
		.pourquoiVisiter h1 {
			margin: 0 0 5rem 0;
		}
		
		.pourquoiVisiter .presidente img {
			width: 40%;
		}
		
		/* INFOS PRATIQUES ------------------------------------------------------------------------------------------*/
				
		.infosCoordonnees {
			margin: 6rem 0;
		}
		
}

/* SCREEN 1440px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1440px) {
	

	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/
		
		.banniere .content {
			right: 12rem;
		}

		.banniere .content p:last-of-type {
			margin: 4rem 0 0 0;
		}
		
		.banniere .content p:first-of-type {
		    margin-top: 6rem;
		}
		
		.banniere .content img {
			margin: 3rem auto 3rem auto;
		}

		.menu > li {
			margin: 0 1.5rem;
		}
	
		.logo img {
			width: 25%;
		}
}

/* SCREEN 1680px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1680px) {

	body {
		box-shadow: 0px 4px 7px rgba(22, 27, 68, .4);
	    max-width: 168rem;
	    margin: 0 auto;	
	}
	
	
	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/

		.banniere .content {
			right: 24rem;
			width: 20%;
		}
		
		.banniere .content p:first-of-type {
		    margin-top: 10rem;
		}

}

/* SCREEN 1920px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1920px) {

	/* MAIN ------------------------------------------------------------------------------------------*/
		
		/* HOMEPAGE ------------------------------------------------------------------------------------------*/

		.banniere .content {
			right: 36rem;
			padding: 1.5rem;
			width: 22%;
		}
		
		.banniere .content p {
			line-height: 5rem;
			font-size: 4rem;
		}
		
		.banniere .content img {
			margin: 8rem auto;
		}
		
		.banniere .content p:first-of-type {
		    margin-top: 14rem;
		}

}


@media screen and (min-width : 1360px) and (max-height : 768px) {
	
	.widget {
		top: 65%;
	}

}