@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 639px) {
	/* DIAPO HOME */
	.diapoHome.siteAuto,
.diapoHome.siteAuto .jDiaporama,
.diapoHome.siteAuto ul.diapoUl li.itDiapo {
	height:202px !important;
}
.diapoHome.siteFull,
.diapoHome.siteFull .jDiaporama,
.diapoHome.siteFull ul.diapoUl,
.diapoHome.siteFull ul.diapoUl li.itDiapo {
	height:247px !important;
}
	.homeBandeau .siteFull .diapoFondColor, .homeBandeau .siteFull .diapoFondMedia, .homeBandeau .siteFull .diapoFondMedia .mediaBloc, .homeBandeau .siteFull .itemFull.mediaFull .mediaBloc {
    height: 330px;
}
	.homeBandeau .siteFull .diapoFondMedia iframe,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc iframe,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc video {
    height: 73.25vw !important;
}
.homeBandeau .siteAuto .diapoFondMedia iframe,
.homeBandeau .siteAuto .itemFull.mediaFull .mediaBloc iframe,
.homeBandeau .siteAuto .itemFull.mediaFull .mediaBloc video {
    height: 46vw !important;
}
	.diapoHome .jDiaporama_controls,
	.homeBandeau .chapo {
   display: none !important
}
	.diapoHome h2 {
    font-size: 1.1em;
}
	.diapoHome .jDiaporama_status {
    bottom:auto;
		top:10px;
    z-index: 255;
}
	.itemAuto .intD, .itemFull .intD2 {
    display: flex;
    flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
}
	.homeBandeau .mediaBloc {
    width: 100%;
		height: 280px !important;
		position: fixed !important;
		top:40px !important;
		z-index: 1;
}
	.homeBandeau .textesBox {
    position: absolute !important;
		left:0px !important;
		bottom: 0px !important;
		margin:0px !important;
		max-width:none !important;
		width: auto !important;
}
	.mediaAuto.avecMedia .textesBox {
    height: auto;
}
	.mediaAuto.avecMedia .textesBox, 
	.mediaAuto .mediaBox .mediaBloc {
    width: 100% !important;
}
	
	/* FIN DIAPO HOME */
	.para.avecFond {
    padding-bottom: 25px;
}
	.paraIframe iframe,
	.paraIframe video {
		height: 300px;
	}
	
	.blocCarousel h2 {
    margin: 45px 0px 10px 0px;
    font-size: 2.4em;
}
	.tabCarousel .intTextes {
    height: 150px;
    margin-bottom: 25px;
}
	.tabCarousel .jDiaporama,
	.tabCarousel .jDiaporama ul,
	.tabCarousel .jDiaporama li {
		height:200px !important;
	}
	.paraImg .imgB,
	.paraImg .textCorps {
    	float:none;
    	width:auto;
	}
	/* paras */
	.ligneHr {
    margin: 30px auto;
}
	.para {
    margin: 30px auto;
}
	.posSide .tabTextMedia .tdMedia {
    padding: 0px !important;
}
	.para.sansSep .item {
    margin-bottom: 0px;
}
	.boxDoc {
    margin: 5px 0px;
}
	.paraDoc .titre {
    background-size:35px auto;
    padding: 2px 0px 2px 45px;
    min-height: 45px;
}
	.docPara .lab {
    font-size: 1.1em;
}
	.docPara .docBox {
    font-size: 1em;
}
	.zEle {
    position:relative;
}
	.eleHauteur .textes,
	.eleHauteur .textes .intTextes {
    height: auto;
}
	.zEle .pad {
    padding: 10px 30px;
}
	.zEle {
		margin:0px -4% 25px -4%;
		width:108%;
}
	.paraVignettes.hauteurS li.vignette .mediaBloc,
	.paraVignettes.hauteurM li.vignette .mediaBloc {
    height: 160px;
}
	.paraVignettes.hauteurS ul li.vignette,
	.paraVignettes.hauteurM ul li.vignette {
	width: 270px;
}
	.paraVignettes.hauteurL li.vignette .mediaBloc {
    height: 180px;
}
	.paraVignettes.hauteurL ul li.vignette {
	width: 100%;
}
	.paraTextImg .posSide .videoBloc {
    height: 170px !important;
    width: 100% !important;
}
	/* diapo 1 hauteur/largeur */
	.paraDiapo1 .jDiaporama_controls {
    right: 10px;
}
	.paraDiapo1 .jDiaporama, .paraDiapo1 .jDiaporama ul {
    height: 480px !important;
}
	/* fin diapo 1 hauteur/largeur */
	
	/* diapo 2 hauteur/largeur */
	.paraDiapo2.hauteurS .jDiaporama, 
.paraDiapo2.hauteurS .jDiaporama ul,
	.paraDiapo2.hauteurM .jDiaporama, 
.paraDiapo2.hauteurM .jDiaporama ul {
    height: 305px !important;
}
	.paraDiapo2.hauteurS .mediaBloc,
.paraDiapo2.hauteurM .mediaBloc {
    height: 160px;
	background-position:center;
}
	.paraDiapo2.hauteurL .jDiaporama, 
.paraDiapo2.hauteurL .jDiaporama ul {
    height: 325px !important;
}
	.paraDiapo2.hauteurL .mediaBloc {
    height: 180px;
	background-position:center;
}	
	.tabCarousel .bShow, .tabCarousel .tdImg, .tabCarousel .mediaBloc, .tabCarousel .videoBloc iframe, .tabCarousel .videoBloc video {
    width: 100%;
}
	.paraDiapo .mediaBloc {
    height: 190px;
}
	.para .titreBorder span {
    padding-left: 25px;
}
	.tdNumber {
    width: 50px;
    height: 50px;
}
	.fw2 .itBloc.fondMedia .textes, .fw2 .itBloc.fondCouleur.sansMedia .textes {
    padding: 0px 35px 30px 35px;
}
	.avecCadre .fw4 .intItem {
    padding: 10px;
}
	.numberListe::before {
    left: -10px;
}
	.numberListe span {
    left: 0px;
}
	.vue.flex .item {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid #ebebeb;
	}
	.vue.flex .item:last-child {
		border-bottom:0px;
		padding-bottom: 0px;
	}
	.boxForm {
    padding-bottom: 25px;
}
	.vue.flex, .para .flex {
   margin:0px auto;
}
	.para.siteAuto .flex {
    justify-content:center;
}
	.itLogo {
		max-width: 250px;
	}
	.titrePicto {
    width: 55px;
    height: 55px;
    padding: 5px;
    margin: 0px 15px 0px 0px;
}
	.imgBloc {
    min-height: 100px;
}	
	.avecCadre .it {
    height: auto;
}
	.hauteurLarge .fw1 .textes, .hauteurMedium .fw1 .textes {
    padding: 0px 0px 0px 0px;
}
	
	.imgPortrait.hauteurLarge .mediaBloc {
	height: 230px !important;
	min-height: 230px;
}
	.fw1 .item {
    margin: 15px auto;
}
	.paraBlocs .fw1 .mediaBloc,
	.para.imgBal .flex .videoBloc,
	.para.imgCss .flex .videoBloc {
	height: 170px !important;
	min-height: 170px;
}
	.paraBlocs.hauteurLarge .fw1 .mediaBloc,
	.hauteurLarge .mediaBloc,
	.hauteurLarge.imgCss .fw1 .mediaBloc {
	height: 200px !important;
	min-height: 200px;
}
	.para.imgBal.avecCadre .flex .videoBloc,
	.para.imgCss.avecCadre .flex .videoBloc {
	height: 140px !important;
	min-height: 140px;
}
	.paraTextImg.hauteurSmall .mediaBloc.videoBloc,
.paraTextImg.hauteurMedium .mediaBloc.videoBloc,
	.paraTextImg.hauteurLarge .mediaBloc.videoBloc {
    height: 200px;
}
.paraBlocs.hauteurMedium .fw1 .videoBloc {
	height:170px;
}
.paraBlocs.hauteurLarge .fw1 .videoBloc {
	height:170px;
}
	.paraBlocs.hauteurSmall .itBloc.fondMedia {
    padding-top:60px;
}
	.paraBlocs.hauteurMedium .itBloc.fondMedia {
    padding-top: 100px;
}
	.paraBlocs.hauteurLarge .itBloc.fondMedia {
    padding-top: 140px;
}
.cols.hauteurMedium .mediaBloc {
	height:170px;
}
.cols.hauteurLarge .mediaBloc {
	height:200px;
}
	
	
	.paraDiapo .jDiaporama_controls {
    height: 31px;
    width: 100px;
    margin-left: -50px;
}
	.paraDiapo .jDiaporama_controls a {
background-size: 24px auto;
height: 31px;
width: 31px;
}
	.imgBalise.imgBloc {
		min-height: 0px !important;
		height: auto !important;
	}
	.imgBalise.imgBloc img {
		max-width: 100% !important;
		height: auto;
	}
	.paraTextImg.hauteurLarge .mediaBloc, .paraTextImg.hauteurLarge .mediaBloc img {
    max-width: 100%;
}
	.textMedia1 .divMedia {
    margin-bottom: 15px;
}
}
/* smart 320px */
@media all and (max-width: 359px) {
	.tabCarousel .jDiaporama,
	.tabCarousel .jDiaporama ul,
	.tabCarousel .jDiaporama li span {
		width:290px !important;
		height:173px !important;
	}
}