/* styles de base */
:root{
	--primary-color: rgb(19,113,162);
	--secondary-color: rgb(58,239,184);
}
body{
	font-family: 'Clash Grotesk', sans-serif;
	font-size:12px;
	min-height: 1200px;
	margin: 0 auto;
	color: #3C6EAE;
	max-width: 1500px;
	background: linear-gradient(to right, #3E68AA, #02AC81);
	display: flex;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.capitale{
	text-transform:uppercase;
}
.justify{
	text-align: justify;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.relative{
	position: relative;
}
a img{
	border:0;
}
a {
	text-decoration:none;
}
ul,ol,dl,figure{
	margin:0;
	padding:0;
	list-style: none;
}
.nonValide{
	background-color: rgba(255,0,0,0.6) !important;
}
.inlineMiddle,.inlineBottom,.inlineTop{
	display: inline-block;
	vertical-align: middle;
}
.inlineBottom{
	vertical-align: bottom;
}
.inlineTop{
	vertical-align: top;
}
.none,.mobileOnly{
	display: none;
}
.floatLeft{
	float: left;
	margin: 0 5px 5px 0;
}
.floatRight{
	float: right;
	margin: 0 0 5px 5px;
}
.clear{
	clear: both;
}
.spacerTop{
	margin-top: 50px !important;
}
.lienInvisible{
	color: inherit;
}
.rouge{
	color: #a91b1a;
}
.vert{
	color: #360;
}
.bloc{
	display: block;
}
.imgResp{
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* surgilab */
.wrapper,.homeWrapper{
	width: calc(100% - 60px);
	margin: 10px auto;
	padding: 200px 20px 20px 20px;
	background: linear-gradient(to bottom, rgba(62,104,170,0) 60%, rgba(62,104,170,1));
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.wrapper{
	background: linear-gradient(to top, rgba(62,104,170,1), rgba(62,104,170,0) 450px);
}
.wrapper::after,.homeWrapper::after{
	position: absolute;
	z-index: -1;
	left: 0; right: 0;
	bottom: 0; top: 0;
	content: "";
	background-color: #fff;
}
.homeWrapper::after{
	background-image: url(../images/fond.jpg);
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

/* header */
.header{
	position: fixed;
	top: 10px; left: 10px; right: 10px;
	z-index: 2;
}
.headerWrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	background: #fff;
	padding: 10px 30px;
	margin: 0 auto;
	max-width: 1420px;
}
.logoLink{
	width: 90px;
	margin: 0 10px auto 0;
}
.siteHeader{
	margin: 0 auto 0 0;
	font-weight: 600;
	font-size: 3em;
}
.mainMenu{
	font-weight: 300;
	font-size: 1.5em;
	margin: 10px 0 0 auto;
}
.menuLink,.headerPhoneLink{
	color: inherit;
	margin: 0 10px;
	transition-property:color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.menuLink:hover,.menuLink.active{
	color: #02AD81;
}
.devisLinks{
	color: #fff;
	margin: 0;
	padding: 5px 8px;
	background: linear-gradient(to right, #3E68AA, #02AC81);
}
.headerPhoneLink{
	margin: 10px 0 5px 0;
	font-weight: 400;
}
.langSwicth{
	background: #e4e4e4;
	color: #6682BB;
	font-size: 0.8em;
	font-weight: 300;
	padding: 5px 33px 5px 10px;
	margin: 10px 0 0 0;
	border-radius: 30px;
}
.switch{
	width: 28px;
	height: 28px;
	background: #cacaca;
	border-radius: 50px;
	position: absolute;
	right: 0; top: 0;
}
.langSwicth.switched{
	padding: 5px 10px 5px 33px;
}
.switched > .switch{
	right: auto; left: 0;
}
.headerContent{
	width: 100%;
}
.ariane{
	color: #02AD81;
	position: absolute;
	left: 0; right: 60px;
	top: -23px;
}
.arianeSeparator{
	margin: 0 5px;
}
.searchField{
	border: 1px solid #02AD81;
	appearance: none;
	font-family: 'Clash Grotesk', sans-serif;
	color: #02AD81;
	width: 20%;
	box-sizing: border-box;
	padding: 7px 5px;
	font-size: 1.2em;
	text-transform: uppercase;
}
.headerSearchButton{
	height: 34px;
	width: 34px;
	padding: 0;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
	margin: 0 0 0 5px;
}
.searchPath{
	fill: #02AD81;
	transition-property:fill;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.headerSearchButton:hover .searchPath{
	fill: #3C6EAE;
}

.homeProductFigWrapper{
	flex-grow: 1;
	overflow: hidden;
}
.productFig{
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	z-index: 1;
}
.imgAdapt{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.productTitle{
	text-decoration: underline;
}
.homeProductItem{
	margin: 7px 0;
}
.homeProductLink{
	font-weight: 300;
	font-size: 1.35em;
	padding: 2px 8px;
	color: #3E68AA;
	transition-property:color, background;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	cursor: url(../images/cursor.png) 16 16, pointer;
}
.homeProductLink:hover{
	color: #fff;
	background: #02AD81;
}
.firstParagraph{
	margin-top: 0;
}
.homePortrait{
	width: 27%;
	margin: 0 15px 0 0;
}
.signature{
	width: 20%;
}


.contentTitle{
	font-weight: 500;
	font-size: 2em;
}
.contentSection{
	font-size: 1.6em;
	font-weight: 300;
}
.jettSection{
	margin-top: 80px;
	margin-bottom: 80px;
}
.homeFigureJett{
	width: 33%;
	float: right;
	margin: 0 10% 0 15px;
}
.jettSectionOdd .homeFigureJett{
	float: left;
	margin: 0 15px 0 10%;
}
.jettText{
	width: 50%;
}
.jettSectionOdd .jettText{
	margin-left: calc(43% + 15px);
}
.homeButton{
	color: inherit;
	margin: 40px 0;
	width: 20%;
	font-weight: 400;
	padding: 10px 0;
	border: 1px solid;
	transition-property:color,background;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	cursor: url(../images/cursor.png) 16 16, pointer;
}
.homeButton:hover{
	color: #fff;
	background: linear-gradient(to right, #3E68AA, #02AC81);
}
.newsSection{
	margin-bottom: 80px;
}
.homeNewsList,.specialityList,.homeSpecialityList{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 3px;
}
.homeNewsItem,.specialityItem{
	background: #fff;
	width: 30%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	z-index: 1;
}
.homeNewsItem::before,.specialityItem::before{
	content: "";
	position: absolute;
	z-index: -1;
	left: 0; right: 0; top: 0; bottom: 0;
	background: #fff;
}
.homeSpecialityList .specialityItem{
	width: 19%;
}
.newsBackground{
	position: absolute;
	left: -3px; top: -3px; bottom: -3px;
	width: 0;
	background: linear-gradient(to right, #3E68AA, #02AC81);
	z-index: -2;
	transition-property:width;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.homeNewsItem:hover > .newsBackground, .specialityItem:hover > .newsBackground{
	width: calc(100% + 6px);
}
.homeNewsItemTitleLink,.homeNewsItemImgLink{
	color: inherit;
	padding: 6%;
}
.homeNewsItemImgLink{
	padding-top: 0;
}
.addressSection{
	color: #fff;
	display: flex;
	align-items: flex-end;
	margin: auto 0 0 0;
}
.footerAddress > .contentTitle{
	margin:0 0 5px 0;
}
.footerAddress > address{
	font-style: normal;
}
.footerAddress{
	border-right: 1px solid #fff;
	padding-right: 60px;
	margin-right: 60px;
}
.footerHours{
	font-size: 0.9em;
	margin: 0 auto 10px 0;
}
.footerContact{
	margin: 0 0 0 auto;
	width: 40%;
	font-size: 1.7em;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-end;
}
.footerContact a{
	color: #fff;
}
.footerContact > p{
	margin: 0;
}
.footerLogo{
	margin: 0 0 5px 15px;
	width: 80px;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
}
.footerLink,.footer{
	color: #02AD81;
}
.footer{
	padding: 40px 0 20px 0;
	margin: 0;
}
.footerSeparator{
	margin: 0 7px;
}

/* spécialités */
.pageTitle{
	font-weight: 500;
	font-size: 3.2em;
}
.specialityList{
	flex-wrap: wrap;
}
.specialityItem{
	margin-bottom: 5%;
}
.specialityTitle{
	font-weight: 400;
	margin: 0;
	font-size: 1.8em;
}
.homeSpecialityList .specialityTitle{
	font-size: 1.2em;
}
.specialityTitleLink{
	padding: 6%;
	color: inherit;
}
.specialityFig{
	padding: 0 0 75% 0;
	height: 0;
}
.specialityFigLink{
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	padding: 0 6% 6% 6%;
}
.homeSpecialityList .specialityFigLink{
	padding: 6% 6% 0 6%;
}
.specialityText{
	font-size: 1.2em;
	line-height: 2em;
	margin: 30px 0;
}
.upPageTitle{
	margin: 32px 0 0 0;
	font-size: 1.5em;
}
.upPageTitle + .pageTitle{
	margin-top: 0;
}
.gammeItem{
	border-bottom: 1px solid;
	font-size: 1.5em;
}
.gammeItemLink{
	padding: 8px 0;
	color: inherit;
	font-weight: 300;
	cursor: url(../images/cursor.png) 16 16, pointer;
}
.gammeItemLink:hover{
	font-weight: 500;
}
.gammeListImageItem{
	position: absolute;
	top: 0; right: 18%;
	width: 18%;
}
.patientSection{
	margin: 80px 0;
	background: rgba(255,255,255,0.6);
	border: 1px solid #02AD81;
	padding: 8px 20px;
	font-size: 1.2em;
}

/* gamme */
.gammeTitle{
	border-bottom: 1px solid;
	padding: 0 0 8px 0;
	margin: 0;
}
.gammeTitle,.productItemTitle{
	font-size: 1.5em;
	font-weight: 400;
}
.productItem{
	font-weight: 300;
	margin-bottom: 70px;
}
.productItemWrapper{
	display: flex;
	align-items: flex-start;
}
.productItemDesc{
	width: 55%;
	font-size: 1.3em;
}
.productItemFig{
	width: 40%;
}
.toBasketForm{
	margin: 8px 0;
}
.productLabel{
	color: #02AD81;
	margin: 0 20px 0 0;
}
.declinationsWrapper{
	margin: 20px 0;
}
.declinationsList{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.labelChoixOption{
	cursor: pointer;
	padding: 5px 8px;
}
.declinationsItem{
	border: 1px solid;
	margin: 5px;
	border-radius: 6px;
}
.declinationsItem.checked{
	color: #fff;
	background: #3C6EAE;
}
.declinationsItem.declinationLock > .lock{
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	z-index: 2;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
}

.qtyField,.productButton{
	border: 1px solid #02AD81;
	width: 85px;
	padding: 2px 2px 2px 8px;
	font-family: 'Clash Grotesk', sans-serif;
	color: #3C6EAE;
	border-radius: 0;
	font-size: 1.3em;
	font-weight: 300;
	margin: 0 15px 0 0;
}
.productButton{
	width: auto;
	padding: 2px 20px;
	margin: 0;
	color: #fff;
	cursor: pointer;
	background: #02AD81;
	transition-property:border-color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.productButton:hover{
	border-color: #3C6EAE;
}
.productButton[disabled]{
	background: #cacaca;
}
.overlay,.modal{
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 3;
	background-color: #fff;
	opacity: 0.9;
}
.modal{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 4;
	background: none;
	opacity: 1;
}
.contentModal{
	z-index: 4;
}
.modalTitle{
	font-size: 2em;
}
.modalButton,.basketButton{
	font-size: 1.2em;
	padding: .4em 1em;
	font-weight: 600;
	background: #02AD81;
	margin: 0 10px;
}
.fileDownLoadIcon{
	width: 18px;
	margin: 5px 6px 5px 0;
}
.fileDownLoadPath{
	fill: #3C6EAE;
}

/* devis */
.headerBasketList,.basketListItem{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #3C6EAE;
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 1.3em;
	margin: 0 0 15px 0;
}
.basketListRef,.basketListQty{
	width: 24%;
}
.basketListDesign{
	width: 50%;
	margin: 0 auto;
}
.basketListItem{
	font-weight: 300;
	border: none;
	margin: 8px 0;
}
.basketListItem > .basketListDesign{
	font-weight: 500;
}
.basketListPenultimateLine{
	margin: 80px 0 7px 0;
	border-bottom: 1px solid #02AD81;
}
.basketListLastLine{
	border-top: 1px solid #02AD81;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.5em;
	font-weight: 500;
}
.basketListLastLine > .basketListQty{
	color: #02AD81;
}
.fieldsetTitle{
	width: 100%;
	font-weight: 300;
	font-size: 1.2em;
	margin: 25px 0 8px 0;
}
.qtyFieldBasket{
	width: 85px;
	border: 1px solid #02AD81;
	padding: 2px 2px 2px 8px;
	font-family: 'Clash Grotesk', sans-serif;
	color: #3C6EAE;
	border-radius: 0;
	font-size: 1.1em;
	font-weight: 300;
	text-align: center;
}

/* contact */
.contactForm{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 0 80px 0;
}
.formTitle{
	width: 100%;
}
.formText{
	width: 23%;
	padding-right: 2%;
	margin-top: 0;
	font-size: 1.2em;
}
.fieldWrapper{
	width: 75%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	border: none;
	padding: 0;
	margin: 0;
}
.field{
	background: #fff;
	border: 1px solid #3E68AA;
	color: #3E68AA;
	padding: 5px;
	box-sizing: border-box;
	font-family: 'Clash Grotesk', sans-serif;
}
#prenom,#tel,#siret,#rpps{
	width: 40%;
	margin: 0 auto 1% 0;
}
#siret{
	margin: 0 1% 0 0;
}
#rpps{
	margin: 0 0 1% 0;
}
#nom,#email{
	width: 59%;
	margin: 0 0 1% auto;
}
#tel{
	margin: 0 0 1% auto;
}
#email{
	margin: 0 auto 1% 0;
}
#adresse,#adresseLiv{
	width: 100%;
	margin: 0 0 1% 0;
}
#cp,#cpLiv{
	width: 19%;
	margin: 0 .5% 0 0;
}
#ville,#villeLiv{
	width: 80%;
	margin: 0 0 0 .5%;
}
#message{
	width: 100%;
	margin: 1% 0 0 0;
	height: 200px;
}
.button{
	cursor: pointer;
	padding: 5px 10px;
	background: #3E68AA;
	color: #fff;
	margin: 1% 0 0 auto;
	border: none;
}
.returnMessage{
	width: 100%;
	margin: .5% 0 0 0;
	text-align: right;
}
.mapWrapper{
	width: 100%;
	height: 350px;
}
.mapFrame{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
}

/* blog */
.newsList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newsItem{
	width: 31%;
	margin-bottom: 3.5%;
	box-sizing: border-box;
	border: 1px solid #02AD81;
	padding: 10px 15px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.newsItemDate{
	color: #02AD81;
}
.newsItemTitle{
	font-weight: 400;
	font-size: 1.2em;
	margin: 0 0 15px 0;
}
.newsItemImage{
	flex-grow: 1;
	margin: 0;
}
.firstActu{
	width: 100%;
	display: block;
	padding: 20px calc(50% + 15px) 20px 15px;
}
.firstActu > .newsItemIntro{
	display: block;
	font-size: 1.2em;
	line-height: 1.5em;
}
.firstActu > .newsItemImage{
	position: absolute;
	right: 15px; top: 20px; bottom: 20px;
	width: calc(50% - 15px);
}
.firstActu > .newsItemTitle{
	font-size: 1.5em;
	color: #02AD81;
}
.pagingList{
	margin: 10px 0 80px 0;
	font-size: 1.3em;
}
.pagingItem{
	margin: 0 5px;
}
.pagingLink{
	color: #02AD81;
}
.pagingLink:hover,.pagingLink.current{
	font-weight: 500;
	text-decoration: underline;
}

.articleWrapper{
	margin-bottom: 80px;
}
.articleHeader{
	box-sizing: border-box;
	border: 1px solid #02AD81;
	padding: 20px 15px;
	font-size: 1.3em;
	margin: 0 0 20px 0;
}
.newsFigure{
	width: 50%;
	margin: 0 0 0 15px;
}
.socialShareList{
	width: calc(50% - 15px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
}
.socialShareLink{
	width: 30px;
}
.socialPath{
	fill:#02AD81;
	transition-property:color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.socialShareLink:hover .socialPath{
	fill: #3E68AA;
}
.editorNews{
	font-size: 1.2em;
	line-height: 1.5em;
}
.figureContentNews,.productInNews,.blocWrapper{
	margin: 30px 0;
}
.blocWrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.textAndImage{
	width: 48%;
}
.productInNews{
	padding: 0 30px;
}

/* qui sommes-nous */
.surgilabFig{
	width: 45%;
	margin: 0 0 10% 10%;
}
.surgilabText{
	width: 45%;
	font-size: 1.2em;
	line-height: 1.5em;
}
.signature2{
	width: 9%;
	margin-left: 36%;
}
.teamList{
	margin: 25px 0 80px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.teamItem{
	width: 22%;
	margin-bottom: 4%;
	font-size: 1.2em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.teamTitle{
	font-weight: 400;
	color: #02AD81;
	margin: 15px 0 0 0;
}
.teamRole{
	flex-grow: 1;
	padding: 0 10px;
}
.teamEmail{
	margin: 10px 0 0 0;
}
.productMap{
	height: 500px;
	z-index: 1;
}
.medicListWrapper{
	margin: 30px 0;
}
.medicListTitle{
	margin: 0;
}
.medicList{
	margin: 5px 0 30px 0;
	border-bottom: 2px solid;
	padding: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.medicListItem{
	width: 30%;
	font-size: 1.2em;
	margin: 20px 0;
}
.mapSiteLink{
	font-size: .8em;
	border: 1px solid;
	border-radius: 5px;
	padding: 2px 6px;
	margin: 0 0 0 8px;
}
.iconOph,.iconGyn,.iconVet,.iconDer,.iconEst{
	background-color: #3c6eae;
	width: 20px;
	height: 20px;
	display: block;
	left: -10px;
	top: -10px;
	position: relative;
	border-radius: 20px 20px 0;
	border: 1px solid #FFFFFF;
	transform: rotate(45deg);
}
.pinReminder{
	width: 20px;
	margin: 0 0 0 5px;
}

/* recherche */
.searchList{
	margin: 8px 0 30px 0;
}
.searchItem{
	font-size: 1.2em;
	margin: 0 0 5px 0;
}
.searchingLink{
	color: #3C6EAE;
	transition-property:color;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.searchingLink:hover{
	color: #02AD81;
}

@media only screen and (max-width: 1140px){
	.menuSeparator{
		display: none;
	}
	.menuLink{
		margin: 0 5px;
	}
}
@media only screen and (max-width: 1055px){
	.headerWrapper{
		align-items: center;
	}
	.wrapper,.homeWrapper{
		padding: 160px 20px 20px 20px;
	}
	.siteHeader{
		font-size: 3.6em;
	}
	.mainMenu{
		max-height: 0;
		overflow: hidden;
		width: 100%;
		position: absolute;
		right: 0; top: 100%;
		background: rgba(255,255,255,0.95);
		text-align: center;
		transition-property:max-height;
		transition-duration: .3s;
		transition-timing-function: ease-out;
	}
	.mainMenu.open{
		max-height: 360px;
		padding-bottom: 20px; 
	}
	.burgerButton{
		display: block;
		width: 77px;
		height: auto;
	}
	.burgerPath{
		fill: #3C6EAE;
		transition-property:fill;
		transition-duration: .3s;
		transition-timing-function: ease-out;
	}
	.burgerButton:hover .burgerPath{
		fill: #02AC81;
	}
	.menuLink{
		display: block;
		margin: 15px 0;
	}
	.devisLinks{
		display: inline-block;
		margin: 0px 0 10px 0;
	}
	.langSwicth{
		margin: 10px 0 15px 0;
	}
	.ariane{
		position: static;
		margin: 0 0 10px 0;
	}
	.specialityItem,.newsItem,.teamItem{
		width: 47.5%;
	}
	.gammeListImageItem,.productItemDesc{
		position: static;
	}
	.gammeListImageItem,.productItemDesc,.firstActu,.formText,.fieldWrapper{
		width: 100%;
	}
	.specialityFigGamme{
		height: 450px;
	}
	.productItemWrapper{
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: center;
	}
	.button{
		appearance: none;
	}
	.homeSpecialityList{
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.homeSpecialityList .specialityItem{
		width: 32%;
		margin: 0 auto 30px auto;
	}
}
@media only screen and (max-width: 800px){
	.wrapper,.homeWrapper{
		background: #fff;
		padding-bottom: 0;
		padding-top: 180px;
	}
	.homeWrapper::after,.footerHours,.footerSeparator,.headerBasketList{
		display: none;
	}
	.searchField{
		width: calc(100% - 39px);
		font-size: 1.35em;
	}
	.headerSearchForm{
		margin: 15px 0;
	}
	.homeNewsList,.addressSection,.basketListItem{
		flex-wrap: wrap;
	}
	.homeFigureJett,.jettSectionOdd .homeFigureJett{
		float: none;
		margin: 0;
	}
	.homeProductFigWrapper,.homeFigureJett,.jettText,.homeNewsItem,.footerAddress,.footerContact,.specialityItem,.productItemFig,.newsItem,.surgilabFig,.newsItemImage,.firstActu > .newsItemImage,.newsFigure,.socialShareList,.surgilabText,.teamItem{
		width: 100%;
	}
	.homeSpecialityList .specialityItem{
		width: 49%;
		margin: 0 auto 30px auto;
	}
	.homeProductFigWrapper{
		height: 280px;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
	.contentTitle{
		font-size: 1.6em;
	}
	.homeProductLink{
		font-size: 1.2em;
	}
	.jettSection,.newsSection{
		text-align: center;
		margin: 50px 0;
	}
	.homeButton{
		margin: 20px 10%;
		width: 80%;
	}
	.homeNewsItem{
		margin: 30px 0;
	}
	.footer,.addressSection{
		background: #6781BA;
		margin: 0;
		padding: 20px 0;
	}
	.addressSection{
		flex-direction: column-reverse;
		align-items: center;
		/* fix pour safari */
		position: relative;
	}
	/* fix safari */
	.addressSection::before,.addressSection::after{
		content: "";
		position: absolute;
		top: 0;
		height: 100%;
		width: 20px;
		background: #6781BA;
		left: -20px;
	}
	.addressSection::after{
		left: auto;
		right: -20px;
	}
	/* fin du fix */
	.footerAddress{
		border: none;
		padding: 0; 
		margin: 0;
		text-align: center;
	}
	.footerContact{
		text-align: center;
		flex-direction: column;
		align-items: center;
		margin: 10px 0 290px 0;
	}
	.footerLogo{
		margin: 0 auto 15px auto;
	}
	.footerLink{
		display: block;
		margin: 7px 0;
		text-align: center;
	}
	.footer{
		font-size: 1.3em;
		position: absolute;
		left: 0; right: 0;
		bottom: 145px;
		margin: 0; 
		padding: 0;
	}
	.footerCopyLink{
		display: inline-block;
		vertical-align: middle;
		margin: 7px 3px;
	}
	.pageTitle{
		font-size: 2.5em;
	}
	.specialityFigGamme{
		height: 300px;
	}
	.qtyField{
		margin: 0 10px 0 0;
		width: 50px;
	}
	.productButton{
		margin: 15px 0;
		padding: 2px 15px;
		appearance: none;
	}
	.firstActu{
		padding: 20px 15px;
	}
	.newsItemImage,.firstActu > .newsItemImage{
		position: static;
	}
	.newsItemIntro{
		display: block;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.newsFigure,.surgilabFig{
		float: none;
		margin: 0 0 10px 0;
	}
	.signature2{
		width: 120px;
		margin-left: calc(100% - 120px);
		margin-bottom: 50px;
	}
	#cp,#cpLiv{
		width: 39%;
	}
	#ville,#villeLiv{
		width: 60%;
	}
	.field{
		padding: 8px 5px;
		font-size: 1.15em;
		border-radius: 0;
	}
	#devisForm .field{
		font-size: 1.4em;
	}
	.basketListItem{
		margin: 0 0 30px 0;
	}
	.basketListRef{
		width: 30%;
	}
	.basketListDesign{
		width: 65%;
	}
	.basketListQty{
		width: 100%;
		margin: 3px 0 15px 0;
	}
	.basketListPenultimateLine{
		margin: 30px 0 7px 0;
	}
	.productMap{
		height: 450px;
	}
	.jettSectionOdd .jettText{
		margin-left: 0;
	}
	.medicListItem{
		width: 48%;
	}
}
@media only screen and (max-width: 680px){
	.homeSpecialityList .specialityItem{
		width: 100%;
		margin:30px auto;
	}
}
@media only screen and (max-width: 600px){
	.medicListItem{
		width: 100%;
		text-align: center;
	}
}