@charset "utf-8";
/* CSS Document */
@media all and (max-width: 989px) {
	/* DIAPO HOME */
	.diapoHome.siteAuto,
.diapoHome.siteAuto .jDiaporama,
.diapoHome.siteAuto ul.diapoUl li.itDiapo {
	height:332px !important;
}
.diapoHome.siteFull,
.diapoHome.siteFull .jDiaporama,
.diapoHome.siteFull ul.diapoUl,
.diapoHome.siteFull ul.diapoUl li.itDiapo {
	height:377px !important;
}
	.homeBandeau .siteFull .diapoFondColor, .homeBandeau .siteFull .diapoFondMedia, .homeBandeau .siteFull .diapoFondMedia .mediaBloc, .homeBandeau .siteFull .itemFull.mediaFull .mediaBloc {
    height: 600px;
}
	.homeBandeau .siteFull .diapoFondMedia iframe,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc iframe,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc video {
    height: 68.25vw !important;
}
.homeBandeau .siteAuto .diapoFondMedia iframe,
.homeBandeau .siteAuto .itemFull.mediaFull .mediaBloc iframe,
.homeBandeau .siteAuto .itemFull.mediaFull .mediaBloc video {
    height: 46vw !important;
}
	.siteFull .mediaFull .textesBox, .siteFull .sansMedia .textesBox {
    max-width: 600px;
    margin:20px;
}
	.itDiapo .intTextes,
	.siteAuto .itDiapo .intTextes, .mediaFull.avecMedia .intTextes {
    padding: 10px 20px;
}
	.diapoHome h2 {
	font-size: 1.5em;
}
	.corps {
    padding: 0px 20px;
}
	/* FIN DIAPO HOME */
	/* liste para*/
	.paraDiapo1 .tabCarousel .bShow, 
	.paraDiapo1 .tabCarousel .tdImg, 
	.paraDiapo1 .tabCarousel .mediaBloc, 
	.paraDiapo1 .tabCarousel .videoBloc iframe, 
	.paraDiapo1 .tabCarousel .videoBloc video {
    width: 320px;
}
	.paraDiapo1 .mediaBloc {
    height: 220px;
}
	.blocCarousel h2 {
    margin: 70px 0px 25px 0px;
    font-size: 2.8em;
}
	.fw2 .itBloc.fondMedia .textes, .fw2 .itBloc.fondCouleur.sansMedia .textes {
    padding: 0px 25px 15px 25px;
}
/* PARA TEXT IMG */
	.paraTextImg .posSide .videoBloc {
    height: 200px !important;
    width: 360px !important;
}
	.paraTextImg.hauteurSmall .posSide .mediaBloc .img {
    max-width: 200px;
}
	.paraTextImg.hauteurMedium .posSide .mediaBloc .img {
    max-width: 350px;
}
	.paraTextImg.hauteurLarge .posSide .mediaBloc .img {
    max-width: 450px;
}
	/* FIN PARA TEXT IMG */
@media all and (min-width: 641px) {
	.paraText2 .item:first-child .textes {
		padding-right:10px;
	}
	.paraText2 .item:last-child .textes {
		padding-left:10px;
	}
}
.cols.hauteurMedium .mediaBloc {
	height:236px;
}
.cols.hauteurLarge .mediaBloc {
	height:320px;
}
	.hauteurSmall .fw1 .intItem,
	.hauteurMedium .fw1 .intItem,
	.hauteurLarge .fw1 .intItem {
    display:block;
}
	.hauteurMedium .fw1 iframe,
	.hauteurLarge .fw1 iframe,
	.hauteurMedium .fw1 video,
	.hauteurLarge .fw1 video {
    width: 100%;
    height:100%;
} 
	.hauteurMedium .fw1 .mediaBloc,
	.hauteurLarge .fw1 .mediaBloc {
   	 	min-width:0;
    	width: auto;
		margin:auto;
		background-position: center;
	}
	.hauteurMedium.imgCss .fw1 .mediaBloc {
    	max-width: 70%;
	}
	.paraBlocs.hauteurSmall .fw1 .mediaBloc,
	.hauteurSmall.imgCss .fw1 .mediaBloc {
	height:170px !important;
}
	.paraBlocs .fw1 .mediaBloc {
		max-width: 100% !important;
		min-width: 0 !important;
	}
	.paraBlocs.hauteurSmall .fw1 .mediaBloc,
	.paraBlocs.hauteurMedium .fw1 .mediaBloc,
	.paraBlocs.hauteurLarge .fw1 .mediaBloc {
		width: 100% !important;
	}
	
	.paraBlocs.hauteurMedium .fw1 .mediaBloc,
.hauteurMedium.imgCss .fw1 .mediaBloc {
	height:236px !important;
}
	.paraBlocs.hauteurLarge .fw1 .mediaBloc,
	.hauteurLarge.imgCss .fw1 .mediaBloc {
    height: 320px !important;
}
	.paraBlocs.hauteurSmall .fw1 .videoBloc {
	height:170px!important;
}
.paraBlocs.hauteurMedium .fw1 .videoBloc {
	height:236px!important;
}
.paraBlocs.hauteurLarge .fw1 .videoBloc {
	height:320px!important;
}
	.paraBlocs.hauteurSmall .fw1 .imgBalise,
	.paraBlocs.hauteurMedium .fw1 .imgBalise,
	.paraBlocs.hauteurLarge .fw1 .imgBalise {
    height:auto !important;
}
		.paraBlocs.hauteurSmall .fw1 .mediaBloc,
	.hauteurSmall.imgCss .fw1 .mediaBloc {
	min-width: 0px;
	max-width: 250px;
		margin:auto;
}
	.paraBlocs.hauteurMedium .fw1 .mediaBloc,
.hauteurMedium.imgCss .fw1 .mediaBloc {
	min-width: 0px;
	max-width: 400px;
	margin:auto;
}
	.paraBlocs.hauteurSmall .itBloc.fondMedia {
    padding-top:90px;
}
	.paraBlocs.hauteurMedium .itBloc.fondMedia {
    padding-top: 150px;
}
	.paraBlocs.hauteurLarge .itBloc.fondMedia {
    padding-top: 260px;
}
	.paraTextImg.hauteurLarge .mediaBloc.videoBloc {
    height: 350px;
    width:100%;
}
	.paraBlocs.hauteurSmall .fw1 .mediaBloc, 
	.hauteurSmall.imgCss .fw1 .mediaBloc,
	.paraBlocs.hauteurMedium .fw1 .mediaBloc, 
	.hauteurMedium.imgCss .fw1 .mediaBloc,
	.paraBlocs.hauteurLarge .fw1 .mediaBloc, 
	.hauteurLarge.imgCss .fw1 .mediaBloc {
    width: auto;
}
	/* HAUTEURS */
	.para .fw1 .avecMedia .textes {
    min-height: 0px !important;
}
	.para .fw1 .textes {
    padding: 0px 5% !important;
		width:90% !important;
}
	.paraBlocs .fw1 .textes {
    padding-bottom:15px !important;
}
	.paraDeplier .flex .textes {
    padding-bottom:35px !important;
}
	.paraDeplier .flex .item {
    width: 100% !important;
		max-width: 550px;
		margin:35px auto;
}
	.paraDeplier .bEle .icFermer,
.paraDeplier .bEle .icOpen {
	left:auto;
	right:25px;
	top:auto !important;
}
.paraDeplier .flex.flexDeplier .zEle {
	position: relative;
}
.paraDeplier .flex.flexDeplier {
	display: block;
	height: auto !important;
}
.paraDeplier .flex.flexDeplier .itDeplier {
	border-bottom:1px solid #ccc;
}
	.avecSep .fw1 .item {
		max-width: 600px;
}
	.avecCadre .fw1 .item {
		 margin:10px  auto;
	}
.hauteurSmall .mediaBloc {
	height:133px;
		min-height: 0;
}
.hauteurMedium .mediaBloc {
	height:215px;
}
.hauteurLarge .mediaBloc {
	height:304px;
}
.imgPortrait.hauteurLarge .mediaBloc {
	height:404px;
}
.paraBlocs .fondMedia.hauteurSmall .itBloc {
	height: 173px;
}
.paraBlocs .hauteurSmall .mediaBloc {
	height: 133px;
}
.paraBlocs .fondMedia.hauteurMedium .itBloc {
	height: 280px;
}
.paraBlocs .hauteurMedium .mediaBloc {
	height: 195px;
}
.paraBlocs .fondMedia.hauteurLarge .itBloc {
	height: 320px;
}
.paraBlocs .hauteurLarge .mediaBloc {
	height: 220px;
}
	.paraDiapo1 .mediaBloc {
    height: 200px;
}
	.paraDiapo2.hauteurS .tabCarousel,
	.paraDiapo2.hauteurM .tabCarousel {
    width: 100%;
}
	.fw3 .item {
	width:46%;
	margin:20px 2%;
}
	.sansSep.fw3 .item {
		width:50%;
	}
	.avecCadre .fw3 .intItem {
	padding:30px ;
}
	.avecCadre .fw3 .item {
	width:44.5%;
}
	.para.siteAuto .flex {
    justify-content: center;
}
	
	/* FIN HAUTEURS */
}