@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 989px) {
	.site2,
.site3 {
	width:90%;
}
.site2 .site2 {
	width:100%;
}
	.tab,
	.bTab .act,
	.bMenuNav .icMenu {
		display:block;
	}
	.navi .li-0 > a:hover::after,
	.tabIns .tdPicto,
	.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;
}
	.main {
		padding-top: 155px;
	}
	.imgNode {
    height: 310px;
}
	.img_programme {
    height: 240px;
}
	.bRoll.actif .zone {
	display: block;
}
	
	/* 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;
}
	.header {
		position: fixed;
		width: 100%;
		height: 155px;
	}
	.flexHead {
		display: block;
		/*background:url(../images/header-260124-mob-3.jpg);*/
		background:url(../images/25201_Rencontres_UAF-Header_moblie.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.header.abs {
		position:absolute;
	}
	.head {
    	position: absolute;
		width:auto;
	}
	.head1 {
		left:15px;
		top:62px;
		width:auto;
	}
	.head2 {
		left:0px;
		top:10px;
		width:100%;	
	}
	.logo2 {
    padding: 4px 10px;
}
	.tdSiteName {
    padding: 12px 0px 0px 15px;
}
	.siteSlogan {
   padding-right: 340px;
		max-width: 350px;
}
	.head3 {
		left:0px;
		top:0px;
		height: 61px;
		border-bottom:1px solid #51B6B2;
		width:100%;
	}
	.header.flex {
		display: block;
	}
	.fermerMenu {
   		position: absolute;
    	z-index: 300;
    	top: 76px;
    	height: 80px;
    	width: 120px;
	}
	.fermerMenu:hover {
    	cursor: pointer;
	}
	.bMenuNav .act {
		position: absolute;
		background-size: 50px auto;
		top:76px;
		right: 30px;
		width:120px;
		text-align: center;
		margin:0px;
		padding:45px 0px 5px 0px
	}
	.fermerNavi,
	.bMenuNav .icMenu {
		right:30px;
	}
	.fermerUser,
	.bMenuNav .icUser {
		left:55%;
	}
	.fermerRech,
	.bMenuNav .icRech {
		left:70%;
	}
	.bMenuNav .zone {
		margin-top: 155px;
	}
	.block-language {
		position: absolute;
		right: 10px;
	}
	.block-language li, .head3 > div, .head3 .bFd {
    display:block;
}
	
	/* FIN NAV MENU 1 RWD  */
	/* NAVIGATION */
	.bNavi {
    background: #FFF;
		box-shadow: 0px 6px 6px rgba(0,0,0,0.4);
}
	.navi li.li-0 > a.is-active, .navi li.li-0:hover > a, .navi li.li-0.active > a, .navi li.li-0.active > span {
    color:#009DE0;
}
	.navi ul.niv0 {
		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 a.is-active::after {
    	display: none;
	}
	.navi ul ul {
		position: relative;
		width: auto;
	}
	.navi ul ul li span,
	.navi ul ul li a {
		padding-left: 50px;
	}
	.navi ul li {
		display: block !important;
		text-align: left;
	}
	.navi ul li a {
		display: block !important;
		text-align: left;
		border-top:1px solid #ccc;
		color:#000;
	}
	.navi .li-0 > span, .navi .li-0 > a {
  color: #000;
}
	.navi ul  li ul li a {
		border-top:1px dotted #ccc;
	}
	.navi ul li span.menuOpen {
		position: absolute;
		right: 0px;
		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;
	}.path-inscription-form-participant .navi li.li-0:nth-child(4) > a, .navi li.li-0 > a.is-active, .navi li.li-0.active > a, .navi li.li-0.active > span {
  color: #cb1c7b;
}
	.navi .li-0 > span, .navi .li-0 > a {
    padding-left: 55px;
    padding-right: 55px;
}
	.navi ul ul {
    border: 0;
    box-shadow:none;
    padding: 0;
}
	.navi ul ul li span, .navi ul ul li a {
    padding-left: 80px;
}
	.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;
}
	.bFd.bMenuNav .zone {
    padding: 40px 2% 30px 2%;
}
	.nod .corps {
    padding: 0px;
}
	.posG .tabTextMedia .tdMedia {
    padding: 0px 25px 0px 0px;
}
	.posD .tabTextMedia .tdMedia {
    padding: 0px 0px 0px 25px;
}
	.paraTextImg .posSide .blocVideo {
    height: 200px !important;
    width: 360px !important;
}
	/* liste para*/
	.para .flex {
    justify-content: space-around;
}
	.para.withSep .fw5 .item,
	.para.sansSep .fw5 .item {
    width: 30%;
}
	.para.widthSep .fw4 .item,
	.para.sansSep .fw4 .item {
    width: 44%;
}
	.fw2 .sansSep .intTextes,
	.fw5 .sansSep .intTextes {
    padding-left: 6%;
    padding-right:6%;
}
	.hauteurlarge .imgType2 .fw3 .mediaHauteur {
    height: 280px;
}
	.tabCarousel .bShow, 
	.tabCarousel .tdImg, 
	.tabCarousel .mediaBloc, 
	.tabCarousel .videoBloc iframe {
    width: 320px;
}
	.paraDiapo .mediaBloc {
    height: 220px;
}
	.itInfo .blocMedia {
    width: 230px;
    height: 130px;
}
	.diapoHome .intDiapo, 
	.paraDiapo, .diapoHome .jDiaporama, .diapoHome .jDiaporama ul, .diapoHome .diapoMedia iframe, .diapoHome .jDiaporama li {
    height: 560px !important;
}
	.diapoHome .intDiapo {
    display: block;
		height: auto;
}
	.diapoHome .intTextes {
    max-height:none;
}
	.diapoHome .textes {
		top:auto;
		width: 100%;
}
	.diapoHome .diapoMedia {
    width: 100%;
		height: 300px !important;
		top:auto;
}
	.lienProg {
    margin: 10px 30px;
}
	.jourDate {
    width: 180px;
}
	.vueHomeProgramme .bloc {
    position: relative;
    background-size:100px auto;
    padding: 0px 20px 0px 70px !important;
}
	.para-inscription {
		padding-bottom:0px;
	}
	.para-inscription .site2 {
		max-width: 100%;
	}
	.tabIns {
background:#0D2F3C;
}
	.not-front .tabIns .tdImg {
    width: 50%;
		height: auto;
}
	.not-front .tabIns .tdTextes {
		 width: 50%;
}
	.front .tabIns .tdImg {
    width: 50%;
    display: block;
    height: 200px;
		float: left;
}
	.front .tabIns .tdTextes {
		display: block;
}
	.front .tabIns .texte {
		float: left;
		width:45%;
		text-align: left;
		padding-left:5%;
	}
	.front .tabIns .mailIns {
		clear: both;
		padding:15px 0px;
		max-width: 400px;
		margin:auto;
	}
	.vuePart.vueFlex .bloc {
    margin: 10px 0px !important;
}
	.vuePart .jDiaporama, .vuePart .jDiaporama ul {
    height: 290px !important;
}
	.itPart {
	height: 110px !important;
    width: 180px !important;
    margin: 10px;
}
	.itPartHome {
    margin: 0px;
}
	.intPart {
		height: 70px;
	}
	.vuePart .jDiaporama {
    max-width: 540px !important;
}
	.vuePart .jDiaporama_controls {
    top: 105px;
}
	.front .titrePicto {
    margin: 9px 20px;
}
	.vueInfos.vueHome .intInfo > h3, .vueHomeLieu .vuePara .titrePara .titre1 {
    font-size: 1.65em;
    padding: 20px 0px;
}
	.tdMedia {
    width: 300px;
    padding-right: 25px;
}
	.tdMedia .mediaBloc {
    height: 180px;
}
	.vueSite .bloc {
    padding: 35px 0px;
}
	.blocBasInfo .itInfo h3 {
    height: 75px;
		font-size:1.45em;
		display: flex;
		align-items: center;
		justify-content: center;
}
	.navi ul > li:last-child ul {
    margin-left: 0px;
}
	.paraInfo {
    margin-bottom: 30px;
}
	p {
    margin: 15px 0px;
}
	.h2Picto {
    font-size: 1.6em;
		margin-top: 60px;
}
	h2 {
    margin: 35px 0 30px 0;
    font-size: 1.55em;
}
	h3 {
    margin: 30px 0 30px 0;
    font-size: 1.3em;
}
	.intro {
    font-size: 1.2em;
}
	.itInfo h3 {
    font-size: 1.45em;
}
	.titlePage .couleur, .pageSuivante a, .h1, h1 {
    font-size: 2em;
}
	.imgHeader {
    height: 220px;
}
	.nod.withImg {
    padding-top: 210px;
}
	.blocPart h2 {
    background-size: auto 64px;
    padding: 17px 10px 17px 70px;
    margin: 0px 0px 20px 0px;
}
	.blocsPart {
    margin-top: 60px;
}
	.itInfo .tdMedia {
    width: 230px;
}
	.horaireDate {
padding: 5px 15px;
font-size: 1.1em;
}
	h2.titre1 {
    border-width: 9px;
    padding: 5px 0px 5px 22px;
}
	.tdHoraire {
    padding: 10px 35px 10px 0px;
}
	.jourTitre, h4 {
    margin: 22px 0 17px 0;
    font-size: 1.2em;
}
	.imgBloc {
    height: 180px;
}
	.formIns {
  margin-bottom: 65px;
}
	flexFormIns {
  display: block;
}
	.formIns .flexFormIns > .js-form-item {
  width: 100%;
}
	.formIns .flexFormIns .js-form-item label,
	.radiosLine legend {
  width: 20%;
}
	.formIns .form-actions {
  position:relative;
  bottom: auto;
  right: auto;
		margin-top: 20px;
		border-top:1px solid #C4C4C4;
		padding-top: 20px;
}
	.formIns .form-item-oblig {
  bottom: -55px;
}
}