@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 639px) {
	html {
		font-size:14px;
	}
	body {
    	padding-top: 0px !important;
	}
	.menuAriane,
	.header .nameSlogan,
	.tdSiteName,
	#block-sitebranding-2,
	.header .bRWD,
	#toolbar-administration {
		display: none;
	}
	.bSmart .zOpen {
		display: none;
	}
	.smart,
	.bSmart .act,
	.footer .bRWD {
		display:block;
	}
	.bSmart .zone {
		position: absolute;
	}
	.actionsNode {
    float:none;
    padding: 15px 0px 5px 0px;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
    font-size: 16px;
}
	.tabSmart,
	.tabSmart .td {
		display: block;
		width:auto;
	}
	.media_nod .videoBloc iframe {
    height: 169px;
    width: 300px;
}
	.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;
	}
	.bNavRech form {
    	width: 90%;
	}
	.tabHead .zone > div {
    padding: 20px;
}
	.intNodPersonne, .pageTitle {
    padding-top: 0px;
}
	h1 {
    	font-size: 1.9em;
		margin: 20px 0 30px 0;
	}
	.nodT2 h1 {
		font-size: 1.4em;
	}
	.nodT2 .para h2 {
font-size: 1.35em;
    border-left-width: 3px;
    padding-left:20px;
}
	.legend span, .legend a {
    font-size: 1.8em;
}
	.titreSeria {
    font-size: 2em;
}
	h2 {
    	font-size: 1.35em;
		margin:40px 0 30px 0;
	}
	h3 {
    	font-size: 1.2em;
	}
	h4 {
    margin: 20px 0 15px 0;
    font-size: 1.1em;
}
	.titreItem h4 {
    font-size: 1.1em;
}
	.intro {
    font-size: 1.05em;
}
	.front .header {
    background-color:#FFF;
}
	.headFlex,
	.header {
    	height: 50px;
}
	.head .siteLogo,
	.front .head .siteLogo {
    height: 75px;
		margin-left: -45px;
		width:140px;
}
	.boxNavV li.li-0 > span, .boxNavV li.li-0 > a {
    font-size: 1em;
}
	.bMenuNav .zone {
    	margin-top: 50px;
		min-width: 0px;
}
	.fermerMenu, .icHead {
    width: 60px;
}
	.front .header,
	.not-front .header {
    box-shadow: 0px 4px 0px rgba(0,0,0,0.12);
}
	.rubrique {
    padding-top: 35px;
		font-size:1.8em;
}
	.icHead {
    margin-top: 5px;
}
	.icHead .icIcon {
    width: 40px;
    height: 40px;
}
	.icHead.icAgenda {
		left:1%;
	}
	.fermerNavi, .bMenuNav .icMenu {
    right: 1%;
}
	.icHead .icText {
   position: absolute;
		top:10px;
}
	.boxNavV ul li.li-0 > a:hover::before, .boxNavV ul li.li-0 > span:hover::before, .boxNavV ul li.li-0.active > a::before, .boxNavV ul li.li-0.active > span::before, .boxNav ul ul li.active a::before, .boxNav ul ul li a:hover::before {
    width: 10px;
    height: 10px;
    top: 13px;
		left:6px;
}
	.boxNavV ul li.li-0 > a:hover ::before, .boxNavV ul li.li-0 > span:hover::before, .boxNavV ul li.li-0.active > a::before, .boxNavV ul li.li-0.active > span::before {
    top: 16px;
}
	.head .siteLogo::before,
	.front .head .siteLogo::before {
    left:-13px;
		width:140px;
		height: 32px;
		top:50px;
		opacity: 1;
}
	.bNavi .icHead .icText {
		right:60px;
	}
	.icHead.icAgenda .icText {
		left:60px;
	}
	.front .head .zone, .bMenuNav .zone {
    margin-top: 50px;
}
body:not(.front) .boxNavH {
    min-height: 45px;
}
	.titre_page h1 {
    padding-bottom: 0px;
}
	.foot2 a {
    padding: 5px 8px;
}
	.bRWD {
    right:auto;
    width: auto;
		position: relative;
}
	.rwd {
		float: right;
		padding-top:5px;
	}
	.para2Col .num1 .titreBox .titre {
    margin-top: 0px;
}
	.titreh3 {
    margin-top: 15px;
    margin-bottom: 10px;
}
	.promo_nod, .date_nod .dateT {
    font-size: 1.4em;
}
	.numberListe::before {
    left: 0px;
}
	.numberListe span {
    font-size: 1.4em;
    left: 4px;
}
	.titreVuePicto h1 {
    background-size: 60px;
    padding-left: 70px;
    min-height: 60px;
		margin-top:20px;
}
	.rs {
    height: 45px;
    width: 45px;
    box-shadow: 4px 4px 0px rgba(0,10,50,0.12);
    margin: 10px;
}
	.foot1 .zOpen {
    	right: auto;
		margin:0px;
		position: absolute;
		left:0px;
		top:0px;
		width:98%;
		background: #FFF;
		border:1px solid #ccc;
		bottom:76px;
	}
.footer .site1 {
    max-width: none;
}
	.footer {
		position: relative;
		z-index: 100;
	}
	.fade {
		opacity: 1 !important;
	}
	.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:25px;
		width:25px;
	}
	.intro_page::after {
    width: 200px;
    margin-left: -100px;
}
	p {
    margin: 15px 0px;
}
	.box, .margTB, .intro_nod, .msg {
    margin: 30px auto;
}
	.intro_page {
    padding-bottom: 0px;
}
	.front .nod h1 {
    margin-top: 0px;
}
	.aDeplie .icFleche {
    margin-right: 10px;
    height: 40px;
    width: 40px;
}
	.aDeplie {
    font-size: 1.2em !important;
}
	.titrePicto {
    width: 50px;
    height: 50px;
    margin: 0px 10px 0px 0px;
}
	.ariane a.arianeBack {
    padding-left: 20px;
    padding-right: 0px;
}
	.ariane span, .ariane a {
    margin-right: 0px;
    padding: 7px 0px 3px 13px;
    font-size: 13px;
		line-height: 1em;
		background-position: left 9px;
}
	.avecBImg .ariane::before {
    height: 20px;
}
	.ariane {
    margin-top: -22px;
}
	.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:92%;
		padding:5px 2%;
		margin:5px 2%;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
margin: 10px 0px;
width:auto;
}
	.intNod {
    min-height: 200px;
}
	.titreVue h2 {
    font-size: 1.8em;
}
	.front .homePart > h2 {
    margin: -47px 0px 20px 0px;
}
	.retour, .pageSuivante {
    padding:10px;
		margin-top: 10px;
}
	.search-form .form-search {
    padding: 10px 2%;
    width: 92%;
}
	.path-search .block-system-main-block ol li {
    margin: 20px 0px 20px 30px;
}
	.path-search .block-system-main-block h2 {
    font-size: 1.6em;
    margin: 20px 0px;
}
	.itRech {
	padding:15px 25px;
}
	.path-search .block-system-main-block ol li h3 {
    font-size: 1.1em;
}
	.bandeau_page {
    height:auto;
}
	.avecBImg .bandeau_page {
    height: 120px;
}
	.bandeau, .imgHeader {
    height: 230px;
}
	.titre_page h1 {
    padding-bottom: 10px;
}
	
	.numberListe::before {
    height: 30px;
    width: 30px;
}
	.retour a, .pageSuivante a {
    background-size: auto 45px;
    padding: 0px 0px 0px 45px;
    font-size: 1.95em;
}
	.retour a:hover, .pageSuivante a:hover {
    background-size:auto 35px;
}
	.navi ul li span.menuOpen {
    right: 6px;
}
	.fw1 .it_vue .mediaBloc,
	.fw2 .it_vue .mediaBloc,
	.fw4 .it_vue .mediaBloc,
	.fw3 .it_vue .mediaBloc {
    height: 175px;
}
.siteAuto .itemAuto .intD2 {
	height: 100%;
}
	.views-exposed-form .form-item {
    display: block;
}
	.homeBandeau .bandeauDiapo ul li.itDiapo .textesBox h2 {
    font-size: 1em;
}
	.bRech input[type="submit"] {
    padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
}
	body .homeBandeau .bandeauDiapo .jDiaporama_controls {
    bottom: 0px;
}
	.homeBandeau .jDiaporama_controls a {
    width: 33px;
		margin:0px ;
}
	.homeBandeau .bandeauDiapo ul li.itDiapo .intTextes {
    min-height: 40px;
}
	.user_page {
    display:block;
}
	.nodT2 .para h2 {
    padding-left: 12px;
}
	.tags {
    margin: 25px 0px;
}
	.vuePage {
    margin-left:0;
	margin-right:0;
}
	.pager__items li a {
    width: 33px;
    height: 33px;
}
	.bNavRech form {
    padding: 15px 3%;
}
	.homeBandeau .bandeauDiapo, .homeBandeau .bandeauDiapo .jDiaporama, .homeBandeau .bandeauDiapo ul.diapoUl, .homeBandeau .bandeauDiapo ul.diapoUl li.itDiapo {
    height: 305px !important;
}
	.homeAtouts > h2, .homeProjet h2 {
    font-size: 2.5em;
}
	.front .blocBas h2, .homeParas h2 {
    font-size: 2.2em;
}
	.homeParas .homeEntrees h2 span {
    font-size: 0.63em;
}
	.flexPalm {
    display: block;
}
	.homeActus .flexDate {
    position:relative;
    left: 0px;
    top:auto;
}
.homeAA h2.uper, .homeAA .intTextes {
    margin-left: 0%;
    width: 100%;
}
	.homeAA.homeAgenda .item {
    padding-left: 50px;
    margin-left: 30px;
}
	.homeAgenda .h2Agenda a::before {
    /*left: 0px;
    top: 48px;*/
	left: -90px;
        top: 8px;
}
	.atouts4 span p {
    padding: 0px 0px 0px 50px;
    min-height: 40px;
    background-size: 40px auto;
}
	.PalmProf {
		text-align: center;
	}
	.flexPalm .mediaBloc {
    width: 200px;
    margin: auto;
}
	.homePart a.itLogo {
    margin: 2px;
    width: 120px;
    height: 70px;
}
	.homePart .itLogo .imgBloc {
    min-height: 60px;
}
	.foot1 {
   height: 150px;
		position: relative;
		max-width: 80%;
		margin:auto;
		align-items: flex-start;
		padding-top:15px;
}
	.footer {
    margin-top: -25px;
}	
	.foot .siteSlogan {
    font-size:15px ;
    max-width:30%;
}
	.foot .siteName {
    font-size: 21px;
    max-width:30%;
}
	.footItem2 {
		position: absolute;
		height: 150px;
		width:100%;
		padding:0px;
		margin:0px;
		top:40px;
	}
	.foot2,
	.menuBas ul {
    flex-wrap: wrap;
		justify-content: center;
}
	.foot .siteSlogan,
	.foot .siteName {
		display: block;
	}
	.courbes2 {
    background-size: 100% 50px;
    padding-top: 60px;
}
	.courbes {
    background-size: 100% 50px;
    padding-bottom: 60px;
}
	.foot .siteLogo {
    width: 120px;
    height: 106px;
}
	.icFoot.icContact {
    padding-left: 15px;
}
	.footItem1 {
    width: 150px;
}
	.footItem3 {
    width: 130px;
}
	.icFoot.icAgenda {
    padding-right: 15px;
}
	.icFoot::before {
    height: 45px;
    width: 45px;
    top: -10px;
}
	.icFoot {
    font-size: 1em;
    padding: 4px 5px;
        padding-left: 5px;
}
	.views-exposed-form select {
    padding-right: 17px !important;
}
	.homeBandeau .bandeauDiapo ul li.itDiapo .intTextes {
    padding: 0px 10%;
}
	.homeParas .homeAtouts > h2 {
    margin-bottom: -6px;
}
	.vuePers .vueMulti {
    margin-top: 10px;
}
	.flexLogo .item,
	.vuePers .item,
	.vueFlex.fw3 .item {
    width:100%;
    margin-left: 0%;
    margin-right: 0%;
}
	.intNodPersonne .close {
   margin-top:-35px !important;
}
	.fc-toolbar > * > :not(:first-child) {
    margin-left: 0em;
}
	.fc-left .fc-button-group {
		text-align: left;
		display: flex;
		flex-direction: column;
	}
	.fc-right .fc-button-group {
		text-align: right;
		display: flex;
		flex-direction: column;
	}
	.fc-button {
    border: 1px solid transparent;
    padding: 0px 5px;
    border-radius: 5px !important;
		margin:2px 0px;
		font-size: 13px;
		width:80px;
}
	.legend a {
    padding-left: 40px;
    background-size: 42px;
}
	.legend span, .legend a {
    font-size: 1.8em;
}
	.xIcon {
    width: 35px;
    height: 35px;
}
	.xInt {
    padding: 1px 15px 1px 10px;
}
	.ligneLab {
    display:block;
}
	.bouton.lienOne, .lab {
    font-size: 1.1em;
}
	.intNodPersonne .boxPhoto::before {
   top:30px;
}
	.boxPhoto {
    width: 120px;
    margin-right: 20px;
}
	.photo {
    width: 104px;
    height: 129px;
}
	.fonctionInter {
    padding-left: 30px;
}
	.fonction::before {
    left: -35px;
    width: 30px;
    height: 30px;
}
	.linkedin {
    height: 33px;
    width: 33px;
}
	.atouts5 span {
    width: 96%;
}
	.xLien {
    padding: 3px 10px 3px 0px;
}
	.path-agenda-passe .fc-view-container,
	.path-agenda .fc-view-container {
    width: 800px;
}
	.closePop {
  right: 0px;
  width: 100px;
  height: 25px;
  font-size: 13px;
}
	.intPop {
  padding: 15px;
		text-align: left;
}
	.popOver {
  top: 2%;
		max-height: 96%;
	}
	.popOver .boxPhoto {
  width: 100px;
}
	.node-35 .vuePers {
		margin:0px 0%;
	}
}
/* smart 320px */
@media all and (max-width: 359px) {
	.footItem3 {
    width: 100px;
}
	.foot .siteSlogan {
    font-size: 14px;
}
	.footItem1 {
    width: 142px;
}
	.legend span, .legend a, .legend h2 {
    padding: 0px 15px;
}
	.item4H {
    width: 100%;
}
	.userInfos {
    width: 95%;
}
}