@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 989px) {
	.front .fw3 .item2,
	.itF1,
	.boxMenuBas,
	.btMenuRappel,
	.head2 .siteSlogan,
	.bMenuNav .zone,
	.menuBas .menuOpen,
	.ordi,
	.bTab .zOpen {
		display: none;
	}
	.flexFoot,
	.tab,
	.bTab .act,
	.bMenuNav .icMenu,
	.bMenuNav .icRech,
	.bMenuNav.actif .zone,
	.bMenuNav.actif .fermerMenu,
	.tdSiteName .siteSlogan {
		display:block;
	}
	.bFd {
		z-index:auto;
	}
	.bTab .zone {
		position: absolute;
	}
	.zSuite {
	position:relative;
	width:auto;
	margin:3px 0px 6px 0px;
}
	.docPara {
    margin: 10px 0;
    width: 100%;
}
	.bRoll.actif .zone {
	display: block;
}
	.front .boxAcces {
    margin-top: 35px;
}
	.titreAcces {
		position: absolute;
		top: -74px;
		left:0px;
		background: #1E98C2;
		padding:5px 13px;
	}
	
	.titreAcces .titre {
    font-size: 1.4em;
    margin-left: 0px;
}
	.titreAcces .sousTitre {
    padding-left: 2px;
		display: inline-block;
}
	.bAcces {
    margin: 10px 4px 10px 4px;
    padding: 7px;
}
	.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;
}
	p {
    margin: 20px 0px;
}
	/* 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;
	}
	
	.main {
    padding-top: 100px;
}
	
	.block-language {
		position: absolute;
		right: 10px;
		top:25px;
	}
	.block-language li, .head3 > div, .head3 .bFd {
    display:block;
}	
	/* FIN NAV MENU 1 RWD  */
	/* NAVIGATION */
	.bMenuNav .zone {
		box-shadow: 3px 3px 8px rgba(0,40,80,0.5);
		background: #FFF;
	}
	.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;
	}
	.navi ul li {
		display: block !important;
		text-align: left;
		border-bottom:1px solid #ebebeb;
	}
	.navi ul li a {
		display: block !important;
		text-align: left;
	}
	.navi ul .li-0 a.is-active, .navi ul li.active > a, .navi li.active > span {
    color: #5EC5ED;
}
	.navi ul .li-0 span, .navi ul .li-0 a {
    	padding: 16px 65px 16px 45px;
		color:#000;
	}
	.navi ul .li-0 ul li span,
	.navi ul .li-0 ul li a {
		padding: 12px 105px 12px 85px;
	}
	.navi ul li span.menuOpen {
		position: absolute;
		right: 20px;
		top:5px;
		height: 45px;
		width: 45px;
		background: url('../images/icons/fleche_menu_open.png') no-repeat center;
		background-size:40px auto;
		padding:0px;
		z-index: 20;
	}
	.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;
	}
	/* FIN NAVIGATION */
	.bFd.bMenuNav .zone {
    padding: 20px 2%;
    width: 96%;
    right: 0;
}
	.boxHead .zone > div {
    padding:35px;
}
	.boxHead .zone {
    padding: 40px 0%;
}
	.bNavRech form {
		display: flex;
		align-items: center;
		width:80%;
		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;
	}
	.bouton.lienOne,
	.lab {
    font-size: 1.3em;
}
	.bouton.lienOne,
	.intDocOne {
    padding: 7px 30px;
    margin: 10px auto;
}
	.footer {
    padding: 20px 0px 65px 0px;
		text-align: left;
}
	.foot1 {
		text-align: center;
	}
	.head1, .boxLogo {
    width: 170px;
}
	
	.boxLogo {
    height: 160px;
		text-align: center;
		box-shadow: -13px 13px 0px rgba(154,152,153,0.48);
}
	.boxLogo a {
		display: inline-block;
    margin: 0px auto;
}
	.logo img {
    width: 90%;
    height:auto;
}
	.header {
    box-shadow: 13px 13px 0px rgba(154,152,153,0.48);
		position: fixed;
		width: 100%;
}
	.head2 {
    width: 100%;
		padding-top: 15px;
}
	.flexHead {
		display: block;
	}
	.zRech,
	.header.abs {
		position:absolute;
	}
	.fermerMenu {
   		position: absolute;
    	z-index: 300;
    	top: 50px;
    	height: 60px;
    	width: 140px;
	}
	.fermerMenu:hover {
    	cursor: pointer;
	}
	.bMenuNav .act {
		position: absolute;
		top:50px;
		z-index: 200;
	}
	.fermerNavi,
	.bMenuNav .icMenu {
		left:220px;
	}
	.fermerUser,
	.bMenuNav .icUser {
		left:61%;
	}
	.fermerRech,
	.bMenuNav .icRech {
		left:auto;
		right: 30px;
	}
	.flex.boxHead3 {
		position:initial;
	}
	.bRech {
    padding-right: 0px;
    margin-right: 0px;
}
	
	.boxAdresse {
  justify-content: center;
}
	.boxMembreRecrut a {
    font-size: 1.256em;

}
	.boxHead3 {
		border-left:1px solid #D2D1D1;
		padding-left: 20px;
		margin:0px 20px;
	}
	.bMenuNav .zone {
		width:100%;
		left:0px;
		top:100px;
		position: absolute;
		margin:0px;
	}
	.navi ul ul {
    width: auto;
    box-shadow:none;
    padding: 0px;
}
	.zRech form {
		padding:35px 0px;
		display: flex;
		justify-content: center;
	}
	.boxRech form .js-form-item {
		 width:60%;
	}

	.boxRech form input.form-search {
    padding: 10px 2%;
    border-bottom: 1px solid #D2D1D1;
   width:94%;
}
.toTop {
    bottom: 70px;
}
	.front .main {
   padding-top: 200px;
}
	.boxAccesHome {
    top: 230px;
}
	.nodT2 .intNod {
    margin-right: 0px;
}
	.nodT2 .actionsNode {
    position: relative;
    right:auto;
    top: auto;
		display: flex
}
	.nodT2 .icPrintPdfSend {
    background-image: url("../images/rs/print_pdf_send.png");
    width: 112px;
		height: 35px;
}
	.boxAction {
    width:160px;
		margin:0px 10px 30px 0px;
}
	.nodeTags {
    margin-bottom: 5px;
}
	.nodT2 .boxActionRs .icb {
    width:40px;
		margin:0px 5px;
}
	.itF {
    width: 50%;
}
	.block-views-blockacces-acces {
		width: 100%;
	}
	.mediaNode iframe {
    height: 400px;
}
	.flexPageCalendar {
    display: block;
}
	.calendarVue {
    width: 100%;
    margin: 0px 0px 20px 0px;
}
	.mediaNode {
    margin-bottom: 0px;
}
	.corpsT2 {
    padding:20px 30px;
}
	.box2agenda {
    display: flex;
		justify-content:center;
}
	.box2agenda .item {
    	width:46%;
		margin:10px 2% !important;
}
	/* actu 0 1 2 */
.not-front .contenu .vuePage.vueArt .item0 .itArt .textes {
    background-color:#5EC5ED;
}
	.not-front .contenu .vuePage.vueArt .item0 .itArt {
   max-width: none;
}
	.vuePage.vueArt .item0 .blocTitre {
	color:#FFF;
	font-size: 2em;
}
	.vuePage.vueArt .item0 .blocTitre a {
    color:#FFF;
}
	.vuePage.vueArt .item0 .itArt .mediaBloc:before {
		display: block;
		content:"";
		width:100%;
    height: 15px;
		background-color: #5EC5ED;
}
	.vuePage.vueArt .item0 .itArt .mediaBloc {
    height: 300px;
		background-color: #5EC5ED;
		background-size: contain;
		text-align: center;
}
	.vuePage.vueArt .item0 .itArt .mediaBloc.videoBloc iframe {
   width: 500px;
}
	/* fin actu 0 1 2 */
	.nodT2 .mediaNode img {
    max-width: 100%;
}
	.mapVille {
    width: 410px;
    height: 310px;
}
	.rNom .lienNom {
    font-size: 1em;
    padding: 2px 0px;
}
	.rNom .lienNom::before {
    height: 8px;
    width: 8px;
    left: -20px;
    top: 8px;
}
	.box2agenda {
    width: auto;
}
	.itPresse .textes {
    flex-wrap: wrap;
}
	.itPresse .intTextes {
		width:92%;
			padding:10px 4% !important;
	}
	.itPresse .tagItems {
    margin-top: -30px;
    margin-bottom: 10px;
}
	.logoFoot  {
		padding-left: 0px;
	}
	.logoFoot img:first-child {
		width: 127px;
		height:auto;
	}
	.logoFoot img:last-child {
		width: 300px;
		height:auto;
	}
	.tableau, .tableau2 {
    display: block;
    overflow: auto;
}
	.vue_cowork h2 {
    font-size: 2.267em;
		/*height: 100px;*/
}
	.vue_cowork .paraText {
    padding: 40px 0px 200px 0px;
    background-size:500px auto;
}
	.vue_cowork .paraText:last-child {
    background-size:250px auto;
}
}