@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 989px) {
	.zUser li .tab,
	.navi.menu2,
	.tab,
	.bTab .act,
	.bMenuNav .icMenu,
	.tdSiteName .siteSlogan {
		display:block;
	}
	.type-page .mainSideD,
	.mainSideG,
	.head2 .siteSlogan,
	.bMenuNav .zone,
	.menuBas .menuOpen,
	.ordi,
	.bTab .zOpen {
		display: none;
	}
	.bFd {
		z-index:auto;
	}
	.bTab .zone {
		position: absolute;
	}
	.zSuite {
	position:relative;
	width:auto;
	margin:3px 0px 6px 0px;
}
	
	.bRoll.actif > .zone {
	display: block;
}
	.box1.boxAA_home .items {
    display:block;
}
	.box1.boxAA_home .items > .item {
    width:100%;
}
	.box1.boxAA_home .liensAABas {
    position: relative;
    bottom: auto;
    left: auto;
}
	.box1.boxUN .intUne {
    align-items:center;
    flex-direction: column;
}
	.box1.boxUN .intUne > .mediaBloc, .box1.boxUN .intUne > .textes {
    width: 100%;
}
	.box1.boxUN .blocUne .jDiaporama_status {
    left: 0;
    width: 100%;
    padding-right: 0%;
}
	.box1.boxUN .intUne > .mediaBloc {
    width: 100%;
    height: 100%;
}
	.box1.boxUN .intUne > .textes {
   position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index: 3;
	background-color: rgba(0,0,0,0.3);
}
	.box1.boxUN .intUne .intTextes {
    padding: 0px 0px;
}
	.itUne .textes h3 {
    color:#FFF;
		margin:10px;
}
	p {
    margin: 20px 0px;
}
	.img img, .texte img {
    max-height: 500px;
}
.img img[data-align='right'],
.texte img[data-align='right'],
.img img[data-align='left'],
.texte img[data-align='left'] {
	margin:10px auto;
	float: none;
	max-width:none;
}
	/* tables RWD  */
	.tabTab .lab {
    	display: block;
	}
	.tabTab thead,
	.tabTab:not(.vue) th {
		display: none;
	}
	.tabTab,
	.tabTab tbody,
	.tabTab tr,
	.tabTab th,
	.tabTab td {
		display: block;
		width:auto !important;
		border:0px !important;
	}
	.tabTab tr {
		position: relative;
		border-bottom:1px solid #ccc !important;
		padding:4px 10px;
	}
	.tabTab td {
		display: inline-block;
		padding:1px 3px;
	}
	.vue.tabTab td {
		padding-left:0px;
		padding-right:0px;
	}
	.tabTab td.intitule {
		display: block;
	}
	.tabTab td.acts {
		position: absolute;
		right:-5px;
		top:0px;
		padding:0px;
	}
	.acts .ic {
    	display: block;
		margin:5px 0px;
	}
	/* fin tables RWD  */
		/* NAV MENU 1 RWD  */
	.toolbar-fixed .header.fixed {
	top:38px;
}
	.block-user-login-block {
		max-width: 400px;
		margin:auto;
	}
	.header {
		position: fixed;
		width: 100%;
		height: 125px;
		z-index: 100;
	}
	.icUser {
		width:123px;
		height: 123px;
	}
	.head1 img {
		width:125px;
		height: 125px;
		position: relative;
z-index: 100;
	}
	.icUser,
	.head1 img {
		box-shadow: 7px 7px 0px rgba(0,0,0,0.15);
	}
	.bMenuNav .zone {
		margin-top: 94px;
	}
	
	.flexHead {
		display: block;
	}
	.header.abs {
		position:absolute;
	}
	.head {
    	position: absolute;
		width:100% !important;
		height:0px !important;
		box-shadow: none;
	}
	.header.flex {
		display: block;
	}
	.fermerMenu {
   		position: absolute;
    	z-index: 300;
    	top: 0px;
    	height: 94px;
    	width: 94px;
	}
	.fermerMenu:hover {
    	cursor: pointer;
	}
	.sideBar, .menuG {
    width: 100%;
		position: relative;
		top:0px;
}
	.icHead {
	display:flex !important;
	align-items: flex-end;
	height:94px;
	width:94px;
	background-color: #3AC6EF;
	background-repeat: no-repeat;
	background-position: left center;
	background-position: center 5px;
	background-size: auto 65px;
	margin:0px 1px 0px 0px;
	padding:0px;
}
.icHead > span {
	display:flex;
	align-items:center;
	height:35px;
	width:90%;
	margin:0 auto;
	justify-content: center;
	color:#FFF;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 1em;
}
	.userPhoto {
    height: 80px;
    width: 80px;
		margin-bottom: 5px;
}
	.icHome {
    left:125px;
		position: absolute;
		top:0px;
		z-index: 120;
}
	.bMenuNav .act {
		position: absolute;
		top:0px;
		z-index: 200;
	}
	.fermerNavi,
	.bMenuNav .icMenu {
		left:220px;
	}
	.fermerUser,
	.bMenuNav .icUser {
		right:0;
	}
	.fermerUser {
    	height: 125px;
    	width: 125px;
	}
	.fermerRech,
	.bMenuNav .icRech {
		left:315px;
	}
		
	.block-language {
		position: absolute;
		right: 10px;
		top:25px;
	}
	.block-language li, .head3 > div, .head3 .bFd {
    display:block;
}	
	/* FIN NAV MENU 1 RWD  */
	/* NAVIGATION */
	.head .td {
    display:block;
}
	.bRech form input.form-search {
        border-left-color: rgb(255, 255, 255,0.5);
}
	.bRech form input[type="submit"] {
    border:1px solid rgb(255, 255, 255,0.5);
		background-color: rgb(255, 255, 255,0.25);
}
	.bRech form input[type="submit"]:hover {
    border-color: #3AC6EF;
		background-color: #3AC6EF !important;
}
	.bRech form input.form-search {
    font-size: 23px;
    padding: 20px 25px 20px 25px;
}
	.bNavRech {
    width:100%;
		padding:0px;
}
	.bMenuNav {
		top:0px;
	}
	.head .bMenuNav .zone {
    padding: 30px 5%;
    width: 90%;
    right: 0;
}
	.bMenuNav .zone {
		box-shadow: 3px 3px 8px rgba(0,40,80,0.5);
		width:100%;
		padding:0px;
		background-color:#515971;
		margin:0px;
		top:94px;
		z-index: 230;
		position: absolute;
	}
	.menu1 {
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.bMenuNav.actif .act {
		background-color:#515971;
	}
	.bMenuNav.actif2 .act {
		background-color:#F09429;
	}
	.navi ul li.li-expanded.active > ul,
	.navi ul li.li-expanded > span.menuOpen {
		display: block;
	}
	.navi ul li.li-expanded > ul {
		display: none;
	}
	.navi ul ul {
    	background:none;
	}
	.navi a.is-active::after {
    	display: none;
	}
	.navi ul ul {
		position: relative;
		width: auto;
	}
	
	.zUser li {
		border-bottom:1px solid rgba(255,255,255,0.2);
}
	.navi ul li {
		display: block !important;
		text-align: left;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	.zUser li a:last-child,
	.navi ul li:last-child {
		border-bottom:0px;
	}
	.navi .li-0 > span span.textMenu, 
	.navi .li-0 > a span.textMenu {
    height: auto;
		font-size: 15px;
}
	.navi ul li span.menuOpen {
		position: absolute;
		right: 20px;
		top:2px;
		height: 40px;
		width: 40px;
		background: url('../images/icons/fleche_menu_open.png') no-repeat center;
		background-size:40px auto;
		padding:0px;
		z-index: 20;
		box-shadow:none !important;
	}
	.navi .niv0 > li > span:not(.menuOpen), 
	.navi .niv0 > li > a {
    	box-shadow:none;
		display: flex !important;
		padding:12px 60px 12px 50px;
		align-items: center;
		background-position: 5px center;
		background-size: 35px auto;
		background-repeat: no-repeat;
		color:#FFF;
		font-weight: 700;
		height: auto;
		margin:0px;
		min-height: 0px;
	}
	.zUser li span:not(.menuOpen),
	.zUser li a {
    padding: 15px 15px;
    border-top: 0px;
		font-size: 15px;
}
	.niv0 > li:hover > span:not(.menuOpen),
	.navi .niv0 > li > span:not(.menuOpen):hover, 
	.navi .niv0 > li > a:hover,
	.zUser li a:hover {
    	background-color:rgba(255,255,255,0.2);
	}
	.navi ul li.li-expanded.active > span.menuOpen,
	.navi ul ul li span.menuOpen.actif {
		background-image: url('../images/icons/fleche_menu_open.png');
	}
	.navi ul li.li-expanded.active > span.menuOpen:hover {
		background-image: url('../images/icons/fleche_menu_open.png') !important;
	}
	.navi ul li span.menuOpen:hover {
		background-image: url('../images/icons/fleche_menu_open.png') !important;
	}
	.navi ul ul {
    margin-left: 40px;
}
	.navi .niv1 li span:not(.menuOpen), 
	.navi .niv1 li a {
		display: block;
    padding: 6px 10px !important;
border-bottom: 0;
font-size: 14px;
font-weight: 400;
}
	.navi .niv1 li a span.textMenu {
		padding:0px !important;
	}
	.zUser li.active > a,
	.zUser li.active > span:not(.menuOpen),
	.navi ul.niv1 li.active > a, 
	.navi ul.niv1 li.active > a span,
	.navi ul.niv1 li.active > span:not(.menuOpen) {
    background-color:transparent;
		color:#F09429;
		font-weight: 700;
}
	.tabHead .zone > div {
    padding:35px;
}
	.tabHead .zone {
    padding: 40px 0%;
}
	.bNavRech form {
		display: flex;
		align-items: center;
		width:100%;
		margin:0px auto;
		padding:25px 0px;
	}
	.bNavRech form .js-form-item {
		width:80%;
	}
	.bNavRech form .js-form-item input {
		width:90%;
	}
	.bNavRech form input {
		margin:0px !important;
	}
	.bNavPageHead {
		padding:25px 0px;
	}
	
	/* FIN NAVIGATION */
	.bouton.lienOne,
	.lab {
    font-size: 1.3em;
}
	.bouton.lienOne,
	.intDocOne {
    padding: 7px 30px;
    margin: 10px auto;
}
	.front div[role="contentinfo"], .node-type div[role="contentinfo"] {
   width: 90%;
margin-left: -48%;
left: 50%;
}
.front .boxFlex {
    display:block;
	max-width: 518px;
	margin:auto;
}
	.front .box2 > div {
    width: 100%;
}
	.front .blocAgenda {
    min-height: 0px;
}
	.front .liensAABas,
	.front .blocAAH > .block {
		padding:0px 38px;
	}
	.front .basLiens {
		display: flex;
		margin:0px auto 20px auto;
	}
	.front .basLiens > div {
    width: 48%;
}
	.blocBasGris {
		margin:20px auto;
	}
	.blocAAH {
    padding-bottom: 0px;
}
	.blocAAH .liensAABas {
    position: relative;
    bottom: 0px;
		margin-top: 5px;
}
	.vueGroupes .items .item {
		width: 47% !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.intG {
    padding: 20px;
}
.itNotif {
    height: 225px;
}
	.boxHome .blocUne .jDiaporama, .boxHome .blocUne .jDiaporama ul {
    height: 330px !important;
}
	.itUne {
    height: 292px;
}
	.blocNotif .jDiaporama_controls {
    bottom: 0px;
}
	.blocNotif {
		padding-bottom: 40px;
		margin-top: 10px;
	}
	.retourBas a {
    padding: 8px 15px 8px 25px;
    font-size: 1.1em;
    margin: 5px 5px;
}
	.ariane {
    padding-top: 13px;
}
	.mainTable {
    display: block;
}
	.boxLoginPage .js-form-type-password {
    width: 200px;
}
	.vueAnnuaire.vueFlex .items .item {
    width: 210px !important;
    margin: 10px 18px 10px 0px;
    box-shadow: 6px 6px 0px rgba(0,0,0,0.12);
}
	.itUser {
    padding: 10px;
}
.front .blocAgenda {
	background: none;
}
	.front .blocAgenda .items .item {
   min-height: 0px;
}
	.flexCalActu {
    display: block;
}
	.block-views-blockactualite-actu-groupes, 
	.block-views-blockcalendar-reunions-groupes {
    width: 100%;
}
	h1.icGroupe {
    background-size: 50px auto;
    padding: 3px 0px 3px 55px;
    margin: 20px 0px 20px 0px;
}
}