@charset "UTF-8";
/* LISTE */
.it_galerie .bRoll:hover .titre,
.it_vue .boxLegend {
	/* position: absolute;
	bottom:0px;
	left:right;
	*/
	display: none;
}
.pageAutre .art {
	padding-bottom: 60px;
}
/* PAGER */
.pager li:before {
	display: none !important;
}
.pager ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin:0px;
	padding:0px;
}
.pager li {
	display:block;
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.vueLine .intro {
	display: none;
}
.pager {
	text-align: center;
	display: block;
width: 100%;
	padding:55px 0 45px 0px;
}
.pager__items li a {
    display: flex;
	width:40px;
	height:40px;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	box-shadow: 4px 3px 0px rgba(0,30,60,0.12);
	border: 1px solid #EAEBEC;
	color:#000;
	margin:3px;
	font-weight: 700;
	opacity: 0.6;
}
.pager__items li {
    vertical-align: top;
}
.pager__item--first a, 
.pager__item--previous a,
.pager__item--next a,
.pager__item--last a {
	font-size:0;
	font-weight: 300;
	padding:0px !important;
	background-image:url("../images/icons/player_first.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px auto;
}
.pager__items a:hover,
.pager__item--first a:hover, 
.pager__item--previous a:hover,
.pager__item--next a:hover,
.pager__item--last a:hover {
	box-shadow: 4px 3px 0px rgba(0,30,60,0.3);
	opacity: 1;
}
.pager__item--previous a {
	background-image: url("../images/icons/player_prev.png");
}
.pager__item--next a {
	background-image: url("../images/icons/player_next.png");
}
.pager__item--last a {
	background-image: url("../images/icons/player_last.png");
}
.pager__items li.is-active a:hover,
.pager__items li.is-active a {
	background-color:#EAEBEC;
	color:#000;
	opacity: 1;
	box-shadow: none;
	cursor:default;
}
/* FIN PAGER */
.titre a {
	color:#000;
	display: block;
}
.titre a:hover {
	text-decoration: underline;
}
.vit .titre {
	margin:10px 0 6px 0;
}
.media_para .mediaBloc.videoEmbed,
.not-front .media_vue .mediaBloc.videoEmbed {
	background-color: #464957;
}
.path-taxonomy .pageTitle {
	text-align: center;
	display: flex;
}
.vueCommun {
	padding-bottom:65px;
}
.vueCommun .vit {
	max-width: 900px;
	margin:auto;
}
.vueCommun .vit > .it {
	width: 100%;
	margin: 30px 0px 0px 0px;
border-bottom: 6px solid #ebebeb;
padding-bottom: 30px;
position: relative;
}
.vueCommun .vit > .it > .int {
	display: flex;
}
.it_commun .mediaTag {
    width: 35%;
    margin-right: 25px;
    flex-shrink: 0;
    background-size: cover;
}
.vit .it_commun .dateT {
   display: inline-block
}
.it_commun.sansMedia .mediaTag {
	background: url('../logo.png') no-repeat center;
	min-width: 250px;
min-height: 100px;
}
.itTag_agenda.sansMedia .mediaTag {
	background: url('../images/liste_agenda.jpg') no-repeat center;
}
.typeName {
	position: absolute;
	left:0px;
	top:0px;
	color:#FFF;
	font-weight: 700;
	font-size: 14px;
	padding:5px;
	background-color: #333;
}
.intTag {
	display: flex;
	width:100%;
}
.intTag .mediaBloc {
	width:350px;
	height: 200px;
}
.intTag .textes {
	width:70%;
}
.intTag .intTextes {
	padding:0px 0px 0px 45px;
}
.vit .mediaBloc {
	display: block;
}
.align4 .imgBg,
.alignToute .imgBg {
    background-size: contain;
	background-position: center;
}
.align3 .imgBg,
.alignBas .imgBg {
    background-position: center bottom;
}
.align1 .imgBg,
.alignHaut .imgBg {
    background-position: center top;
}
.align2 .imgBg,
.alignCentre .imgBg {
    background-position: center;
}
/* search page recherche */
.path-search .block-local-tasks-block,
.path-search .block-page-title-block,
.search-form .search-help-link,
.search-form details {
	display: none;
}
.path-search .art .block-system-main-block {
	max-width: 1000px;
	margin:0px auto;
}
.search-form {
	text-align: center;
	margin-top: 35px;
}
.search-form .form-search {
	padding:10px 15px;
	width:350px;
	background: #FFF;
	font-size: 16px;
}
.search-form .form-submit {
	padding:7px 15px;
	font-size: 18px;
}
.path-search .block-system-main-block h2 {
	display: none;
	font-size: 2.8em;
	margin:45px 0px;
}
.path-search .block-system-main-block ol li h3 {
	font-size: 1.3em;
	margin:0px;
}
.path-search .block-system-main-block ol li p {
	margin:10px 0px;
}
.path-search ol strong {
	display: inline-block;
    background-color: #18CFF8;
    color: #FFF;
    font-weight: 400;
    padding:0px 5px 1px 5px;
}
.path-search .block-system-main-block ol {
  margin:0px;
  padding:0px;
	counter-reset: item;
}
.path-search .block-system-main-block ol li {
  list-style-type:none;
  position:relative;
  margin:20px 0px;
	padding:0px;
	display:block;
}
.path-search .block-system-main-block ol > li:before {
	display:block;
	position:absolute;
	left:-36px;
	top:-1px;
	padding:0px 0px 0px 13px;
    content: counter(item); 
	counter-increment: item;
	font-weight:700;
	color:#8A8D99;
	font-size:1.3em;
}
.itRech {
	display: block;
	background-color: #FFF;
	padding:25px 45px;
	border:1px solid #ccc;
	box-shadow:8px 8px 0px rgba(0,10,50,0.12);
	color:#000;
}
.itRech:hover {
	box-shadow:8px 8px 0px rgba(0,10,50,0.25);
	color:#000;
}
/* fin search page recherche */
.itDeplier .intro {
	padding-bottom: 20px;
}
.vue_media {
	position: relative;
}
.vit .videoCode {
    display:flex;
	align-items: center;
	background-color: #333;
}
.vue_x {
	display: inline-block;
}
.intro_vue {
	font-size: 1em;
}
.intro_vue br {
   display: none;
}
.nod .vit .it_vue .titre,
.vit .it_vue .titre {
	font-size: 1.25em;
}
.fw3 .vit .it_vue {
	max-width:420px;
	width:100%;
}
.typeName {
	text-transform: uppercase;
	font-size: 14px;
	color:#FFF;
}
.mediaTag {
	position: relative;
}
.avecMedia .mediaTag .tagBox {
	position: absolute;
	left: 0;
	top:0px;
}
.it_publi.avecMedia .mediaTag .tagBox,
.it_actu.avecMedia .mediaTag .tagBox {
	bottom:0px;
	top:auto;
}
.not-front .it_agenda.sansMedia .mediaTag .tagBox .cat {
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-top:0px;
	padding-bottom: 8px;
}
.it_publi.avecMedia .mediaTag .tagBox {
    left: 50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.it_annonce .titre a {
    display: flex;
	position: relative;
	margin:15px 0px;
	align-items: center;
	padding:15px 0px;
	border-bottom: 1px dotted #ccc;
}
.it_annonce .titre a:before {
	display: block;
	content:"";
	height: 30px;
	width:30px;
	margin-right:13px;
	flex-shrink: 0;
     background:#18CFF8 url('../images/icons/fleche_next_blc.png') no-repeat center;
	background-size: 70%;
	border-radius:50px;
	transition: 0.2s;
}
.it_annonce .titre a:hover:before {
	background-size:80%;
}
.it_publi h3 {
	text-align: center;
}
.vueActus .vit {
	background-color: #FFF;
}
.it_actu1 {
	padding: 5% 15px 10% 15px;
	height: 85%;
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.it_actu1 .textes {
	min-height: 170px;
}
@media all and (min-width:640px) {
.safari .it_actu1 .textes {
	height: 170px;
}
}
.it_actu1 .textes .intro {
	font-size: 0.9em;
}
.it_actu1 .titre a:hover {
	color:#000;
	text-decoration: underline;
}
.dateT {
	color: #b4b4b4;
}
.it_actu1 .dateBox {
	position: absolute;
	bottom:3px;
	z-index: 10;
}
.it_actu1 .dateT {
	text-transform: uppercase;
	font-size: 0.9em;
}
.itTag_publication .mediaBloc,
.vue .it_publi .mediaBloc {
	width: 140px;
height: 198px;
margin: auto;
	transition: 0.2s;
	padding-top: 0 !important;
}
.itTag_publication:hover .mediaBloc,
.vue .it_publi:hover .mediaBloc {
	transform: rotate(-6deg);
}
.vuePage {
	padding: 20px 0;
}
.vuePage .vits .vit {
	margin-top: 15px;
	margin-bottom: 15px;
}
.it_galerie,
.it_galerie div {
	width:100%;
}
.galerieLien {
	display: block;
}
.it_galerie .zone {
	position: absolute;
	top:0px;
	left:0px;
	background-color: rgba(119,203,219,0.8);
	color:#FFF;
	height: 100%;
	width:100%;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	padding:0px;
}
.it_galerie .zone .intZone {
	padding:10px;
	text-align: center;
}
.it_galerie .zone a {
	padding:25px 10px 10px 10px;
}
.computer .it_galerie .bRoll:hover .zone {
	display: flex;
}
.it_galerie .bRoll {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items:center ;
	position: absolute;
top: 0;
}
.it_galerie .act {
	position: absolute;
	width:100%;
	bottom: 0;
}
.it_galerie .titre {
	background-color: rgba(119,203,219,0.6);
	padding:5px 10px;
	margin:0px;
	color:#FFF;
	font-size: 1em;
	text-align: center;
}
.mediaBloc img {
	display: block;
}
.mediaBloc {
	width: 100%;
}
.notBal .mediaBloc {
	padding-top: 57%;
}
.it_galerie .notBal .mediaBloc {
    padding-top: 70%;
}
audio {
    width: 100%;
	position: absolute;
bottom: 0;
left: 0;
}
.audioBloc img {
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height: auto;
}
.audioBloc,
.docBloc {
    background-size: contain !important;
	background-repeat: no-repeat;
}
.audioBloc {
	background-position:center;
}
.docBloc {
	background-position: left bottom;
	display: block;
}
.imgBloc {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.videoBloc video,
.videoBloc iframe {
	  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video,
.img {
	text-align: center;
}
.vueFlex .vits {
	display: flex;
	flex-wrap: wrap;
}
.vueFlex.vCenter .vits {
	justify-content: center;
}
.vueFlex.vStart .vits {
	justify-content: flex-start;
}
.vueFlex.vBetween .vits {
	justify-content:space-between;
}
.vueFlex .vit {
	flex-shrink: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.vueFlex.vfw2 .vit {
	width:46%;
}
.vueFlex.vfw3 .vit {
	width:30%;
}
.vueFlex.vfw4 .vit {
	width:22%;
}
.vueFlex.vCenter.vfw2 .vit {
	margin-left:2%;
	margin-right: 2%;
}
.vueFlex.vCenter.vfw3 .vit {
	margin-left:1.6%;
	margin-right: 1.6%;
}
.vueFlex.vCenter.vfw4 .vit {
	margin-left:1%;
	margin-right: 1%;
}
.vueFlex.vStart.vfw2 .vit {
	margin-right: 4%;
}
.vueFlex.vStart.vfw3 .vit {
	margin-right:3.2%;
}
.vueFlex.vStart.vfw4 .vit {
	margin-right: 2%;
}
.vueFlex.vBetween .vit {
	margin-left:0;
	margin-right:0;
}
.vueGrid .vits {
	display: grid;
  	justify-content: space-between;
}
.vfw2 .vits {
  grid-template-columns: repeat(auto-fill, 47%);
  grid-gap:2%;
}
.vfw3 .vits {
  grid-template-columns: repeat(auto-fill, 31%);
  grid-gap:2%;
}
.vfw4 .vits {
  grid-template-columns: repeat(auto-fill, 24%);
  grid-gap:1%;
}
.vit .media {
	display: block;
}
.menuVue {
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.menuVue a.lienVue {
	color:rgba(255,255,255,0.65);
	font-weight: 700;
	display: block;
	font-size: 1.2em;
	margin:0px 7px;
}
.menuVue a.lienVue.activ {
	color:#FFF;
	border-bottom: 3px solid #2ECCAC;
}
.menuVue a.lienVue:not(.activ):hover {
	color:rgba(255,255,255,1);
}
.menuVue a.lienVueIcon {
	display: block;
	background: url('../images/icons/agenda_calendar.png') no-repeat center;
	height: 40px;
	width:40px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	flex-shrink: 0;
}
.menuVue a.lienVueIcon:not(.activ):hover {
	background-color:rgba(255,255,255,0.1);
	border-color:rgba(255,255,255,1);
}
.menuVue a.lienVueIcon.activ {
	background-color:#2ECCAC;
	border-color: #2ECCAC;
}
.menuVue a.lienListe {
	background-image: url('../images/icons/agenda_liste.png');
	margin-left: 13px;
	margin-right: 3px;
}
.it_agendaBox {
    min-height: 160px;
	max-width: 990px;
	margin:0px auto;
    color: #666;
    position: relative;
	display: flex;
	width: 100%;
}
.it_agendaBox .imgDate {
    display: flex;
    background-color: #2eccac;
    justify-content: space-between;
	width:50%;
	flex-shrink: 0;
}
.it_agendaBox .textes {
    background-color: #eafaf7;
	width:50%;
	flex-shrink: 0;
}
.intAgenda {
	padding:20px;
	display: block;
}
.dateAgenda .intAgenda {
    padding-top: 10px;
	padding-bottom: 10px;
}
.textes .intAgenda {
	color:#666;
}
.intAgenda h3.titre {
    color: #2eccac;
	margin:0px;
	font-size: 1.2em;
}
.it_agendaBox.sansMedia .dateF {
    padding-top:25px;
}
.avecMedia .imgDate .mediaTag {
    width: 50%;
    flex-shrink: 0;
    background-size: cover;
}
.avecMedia .imgDate .dateAgenda {
	width:50%;
}
.sansMedia .imgDate .mediaTag {
    width: 0%;
}
.sansMedia .imgDate .dateAgenda {
	width:100%;
}
.front .vit .it_agenda .titre {
    margin-bottom: 3px;
}
.it_agenda .dateF {
	background-color:#2ECCAC;
	display: flex;
	flex-wrap: wrap;
}
.vueHome .it_agenda .dateT {
	color:rgba(0,0,0,0.8);
}
.it_agenda .dateT {
	font-size:1.3em;
	color:#FFF;
	font-weight: 300 ;
	font-family: "Open Sans", sans-serif;
	line-height: 1.1em;
}
.it_agendaCommun .dateT {
	line-height: 1.1em;
}
.it_agendaBox .dateT {
	font-size:1.55em;
	line-height: 1.3em;
	padding-top: 0px;
}
.it_agendaBox .mediaBox,
.it_agendaBox .mediaBloc,
.it_agendaBox .itMedia,
.it_agendaBox .media {
	height: 100%;
	padding-top: 0;
}
.it_agendaBox:hover {
    text-decoration: none;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
/* calendrier */
.js-drupal-fullcalendar {
	margin: 25px auto;
	max-width: 900px;
}
.js-drupal-fullcalendar a {
	color:#0066A9;
}
.fc-event {
    border: 0px !important;
	color:#FFF !important;
}
.fc-content {
    white-space: normal !important;
   line-height: 1.1em !important;
	font-size: 13px !important;
}
.fc-title {
	font-weight: 700 !important;
}
.fc-title:hover {
	text-decoration: underline;
}
.fc-toolbar h2 {
    font-size: 1.4em;
   color:#0066A9;
}
.fc-button-primary {
    background-color: #0066A9;
    border-color: #0066A9;
}
.fc-today-button:disabled,
.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
    background-color: #2ECCAC;
    border-color: #2ECCAC;
	opacity:1;
}
/* fin calendrier */