@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 639px) {

	.footer .boxMembreRecrut,
	.footer .boxRs {
		display: block;
	}
	.ariane,
	.views-exposed-form label:not(.option),
	.fc-today-button,
.fc-toolbar .fc-left::before,
	.header .boxMembreRecrut,
	.header .boxRs {
		display: none;
	}
	html {
		font-size:15px;
	}
	body {
    	padding-top: 0px !important;
	}
	.h1, h1 {
    margin: 15px 0px 20px 0px;
    font-size: 2.27em;
}
	.tdSiteName,
	#block-sitebranding-2,
	.header .bRWD,
	#toolbar-administration {
		display: none;
	}
	.avecSep .flex .item {
    margin: 10px auto !important;
}
	.vue .box2agenda .item0 {
		margin-bottom: 20px !important;
}
	.nodT2 .mediaNode img {
    max-height: 300px;
}
	.bSmart .zOpen {
		display: none;
	}
	.boxAction {
    width: 150px;
}
	.boxMembreRecrut a,
	.boxMembreRecrut a.icRecrut {
    margin: 0px;
}
	.boxMembreRecrut a.icRecrut {
    padding-right: 0px;
}
	.nodT2 .boxActionRs .icb {
    margin: 0px 1px;
}
	.smart,
	.bSmart .act,
	.footer .bRWD {
		display:block;
	}
	.bSmart .zone {
		position: absolute;
	}
	.tabSmart,
	.tabSmart .td {
		display: block;
		width:auto;
	}
	.posCote .int{
		padding:0px;
	}	
	.bVertical .menu .menu,
	.bVertical .menu .menu .menu,
	.bHorizontal .menu .menu,
	.bHorizontal .menu .menu .menu{
		position: relative;
		left:auto;
		top:auto;
		width:auto;
	}	
	.navi .li-0 > span, .navi .li-0 > a {
    padding: 16px 25px;
}
	.navi ul ul li span, .navi ul ul li a {
    padding-left: 25px;
}
	.corps {
    	font-size: 1em;
	}
	.art .f_field-introduction {
    	font-size: 1.1em;
	}
	
	.intro {
    font-size: 1.1em;
}
	.flexHead {
    height: 60px;
}
	.nod {
    padding-bottom: 30px;
}
	.nodT2 {
    padding-top: 30px;
}
	.main {
    padding-top: 60px;
}
	
	.bRWD {
    right:auto;
    width: auto;
		position: relative;
}
	.rwd {
		float: right;
		padding-top:5px;
	}
	.header {
    box-shadow: 7px 7px 0px rgba(154,152,153,0.48);
}
	.boxLogo {
    height: 81px;
    box-shadow: -7px 7px 0px rgba(154,152,153,0.48);
}
	.head2 {
		padding-top: 0px;
}
	.head1, .boxLogo {
    width:89px;
}
	.footer .rs {
    padding: 0px;
}
	.footer .site {
    width: 90%;
}
	.boxAdresse {
		display: block;
		text-align: center;
	}
	.boxAdresse p {
    text-align: center;
}
	.logoFoot {
		display: block;
	}
	.logoFoot img {
    max-width: 100%;
		height: auto;
}
	
	.boxMembreRecrut {
		position: relative;
		padding:25px 0px;
	}
	.boxMembreRecrut a {
    margin: 0px 5px 0px 5px;
}
	.boxMembreRecrut:before,
	.boxMembreRecrut:after {
		display: block;
		content:"";
		position: absolute;
		height: 1px;
		background:#B4B2B3;
		width:110px;
		left:50%;
		margin-left: -55px;
		top:10px;
	}
	.boxMembreRecrut:after {
		top:auto;
		bottom:10px;
	}
	.logoFoot  {
		padding: 0px;
		margin:auto;
	}
	.logoFoot img:first-child {
		width: 97px;
		height:auto;
	}
	.logoFoot img:last-child {
		width: 100%;
		max-width: 320px;
		height:auto;
	}
	.boxRs a {
		display: inline-block;
	}
	.footer .boxRs {
    margin:0px;
		text-align: center;
}
	.footer .logoFoot {
    margin-right: 0px;
}
	.foot1 .zOpen {
    	right: auto;
		margin:0px;
		position: absolute;
		left:0px;
		top:0px;
		width:98%;
		background: #FFF;
		border:1px solid #ccc;
		bottom:76px;
	}

	.footer {
		position: relative;
		z-index: 10;
		padding-bottom: 40px;
	}
	.fade {
		opacity: 1 !important;
	}
	.foot1 {
		text-align: center
	}
	.foot .bOne {
		position: inherit;
	}
	/* tables RWD */
	.tabSmart .lab {
    	display: block;
	}
	.tabSmart thead,
	.tabSmart:not(.vue) th {
		display: none;
	}
	.tabSmart,
	.tabSmart tbody,
	.tabSmart tr,
	.tabSmart th,
	.tabSmart td {
		display: block;
		width:auto !important;
		border:0px !important;
	}
	.tabSmart tr {
		position: relative;
		border-bottom:1px solid #ccc !important;
		padding:4px 10px;
	}
	.tabSmart td {
		display: inline-block;
		padding:1px 3px;
	}
	.vue.tabSmart td {
		padding-left:0px;
		padding-right:0px;
	}
	.tabSmart td.intitule {
		display: block;
	}
	.tabSmart td.acts {
		position: absolute;
		right:-5px;
		top:0px;
		padding:0px;
	}
	.acts .ic {
    	display: block;
		margin:5px 0px;
	}
	/* fin tables RWD  */
	.ictxt::after {
    	left:auto;
		right:0px;
	}
	
	.tabSmart .lab {
		color:#666;
		font-size:11px;
		display: inline-block;
	}
	
	.toTop {
    	bottom: 5px;
    	right: 5px;
		height:35px;
		width:35px;
	}
	.bMenuNav .act {
    top:20px;
    padding: 5px 10px 5px 40px;
		background-size: 35px auto;
		border-radius:0px;
}
	.fermerRech, .bMenuNav .icRech {
    left: auto;
    right: 10px;
}
	.fermerNavi, .bMenuNav .icMenu {
    left: 100px;
}
	.fermerMenu {
    height: 40px;
		width:120px;
		top: 20px;
}
	.bFd.bMenuNav .zone {
    padding: 20px 2%;
}
	.bMenuNav .zone {
		top:60px;
	}
	.logo img {
    width: 85%;
}
	.intro_page::after {
    width: 200px;
    margin-left: -100px;
}
	p {
    margin: 15px 0px;
}
	.box, .margTB, .intro, .msg {
    margin: 30px auto;
}
	.intro_page {
    padding-bottom: 20px;
}
	.front .nod h1 {
    margin-top: 0px;
}
	
	.cke_editable ul, ul.text, ol.text, .text ul, .text ol {
    margin: 20px 0px;
}
	.contenu input, .contenu select, .contenu textarea, .formulaire input, .formulaire select, .formulaire textarea {
    max-width:100%;
		width:90%;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
margin: 10px 0px;
width:auto;
}
	
	.retour, .pageSuivante {
    padding:10px;
}
.pageBandeau {
	min-height: 40px;
}
	.avecBImg .pageBandeau, .imgHeader, .avecBImg .bandeau {
    height: 100px;
}
	.nod h1 {
    font-size: 1.733em;
}
	.boxPlus {
    flex-wrap: wrap;
}
	.homeParas {
    padding: 0px 0px;
}
	.itF3 {
    padding-bottom: 40px;
}
	.numberListe::before {
    height: 30px;
    width: 30px;
}
	.retour a, .pageSuivante a {
    background-size: auto 30px;
    padding: 15px 30px;
    font-size: 1.35em;
}
	.retour a:hover, .pageSuivante a:hover {
    background-size:auto 35px;
}
	.navi ul li span.menuOpen {
    right: 6px;
}
	.boxAcces .vueAcces {
   flex-wrap: wrap;
		padding:3px;
}
	.bAcces {
    margin: 3px;
}
	.titreAcces {
    top: -60px;
    padding: 4px 8px;
}
	.front .main {
    padding-top: 180px;
}
	.boxAccesHome {
    top:40px;
}
	.arianeVue {
    margin-left: 20px;
		margin-top: 40px;
}
	.vuePage.vueArt .item0 .blocTitre {
    color: #FFF;
    font-size: 1.5em;
}
	.vuePage.vueArt .item0 .itArt .mediaBloc {
    height: 200px;
}
	.vuePage.vueArt .item0 .itArt .mediaBloc.videoBloc iframe {
    width: 100%;
}
	.flex.boxBas {
    flex-wrap: wrap;
}
	.vuePage {
    padding-bottom: 30px;
}
	.boxMembreRecrut a {
    font-size: 1.1em;
}
	.itF {
    width: 100%;
}
	.itF .intItF {
    min-height: 0px;
}
	.views-exposed-form input[type="submit"][value="Appliquer"] {
    margin: 0px;
    padding: 2px 10px;
}
	.fc-button {
    padding: 2px;
    font-size: 13px;
}
	.vueCalendar .fc-toolbar h2 {
    font-size: 1em;
}
	.js-drupal-fullcalendar {
    padding-left: 5px;
    padding-right: 5px;
}
	.mediaNode iframe {
    height: 200px;
}
	.boxPlus a {
    min-width: 200px;
}
	.nodT2 .boxPlus {
    margin-bottom: 25px;
}
	.dateNodeAgenda::before {
    width: 50px;
    height: 50px;
}
	.boxMembreRecrut {
    text-align: center;
}
	.dateNodeAgenda {
    padding: 20px 20px;
    align-items: flex-start;
    width: auto;
    min-height: 0px;
}
	.boxTitreAgenda .titlePage {
    padding: 10px 20px;
    width: auto;
}
	.corpsT2 .intro {
    margin-top: 15px;
}
	.nodT2 h1 {
    font-size: 1.4em;
}
	.corpsT2 {
    padding:20px;
}
	.boxTitreAgenda {
    display: block;
}
	.dateNodeAgenda.avecFin {
    min-height: 30px;
}
	.vue_villes .flexVilles {
    flex-wrap: wrap;
		flex-direction: column-reverse;
}
	.rNom {
    width: auto;
}
	.nodT2 h2 {
    font-size: 1.25em;
}
	.mapVille {
    width: 96%;
		margin:auto;
    height: 240px;
}
	.nodT1 .paraText .titreBox.sansPicto h2::before {
    background-size: contain;
    width: 40px;
    left: -10px;
}
	.nodT1 .paraText .titreBox.sansPicto h3, .nodT1 .paraText .titreBox.sansPicto h2 {
    padding-left: 42px;
    font-size: 1.4em;
		margin:40px 0px 20px 0px;
}
	.intNod .corpsOffre ul, .intNod .corpsOffre ol {
    margin: 20px 0px;
    padding: 0px;
}
	.offreTexte {
    padding: 15px 20px;
}
	.nodOffre h1::before {
    height: 35px;
    width: 35px;
}
	.nodOffre h1 {
    padding: 5px 0px 5px 30px;
}
	.h2Offre span {
    background-size:35px auto;
		padding: 8px 10px 8px 42px;
}
	.vue_cowork .paraText {
    background-size: 400px auto;
		padding: 30px 0px 170px 0px;
}
	.vue_cowork .paraText .lienBloc {
    margin-left: 50px;
}
	.vue_cowork .paraText:last-child {
    background-position: 100px bottom;
		background-size: 200px auto;
}
}

/* smart 320px */
@media all and (max-width: 359px) {
	.boxMembreRecrut a {
    margin: 0px 2px;
    font-size: 1em;
}
}