@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    /* ruleset for 320px - 480px */
	.flexHead{
		background-size: 100%;
    height: 72px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ruleset for 320px - 480px */
	.flexHead{
		background-size: 100%;
		height: 58px;
	}
}
@media all and (max-width: 639px) {
	html {
		font-size:14px;
	}
	body {
    	padding-top: 0px !important;
	}
	#block-sitebranding-2,
	.header .bRWD,
	#toolbar-administration {
		display: none;
	}
	.bSmart .zOpen {
		display: none;
	}
	.smart,
	.bSmart .act,
	.footer .bRWD {
		display:block;
	}
	.bSmart .zone {
		position: absolute;
	}
	.flexSmart,
	.tabProgramme,
	.tabProgramme .th,
	.tabProgramme .td,
	.tabIns,
	.tabIns .td,
	.intActu,
	.intActu .td,
	.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;
	}
	.bSmart .zOpen {
    	display: none;
	}
	.head1 {
   left:0px;
}
	.tdSiteName {
    padding: 10px 0px 0px 5px;
}
	.siteName {
    font-size: 1.15em;
		max-width: 120px;
		white-space: normal;
}
	.siteDate {
    font-size: 13px;
max-width: 140px;
display: block;
}
	.footer a {
    display: inline-block;
		padding:10px 12px;
		margin:0px;
		font-size: 13px;
}
	.bRWD {
    right:auto;
    width: auto;
		position: relative;
}
	.titlePage .couleur, .pageSuivante a, .h1, h1 {
    margin: 30px 0 30px 0;
        margin-bottom: 30px;
		font-size: 1.6em;
		line-height: 1.1em;
}
	.pageSuivante a {
		font-size: 1.3em;
}
	.vuePara .titrePara h2.titre1 {
    padding:10px 0px 20px 0px;
    font-size:1.6em;
}
	h2 {
    margin: 25px 0 18px 0;
    font-size: 1.35em;
		line-height: 1.15em;
}
	h3 {
    font-size: 1.2em;
		line-height: 1.15em;
}
	.h2Picto  {
		margin-top: 40px;
    font-size:1.35em;
}
	.h2Picto .sousTitre {
    font-size:0.9em;
}
	.pageSuivante {
    margin-top: 25px;
}
	.nod.withImg {
    padding-top: 110px;
}
	.nodT1 {
    padding-bottom: 30px;
}
	.imgHeader {
    height: 120px;
}
	.cke_editable ul, ul.text, ol.text, .text ul, .text ol {
    margin: 20px 0px;
}
	.cke_editable ul li, ul.text li, ol.text li, .text ul li, .text ol li {
    margin: 8px 0px 8px 15px;
}
	.cke_editable ul li::before, ul.bullet li::before, .text ul li::before {
    height: 10px;
    width: 10px;
    margin: 3px 0px 0px -20px;
}
	.tdMedia {
    width:auto;
    padding-right: 0px;
}
	.tdMedia .mediaBloc {
    height: 120px;
background-size: contain;
		background-position: left top;
}
	.imgBloc {
    height: 160px;
}
	.imgNode {
    height: 180px;
}
	.img_programme {
    height: 140px;
}
		.nodT2 {
    padding-top: 20px;
}
	.foot1 .zOpen,
	.bRech {
    	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: 100;
		padding-top: 10px;
		/*background: #FFF url('../images/footer_smart.gif') no-repeat center bottom;*/
		background: #FFF url('../images/25201_Rencontres_UAF-Footer_mobile.jpg') no-repeat center bottom;
		background-size:auto 320px;
		background-position:centerbottom;
		padding-bottom: 320px;
		border-bottom: 0px;
	}
	.fade {
		opacity: 1 !important;
	}
	.foot .bOne {
		position: inherit;
	}
	
	/* tables RWD */
	.tabSmart .lab {
    	display: block;
	}
	.tabSmart thead,
	.tabSmart:not(.vue) th {
		display: none;
	}
	.tabTextMedia,
	.tabTextMedia .td,
	.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;
	}
	.navi .li-0 > span, .navi .li-0 > a {
    padding-left: 35px;
    padding-right: 35px;
}
	.navi ul ul li span, .navi ul ul li a {
    padding-left: 35px;
}
	/* fin tables RWD  */
	.ictxt::after {
    	left:auto;
		right:0px;
	}
	.tabSmart .lab {
		color:#666;
		font-size:11px;
		display: inline-block;
	}
	.jDiaporama,
	.jDiaporama ul,
	.jDiaporama li span {
		height:200px !important;
	}
	.paraImg .imgB,
	.paraImg .textCorps {
    	float:none;
    	width:auto;
	}
	.toTop {
    	bottom: 5px;
    	right: 5px;
		height:25px;
		width:25px;
	}
	.bMenuNav .act {
    /*top:10px;*/
	top: 17px;
    width: 60px;
		background-size: 40px auto;
		font-size: 12px;
    padding: 36px 0px 5px 0px;
	font-weight: bold;
    color: #000;
	
}
	.fermerMenu {
    height: 60px;
    width: 60px;
}
	.fermerNavi, .bMenuNav .icMenu {
    right: 10px;
}
	.siteSlogan {
    padding: 15px 20px;
}
	.block-language {
		right: 5px;
		margin: 0px 5px;
	}
	.bFd.bMenuNav .zone {
    padding: 20px 2%;
}
	.intro_page::after {
    width: 200px;
    margin-left: -100px;
}
	p {
    margin: 15px 0px;
}
	.box, .margTB, .intro, .msg {
    margin: 30px 0px;
}
	/* paras */
	.ligneHr {
    margin: 30px 0px;
}
	.para {
    margin: 30px 0px;
}
	.posSide .tabTextMedia .tdMedia {
    padding: 0px !important;
}
	.para .item {
    margin-bottom: 35px;
}
	.para.sansSep .item {
    margin-bottom: 0px;
}
	.intro_page {
    padding-bottom: 20px;
}
	.paraTextImg .posSide .blocVideo {
    height: 170px !important;
    width: 100% !important;
}
	.paraCarousel .jDiaporama_controls {
    right: 10px;
}
	.boxDoc {
    margin: 5px 0px;
}
	.docLien {
    height: 70px;
    padding: 2px 25px 2px 50px;
		background-size: 30px auto;
}
	.front .nod h1 {
    margin-top: 0px;
}
	.vueFlex  {
    flex-wrap: wrap;
}
	.vueFlex .bloc {
    width: 100%;
		border-bottom:1px solid #ccc;
		padding-bottom: 15px;
		margin-bottom: 15px;
}
	.vueFlex .bloc:last-child {
		border-bottom:0px;
		margin-bottom: 15px;
}
	.para .flex .item,
	.para.withSep .flex .item {
    width:90% !important;
}
	.para.sansSep .flex .item {
    width: 100% !important;
}
	.zEle {
    position:relative;
}
	.eleHauteur .textes,
	.eleHauteur .textes .intTextes {
    height: auto;
}
	.zEle .pad {
    padding: 10px 30px;
}
	.zEle {
		margin:0px -4% 25px -4%;
		width:108%;
}
	.tabCarousel .bShow, .tabCarousel .tdImg, .tabCarousel .mediaBloc, .tabCarousel .videoBloc iframe {
    width: 100%;
}
	.paraDiapo .mediaBloc {
    height: 190px;
}
	.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;
}
	.paraItem .titreBorder span {
    padding-left: 25px;
}
	.pageSuivante a {
background-position:right 20px center;
background-size: auto 35px;
padding: 20px 60px 20px 20px;
}
	.fw2 .fondMedia .itBloc .textes, .fw2 .fondCouleur.sansImg .itBloc .textes {
    padding: 0px 35px 30px 35px;
}
	
	.diapoHome .textes {
    top: 210px;
}
	.diapoHome .intTextes {
    padding-left: 20px;
    padding-right: 20px;
}
	.diapoHome h3.titre1 {
    font-size: 1.2em;
}
	.diapoHome .intDiapo, 
	.paraDiapo, .diapoHome .jDiaporama, .diapoHome .jDiaporama ul, .diapoHome .diapoMedia iframe, .diapoHome .jDiaporama li {
    height: 440px !important;
}
	.diapoHome .diapoMedia {
    height: 180px !important;
}
	.diapoHome .jDiaporama_status {
    left: 15px;
}
	.not-front .tabIns .tdImg {
    width: 100%;
    height: 120px;
}
	.not-front .tabIns .tdTextes {
   width: 100%;
}
	.tabIns .intTextes {
    padding: 10px 25px 25px 25px;
}
	.itPart {
    height: 90px !important;
    width: 145px !important;
    margin: 5px 1px;
}
	.intPart {
    margin: 10px;
}
	.vuePart .jDiaporama_controls {
    top: 80px;
}
	.vuePart .jDiaporama_controls a {
    height: 35px;
    width: 35px;
}
	.vueInfos.vueFlex .bloc,
	.vuePart.vueFlex .bloc {
    border-bottom: 0px;
}
	.vuePart .jDiaporama, .vuePart .jDiaporama ul {
    height: 225px !important;
}
	.paraTextImg .hauteurSmall .mediaHauteur, .paraTextImg .hauteurSmall .mediaHauteur img {
    height: 130px;
}
	.paraTextImg .hauteurMedium .mediaHauteur, .paraTextImg .hauteurMedium .mediaHauteur img {
    height:180px;
}
	.paraTextImg .hauteurLarge .mediaHauteur, .paraTextImg .hauteurLarge .mediaHauteur img {
    height: 250px;
}
	.blocPart {
    padding: 30px 0px 40px 0px;
}
	.tdPicto {
    padding-right: 10px;
}
	.tdPicto span {
    width: 60px;
    height: 60px;
}
	.paraTextImg .bShow .act::after {
    width: 35px;
    height: 35px;
}
	.textMedia1 .divMedia {
    margin-bottom: 25px;
}
	.contact-form {
    width: 90%;
}
	.contact-form .js-form-item {
    margin-bottom: 10px;
}
	.nodT2 .h1_programme {
    margin: 25px 0px 0px 0px;
    background-size: 90px auto;
    padding: 10px 0px 0px 105px;
    min-height: 75px;
}
	.tdHoraire {
    padding: 15px 0px 2px 0px;
		text-align: left;
}
	.tabProgramme {
    margin-top: 20px;
    margin-bottom: 20px;
}
	.jourDate {
    width: auto;
    padding-right: 0px !important;
    margin-top: 20px;
}
	.jourIntro {
    font-size: 1.15em;
}
	.vueHomeProgramme .bloc {
    background-size: 70px auto;
    padding: 0px 20px 0px 20px !important;
		background-position: right 10px top -2px;
}
	.jourTitre, h4 {
    margin: 17px 0 10px 0;
    font-size: 1.1em;
}
	.front .rowJournee:first-child .thTitre,
	.front .rowJournee:first-child .thJour {
		padding-right: 70px;
	}
	.horaireIntro p {
    border-width: 10px;
    margin: 3px 0px 10px 0px;
}
	.lienProg {
    margin: 0px 10px;
}
	.front .titrePicto {
    margin: 0px 5px;
}
	.liensProgHome div.lienProg {
    margin:8px 2px 0px 2px !important;
}
	.para-vues {
    padding: 20px 0px 40px 0px;
}
	.front .tabIns .texte {
    float: none;
    width: 100%;
    padding-left: 0%;
}
	.front .tabIns .tdImg{
    float: none;
    width:90%;
    height: 140px;
		margin:0px 5% 0px 0px;
		padding-left:5%;
		background-color: #DCF0F0;
		background-size: 95% auto;
background-position: right center;
}
	.mailIns p {
		margin-top:0px;
	}
	.para-inscription {
		padding-bottom: 0px;
	}
	.vueInfos.vueHome .intInfo > h3, .vueHomeLieu .vuePara .titrePara .titre1 {
    font-size: 1.37em;
    padding: 20px 0px 10px 0px;
}
	.vueInfos.vueFlex {
    padding: 1px 0px;
}
	.front .para-vues.vueHomeInformations {
		padding-bottom: 1px;
	}
	.vueInfos.vueFlex.vueSite .bloc {
		padding:10px 0px 1px 0px;
	}
	.vueHomeInformations .titrePara h2.titre1 {
		padding-bottom:0px;
	}
	.itInfo {
    margin:10px 15px;
}
	.formIns {
  padding: 20px 20px;
}
	.participantResume, form .js-form-item .participantResume {
  padding: 10px 35px 10px 20px;
}
	.formIns .flexFormIns > .js-form-item {
  display: block;
		margin:0px;
}
	.formIns .flexFormIns .js-form-item label {
  width: 100%;
}
	.formIns .flexFormIns .js-form-type-radio label {
		width:auto;
	}
	.logo img {
  max-height: 60px;
}
}
@media all and (max-width: 400px) {
.footer {
		background-size:100% 320px;

	}
}
/* smart 320px */
@media all and (max-width: 359px) {
	.paraCarousel .jDiaporama,
	.paraCarousel .jDiaporama ul,
	.paraCarousel .jDiaporama li span {
		width:290px !important;
		height:173px !important;
	}
	.diapoHome .intDiapo, .diapoHome .diapoMedia,
	.paraDiapo, .diapoHome .jDiaporama, .diapoHome .jDiaporama ul, .diapoHome .diapoMedia iframe, .diapoHome .jDiaporama li {
    height: 410px !important;
}
	.diapoHome .diapoMedia {
    height: 150px;
}
	.diapoHome h3.titre1 {
    font-size: 1.1em;
}
	.head1 {
    top: 7px;
}
	.bMenuNav .act {
    top: 14px;
    background-size: 35px auto;
    font-size: 11px;
    padding: 32px 0px 5px 0px;
}
	.fermerNavi, .bMenuNav .icMenu {
    right: 2px;
}
	.logo img {
    max-height: 57px;
}
	.siteDate,
	.siteName {
    font-size: 1.1em;
}
	.siteSlogan {
    padding: 10px;
}
	.navi ul ul li span, .navi ul ul li a,
	.navi .li-0 > span, .navi .li-0 > a {
    padding-left: 20px;
    padding-right: 20px;
}
	.logo2 img {
    max-height: 44px;
}
	.vueHomeProgramme .bloc {
    padding: 0px 10px 0px 10px !important;
}
	.mailIns p {
    font-size: 1.2em;
    margin: 10px 0px 10px 0px;
        margin-top: 5px;
}
	.titrePicto {
    background-size: 40px auto;
    padding: 8px 0px 11px 50px;
    font-size: 1.1em;
    margin: 5px 10px;
}
	.titrePicto::after {
    width: 75px;
}
	.vuePart .jDiaporama, .vuePart .jDiaporama ul {
    height: 200px !important;
}
	.itPart {
    height: 70px !important;
    width: 125px !important;
    margin: 5px 1px;
}
	.intPart {
    margin: 5px;
}
	.vuePart .jDiaporama_controls {
    top: 65px;
}
	.intPart {
    height: 60px;
}
	.blocPart h2 {
    background-size: auto 54px;
    padding: 13px 10px 13px 60px;
    margin: 0px 0px 10px 0px;
}
	.blocPart {
    padding: 20px 0px 30px 0px;
}
	
}