/*rouge : #9E2C21; bleu #114d61;*/
*{box-sizing : border-box;}
body {margin:0px; padding : 0px; color:#51636C;font-size:18px;line-height:1.4;min-width:760px;font-family:'Raleway';min-width:1000px;}
.adminimal-admin-toolbar header,
.adminimal-admin-toolbar #block-multi-local-tasks {top:39px;}
.adminimal-admin-toolbar.toolbar-tray-open header,
.adminimal-admin-toolbar.toolbar-tray-open #block-multi-local-tasks {top:78px;}
.mobile-only{display:none;}
h1 {
	font-family:"Open Sans";
	font-size:30px;
	font-weight:bold;
}
.toolbar-fixed #block-multi-local-tasks {
	background:rgba(255,255,255,0.7);
	padding:5px 10px;
	position:fixed;
	left:10px;
	z-index:104;
}
.floatleft {float:left;margin-right:20px;}
.floatright {float:right;margin-left:20px;}
img {
	max-width:100%;
	height:auto;
}
a, .field--type-text-long a {
	 color:#16A4C0;
}

h1 {
	margin:0px
}
span.pink {color:#E52563}
#block-multi-local-tasks ul {
	margin:0px;
}
#block-multi-local-tasks ul li {
	display:inline-block;
	margin:0px;
	padding:0px;
	font-size:12px;
}

main { 
	margin:auto;
	clear:both;
	min-height:800px;
}
ul {
	padding-left:20px;
}
h1, h2, h3 {
	font-family:"Open Sans";

}
#user-login-form {
	padding:15px;
	margin:auto;
	max-width:400px;
}
#user-login-form input {
	width:auto;
	max-width:100%;
	padding:8px 12px;
}
input[type=submit] {
	border:0px;
	margin:auto!important;
	display:block;
	background: #114d61;
	color:white;
	padding:10px 15px;
	
}
.views_slideshow_controls_text_pause {
  display: none!important;
}
/* HEADER */
.adminimal-admin-toolbar.toolbar-tray-open header {
  top: 0px!important;
}
#block-multi-local-tasks {
	top:80px!important;
}
header {
	background:white;
	position:relative;
	width:100%;
	left:0px;
	top:0px;
	min-width:760px; 
	z-index:100;
}
header .region-surheader {
	max-width:1140px;
	margin:auto;
	padding:15px 10px 15px;
	position:relative;
}
header .region-surheader .block-views-blockheader-logoheader {
	float:left;
	
}
header .region-surheader .views-field-field-logo img {
	height:58px;
	width:auto!important;
}

header .region-header {
	width:100%;

	margin:0px auto;
	padding-bottom:10px;
	//position:relative;
}
header .region-header {
	text-align:center;
}

#block-surmenu {
	position:absolute;
	top:20px;
	right:20px;
	
}
header .region-header nav.menu--main {
	padding-top:20px;
}
header .region-header .block-views-blockrs-rs {
	padding-top:10px;
}
#block-views-block-header-logo {  
	float:left;
  padding: 10px;
  text-align: center;
 
}
#block-views-block-header-logo > div {
	
}
#block-views-block-header-logo a {
}
header .region-header .block-logo {
	padding:10px;
}
header .region-header .block-logo img {
	height:70px;
	width:auto;
}
header nav.block-menu > ul {
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
}
header nav.block-menu > ul > li {
	display:inline-block;
	margin:0px 1%;
	padding:0px 2px;
	vertical-align:top;	
	position:relative;
}
header nav.block-menu > ul > li a,
header nav.block-menu >ul > li > a:visited,
header nav.block-menu >ul> li> span
 {
	display:block;
	text-decoration:none;
	padding:6px 15px;
	height:100%;
	font-size:18px;
	cursor:pointer;
	font-family:"Montserrat";
	font-weight :400;
	text-transform:uppercase;
	color:inherit;
}
header nav.block-menu > ul > li:hover a:hover,
header nav.block-menu >ul > li > a:visited,
header nav.block-menu >ul> li> span:hover {
	text-decoration:none;
}
header nav.block-menu > ul > li > a.is-active, 
header nav.block-menu > ul > li.menu-item--active-trail > span {
	font-family:"Montserrat";
	color:inherit;
	font-weight:bold!important;
}

header nav.block-menu > ul > li a.is-active {
	font-weight:bold;
}
header nav.block-menu > ul > li> ul {
	position:absolute;
	top:44px;
	left:50%;
	transform:translateX(-50%);
	max-height:0px;
	z-index:2;
	transition:all 0.2s ease;
	padding:0px;
	margin:0px;
	box-shadow: 0px 2px 6px #00000029;
	background: white;
	text-align:left;
	overflow:hidden;
	min-width:250px;
	border:0px!important;
}

header nav.block-menu > ul > li:hover> ul:before {
	display:block;
}
header nav.block-menu > ul > li> ul > li {
	white-space:nowrap;
}
header nav.block-menu > ul > li> ul > li > a {
	padding:5px 20px;
}
header nav.block-menu > ul > li> ul > li > a:hover {
	text-decoration:underline;
}
header nav.block-menu > ul > li> ul > li > a.is-active {
	color:inherit;
	font-weight:bold;
}
header nav.block-menu > ul > li:hover > ul,
header nav.block-menu > ul > li > ul:hover {
	padding:15px 0px;
	max-height:500px;
	overflow:visible;
	border-top:2px solid #00B1C0;
}
header nav.block-menu > ul > li:hover a {
	color:
}
.block-views-blockrs-rs .views-row {
	display:inline-block;
	vertical-align:top;
	padding:2px 2px;
}

#block-surmenu {
	padding:10px 10px 0px;;
}
#block-surmenu ul li a {
	background:#00A4C0; 
	display:block;
	padding:5px 20px;
	color:white;
	text-transform:uppercase;
	border-radius:30px;
	font-weight:normal;
	min-width:230px;
	
}
#block-surmenu ul li:hover a,
#block-surmenu ul li a.is-active {
	color:white!important; 
}


#block-views-block-footer-rs {
	padding:13px 10px;
	position:absolute;
	top:20px;
	right:280px;
}

#block-selecteurdelangue {
	padding:13px 10px;
	position:absolute;
	top:20px;
	right:340px;
}

#block-selecteurdelangue ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#block-selecteurdelangue ul li {
	display:block;
}
#block-selecteurdelangue ul li.is-active {
	display:none;
}

#block-selecteurdelangue ul a {
	display:block;
	width:30px;
	height:30px;
	background-size:cover!important;
	font-size:0px;	
}

#block-selecteurdelangue ul .en a {
	background:url("../images/en.png") center center no-repeat;
}

#block-selecteurdelangue ul .fr a {
	background:url("../images/fr.jpg") center center no-repeat;
}



#block-views-block-footer-rs .views-field-field-picto img {
	height:30px;
}


#burger {
	width:100px;
	height:91px;
	background: url("../images/burger.png") no-repeat center center white;
	cursor:pointer;
}


.view-header-diaporama .views_slideshow_main, 
.view-header-diaporama .views_slideshow_main > div, 
.view-header-diaporama .views_slideshow_main > div > div, 
.view-header-diaporama .views_slideshow_main > div > div > div {
	height:280px!important;
}







/*** PAGES ***/


#block-pagetitle {text-align:center;padding: 60px 10px;background:#8EB116;color:white;position: relative;}
#block-pagetitle h1 {
	display:inline-block;
	color:white;
		max-width:1000px;
	padding:10px;
	margin:auto
}
#block-multi-page-title {
	padding:0px 0px 0px;
	max-width:100%;
	margin:auto;
	text-align:center;
	text-transform:uppercase;	
}
img.align-left {margin-right:20px; margin-bottom:10px;}
img.align-right {margin-left:20px; margin-bottom:10px;}
a.bouton {
	cursor: pointer;
text-transform: uppercase;
background: #004091;
padding: 10px 20px;
color: white;
display: inline-block;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
text-decoration:none;
}
.page-node-type-page-paragraphs h1 {
	text-align:center;
}
/**** PARAGRAPHS ****/
.field--name-field-element-de-page {
}
.field--name-field-element-de-page .field--name-field-element-de-groupe > .field__item {
	max-width:1200px;
	margin:auto;
	padding:10px;
}
/*** GROUPES ***/
.paragraph--type--groupe {
	display:inline-block;
	vertical-align:top;
	clear:both;
}
.paragraph--type--groupe.flex > .inner-group {
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
}
.paragraph--type--groupe.flex > .inner-group > .paragraph--type--groupe {
flex:1;
}
        /******* Liste personnalisée ********/
.paragraph--type--liste > .field--name-field-titre {
	text-transform:uppercase;
	font-weight:800;
	font-size:20px;
	padding:15px 0px;
}
.paragraph--type--liste {
	padding:10px 0px;
}
.paragraph--type--liste.accordeon {
	
}
.paragraph--type--liste.accordeon .views-row {
	margin-top:10px;
	margin-bottom:20px;
	border:2px solid #114d61;
	background:white;
}
.paragraph--type--liste.accordeon .views-row .views-field-field-titre {
	cursor:pointer;
	position:relative;
	padding:10px 15px 10px 50px;
	font-weight:bold;
	font-size:20px;
	color:#004091;
}
.paragraph--type--liste.accordeon .views-row .views-field-field-titre h3 {
	margin:0px;
}
.paragraph--type--liste.accordeon .views-row .views-field-field-texte { 
	max-height:0px;
	transition:all 0.3s ease;
	overflow:hidden;
	padding:0px 15px 0px 50px;
}
.paragraph--type--liste.accordeon .views-row.open .views-field-field-texte { 
	max-height:1700px;
	padding:0px 15px 10px 50px;
}
.paragraph--type--liste.accordeon .views-row .views-field-field-titre:after {
	position:absolute;
	top:10px;
	left:15px;
	content:"⯈";
	transform:rotate(0deg);
	transition:all 0.2s ease;
	font-size:22px;
}
.paragraph--type--liste.accordeon .views-row.open .views-field-field-titre:after {
	transform:rotate(90deg);
}	
	
	
	
	
.horizontal-tabs .view-block-liste > .view-content .views-row .views-field-field-texte,
.vertical-tabs .view-block-liste > .view-content .views-row .views-field-field-texte {
	display:none;
}	
.horizontal-tabs .view-block-liste > .view-content .views-row .views-field-field-titre,
.vertical-tabs .view-block-liste > .view-content .views-row .views-field-field-titre{
	padding:5px;
}
.horizontal-tabs .view-block-liste > .view-content {
	letter-spacing:-0.31em;
}
.horizontal-tabs .view-block-liste > .view-content .views-row {
	display:inline-block;
	vertical-align:bottom;
	padding:8px 12px;
	cursor:pointer;
	color:grey;
	border:2px solid #004091;
	margin-left:-2px;
	letter-spacing:normal;
	position:relative;
	background:white;
}	
.horizontal-tabs .view-block-liste > .view-content .views-row:first-child {
	margin-left:0px;
}
.horizontal-tabs .view-block-liste > .view-content .views-row.open {	
	border-bottom: 0px solid white;
	background:white;
	font-weight:600;
	color:black;
	background:white;
	padding:12px 12px;
	z-index:2;
}
.horizontal-tabs .view-block-liste > .view-footer,
.vertical-tabs .view-block-liste > .view-footer {
	padding : 10px 20px;
	border:2px solid #004091;
	margin-top:-3px;
	background:white;
} 
.vertical-tabs .view-block-liste {
  letter-spacing : -0.31em;
}
.vertical-tabs .view-block-liste .view-content,
.vertical-tabs .view-block-liste .view-footer {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
.vertical-tabs .view-block-liste > .view-content {
	position:relative;
	z-index:2;
	width:25%;
	text-align:right;
	letter-spacing:-0.31em;
}
.vertical-tabs .view-block-liste .view-footer {
	width:75%;
	margin-left:-2px;
	overflow:hidden;
}
.vertical-tabs .view-block-liste > .view-content .views-row {
	position:relative;
	display:inline-block;
	background:white;
	cursor:pointer;
	border:2px solid #004091;
	width:96%;
	margin-top:-3px;
	text-align:left;
	padding:10px;
	letter-spacing:normal;
	font-weight:600;
	text-transform:uppercase;
	font-size: 18px;
}
.vertical-tabs .view-block-liste .view-content .views-row.open {
	cursor:pointer;
	border-right:0px solid white;
	width:100%;
	font-weight:700;
	z-index:2;
}
	
	
	
	
			/* LISTE DE CONTENUS PAR TYPE */
.paragraph--type--liste-de-contenus-par-type .view {
	letter-spacing:-0.31em;
}
			
.paragraph--type--liste-de-contenus-par-type .views-row {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	padding:8px 20px 20px;
}
.paragraph--type--liste-de-contenus-par-type .views-row img { max-width:100%; height:auto; }
.paragraph--type--liste-de-contenus-par-type .views-row .views-field-field-titre-liste { font-size:20px; font-weight:600; padding:5px 0px;}
.paragraph--type--liste-de-contenus-par-type .views-field-field-date {text-transform:uppercase; color:#FF9000; padding:10px 0px;}
.paragraph--type--liste-de-contenus-par-type .views-field-view-node a {display:inline-block; color:white; background:#FF9000; color:white; padding:8px 18px;text-decoration:none; margin-top:15px; text-transform:uppercase; border:2px solid #FF9000; }
.paragraph--type--liste-de-contenus-par-type .views-field-view-node a:hover { /*color:#FF9000; background:white;*/ }
.paragraph--type--liste-de-contenus-par-type .views-field-field-resume {font-size:14px;}
.paragraph--type--liste-de-contenus-par-type.cols1 .views-row { width:100%; }
.paragraph--type--liste-de-contenus-par-type.cols2 .views-row { width:50%; }
.paragraph--type--liste-de-contenus-par-type.cols3 .views-row { width:33.33%; }
.paragraph--type--liste-de-contenus-par-type.cols4 .views-row { width:25%; }
.paragraph--type--liste-de-contenus-par-type.style1 .views-row .views-field-field-image-liste {width:50%; float:left; margin-right:15px;}
.paragraph--type--liste-de-contenus-par-type.style2 .views-row .views-field-field-image-liste {width:50%; float:left;margin-right:15px;}
.paragraph--type--liste-de-contenus-par-type.style3 .views-row > div {text-align:center;}
.paragraph--type--liste-de-contenus-par-type.style3 .views-row .views-field-field-titre-liste {padding:5px 0px;}
.paragraph--type--liste-de-contenus-par-type.style4 .views-row > div {text-align:center}
.paragraph--type--liste-de-contenus-par-type.style4 .views-row .views-field-field-titre-liste {padding:5px 0px;}
.paragraph--type--liste-de-contenus-par-type.style4 .views-row .views-field-field-resume {display:none;}
.paragraph--type--liste-de-contenus-par-type.style5 .views-row .views-field-field-image-liste {display:none;}
.paragraph--type--liste-de-contenus-par-type .date-evt {display:none;}
.paragraph--type--liste-de-contenus-par-type.style6 .views-row .date-evt {
	display:inline-block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	line-height:1.1;
}
.paragraph--type--liste-de-contenus-par-type.style6 .views-field-field-date {display:none;}
.paragraph--type--liste-de-contenus-par-type.style6 .views-row .date-evt .views-field-field-date-1 {
	display:block;
  background-color: #004091;
  -webkit-mask: url("../images/fond-evt.png") center center no-repeat;
	-webkit-mask-size: auto 100%;
  mask: url("../images/fond-evt.png") center center no-repeat;
	mask-size : auto 100%;
	padding:55px 20px 15px;
	font-size:34px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
}
.paragraph--type--liste-de-contenus-par-type.style6 .mois {
	font-size:20px;
	font-weight:600;
	display: block;
}
.paragraph--type--liste-de-contenus-par-type.style6 .views-field-field-date-2 {
	text-align:center;
	font-size:26px;
	font-weight:600;
	padding:10px;
	color:#004091;
}
.views-field-field-lieu {
	font-style:italic;
	padding-bottom:10px;
}
			/* LISTE DE CONTENUS PAR TYPE */
.paragraph--type--block-de-contenus .view {
	letter-spacing:-0.31em;
}
			
.paragraph--type--block-de-contenus .views-row {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	padding:8px 20px 20px;
}
.paragraph--type--block-de-contenus .views-row img { max-width:100%; height:200px;width:auto; }
.paragraph--type--block-de-contenus .views-row .views-field-field-titre-liste { font-size:20px; font-weight:600; padding:5px 0px;}
.paragraph--type--block-de-contenus .views-field-field-date {text-transform:uppercase; color:#FF9000; padding:10px 0px;}
.paragraph--type--block-de-contenus .views-field-view-node a {display:inline-block; color:white!important; background:#FF9000; color:white; padding:8px 18px;text-decoration:none; margin-top:15px; text-transform:uppercase; border:2px solid #FF9000; }
.paragraph--type--block-de-contenus .views-field-view-node a:hover { /*color:#FF9000; background:white;*/ }
.paragraph--type--block-de-contenus .views-field-field-resume {font-size:14px;}
.paragraph--type--block-de-contenus.cols1 .views-row { width:100%; }
.paragraph--type--block-de-contenus.cols2 .views-row { width:50%; }
.paragraph--type--block-de-contenus.cols3 .views-row { width:33.33%; }
.paragraph--type--block-de-contenus.cols4 .views-row { width:25%; }
.paragraph--type--block-de-contenus.style1 .views-row .views-field-field-image-liste {width:50%; float:left; margin-right:15px;}
.paragraph--type--block-de-contenus.style2 .views-row .views-field-field-image-liste {width:50%; float:left;margin-right:15px;}
.paragraph--type--block-de-contenus.style3 .views-row > div {text-align:center;}
.paragraph--type--block-de-contenus.style3 .views-row .views-field-field-titre-liste {padding:5px 0px;}
.paragraph--type--block-de-contenus.style4 .views-row > div {text-align:center}
.paragraph--type--block-de-contenus.style4 .views-row .views-field-field-titre-liste {padding:5px 0px;}
.paragraph--type--block-de-contenus.style4 .views-row .views-field-field-resume {display:none;}
.paragraph--type--block-de-contenus.style5 .views-row .views-field-field-image-liste {display:none;}
.paragraph--type--block-de-contenus .date-evt {display:none;}
.paragraph--type--block-de-contenus.style6 .views-row .date-evt {
	display:inline-block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	line-height:1.1;
	font-style:italic;
}
.paragraph--type--block-de-contenus.style6 .views-row .date-evt .views-field-field-date {
	font-style:italic;
}
.paragraph--type--block-de-contenus.style6 .views-row .views-field-field-image-liste,
.paragraph--type--block-de-contenus.style6 .views-row .date-evt {display:none}
.paragraph--type--block-de-contenus.style6 .views-row {
	padding-left:45px;
	background:url("../images/event.png") no-repeat top 20px left;
	background-size:30px auto;
	}
.paragraph--type--block-de-contenus.style6 .views-row .date-evt .views-field-field-date-1 {
	display:block;
  background-color: #004091;
  -webkit-mask: url("../images/fond-evt.png") center center no-repeat;
	-webkit-mask-size: auto 100%;
  mask: url("../images/fond-evt.png") center center no-repeat;
	mask-size : auto 100%;
	padding:55px 20px 15px;
	font-size:34px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
}
.paragraph--type--block-de-contenus.style6 .mois {
	font-size:20px;
	font-weight:600;
	display: block;
}
.paragraph--type--block-de-contenus.style6 .views-field-field-date-2 {
	text-align:center;
	font-size:26px;
	font-weight:600;
	padding:10px;
	color:#004091;
}
.views-field-field-lieu {
	font-style:italic;
	padding-bottom:10px;
}
		/* DIAPORAMA */
.view-block-diaporama {
	position:relative;
}
.views_slideshow_main ,
.views_slideshow_main > div,
.views_slideshow_main > div > div,
.views_slideshow_main > div > div > div {
	width:100%;
	
}
.views_slideshow_main > div > div > div {
	position:relative;
	overflow:hidden;
}
.views_slideshow_main > div > div > div video {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:auto;
	transform:translate(-50%, -50%);
}
.views_slideshow_main .views-row {
	background-position:center center;
	background-size:cover;
}
.views_slideshow_main .views-field-id,
.views_slideshow_main .views-field-field-couleur-de-fond,
.views_slideshow_main .views-field-field-image-de-fond {
	display:none;
}
.views_slideshow_main .views-field-field-images-header {
	display:none;
}
.views_slideshow_main .views-field-field-texte {
	//background:rgba(255,255,255,0.8);
	position:absolute;
	bottom:10%;
	left:50%;
	transform:translate(-50%, 0%);
	padding:20px;
	width:80%;
	height:auto;
	max-height:90%;	
	//text-shadow:2px 2px 14px black;
	font-weight:600;
	letter-spacing:4px;
}
.views_slideshow_main .views-field-field-lien a {
	display:block;
	font-size:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.views_slideshow_controls_text_pause {
	display:none;
}
.views-slideshow-controls-bottom .item-list {
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	z-index:90;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
	background:white;
	box-shadow:0px 0px 10px -5px black;
}
.views_slideshow_main h1,
.views_slideshow_main h2,
.views_slideshow_main h3,
.views_slideshow_main a {
	//color:white!important;
}
/*** POPUP ***/
.close {
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:50px;
	color:#004091;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	transform:scaleY(0.7);
	
}
.paragraph--type--pop-up {
	text-align:center;
}
.paragraph--type--pop-up .field--name-field-bouton {
	cursor:pointer;
	text-transform:uppercase;
	padding:10px 20px;
	color:white;
	display:inline-block;
	font-size:24px;
}
.paragraph--type--pop-up .field--name-field-popup {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:108;
	background:rgba(0,0,0,0.8);
	overflow:auto;
	padding:40px 10px;
	text-align:left;
}
.paragraph--type--pop-up .field--name-field-popup.open {
	display:block;
	overflow-y:auto;
}
.paragraph--type--pop-up .field--name-field-popup > div {
	/*position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	*/
	width:100%;
	max-width:800px;
	padding:30px 20px;	
	background:white;
	position:relative;
	margin:auto;
}
.paragraph--type--lien-externe {
	text-align:center;
}
.paragraph--type--video .video-embed-field-responsive-video iframe {
	//position:relative;
	//width:100%!important;
	//max-width:600px!important;
	
}
/************************************** FORMULAIRES *****************************/
form.webform-submission-form input[type=text],
form.webform-submission-form input[type=email],
form.webform-submission-form input[type=tel],
form.webform-submission-form select,
form.webform-submission-form textarea {
	border:1px solid #333;
	color:#51636C;
padding:8px 15px;	
outline:none;
}
form.webform-submission-form .webform-document-file {
	display:inline-block;
}
form.webform-submission-form .bouton-televerser {
	display:inline-block;
	border:2px solid #00A19B;
	padding:5px 20px 4px;
	cursor:pointer;
	color:#00A19B;
	font-weight:600;
}
form.webform-submission-form .form-actions {
	padding-top:0px;
	text-align:center;
}
form.webform-submission-form input[type=submit] {
border:0px solid #00A19B;
background:#00A19B;
color:white;
padding:8px 15px;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
}
/****** NODE CONTENU ******/
.node--type-contenu {
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:20px;
}
.node--type-contenu .field--name-field-date {
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:40px;
	font-size:20px;
	color:#FD9828;
}
.node--type-contenu .field--name-field-image {
	max-width:400px;
	float:left;
	margin-right:30px;
}
.node--type-contenu .field--name-field-image img {
 height:auto; 
}
.node--type-contenu .field--name-field-adresse-pour-maps {
	float:right;
	margin-left:20px;
}
.node--type-contenu .field--name-field-lieu {
 font-weight:600;
 font-style:italic;
}
.node--type-contenu hr {
	clear:both;
	width:100%;
	display:block;
	overflow:auto;
	border:0px;
}
.field--name-field-fichier {
	text-align:center;
	padding:20px 10px;
}
.file {
	background:transparent!important;
	padding-left:0px;
}
.field--name-field-fichier a {
	text-transform:uppercase;
	color:white!important;
	text-decoration:none;
	background:#114d61;
	padding:10px 20px;
	font-weight:600;
} 
.field--name-field-video-integree {
	text-align:center; 
padding:10px 5px;	
}
.field--name-field-video-integree iframe{
max-width:100%!important;
}













/**** FOOTER ****/



.views-field-field-picto img {
	height:48px;
	width:auto;
}

#block-views-block-footer-newsletter {
	padding:20px 10px;
	background:#39444A;
	color:white;
	text-align:center;
}

#block-views-block-footer-newsletter input {
	max-width:330px;
	padding:12px 15px;
	border:0px;
	display:inline-block;
	text-align:left;
}
#block-views-block-footer-newsletter .form-actions {
	padding-top:10px;
}
#block-views-block-footer-newsletter .form-actions input {
	margin-left:20px;
	padding:11px 15px;
}

.webform-submission-inscription-a-la-note-ireedd-form {
	text-align:center;
}
.webform-submission-inscription-a-la-note-ireedd-form > .webform-elements {
	display:inline-block;
	vertical-align:top;
	padding:10px;
	margin:0px;
}
.webform-submission-inscription-a-la-note-ireedd-form > .webform-elements > * {
	display:inline-block;
	padding:0px 10px;
	margin:0px!important;
}
footer .region-footer {
	width:100%;
	margin:0px auto;
	position:relative;
	text-align:center;
}
#block-views-block-footer-block-1 > div > .view-footer > .view-content {
	max-width:1100px;
	margin:auto;
}
.views-field-field-titre-footer {
	font-family:"Montserrat";
	font-size:35px;
	font-weight:bold;
	padding:20px 10px;
}
.view-footer .fieldset > div {
	display:inline-block;
	vertical-align:middle;
}
.view-footer .views-field-view .field-content .view-content .views-row {
	display:inline-block;
	padding:0px 15px;
}
.views-field-field-footer {
	padding-bottom:10px;
}
.views-field-field-footer-baseline .field-content div {
	display:inline-block;
	vertical-align:middle;
	padding:10px;
}
footer a {
	color:white;
}
#block-burger {display:none;}
.menu--footer ul.menu {
	display:inline-block;
}

#block-multi-main-menu {
	font-weight:bold;
}
a.button, .paragraph--type--liste-de-contenus-par-type .views-field-view-node a,.paragraph--type--pop-up .field--name-field-bouton, form.webform-submission-form input[type="submit"] {
	display:inline-block;
	color:white!important;
	text-transform:uppercase;
	background:#00A4C0;
	padding:10px 20px;
	text-decoration:none;
	position:relative;	
	font-weight:bold;
	border:0px;
	letter-spacing:1px;
}
footer {text-align:center;}
footer span,
footer a {
	color:white!important;
}
.paragraph--type--liste-de-contenus-par-type .views-field-view-node a {
	background:white;
	color:#9E2C21!important;
	border:2px solid #9E2C21;
}

.region-footer-baseline {
	max-width:1100px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.region-footer-baseline a {
	color:inherit!important;
	text-decoration:none;
}


  
  
  
  
  
  
  
 /*IREEDD */
 
 /* ACCUEIL */

.path-frontpage #block-pagetitle {display:none;}

.path-frontpage .group-header {
	position:relative;
}
.path-frontpage .group-header .field--name-field-texte-header {
	max-width:700px;
	padding:10px;
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:white;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

.path-frontpage .field--name-field-intro {
	padding:10px;
	line-height:40px;
	max-width:750px;
	margin:auto;
	text-align:center;
}
.field--name-field-citation {
	text-align:center;
	font-size:22px;
	font-family:"Montserrat";
	margin:15px 0px;
	padding:20px 10px;
	background:#51636C;
	color:white;
	font-style:italic;
	width:100%;
	margin-bottom:70px;
}

.field--name-field-blocks-accueil {
	display:flex;
	line-height:40px;
	max-width:950px;
	margin:10px auto 0px;	
}

.field--name-field-blocks-accueil > div {
	flex:1;
	display: flex;
}

.paragraph--type--block-accueil {
	padding:40px 40px 30px;
	
}
.paragraph--type--block-accueil .field--name-field-titre {
	font: Bold 28px/40px Montserrat;
	text-transform:uppercase;
	text-align:center;
}

.paragraph--type--block-accueil .field--name-field-lien {
	text-align:right;
}
.paragraph--type--block-accueil .field--name-field-lien:before {
	content:'→';
	color:white;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	margin-right:10px;
	
}
.paragraph--type--block-accueil .field--name-field-lien a {
	color:white;
	font:Medium 20px/32px Montserrat;
}

.chiffres {
	padding:50px 10px;
	background:#51636C;
	text-align:center;
	display:none;
}

.chiffres .chiffres-inner {
	margin:auto;
	max-width:1000px;
	
}
.field--name-field-titre-chiffres {
	color:white;
	font: Bold 28px/40px Montserrat;
	text-transform:uppercase;
}
.chiffres .chiffres-inner .field--name-field-chiffres {
	display:flex;
	justify-content:space-between;
	padding-top:50px;
}
.chiffres .chiffres-inner .field--name-field-chiffres > div {
	
	padding:10px;
}

.chiffres .chiffres-inner .field--name-field-chiffres .field--name-field-chiffre {
	margin:0px auto 20px;
	font: bold 80px/132px Montserrat;
	width: 180px;
	height:180px;
	border-radius:50%;
	background:white;
	padding:22px 0px;
	
}

.chiffres .chiffres-inner .field--name-field-chiffres .field--name-field-titre {
	font: 400 35px/56px Montserrat;
	text-transform:uppercase;
}

.field--name-field-bouton-references {
	padding:50px 10px;
	text-align:center;
}
.field--name-field-bouton-references a {
	display:inline-block;
	color:white;
	padding:10px 30px;
	border-radius:40px;
	background:#00A4C0;
	text-transform:uppercase;
text-decoration:none;	
	
}

.dernieres-missions {
	background:#E1E6E8;
	padding:40px 10px;
}







/*** VUE PROJETS ***/

.vue-projets {
	max-width:1200px;
	margin:auto;
}
.vue-projets .views-exposed-form > div {
	display:flex;
	margin-bottom:20px;
}

.vue-projets .views-exposed-form > div:before {
	content:'FILTRES';
	padding:20px 10px;
	margin-right:10px;
}

.vue-projets .views-exposed-form > div > div {
	max-width:230px;
	padding:0px 10px;
}

.vue-projets .views-exposed-form select{max-width:100%;}

.vue-projets .views-exposed-form .js-form-item-term-node-tid-depth > label {
	display:none;
}

.vue-projets .views-exposed-form .form-item-term-node-tid-depth {
	display:flex;
}

.vue-projets .views-exposed-form label { display:block;}


.vue-projets .view-content {
	display:flex;
	flex-wrap: wrap;
	//text-align:center;
	align-content:center;
	justify-content: center;
}
.vue-projets > .view-content > div {
	width:33%;
	padding:30px 10px;
}

.vue-projets .view-content .inner-row {
	position:relative;
	border-radius:20px;
	background:white;
	border: 2px solid #CAD0D2!important;
}
.vue-projets .view-content .titre {
	position:relative;
	height:260px;
	border-radius:18px 18px 0px 0px;
	background:#CAD0D2!important;

}

.vue-projets .view-content .pictos {
	position:absolute;
	top:-30px;
	right:40px;
	z-index:2;
	
}

.vue-projets .view-content .pictos .picto {
	width:60px;
	height:60px;
	border-radius:50%;
	z-index:2;
	text-align:center;
	padding:15px;
	cursor:pointer;
	background:#39444A!important;margin-left:20px;
}

.vue-projets .view-content .titre a {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	font-size:0px;
}




.vue-projets .view-content .titre .inner {
position:absolute;
width:100%;
top:50%;
left:50%;
transform:translate(-50%, -50%);
padding:10px 15px;
text-align: center;
font: Bold 20px/28px Raleway;
}

.vue-projets .view-content .client {
	height:90px;
	padding:10px;
	position:relative;
	height:90px;
}

.vue-projets .view-content .client .inner {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	padding:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	
}
.vue-projets .view-content .client img {
	max-height:70px;
	width:auto;
	max-width: 150px;
}
.vue-projets .view-content .client a {
	color:inherit;
	text-decoration:none;
	
}

.vue-projets .view-content .client ul {
	padding:10px;
	line-height:15px;
	margin:0px;
	list-style:none;
	text-align:left;
}


.paragraph--type--formulaire-de-contact {
	max-width:800px;
	margin:auto;
}
.paragraph--type--formulaire-de-contact select {
	width:100%;
}

.paragraph--type--formulaire-de-contact input,
.paragraph--type--formulaire-de-contact select,
.paragraph--type--formulaire-de-contact textarea {
border:1px solid #8EB116!important}

.form-composite > legend, .label {
	font-weight:normal!important;
}
.paragraph--type--formulaire-de-contact .form-actions {
	text-align:left!important;
}
.paragraph--type--formulaire-de-contact .form-actions input {
	border:0px!important;
	padding:15px 40px;
	
}

.paragraph--type--formulaire-de-contact .webform-type-webform-select-other .form-item {
	margin-top:0px;
	margin-bottom:0px;
}

iframe{display:block;}













/*** UN PROJET ***/


.page-node-type-projet .relative {
	position:relative;
	max-width:750px;
	margin:auto;
	padding:30px 10px;
}

.page-node-type-projet .field--name-field-annee {
	position:absolute;
	top:-60px; 
	left:10px;
	background:#00A4C0;
	border-radius:50%;
	width:120px;
	height:120px;
	color:white;
	font-size:40px;
	text-align:center;
	padding-top:30px;
}

.page-node-type-projet .field--name-field-vue-picto {/* position:absolute; *//* top:80px; *//* left:35px; *//* text-align:center; */}
.page-node-type-projet .field--name-field-vue-picto .inner-row {
	width:70px;
	height:70px;
	border-radius:50%;
	padding-top:15px;
}
.page-node-type-projet .field--name-field-vue-picto .inner-row img {
	height: 40px;
	width:auto;
}


.page-node-type-projet .field--name-field-lieu {
	position:absolute;
	top:20px;
	left:140px;
}

.page-node-type-projet .field--name-field-client {
	text-align:center;
	padding:40px 10px;
}
.page-node-type-projet .field--name-field-client img {
	width:200px;
	height:auto;
}

.contexte_wrapp {background:#C6D88A;position:relative;}

.contexte_wrapp .field--name-field-contexte {max-width:1000px;margin:auto;padding:50px 10px;line-height:40px;position: relative;}
.contexte_wrapp .field--name-field-domaine-d-intervention,
.field--name-field-vue-pictos  {
	position:absolute;
	top:-30px;
	left:15px;
	max-width:1000px;
	margin:auto
	}

.contexte_wrapp .field--name-field-domaine-d-intervention .field__item,
.field--name-field-vue-pictos .views-row {
	position:relative;
	width:60px;
	height:60px;
	border-radius:50%;
	background:#51636C;
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
}
.contexte_wrapp .field--name-field-picto {
	
}
.contexte_wrapp .field--name-field-picto img,
.field--name-field-vue-pictos .views-row img {
	width:50%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.contexte_wrapp .field__label {
	color:white;
	font-size:40px;
	margin-bottom:20px;
	
}
.contexte_wrapp .wrapp_flex {
	display:flex;
	padding:20px 0;
	max-width:1000px;
	margin:auto;
	align-items: center;
	
}




.view-projet.view-display-id-intro > .view-content > .views-row {
	display:flex;
	align-items:center;
	justify-content:center;
}

.view-projet.view-display-id-intro > .view-content > .views-row .views-field-field-logo {
	max-width:200px;
	padding-right:40px;
	position:relative;
	}
.view-projet.view-display-id-intro > .view-content > .views-row .views-field-field-logo > div {
	height:100%;
	position: relative;
}
.view-projet.view-display-id-intro > .view-content > .views-row .views-field-field-logo img {
	
}

.view-projet.view-display-id-intro .intro-wrapper {
	line-height:40px;
}

.view-projet.view-display-id-intro .views-field-field-annee {font-weight:bold;}
*

.details-competences {
	max-width:1000px;
	margin:auto;
	position:relative;
	margin-bottom:30px;
	padding:10px;
	
}

 .field--name-field-details {
	line-height:40px;
	width:68%;
	padding-top:30px;
}
 .field--name-field-details .field__label {
	font-size:40px;
	margin-bottom:20px;
}

.field--name-field-competences-outils {
	background:#00A4C0;	
	width:30%;
	max-width:360px;
	color:white;
	border-radius:20px;
	padding:20px;
	line-height:40px;
}

.details-competences .field--name-field-competences-outils .field__label {
	font-size:34px;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:20px;
}

.field--name-field-photos {
	margin:20px auto;
	max-width: 560px;
}

.field--name-field-photos .imagefield_slideshow-wrapper {
	padding:0px!important;
	border:0px!important;
}

.cycle-slideshow {

}

.field--name-field-photos .cycle-pager {
	text-align:center;
	bottom:15px;
}
.field--name-field-photos .cycle-pager span {
	border:2px solid white!important;
	font-size:0px!important;
	border-radius:50%;
	margin:0px 4px;
}
.field--name-field-photos .cycle-pager span.cycle-pager-active {
	background :white!important;
}

.projets-similaires {
	background:#DCE0E2;
	padding:50px 10px;
}

.field--name-field-titre-projets {
	text-align:center;
	font-family:Montserrat;
	font-size: 28px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:20px;
}



.view-clients > .view-content {
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

.view-clients > .view-content > div {
	width:25%;
	padding:10px;
}


/* EQUIPE */

.page-node-type-equipe .field--name-field-intro {
	max-width:750px;
	margin:30px auto;
	line-height:30px;
}

.page-node-type-equipe .field--name-field-equipe {
	max-width:960px;
	margin:auto;
}

.page-node-type-equipe .field--name-field-equipe .field__label {
	font-size:40px;
	font-family:"Open Sans"
}
.page-node-type-equipe .field--name-field-equipe .field__items {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:20px;
	margin-bottom:40px;
}
.page-node-type-equipe .field--name-field-equipe .field__items > .field__item {
	display:flex;
	width:calc(33.33% - 15px);
	margin-bottom:22px;
}

.page-node-type-equipe .field--name-field-equipe .field__items > .field__item > div {
	display:flex;
	border:1px solid #16A4C0;
	padding:20px;
	border-radius:8px;
}
.page-node-type-equipe .field--name-field-equipe .field--name-field-nom {
	color:#16A4C0;
	font-weight:bold;
}

.page-node-type-equipe .field--name-field-equipe .field--name-field-texte:before {
	content:"";
	display:block;
	width:6px;
	height:2px;
	background:#51636C;
	font-weight:bold;
	margin-top:18px;
}
.page-node-type-equipe .conseil-scientifique {
	background:#C6D88A;
	padding:40px 20px;

}

.page-node-type-equipe .conseil-scientifique .field--name-field-titre-conseil-scientifique,
.page-node-type-equipe .conseil-scientifique .field--name-field-texte-conseil-scientifique {
		max-width:950px;
		margin:auto;
}

.page-node-type-equipe .conseil-scientifique .field--name-field-titre-conseil-scientifique {
	font-size:40px;
	font-family:"Open Sans";
	font-weight:bold;
	color:white;
}




















/*  NOTES  */
.field--name-field-intro {
	max-width:900px;
	margin:40px auto;
	padding:0px 10px;
}
.view-notes > .view-content {
	display:flex;
	flex-wrap : wrap;
	max-width:960px;
	margin:30px auto;
	justify-content:center;
}

.view-notes > .view-content > .views-row { 
	width:28%;
	margin:2%;
	padding:10px 20px;
	background:#51636C;
	color:white;
	border-radius:10px;
	text-align:center;
	padding-bottom:80px;
	position:relative;
}
.view-notes > .view-content > .views-row:hover {
	background:#00A4C0;
}

.view-notes .views-field-field-numero {
	font-size:30px;
	padding:10px;
}
.view-notes .views-field-field-numero:after {
	content:"";
	display:block;
	width:10px;
	height:2px;
	background:white;
	margin:20px auto;
}

.view-notes .views-field-field-fichier a {
	display:inline-block;
	position:absolute;
	bottom:20px;
	left:50%;
	white-space:nowrap;
	transform : translateX(-50%);
	padding:10px 18px;
	border-radius:10px;
	background:white;
	color:#00A4C0;
	font-weight:bold;
	text-decoration:none;
}









/*  Secteurs d'activité  */

.view-secteurs-d-activite > .view-content > .views-row {
	
}
.view-secteurs-d-activite > .view-content > .views-row:nth-child(2n) {
	background:#E1E6E8;
}

.view-secteurs-d-activite > .view-content > .views-row .inner {
	max-width:1000px;
	margin:auto;
	padding:30px 20px 30px 100px;
	position:relative;
}
.view-secteurs-d-activite > .view-content > .views-row .views-field-field-picto {
	position:absolute;
	top:20px;
	left:10px;
	background:#51636C;
	border-radius:50%;
	width:60px;
	height:60px
}
.view-secteurs-d-activite > .view-content > .views-row .views-field-field-picto img {
	width:60%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.field--name-field-intro {
	max-width:950px;
	margin:30px auto;
}

.view-secteurs-d-activite > .view-content > .views-row .views-field-field-titre {
	font-family:"Open Sans";
	font-size:30px;
	font-weight:bold;
}







/* BREADCRUMB */
.page-node-type-accueil #block-breadcrumbs {display:none;}

#block-breadcrumbs {
	min-width:1000px;
	position:absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
	text-align:left;
	font-size:16px;
	padding:20px;
	color:#51636C;
}
#block-breadcrumbs a {
	color:#51636C;
}

a.not-projets {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.view-projets.view-display-id-block .not-projets {display:none;}






input#edit-preview {
	display:none;
}
table.field-multiple-table {
	width:100%;
}


.user-logged-in.path-user .form-type-language-select,
.user-logged-in.path-user #edit-contact,
.user-logged-in.path-user #edit-timezone {
	display:none;
}

.path-sitemap h1 {
	text-align:center;
}

.path-sitemap .sitemap {
	max-width:600px;
	margin:auto;
	padding:10px;
}
.path-sitemap .sitemap li {
	padding:5px;
}
.path-sitemap .sitemap a,
.path-sitemap .sitemap span {
	color:#00B1C0;
	
}

.green {
	color:#8EB116;
}
.paragraph--type--membre-equipe .field--name-field-lien {
	margin-top:-10px;
}
.paragraph--type--membre-equipe .field--name-field-lien a {
	display:inline-block;
	width:30px;
	height:30px;
	background:url("../images/linkedin.png") center center;
	background-size:95% auto;
	font-size:0px;
	line-height:0px;
	margin-top:-10px;
}

.view-clients .views-row a {
	display:block;
	margin:0px auto;
	width:180px;
	height:180px;	
	position:relative;
}

.view-clients .views-row a img {
	position:absolute;
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}










