:root {
    --paddingNotice1: 48;
    --paddingNotice2: 20;
    --paddingNotice3: 18;
    --divImgsWidth1: 700;
    --divImgsWidth2: 384;
	/*tailles de typo variables pour desktop*/
	--typoWidth1__12 : calc(((6.1 / var(--width1))* 100vw) + 0.375rem);
}
.ligne {
    width: 100%;
}
h2.ligne {
	line-height: 1;
}
.content {
    background: #fff;
}
.contentBlock {
    width: 100%;
    height: auto;
    min-height: inherit;
    margin: 0 auto;
}
.divAriane {
    display: block;
	padding: unset;
	padding-left: calc(((var(--divImgsWidth1) / var(--width1))* 100vw) + ((var(--paddingNotice1) / var(--width1))* 100vw));
}
.menusAriane {
    width: auto;
    display: inline-block;
}
.navig {
    float: left;
}
.menuNavig {
    float: left;
    height: inherit;
    line-height: normal;
}
.btPrevNotice, .btCommentMoins,
.btNextNotice, .btCommentPlus {
    background-repeat: no-repeat;
    display: inline-block;
    line-height: var(--divArianeHeight);
    height: inherit;
    float: left;
}
.btPrevNotice, .btCommentMoins {
    margin-right: 2rem;
    background-image: url('../../../Images/_Common/Svg/arrow-left_black.svg');
    background-position: left center;
}
.btNextNotice, .btCommentPlus {
    background-image: url('../../../Images/_Common/Svg/arrow-right_black.svg');
    background-position: right center;
}
.blockNotice {
    overflow: hidden;
    position: relative;
    /***/
    min-height: inherit;
}
#noticeTop {
    /*overflow: hidden;*/
    
    display: flow-root;
}
.contentNotice {
    width: 100%;
    overflow: hidden;
    /***/
    /*position: relative;*/
}
.divImgs {
    float: left;
}
.divInfos {
    float: left;
    position: relative;
    border-left: var(--border);
}
.divNotice {
    width: 100%;
    float: left;
    border-bottom: var(--border);
}
    .divNotice.footerNotice {
        border-bottom: none;
        display: flex;/**/
    }
.titreNotice {
    font-weight: normal;
    margin: 0;
}

.divinfoDispo {
    width:100%;
}
.infoDispo {
    background-repeat: no-repeat;
    background-position: center left;
}
.dispoDevis,
.dispo_1 {
    background-image: url('../../../Images/_Common/Svg/ts_1_black.svg');
}
.dispoLigne,
.dispo_0 {
    background-image: url('../../../Images/_Common/Svg/ts_0_black.svg');
}
.tags{
    overflow:hidden;
}
a.tag {
    margin-bottom: 0.5rem;
    display: inline-block;
    text-decoration:underline;
	text-underline-offset: 0.4ex;
    float:left;
}
    a.tag sup {
        line-height: 0;
    }
.divChoix {
    font-size: 0;
    position: relative;
}

.labelChoix {
    /*margin-bottom: 0.5rem;*/
    display: inline;
}
.valueChoix {
    width: 100%;
    display: inline;
}
.divSelChoix {	
    display: block;
    position:relative;
}
a.selectChoix {
    border: var(--border);
    background-image: url('../../../Images/_Common/Svg/btSelect.svg');
    background-size: 1.22rem 0.64rem;
    background-position: right 0.8rem center;
    background-repeat: no-repeat;
    display: inline-block;
    color: #000;
    padding: 0.2rem;
    cursor: default
}
.listChoix {
    width: 100%;
    font-size: 0;
    border: var(--border);
    border-top: 0;
    position: absolute;
    margin-top: 0;
    background: #fff;
    z-index: 1;
    max-height: 11.5rem;
    overflow-y: auto;
}
    .listChoix a.option {
        width: 100%;
        display: inline-block;
        color: #000;
        padding: 0.2rem;
        cursor: default
    }
        .listChoix a.option:hover {
        }

.button a {
    display: inline-block;
    border: var(--border);
    cursor: pointer;
}
    .button a:hover {
        cursor: default
    }
.button.btAddActiv a:hover {
    cursor: pointer;
}
.ligneInfos {
    padding: 0.75rem 0;
    border: var(--border) none;
}
.ligneInfo_0 {
}
.ligneInfo_1 {
}
/*footer*/
.leftInfos,
.rightInfos {
    float: left;
    width: 50%;
    height: auto;
    min-height: inherit;
}
.leftInfos {
    border-right: var(--border);
}

.titreInfo {
    text-transform: uppercase;
    font-family: GrandPalais-Medium, sans-serif;
    color: #000;
}
.labelNotice {
    font-family: GrandPalais-Regular, sans-serif;
    color: #000;
}
a.btComment {
    margin-top: 0.5rem;
    display: inline-block;
}

/*****************************/

.blockMessage {
    font-size: 1.19rem;
    position: fixed;
    z-index: 10;
    text-align: center;
    min-height: 6.25rem;
    max-width: 98%;
    width: 18.75rem;
    left: calc((100% - 18.75rem)/2);
    top: 30%;
    background: #fff;
    color: #000;
}
    .blockMessage .divMsg {
        width: auto;
        height: auto;
        padding: 1.5rem;
        margin: 0 auto;
		border: thin solid #FFF;
		color: #FFF;
		background-color: #000;
		
    }
    .blockMessage a.linkPanier {
        display: inline-block;
        margin-top: 3rem;
        color: #000;
    }
.divBtBack,
.divBtPrev,
.divBtNext {
    display: inline-block;
    width:auto;
    height: auto;
    padding-top:1rem;
}
.divBtPrev {
    float:left;
}
.divBtNext {
    float: right;
}
.navigNotice a.btPrev,
.navigNotice a.btBack,
.navigNotice a.btNext {
    color: #000;
    font-size: 1rem;
    display: inline-block;
}
.divBtPrev a.btPrev {
    padding-left: 4.3rem;
    background-image: url('../../../Images/_Common/Svg/btNoticePrev.svg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 3.88rem;
}

.divBtNext a.btNext {
    padding-right: 4.3rem;
    background-image: url('../../../Images/_Common/Svg/btNoticeNext.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 3.88rem;
}
/*zoomNotice*/
.divZoom {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    background-color:rgba(0, 0, 0, 0.6);
}
.blockImagesZoom {
    position:relative;
    width: calc(100% - 6.25rem);
    height: calc(100% - 6.25rem);
    margin: 50px;
    background-color: #fff;
}
.zoomTop {
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
}
.titreZoom {
    height: 3.125rem;
    overflow:hidden;
    padding-right:1.8rem;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
}
.divbtCloseZoom {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    z-index: 101;
    line-height: normal;
}
.btCloseZoom {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    background-image: url('../../Images/_Common/Svg/btClose.svg');
    background-repeat: no-repeat;
    background-size: 1.2rem;
}
.zoomContent {
    width: 100%;
    height: calc(100% - 3.125rem);
}
.imagesZoom {
    width: 8.75rem;
    height: 100%;
    float: left;
    margin-right: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.imgZoom {
    width: calc(100% - 7.5rem);
    height: 100%;
    float: left;
    background-color: #fff;
    margin-left: -1.25rem;
}
.singleImgZoom {
    width: 100%;
}
a.btImgZoom {
    width: 6.25rem;
    height: 7.5rem;
    padding: 0.625rem 0;
    border-bottom: var(--border);
    display: inline-block;
    float: left;
    margin: 0 0.625rem;
}
    a.btImgZoom.imgZoomActive img {
        border: var(--border);
    }
/*Slider notice*/
.divImgsPScroll::-webkit-scrollbar,
.imgsNotice-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.divImgsPScroll,
.imgsNotice-slider {
    scrollbar-width: none;
    -ms-overflow-style: none; /*hide scrollbar for IE*/
}
.divBtLoupe {
    position: absolute;
    left: 0.31rem;
    bottom: 0.31rem;
    z-index: 10;
    height: 1.49rem;
}
a.btLoupe {
    height: 1.49rem;
    padding-left: 1.8rem;
    background-image: url('../../Images/_Common/Svg/btLoupe.svg');
    background-repeat: no-repeat;
    background-size: 1.49rem 1.448rem;
    display:inline-block;
}
.btsThumb {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.btNavigThumb {
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    top: 50%;
    /*border-radius: 50%;*/
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    /*background-color: rgba(0, 0, 0, 0.50);*/
}
.btNavigThumb.blockHidden {
    display:none;
}
.btPrev {
    left: 0;
    background-image: url(../../../Images/_Common/Svg/btLeftNoirFdBlanc.svg);
}
.btNext {
    right: 0;
    background-image: url(../../../Images/_Common/Svg/btRightNoirFdBlanc.svg);
}
.btNavigThumbTopRight {
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    color: #fff
}
.imgsNotice-slider {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.listImgsG {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    outline: none;
    height: inherit;
    width:10000px;
}
.imgNotice {
    display:inline-block;
    font-size: 0;
    line-height:0;
    position:relative;
}
.imgNotice.imgNoticeHidden {
    visibility: hidden;
}
.imgNoticeG {
    width: 100%;
    height: 100%;
}
.divImgsPScroll {
    width: 100%;
    margin-top: 0.5rem;
   /* overflow: hidden;
    overflow-x: auto;*/
    /*-webkit-overflow-scrolling: touch;*/ /* Lets it scroll lazy */
    
}
.divImgsHidden {
    height:0;
}
.divImgsP {
    overflow: hidden;
    position: relative;
}
.listImgsP {
    height: auto;
    overflow: hidden;
    display: flex;
    width: fit-content;
    position:relative;
}
.btImgP {
    width: 6.38rem; 
    height: 6.38rem;
    display: inline-block;
    border: 1px solid #dddddd;
    margin-left: 0.5rem;
}
    .btImgP.active {
        /*height: 6.5rem;
        border-bottom: 3px solid rgba(155, 125, 73, 1);*/
        border-bottom: 3px solid #000;
    }
    .btImgP:first-child {
        margin-left: 0;
    }
    .btImgP img {
        width: 100%;
    }
    .btImgP.imgHidden{
        visibility:hidden;
    }
    .btsImgs {
        display: none;
    }
.listImgsP,
.listImgsG {
    transition: left 0.5s ease;
}
.pictosNotice {
    font-size: 0;
}
.pictosNotice .picto_pin,
.pictosNotice .picto_fb {
    height: 3rem; 
    width: 3rem; 
    display: inline-block;
    background-size: contain;
}

.pictosNotice .picto_pin {
    margin-right: 0.5rem;
    background-image: url('../../../Images/_Common/Svg/picto_pin.svg');
}
.pictosNotice .picto_fb {
    background-image: url('../../../Images/_Common/Svg/picto_fb.svg');
}
.linkNotice a {
    color: #000;
    padding-right: 1rem;
    background-image: url('../../../Images/_Common/Svg/flecheRight.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 0.38rem;
}



/*popupAjax*/
.popupAjax {
    position: absolute;
    background: #fff;
    width: 26rem;
    left: calc(50% - 13rem);
    top: 4rem;
    border: 0.75px solid #ddd;
    text-align: left;
    z-index: 1001;
}
.header_popupAjax{
    height:3rem;
}
.btClose_popupAjax {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
    background-image: url(../../Images/_Common/Svg/btCloseSearch.svg);
    background-size: 2rem;
}
.content_popupAjax {
    padding: 1rem;
    width: 100%;
    height: 100%;
    overflow: auto;
	margin-bottom: 3rem;
	text-align: center;
}

/*fin popupAjax*/
/************/


/*--------Font-size--------*/
/*maxWidth 600px*/

.titreNotice {
    font-size: calc((24 / var(--width3)) * 100vw);
	line-height: 1.1;	
}
.notice_auteurs,
.notice_auteurs a {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
.infoDispo {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
a.tag {
    font-size: calc((10 / var(--width3)) * 100vw);
	line-height: calc((10 / var(--width3)) * 100vw);
}
.labelChoix {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
.valueChoix {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
a.selectChoix {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
.listChoix a.option {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
.prixChoix {
    font-size: calc((18 / var(--width3)) * 100vw);
}
.button a {
    font-size: calc((12.1 / var(--width3)) * 100vw);
}
.ligneInfos {
    font-size: calc((12.1 / var(--width3)) * 100vw);
    line-height: calc((14 / var(--width3)) * 100vw);
}
.info {
    font-size: calc((12.1 / var(--width3)) * 100vw);
    line-height: calc((14 / var(--width3)) * 100vw);
}

/*-----600px------ */
@media (min-width: 37.5em) {
    .titreNotice {
        font-size: calc((24 / var(--width2)) * 100vw);
		line-height: 1.1;
    }
    .notice_auteurs,
    .notice_auteurs a {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    .infoDispo {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    a.tag {
        font-size: calc((10 / var(--width2)) * 100vw);
		line-height: calc((10 / var(--width2)) * 100vw);
    }
    .labelChoix {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    .valueChoix {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    a.selectChoix {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    .listChoix a.option {
        font-size: calc((12.1 / var(--width2)) * 100vw);
    }
    .prixChoix {
        font-size: calc((18 / var(--width2)) * 100vw);
    }
    .button a {
        font-size: calc((12.1 / var(--width2)) * 100vw);
        padding: calc((8 / var(--width2)) * 100vw) calc((35 / var(--width2)) * 100vw);
    }
    .ligneInfos {
        font-size: calc((12.1 / var(--width2)) * 100vw);
        line-height: calc((14 / var(--width2)) * 100vw);
    }
    .info {
        font-size: calc((12.1 / var(--width2)) * 100vw);
        line-height: calc((14 / var(--width2)) * 100vw); 
    }
	
	.btsThumb {
		display: none;
	}
}
/*--------1110x---------*/
@media (min-width: 69.375em) {
    /*font-size*/
    .titreNotice {
        font-size: calc((40 / var(--width1)) * 100vw); 
		line-height: 1.1;
    }
    .notice_auteurs,
    .notice_auteurs a {
        font-size: calc((20 / var(--width1)) * 100vw); 
    }
    .infoDispo {
        font-size: var(--typoWidth1__12);
    }
    a.tag {
        font-size: var(--typoWidth1__12);		
		line-height: var(--typoWidth1__12);
    }

    .labelChoix {
        font-size: calc((18 / var(--width1)) * 100vw);
    }
    .valueChoix {
        font-size: calc((18 / var(--width1)) * 100vw);
    }
    a.selectChoix {
        font-size: calc((18 / var(--width1)) * 100vw);
    }
    .listChoix a.option {
        font-size: calc((18 / var(--width1)) * 100vw);
    }
    .prixChoix {
        font-size: calc((25 / var(--width1)) * 100vw);
    }
    .button a {
        font-size: calc((25 / var(--width1)) * 100vw);
    }
    .ligneInfos {
        font-size: var(--typoWidth1__12);
        line-height: calc((16 / var(--width1)) * 100vw);
    }
    .info {
        font-size: calc((18 / var(--width1)) * 100vw);
        line-height: calc((24 / var(--width1)) * 100vw); /*24px;*/
    }
}

/*--------1920px---------*/
@media (min-width: 120.063em) {
    .titreNotice {
        font-size: 2.5rem; /*40px;*/
		line-height: 1.1;
    }
    .notice_auteurs,
    .notice_auteurs a {
        font-size: 1.25rem; /*20px;*/
    }
    .infoDispo {
        font-size: 0.756rem; /*12px;*/
    }
    a.tag {
        font-size: 0.756rem; /*12px;*/
		line-height: 0.756rem; /*12px;*/
    }
    .labelChoix {
        font-size: 1.125rem;/*18px*/
    }
    .valueChoix {
        font-size: 1.125rem; /*18px*/
    }
    a.selectChoix {
        font-size: 1.125rem; /*18px*/
    }
    .listChoix a.option {
        font-size: 1.125rem; /*18px*/
    }
    .prixChoix {
        font-size: 1.563rem;/*25px;*/
    }
    .button a {
        font-size: 1.563rem; /*25px;*/
    }
    .ligneInfos {
        font-size: 0.756rem; /*12px*/
        line-height: 1rem; /*16px;*/
    }
	.btImgP {
		width: 168px; 
		height: 168px;
		margin-left: 12px;
	}
    .info {
		width: 100%;
        font-size: 1.125rem; /*18px*/
        line-height: 1.5rem;/*24px;*/
		margin-bottom: 1.688rem;
    }

	/*width, margin, padding*/

	/*.divImgs {
		width: var(--divImgsWidth1);
	}*/
    .divImgs {
        width: calc(var(--divImgsWidth1) * 1px);
    }
	.divInfos {
		width: calc(100% - (var(--divImgsWidth1) * 1px) - 2px);
	}
	.divAriane {
		padding-left: 748px;
	}
	.navig {
		margin-left: 8.375rem; /*134px;*/
	}
	.topNotice {
		padding: 1.875rem 0; /*30px;*/
	}
	.divNotice {
		padding-left: calc(var(--paddingNotice1) * 1px);
		padding-right: calc(var(--paddingNotice1) * 1px);
	}
	.rightInfos {
		padding-left: 0.9375rem; /*15px;*/
	}
	.leftInfos {
		padding-right: 0.9375rem; /*15px;*/
	}
	.infoDispo {
		padding-left: 1.125rem;
		background-size: 0.756rem;
	}
	.btPrevNotice, .btCommentMoins,
	.btNextNotice, .btCommentPlus {
		background-size: 0.688rem;
	}
	.btPrevNotice, .btCommentMoins {
		margin-right: 2rem;
		padding-left: 1rem;
	}
	.btNextNotice, .btCommentPlus {
		padding-right: 1rem;
	}
	.button a {
		padding: 0.938rem 3.625rem; /*22px 58px;*/
	}
	a.tag {
		margin-right: 1.563rem;
	}
	a.selectChoix {
		width: 24rem; /*385px;*/
		height: 2.1875rem;/*35px;*/
	}
	.divSelChoix {
		margin-top : 0.756rem;
	}
	.listChoix {
		width: 24rem; /*385px;*/
	}
		.listChoix a.option {
			min-height: 1.75rem;
			padding: 0.2rem;
		}
	/***margin***/

	.marge-footer {
		padding-top: 2.063rem;
	}

	.marge-bottom1 {
		margin-bottom: 2rem;
	}
	.avant-footer {
		padding-bottom: 12.5rem;
	}
		.marge-notice1 {
			margin-top: 2rem;
		}
			.marge-notice1.infoDispo {
				margin-top: 1.375rem;
			}
			.marge-notice1.tags {
				margin-top: 0.756rem;
			}
			.marge-notice1.divChoix:first-child {
				margin-top: 1.375rem;
			}
			.marge-notice1.divChoix {
				margin-top: 1.625rem;
			}
			.marge-notice1.prixChoix,  .marge-notice1.blockBouton {
				margin-top: 2rem;
			}
	.marge-notice2 {
		margin-top: 0.313rem;
	}
	.marge-notice3 {
		margin-top: 1rem;
	}
	.ligneInfos {
		padding: 11px 200px 11px 0
	}
	
	.leftInfos {
    padding-right: 11px;
	}
	
}
/*--------1920px---------*/
@media (max-width: 120em) {
    .navig {
        margin-left: calc((134 / var(--width1)) * 100vw);
    }
    .topNotice {
        padding: calc((30 / var(--width1)) * 100vw) 0;
    }
    .divNotice {
        padding-left: calc((var(--paddingNotice1) / var(--width1))* 100vw);
        padding-right: calc((var(--paddingNotice1) / var(--width1))* 100vw); 
	
    }
    .divImgs {
        width: calc((var(--divImgsWidth1) / var(--width1)) * 100vw);
    }
    .divInfos {
        width: calc(100% - ((var(--divImgsWidth1) / var(--width1)) * 100vw));
    }
    .infoDispo {
        padding-left: calc((18 / var(--width1)) * 100vw);
        background-size: var(--typoWidth1__12);
    }
    .btPrevNotice, .btCommentMoins,
    .btNextNotice, .btCommentPlus {
        background-size: calc((11 / var(--width1)) * 100vw);
    }
    .btPrevNotice, .btCommentMoins {
        margin-right: calc((32 / var(--width1)) * 100vw);
        padding-left: calc((16 / var(--width1)) * 100vw);
    }
    .btNextNotice, .btCommentPlus {
        padding-right: calc((16 / var(--width1)) * 100vw);
    }
    .button a {
        padding: calc((15 / var(--width1)) * 100vw) calc((58 / var(--width1)) * 100vw);
    }
    a.tag {
        margin-right: calc((25 / var(--width1)) * 100vw);
    }
    .divSelChoix {
        margin-top: var(--typoWidth1__12);
        float: none;
    }
    a.selectChoix {
        width: calc((385 / var(--width1)) * 100vw); 
        height: calc((35 / var(--width1)) * 100vw); 
    }
    .listChoix {
        width: calc((385 / var(--width1)) * 100vw); 
    }
	.listChoix a.option {
		min-height: calc((28 / var(--width1)) * 100vw);
	}
    /***margin***/
    .marge-footer {
        padding-top: calc((33 / var(--width1)) * 100vw);
    }
    .marge-bottom1 {
        margin-bottom: calc((32 / var(--width1)) * 100vw);
    }
    .avant-footer {
        padding-bottom: calc((200 / var(--width1)) * 100vw);
    }
    .marge-notice1 {
        margin-top: calc((32 / var(--width1)) * 100vw);
    }
	    .marge-notice1.infoDispo {
			margin-top: calc((22 / var(--width1)) * 100vw);
		}
		.marge-notice1.tags {
			margin-top: var(--typoWidth1__12);
		}
		.marge-notice1.divChoix:first-child {
			margin-top: calc((22 / var(--width1)) * 100vw);
		}
		.marge-notice1.divChoix {
			margin-top: calc((26 / var(--width1)) * 100vw);
		}
		.marge-notice1.prixChoix,  .marge-notice1.blockBouton {
			margin-top: calc((32 / var(--width1)) * 100vw);
		}
    .marge-notice2 {
        margin-top: calc((5 / var(--width1)) * 100vw);
    }
    .marge-notice3 {
        margin-top: calc((16 / var(--width1)) * 100vw);
    }
	
	.ligneInfos {
		padding: calc((11 / var(--width1)) * 100vw) calc((200 / var(--width1)) * 100vw) calc((11 / var(--width1)) * 100vw) 0
	}
	
	.btImgP {
		width: calc((168 / var(--width1)) * 100vw); 
		height: calc((168 / var(--width1)) * 100vw);
		margin-left: 12px;
	}
	
	.info {
		margin-bottom: calc((27 / var(--width1)) * 100vw);
	}
	.rightInfos {
		padding-left: calc((15 / var(--width1)) * 100vw);
		padding-right: calc((15 / var(--width1)) * 100vw);
	}
	.leftInfos {
    padding-right: calc((15 / var(--width1)) * 100vw);
	}

}

/*--------1110px---------*/
@media (max-width: 69.375em) {
    /***margin***/
    .marge-footer {
        padding-top: calc((38 / var(--width2)) * 100vw);
    }
    .marge-bottom1 {
        margin-bottom: calc((22 / var(--width2)) * 100vw);
    }
    .avant-footer {
        padding-bottom: calc((100 / var(--width2)) * 100vw);
    }
    .marge-notice1 {
        margin-top: calc((16 / var(--width2)) * 100vw);
    }
		.marge-notice1.infoDispo {
			margin-top: calc((12 / var(--width2)) * 100vw);
		}
		.marge-notice1.tags {
			margin-top: calc((12 / var(--width2)) * 100vw);
		}
		.marge-notice1.divChoix:first-child {
			margin-top: calc((10 / var(--width2)) * 100vw);
		}
		.marge-notice1.divChoix {
			margin-top: calc((22 / var(--width2)) * 100vw);
		}
		.marge-notice1.prixChoix,  .marge-notice1.blockBouton {
			margin-top: calc((25 / var(--width2)) * 100vw);
		}
    .marge-notice2 {
        margin-top: calc((0 / var(--width2)) * 100vw);
    }
    .marge-notice3 {
        margin-top: calc((16 / var(--width2)) * 100vw);
    }
	.ligneInfos {
        padding: calc((10 / var(--width2))* 100vw) 0;
    }
	.divAriane {
		padding-left: var(--padding2);
	}
    .navig {
        margin-left: 0;
        position: fixed;
        right: 0;
        bottom: 0;
        padding: 15vw calc((var(--paddingNotice2) / var(--width2))* 100vw);
    }
    .topNotice {
        padding-top: calc((15 / var(--width2)) * 100vw);
        padding-bottom: calc((15 / var(--width2)) * 100vw);
    }
    .divNotice {
        padding-left: var(--padding2);
        padding-right: var(--padding2);
    }
    .divImgs {
        width: calc((var(--divImgsWidth2) / var(--width2)) * 100vw);
        float: right;
    }
    .divInfos {
        width: calc(100% - ((var(--divImgsWidth2) / var(--width2)) * 100vw));
        border-left: none;
        border-right: var(--border);
        min-height: inherit;
    }
    .menusAriane {
        width: 100%;
    }
    .menuAriane {
        width: calc(100% - ((480 / var(--width2)) * 100vw)); /*(500 + 20)*/
        float: left;
    }
    .btPrevNotice, .btCommentMoins, .btNextNotice, .btCommentPlus {
        line-height: var(--divArianeHeight2);
        background-size: calc((10 / var(--width2)) * 100vw);
    }
    .btPrevNotice, .btCommentMoins {
        margin-right: calc((32 / var(--width2)) * 100vw);
        padding-left: calc((14 / var(--width2)) * 100vw);
    }
    .btNextNotice, .btCommentPlus {
        padding-right: calc((14 / var(--width2)) * 100vw);
    }
    #noticeBottom{
        min-height:unset !important;
    }
    .leftInfos,
    .rightInfos {
        padding-right: calc((15 / var(--width2)) * 100vw);
        width: 100%;
        border: none;
    }
        .leftInfos.marge-footer {
            padding-top: calc((18 / var(--width2)) * 100vw);
        }
        .leftInfos.avant-footer {
            padding-bottom: 0;
        }
    .rightInfos {
        padding-left: 0;
    }
        .rightInfos.marge-footer {
            padding-top: 0;
        }
    .info {
        margin-bottom: calc((10 / var(--width2)) * 100vw);
    }
	
	.btImgP {
        width: calc((120 / var(--width2))* 100vw);
        height: calc((120 / var(--width2))* 100vw);
        margin-left: 10px;
    }
	
    .button a {
        padding: calc((6 / var(--width2)) * 100vw) 0;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .infoDispo {
        padding-left: calc((18 / var(--width2)) * 100vw);
        background-size: calc((12.1 / var(--width2)) * 100vw);
    }
    a.tag {
        margin-right: calc((16 / var(--width2)) * 100vw);
    }
    .divSelChoix {
        margin-top: calc((4 / var(--width2)) * 100vw);
        float: none;
    }
    a.selectChoix {
        width: 100%; /*calc((220 / var(--width2)) * 100vw)*/
        height: calc((26 / var(--width2)) * 100vw);
    }
    .listChoix {
        width: 100%;
    }
        .listChoix a.option {
            min-height: calc((28 / var(--width2)) * 100vw);
        }
    .divNotice.footerNotice {
        display:block;
    }
}

/*-----600px------ */
@media (max-width: 37.5em) {
    /***margin***/
    .marge-footer {
        padding-top: calc((38 / var(--width3)) * 100vw);
    }
    .marge-bottom1 {
        margin-bottom: calc((20 / var(--width3)) * 100vw);
    }

    .avant-footer {
        padding-bottom: calc((100 / var(--width3)) * 100vw);
    }

    .marge-notice1 {
        margin-top: calc((16 / var(--width3)) * 100vw);
    }
	    .marge-notice1.infoDispo {
			margin-top: calc((16 / var(--width3)) * 100vw);
		}
		.marge-notice1.tags {
			margin-top: calc((10 / var(--width3)) * 100vw);
		}
		.marge-notice1.divChoix:first-child {
			margin-top: calc((12.1 / var(--width3)) * 100vw);
		}
		.marge-notice1.divChoix {
			margin-top: calc((10 / var(--width3)) * 100vw);
		}
		.marge-notice1.prixChoix,  .marge-notice1.blockBouton {
			margin-top: calc((12.1 / var(--width3)) * 100vw);
		}

    .marge-notice2 {
        margin-top: 0;
    }

    .marge-notice3 {
        margin-top: calc((16 / var(--width3)) * 100vw);
    }
	.ligneInfos {
		padding: calc((10 / var(--width3)) * 100vw)  0
	}
	.ligne.avec_select {
		display: flex;
		justify-content: space-between;
	}
	.ligne.avec_select .labelChoix {
		padding-top: calc((5 / var(--width3))* 100vw);
	}
	/*--------------*/
    header {
        position: fixed;
        z-index:1100;
    }

    #content {
        padding-top: var(--headerHeight3);
    }

    .conteneur.menuOpen #content {
        padding-top: calc(var(--headerHeight3) + var(--divArianeHeight3));
    }

    .divImgs {
        width: 100%;
        float: left;
    }

    .divInfos {
        width: 100%;
        border-right: none;
        min-height: unset !important;
    }

    .divImgsP {
        display: none;
    }

    .btPrevNotice, .btCommentMoins, .btNextNotice, .btCommentPlus {
        line-height: var(--divArianeHeight3);
        background-size: calc((6 / var(--width3)) * 100vw);
    }

    .btPrevNotice, .btCommentMoins {
        margin-right: calc((24 / var(--width3)) * 100vw);
        padding-left: calc((8 / var(--width3)) * 100vw);
    }

    .btNextNotice, .btCommentPlus {
        padding-right: calc((8 / var(--width3)) * 100vw);
    }

    .navig {
        margin-left: 0;
    }
	.topNotice {
        padding-top: calc((14 / var(--width3)) * 100vw);
        padding-bottom: calc((10 / var(--width3)) * 100vw);
    }

    .divNotice {
        padding-left: calc((var(--paddingNotice3) / var(--width3)) * 100vw);
        padding-right: calc((var(--paddingNotice3) / var(--width3)) * 100vw);
    }

        .divNotice.footerNotice {
            padding-right: 0;
        }

    .infoDispo {
        padding-left: calc((18 / var(--width3)) * 100vw);
        background-size: calc((10 / var(--width3)) * 100vw);
    }

    .button a {
        padding: calc((5 / var(--width3)) * 100vw) calc((8 / var(--width3)) * 100vw);
    }

    a.tag {
        margin-right: calc((16 / var(--width3)) * 100vw);
    }
    .divSelChoix {
        margin-top: 0;		
		display: inline-block;
        float: right;
    }
    a.selectChoix {
        width: calc((220 / var(--width3)) * 100vw);
        height: calc((23 / var(--width3)) * 100vw);
    }

    .listChoix {
        width: 100%;
    }

        .listChoix a.option {
            min-height: calc((14 / var(--width3)) * 100vw);
        }

    .leftInfos.avant-footer {
		padding-top: calc((25 / var(--width2))* 100vw);
        padding-bottom: 0;
    }
	
	.menusAriane {
		display: flex;
		justify-content: space-between;
	}
	.navig {
		position: unset;
		float: left;
		padding : 0 calc((var(--paddingNotice3) / var(--width3))* 100vw);
	}
	.divAriane {
        padding-left: calc((var(--paddingNotice3) / var(--width3))* 100vw);
    }
	.contentNotice {
		padding-top: 26px;
	}
	#divAriane {
		position: fixed;
		top: 64px;
		left: 0;
		width: 100%;
		background-color: white; 
        z-index: 1000;
	}
}