@charset "UTF-8";
/* PAGE */
.ancre {
	position: absolute;
	margin-top: -200px;
}
.nod {
	position: relative;
	padding-bottom: 1px;
}
.intNod {
	background: #FFF;
	position: relative;
	z-index: 1;
}
.sousTitre {
	text-transform: none;
}
.nod h1 .sousTitre {
	line-height: 1em;
}
.nodT3 h1,
.nodT2 h1 {
	text-transform: none;
	font-size:2em;
	color:#000;
}
.nodActu h1 {
	margin-top: 10px;
}
.nodT2 h2 {
	font-size:1.57em;
}
.nodT2 h3 {
	font-size:1.38em;
}
.nodT2 h4 {
	font-size:1.22em;
}
.nodT2 h5 {
	font-size:1.12em;
}
.bandeauPhoto {
	position: relative;
	height:250px;
}
.bandeau,
.imgHeader {
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size:cover;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left:0px;
}
.titreFlex {
	align-items: center;
	display: flex;
	align-content: flex-end;
	height:190px;
	position: relative;
	z-index: 8;
}
.titrePage.titreFlex {
	margin:35px -35px 20px -35px;
	padding-left:35px;
	padding-right: 35px;
}
.titrePage h1 {
	position: relative;
	z-index: 1;
}
.titrePage h1 .sousTitre {
	color:#7F88A4;
}
.titreFlex .titreClair {
	color:#FFF;
}
.titreFlex .titreFonce {
	color:#000;
}
.img img,
.texte img {
	display: block;
	max-width: 100%;
	max-height: 600px;
	width:auto;
	height: auto;
}
.img img[data-align='center'],
.texte img[data-align='center'] {
	margin:10px auto;
}
.img img[data-align='right'],
.texte img[data-align='right'] {
	margin:10px 0px 20px 20px;
	float: right;
	max-width:500px;
}
.img img[data-align='left'],
.texte img[data-align='left'] {
	margin:10px 20px 20px 0px;
	float: left;
	max-width:500px;
}
.intro {
	font-size: 1.3em;
}
.intro_page {
	position: relative;
}
/*
.intro_page:after {
	display: block;
	content:"";
	background: #F2F2F2;
	width:50%;
	height: 7px;
	margin-left:-25%;
	left:50%;
	bottom: 0px;
	position: absolute;
}*/
.nod .tags {
	margin:25px 0px;
}
.tags .site div {
	display: inline-block;
}
.tags a {
	color:#2C333F;
	display: inline-block;
	margin:0px;
	position: relative;
	text-transform: uppercase;
}
.item .tags a {
	padding:1px 5px 1px 0px;
	margin-right: 5px;
	font-size: 12px;
}
.nod .tags a {
	padding:4px 10px;
}
.nod .f_field-tags {
	display: inline;
}
.tags a:after {
	display: block;
	content:"";
	height: 8px;
	width:1px;
	background: #A8ACB8;
	position: absolute;
	right: -2px;
	top:4px;
}
.nod .tags a:after {
	height: 11px;
	top:8px;
}
.tags a:last-child:after {
	display: none;
}
.tags a:hover {
	text-decoration:underline;
}
.nodeTags .site2 {
	text-align: center;
}
.nodeTags hr {
	max-width: 490px;
	margin-left:auto;
	margin-right: auto;
}
.indic {
	font-size:0.9em;
	color:#666;
	font-style: italic;
}
.boxCenter {
	text-align: center;
	justify-content: center;
}

.nodT2 .actionsNode {
	position: absolute;
	right:-60px;
	top:0px;
}
.nodT2 .actionsNode .icb {
	display: block;
}
.lab {
	font-size:1.25em;
	text-transform: uppercase;
	font-weight: 700;
	color:#A8ACB8;
}
.nodeTags .lab {
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.node-type .zoneAdmin {
	position: relative;
	z-index: 200;
	text-align: center;
}
.node-type .zoneAdmin li {
	display: inline-block;
}
.node--unpublished::before {
	display: block;
	content:"Non publié";
	font-size: 2.6em;
	text-transform: uppercase;
	color:#d0276f;
	font-weight: 600;
}
.nodnodResa.node--unpublished::before,
.nodBonplan.node--unpublished::before {
	content:"Validation en cours";
}
.nodBonplan.nodSondage.node--unpublished::before {
	content:"Non publié";
}
.mediaPage iframe {
	width:100%;
	height: 500px;
}
.mediaPage video {
	width:100%;
}
.nod form {
	max-width: 900px;
	margin:auto;
}
.hotesse {
	background: url('../images/icons/hotesse.png') no-repeat left top;
	background-size: 45px auto;
	padding-left: 50px;
}
.bulle_info .hotesse {
	background-size: 25px auto;
	padding-left: 30px;
	min-height: 20px;
	display: inline-block;
}
.bulle_info .titreResaVue {
	margin-bottom: 4px;
}
.retour,
.pageSuivante  {
	display: block;
	padding:35px 35px;
	text-align: center;
	border-top: 5px solid #ebebeb;
}
.retour a,
.pageSuivante a {
	display: inline-block;
	text-align:right;
	color:#000;
	background: url('../images/icons/fleche_next.png') no-repeat right center;
	background-size: auto 35px;
	padding:15px 40px;
	font-size: 1.45em;
	font-family: 'Open Sans Condensed', sans-serif;
}
.retour a {
	background-image: url('../images/icons/ic_retour.png');
	background-position: left center;
}
.retour a:hover,
.pageSuivante a:hover {
	background-size: auto 39px;
}
.boxForm h3 {
	border-top:7px solid #F2F2F2;
	padding-top:30px;
	margin-top:40px;
}
.boxForm {
	padding-bottom:60px;
}
.fade {
	transition:0.5s;
}
.fade.in-view {
	transition: 0.3s;
}
.pageNext.in-view {
	animation-name:animNext;
    animation-duration:2.2s;
	animation-timing-function:ease;
}
.not-node .art {
	padding-bottom: 60px;
}
.mediaPage {
	position: relative;
	
}
.mediaPage .mediaBloc {
	text-align: center;
}
.mediaPage img {
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	display: block;
	max-height: 580px;
	width:auto;
	margin: auto;
}

.nodT1 .actionsNode {
	padding-top:25px;
}
.corps {
	padding:0px 45px;
}
.chapo p {
	margin:10px 0px 0px 0px;
}
.vuePage {
	padding-bottom:80px;
}
.paraNivA h2.titre {
	position: relative;
	padding-bottom: 13px;
}
.paraNivA h2.titre:after {
	display: block;
	content:"";
	height: 5px;
	width:75px;
	background-color: #F09429;
	bottom:0px;
	position: absolute;
}
.nodT3 .paraNivA h2.titre {
	padding-bottom:0px;
	padding-left: 20px;
	border-left:5px solid #3AC6EF;
	font-size: 1.55em;
}
.nodT3 .paraNivA h2.titre:after {
	display: none;
}

.icon {
	background: url('../images/icons/fleche.png') no-repeat left center;
}
.paraDoc .titre,
h2.icon {
	color:#A8ACB8;
	text-transform: uppercase;
	background-size: 55px auto;
	padding:6px 0px 6px 60px;
}
h2.icon {
	font-size:1.8em;
	margin-bottom: 20px;
}
.iconContact {
	background-image: url('../images/icons/ic_talk.png') ;
}
.iconWrite {
	background-image: url('../images/icons/ic_edit.png') ;
}
.iconTeam {
	background-image: url('../images/icons/ic_team.png') ;
}
.boxDocs {
	display: flex;
	flex-wrap: wrap;
}
.boxDocs .boxDoc {
	width:48%;
	margin:0px 2% 8px 0px;
}
.nod .sMenuTitre {
	font-size: 1em;
	margin-left: 20px;
}
.nodActu .h1 {
	color:#0066A9;
}
.nodActu .sMenuTitre {
	background-color:#0066A9;
	border-color:#0066A9;
}
.nodActu .paraNivA h2.titre::after {
    background-color: #0066A9;
}
.nodAgenda .h1 {
	color:#2DCCAC;
}
.nodAgenda .sMenuTitre {
	background-color:#2DCCAC;
	border-color:#2DCCAC;
}
.nodAgenda .paraNivA h2.titre::after {
    background-color:#2DCCAC;
}
.flexRub {
	align-items: center;
}
.mediaList {
	display: block;
}
.mediaList .mediaBloc,
.nodAA .mediaBloc {
	position: relative;
	z-index: 10;
}
.nodAA .mediaBloc.imgNode {
	display: inline-block;
}
.mediaList:before,
.mediaList:after,
.media_actualite .mediaBloc:after,
.media_actualite .mediaBloc:before {
	display: block;
	content:"";
	height: 47px;
	width:47px;
	background-color: #E3E6E8;
	position: absolute;
	z-index: 0;
}
.nod .media_actualite .mediaBloc:after,
.nod .media_actualite .mediaBloc:before {
	height: 110px;
	width:110px;
}
.nod .media_actualite .mediaBloc:before {
	left:-20px;
	top:-20px;
}
.nod .media_actualite .mediaBloc:after {
	right:-20px;
	bottom:-20px;
}
.mediaList:before {
	left:0px;
	top:0px;
}
.mediaList:after {
	right:0px;
	bottom:0px;
}
.nodAA .mediaPage {
	padding:20px;
	text-align: center;
	margin-bottom: 25px;
}
.nod .legendImg {
	margin-top: 13px;
}
.mediaPage:not(.sansOmbre) img,
.mediaPage video,
.mediaPage iframe {
	box-shadow: 12px 15px 0px rgba(0,30,60,0.12);
}
.intBF .mediaBloc {
	box-shadow: 6px 8px 0px rgba(0,30,60,0.12);
	margin-bottom: 15px;
}
.media_actualite img,
.media_actualite iframe,
.media_actualite .contextual-region {
    z-index: 10;
	position: relative;
}
.boxLiens {
	display: flex;
	flex-wrap: wrap;
}
.nodArticle h1 {
    margin-top: 0px;
}
.sMenuTitre.actif .dateF {
    color: #FFF;
}
.retourBas {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.retourBas a {
	display: block;
	background:url('../images/icons/fleche_back.png') no-repeat 0px center;
	background-size: 22px;
	padding:8px 20px 8px 25px;
	font-weight: 700;
	color:#A8ACB8;
	font-size: 1.18em;
	border-bottom: 4px solid #A8ACB8;
	margin:15px 15px;
}
.retourBas a:not(.actif):hover {
	background-image:url('../images/icons/fleche_back_gris-fonce.png');
	color:#515971;
	border-color:#8089A4;
}
.boxRetour {
	text-align: center;
}
.nodT4 h1 {
	color:#000;
}
h1.flex {
	align-items: flex-start;
}
.nod .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_orange.png');
}
.nodActu .retourBas a:hover,
.nodActu .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_bleu-fonce.png');
}
.boxRetour.to_vert a.actif,
.boxRetour.to_vert a:hover,
.nodAgenda .retourBas a:hover,
.nodAgenda .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_vert.png');
}
.nodPubli .retourBas a:hover,
.nodPubli .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_bleu-publi.png');
}
.nodBonplan .retourBas a:hover,
.nodBonplan .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_rose.png');
}
.nodFAQ .retourBas a:hover,
.nodFAQ .retourBas a.actif {
	background-image:url('../images/icons/fleche_back_violet.png');
}
.nod .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_bleu.png');
}
.nod .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_bleu.png');
}
.nod .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_bleu.png');
}
.nodActu .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_bleu-fonce.png');
}
.nodActu .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_bleu-fonce.png');
}
.nodActu .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_bleu-fonce.png');
}
.nodAgenda .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_vert.png');
}
.nodAgenda .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_vert.png');
}
.nodAgenda .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_vert.png');
}
.nodDirect .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_orange.png');
}
.nodDirect .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_orange.png');
}
.nodDirect .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_orange.png');
}
.nodPubli .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_bleu-publi.png');
}
.nodPubli .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_bleu-publi.png');
}
.nodPubli .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_bleu-publi.png');
}
.nodFAQ .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_violet.png');
}
.nodFAQ .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_violet.png');
}
.nodFAQ .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_violet.png');
}
.nodBonplan .aDeplie .icFleche {
	background-image: url('../images/icons/fleche_down_rose.png');
}
.nodBonplan .bDeplie:not(.actif) .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_rose.png');
}
.nodBonplan .bDeplie.actif .aDeplie:hover .icFleche {
	background-image: url('../images/icons/fleche_up_rose.png');
}
.ariane nav {
	display:inline-block; 
}
.ariane  .contextual-region {
    display: inline-block;
}
.ariane .contextual,
.ariane ul:not(.ul-parent) {
	display: none !important
}
.ariane ul.ul-parent,
.ariane .intSite div {
	display:inline-block;
	vertical-align: top;
}
.ariane ul.ul-parent,
.ariane li {
	background: none !important;
	width: auto !important;
	box-shadow: none !important;
	margin:0px !important;
	padding:0px !important;
}
.ariane ul li.li-parent.active  {
	display:inline-block;
}
.sideBar ul li .menu-icon,
.ariane ul li .menu-icon  {
	background-color:transparent;
}

.sideBar li ul {
	display: block;
	position: relative;
	left:auto;
	right: auto;
	width:100%;
	margin:0px;
	padding:0px;
	background-color: transparent;
}
	.sideBar li.li-parent.active  {
	display: block;
	background-color: #FFF;
	border:1px solid #ccc;
		padding:10px 0px;
		box-shadow: 5px 5px 0px rgba(0,0,0,0.12);
}
.sideBar .niv0 > li.active > span:not(.menuOpen),
	.sideBar .niv0 > li.active > a {
		display: block;
		position: relative;
		color:#515971;
		padding-left: 10px;
		line-height: 1.1em;
	}
.sideBar .niv0 > li.active > span:not(.menuOpen):before,
.sideBar .niv0 > li.active > a:before {
	display: block;
	content:"";
		background:#FFF url('../images/menu_gauche.png') no-repeat left center;
	position: absolute;
	height: 28px;
	width:28px;
	left:-21px;
	top:-5px;
	z-index: 10;
	}
	.sideBar li ul li {
	width:100%;
	margin:0px;
	padding:0px;
}
.sideBar li ul li a,
.sideBar li a {
	color:#515971;
}
	.sideBar li ul li a {
		padding:6px 10px;
		margin:0px;
		font-weight: 400;
		font-size: 13px;
		line-height: 1.1em;
}
.sideBar li .is-active,
.sideBar li a:hover {
	color:#F09429 !important;
}
.sideBar li ul li .is-active {
	font-weight: 600;
}
.sideBar nav ul {
    box-shadow: none !important
}
.path-user .contenu {
	position: relative;
}
.titreMenuUser {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.titreMenuUser h1 {
color: #3DB6DC;
}
.zoneAdmin.menuUser {
	margin-left: 35px;
	margin-top:0px;
	display: flex;
	flex-wrap: wrap;
}
.titreMesBp {
	display: flex;
	align-items: center;
	margin-top: 35px;
}
.titreMesBp h3 {
	margin:5px 0px;
	margin-right: 30px;
}
.vueTabBp {
	margin:15px 0px;
}
.vueTabBp h4 {
	font-size: 1.2em;
	margin:5px 0px;
}
.vueTabBp a {
	color:#666;
	text-decoration: underline;
	font-weight:300 !important;
	
}
.tr-bonPlan td a:hover {
	color:#d0276f;
}
.vueTabBp > table {
	width: 100%;
}
.tr-bonPlan td {
width:10%;
	text-align: center;
}
.tr-bonPlan td:first-child {
width:70%;
	text-align: left;
}
.boxMesBp {
	margin:50px 0px 80px 0px;
}
.userInfos .photo  {
	margin-right: 65px;
	width: 196px;
height: 196px;
}
.itUserPage {
	display: flex;
	margin:10px 0px;
}
.itUserPage .lab {
	display: block;
    font-size: 1em;
	text-transform: none;
	width:110px;
	flex-shrink: 0;
}
.path-user h2.nom {
    font-size: 1.6em;
}
.photoTitre {
	display: flex;
	align-items: center;
}
.photoTitre img {
	display: block;
	margin-right: 20px;
}
.photoTitrePubli {
	display: flex;
	position: relative;
}
.nodPubli .intro {
	margin:0px;
	font-size: 1.1em;
}
.nodPubli h1 {
    margin:8px 0px;
}
.nodPubli .titrePhoto {
	flex-shrink: 0;
	margin:0px 0px 25px 0px;
}
.media_publication {
	position: relative;
	display: flex;
}
.media_publication img {
	position: relative;
	z-index: 13;
}
.item .media_publication img {
	max-width: 156px;
	padding:15px 0px 0px 25px;
}
.media_publication:before {
	display: block;
	content:"";
	position: absolute;
	top:0px;
	left:0px;
	background-color:#E3E6E8;
	z-index: 10;
}
.vuePage.vuePubli .item0 .itPubli .media_publication img,
.nod .media_publication img {
	max-width: 248px;
	padding:40px 0px 0px 70px;
	margin-right: 35px;
}
.vuePage.vuePubli .item0 .itPubli .media_publication::before,
.nod .media_publication:before {
	height:194px;
	width:194px;
}
.nodPubli .boxDoc {
    margin: 6px 0px;
}
.nodeVignettes {
	margin-bottom: 35px;
}
.intNod .nodeVignettes .fw3 li {
	width:31.2%;
	margin:15px 1%;
}
.intNod .nodeVignettes .fw2 li {
	width:48%;
	margin:15px 1%;
}
.nodeVignettes .fw2 li .mediaBloc {
	height: 260px;
}
.nodeVignettes .fw3 li .mediaBloc {
	height: 160px;
}
.legendImg {
	display: block;
	text-align: center;
	padding-top: 3px;
}
.fw3 .legendImg {
	font-size: 13px;
}
.li_media:before {
	display: none !important;
}
.li_media {
	margin:0px !important;
}
.li_media .mediaBloc {
	height: 450px;
	width: 100%;
	background-size: contain;
	background-position: center;
}
.li_media .legendImg {
	font-size: 1.3em;
	font-weight: 600;
	padding-top: 20px;
}
.datesNode {
	font-size: 1.5em;
	border-left:10px solid #E3E6E8;
	padding-left: 15px;
}
.dateVisio {
	display: flex;
	align-items: center;
}
.datesNode span {
	color:#BFC3D1;
	display: inline-block;
	min-width:37px;
}
.nodeVisio {
	margin-left: 40px;
}
.nodeLieu {
	padding:15px 25px;
	display: flex;
	align-items: center;
}
.visio {
	display: block;
	background: url('../images/visio.png') no-repeat center;
	width:308px;
	height: 85px;
}
.visio:hover {
	background-image: url('../images/visio2.png');
}
.intNod .intPop ul, .intNod .intPop ol {
    margin: 5px 0px;
    padding: 0px;
}
.nodeLieu .popInfo {
    left: 20px;
    top: 35px;
}
.nodeLieu .bSalleInfo .intPop {
    padding: 12px 25px;
}
.actLieu {
    background: url('../images/icons/ic_info_vert.png') no-repeat left center;
        background-size: auto;
    background-size: 31px auto;
    padding: 5px 15px 5px 42px;
    font-size: 21px;
    line-height: 1.1em;
	color:#7F88A4;
	font-weight: 600;
}
.actMap {
    background-image: url('../images/icons/ic_map_vert.png');
}
.nodeAdresse {
	margin-left: 15px;
}
.actLieu:hover {
	color:#000;
}
.type-agenda form .webform-submission-information {
	position: relative;
	margin-bottom: 15px;
}
.type-agenda form .webform-submission-information summary span {
	display: block;
	border:3px solid #F2F2F2;
	padding:15px 35px;
	border-radius: 10px;
	margin:10px 0px;
}
.type-agenda form .webform-submission-information summary span:hover {
	border-color:#D5D5D5;
	cursor: pointer;
}
.type-agenda .webform-submission-information a.webform-ajax-link {
	text-decoration: underline;
}