/* --- GÉNÉRAL -- */
*{
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	background:none;
	border:0;
	max-width:100%;
	vertical-align:text-top;
	transition:.3s ease;
	-o-transition:.3s ease;
	-webkit-transition:.3s ease;
	-moz-transition: .3s ease;
}
*:focus{
	outline:none;
}
h1,h2,h3{
	text-align:center;
	color: #283891;
}
h1{
	margin:100px 0 30px 0;
	text-transform:uppercase;
	font-size:2em;
}
p{
	margin-bottom:20px;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
}
a{
	color: #ff9800;
    text-decoration: none;
}
a:active{
	color:#ccc;
}
a:hover{
	color:#ccc;
}
ul, ol{
	margin:20px 0;
	padding-left: 20px;
}
li{
	font-size: 18px;
    text-align: justify;
}
.center{
	text-align:center;
}
.container{
	max-width:1280px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	position:relative;
}
.mm-titre{
	font-size:2.6em;
	font-weight:300;
	text-align:center;
	color:#9f9f9f;
	margin:50px 0 20px;
	text-transform:uppercase;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
}
.cta, #contact .cta{
	display:block;
	width:200px;
	color:#fff;
	font-weight:300;
	text-decoration:none;
	background-color:#293990;
	padding:20px;
	margin:50px auto 0;
	height:auto;
	text-transform:uppercase;
	cursor:pointer;
}
.cta:hover, #contact .cta:hover{
	background-color:#808080;
	color:#fff;
}
#confirm{
	font-size: 30px;
	font-weight:600;
	text-align:center;
	padding:20px;
	margin:30px 0 0;
	color:#fff;
	background-color:#9bd854;
}

/* --- HEADER --- */
header{
	padding:10px;
	color:#fff;
	background-image:url(image/header.jpg);
	background-repeat: no-repeat;
}
.wrapper{
	margin:0 auto;
	position:relative;
	max-width:1280px;
}
#logotop{
	text-align:center;
	margin:0;
}
#logotop img{
	margin:50px 0 20px;
}
header .accroche{
	display:none;
}
#open-menu{
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	padding-left:13px;
}
#open-menu:hover{
	cursor:pointer;
}
.Mbar{
	width: 35px;
    height: 5px;
    background-color: #283891;
    margin: 6px 0;
	transition:0.3s;
}
#open-menu p{
	position:relative;
	right:13px;
	hyphens:initial;
	color:#283891;
}
#menu{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    transition: 0.5s;
	background-color:#283891;
}
#menu .closebtn {
    text-align: right;
    padding: 0 15px 0;
    font-size: 35px;
	border:0;
}
#menu .closebtn:hover{
	background-color:#fff;
	color:#283891;
}
#menu a{
    padding: 30px 0 30px 90px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
	border-top: 1px solid;
    transition: 0.3s;
	background-repeat:no-repeat;
	background-position:10px;
}
#menu .last{
	border-bottom:1px solid;
}
#menu a:hover{
	background-color:#fff;
	color:#283891;
}
#menu .inco{
	background-image:url(image/logo1.png);
}
#menu .inco:hover{
	background-image:url(image/logo1s.png);
}
#menu .nutri{
	background-image:url(image/logo2.png);
}
#menu .nutri:hover{
	background-image:url(image/logo2s.png);
}
#menu .infi{
	background-image:url(image/logo3.png);
}
#menu .infi:hover{
	background-image:url(image/logo3s.png);
}
#menu .medi{
	background-image:url(image/logo4.png);
}
#menu .medi:hover{
	background-image:url(image/logo4s.png);
}
#menu .banda{
	background-image:url(image/logo5.png);
}
#menu .banda:hover{
	background-image:url(image/logo5s.png);
}

/* --- FOOTER --- */
footer{
	background-color: #2b3991;
	color:#fff;
	margin-top: 50px;
	background-image: url(image/courbe5.jpg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position-x: center;
	padding-top: 20px;
}
footer .container{
	padding:10px;
}
.fmenu{
	width:250px;
	margin:80px auto;
}
.fmenu h2{
	margin: 0 0 40px;
	text-transform:uppercase;
	text-align:left;
	font-size:1.5em;
	color:#fff;
}
.fmenu p{
	font-weight:300;
	font-size:16px;
	text-align:left;
	color:#fff;
}
.fmenu a{
	color:#fff;
	text-decoration:none;
}
.fmenu .cta{
	margin:-10px 0 20px;
	background-color: #808080;
	border: 1px solid #808080;
}
.fmenu .cta:hover{
	background-color: #2b3991;
    border: 1px solid #fff;
}
.fmenu img{
	margin-left:10px;
	vertical-align:middle;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
	border-radius:50%;
	transition:.1s;
}
.fmenu a:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	background-image:url("image/whitefill.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

/* --- CONTENU INDEX --- */
.index + .wrapper h2{
	margin:100px 0 30px 0;
	text-transform:uppercase;
	font-size:2em;
}
.pdv .left, .pdv .right{
	background: #808080;
    color: #fff;
}
.pdv h3{
	background:#293990;
	font-size:2em;
	padding:20px 0;
	color:#fff;
}
.pdv .cred{
	padding: 20px 10px;
}
.pdv .horaire{
	margin-bottom:0;
}
.pdv .contact{
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
    min-height: 325px;
	position: relative;
}
.pdv .left .contact{
	background-image:url(image/showroom-infirmier.jpg);
}
.pdv .right .contact{
	background-image:url(image/pharmacie-10.jpg);
}
.pdv .contact .tel{
	padding: 10px 0 0 10px;
	text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}
.pdv .contact .tel:before{
	content:url(image/tel-picto.png);
	vertical-align: middle;
	margin-right:10px;
}
.pdv .contact .mail, .pdv .contact .tel{
	font-size:22px;
}
.pdv .contact .mail{
	position:absolute;
	left:10px;
	bottom:-15px;
	text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}
.pdv .contact .mail:before{
	content:url(image/mail-picto.png);
	vertical-align: middle;
	margin-right:10px;
}
.pdv .right{
	margin-top:50px;
}
.offres .service{
	margin-bottom:50px;
	padding:0 10px;
}
.offres h3{
	margin: 30px 0 30px;
    text-transform: uppercase;
    font-size: 1.5em;
}
.offres .service:before{
	display: block;
    text-align: center;
	margin-bottom: 20px;
}
.offres .incontinence:before{
	content:url(image/logo1g.png);
}
.offres .nutrition:before{
	content:url(image/logo2g.png);
}
.offres .m-infirmier:before{
	content:url(image/logo3g.png);
}
.offres .m-medicale:before{
	content:url(image/logo4g.png);
}
.offres .bandagisterie:before{
	content:url(image/logo5g.png);
}
.offres .providom:before{
	content:url(image/providom.png);
}
.offres .bg{
	background: #dcdcdc;
    padding: 1px 0;
}
.offres .cta{
	text-align:center;
	font-weight:400;
	margin-bottom:30px;
}

/* --- CONTENU AUTRES PAGES --- */
#menu + .wrapper{
	padding:10px;
}
#indexslider .slider .mySlides div{
	text-align:center;
}
#indexslider{
	border-bottom: 5px solid #dcdcdc;
    border-top: 5px solid #dcdcdc;
    margin: 20px 0;
	min-height:630px;
}
#menu + .wrapper:before{
	display: block;
	text-align: center;
	margin: 30px 0 -40px;
}
#bg-inco{
	background-image:url(image/bg-inco.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: right;
	background-position-y: bottom;
}
#bg-nutri{
	background-image:url(image/bg-nutrition.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: 95%;
	background-position-y: bottom;
}
#bg-infi{
	background-image:url(image/bg-infirmier.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: right;
	background-position-y: bottom;
}
#bg-medi{
	background-image:url(image/bg-materiel-medical.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: right;
	background-position-y: bottom;
}
#bg-banda{
	background-image:url(image/bg-bandagisterie.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: 97%;
	background-position-y: bottom;
}
#bg-jobs{
	background-image:url(image/bg-jobs.png);
	background-repeat: no-repeat;
    background-position-x: right;
	background-position-y: 50%;
}
.pinco:before{
	content:url(image/logo1g.png);
}
.pnutri:before{
	content:url(image/logo2g.png);
}
.pinfi:before{
	content:url(image/logo3g.png);
}
.pmedi:before{
	content:url(image/logo4g.png);
}
.pbanda:before{
	content:url(image/logo5g.png);
}
#menu + .wrapper h2{
	margin: 80px 0 10px;
}
#menu + .wrapper h3{
	text-align:left;
	text-indent: 2em;
	margin:2em 0 0.5em 0;
	font-size: 1.3em;
}
.rayon{
	text-align: center;
}
.rayon img{
	border: 15px solid #2b3991;
	box-shadow: 10px 8px #dee0ed;
}
.catalogue li{
    margin-bottom: 10px;
}
.pinfi .catalogue + p, .pmedi .catalogue + p{
    margin: 30px 0 50px;
    border-top: 5px solid #dcdcdc;
    border-bottom: 5px solid #dcdcdc;
    padding: 10px 0;
}
.stannah p:first-child{
	 text-align:center;
}
.orthese{
	text-align:center;
}
.orthese img{
	margin:0 50px;
}
#providom li{
	margin-bottom:10px;
}
#providom #label{
	text-align:center;
}
#inami{
	position:relative;
}
#inami:before{
	content: url(image/inami.png);
    display: block;
    text-align: center;
}

/* --- MEDIA QUERIES --- */
@media (min-width: 480px){
	#contact .radioInput{
		display: inline-block;
	}
}

@media (min-width: 768px){
	.fmenu{
		display:inline-block;
		width:50%;
	}
	.pdv .contact{
    min-height: 500px;
	}
	.pdv .contact .tel{
		position:absolute;
		left:10px;
		bottom:-5px;
	}
	.pdv .contact .tel:before{
		
	}
	.pdv .contact .mail{
		right: 20px;
		left: auto;
		bottom: -5px;
	}
	.pdv .contact .mail:before{
		content:"";
	}
	.pdv .contact .mail:after{
		content: url(image/mail-picto.png);
		vertical-align: middle;
		margin-left: 10px;
	}
	#indexslider{
		min-height: auto;
	}
	#indexslider .slider{
		text-align: center;
	}
	#indexslider .slider .mySlides div{
		width:25%;
		display:inline-block;
	}
	.catalogue li{
		display: inline-block;
		margin: 0 0px 15px 0;
		width: 50%;
		text-align:left;
	}
	.stannah{
		position: relative;
		padding-right: 400px;	
	}
	.stannah img{
	    position: absolute;
		right: 0;
		top: 0;
	}
	#providom #label img{
		position:absolute;
	}
	#providom #label{
		text-align:left;
	}
	#providom #label + p{
		padding-left:220px;
		min-height:200px;
		padding-top: 3%;
	}
	#inami:before{
		float:left;
		margin: 0 15px;
	}
}
@media (min-width: 960px){
	
}
@media (min-width: 1024px){
	.index{
		padding:20px;
		background-image:url(image/header-big.jpg);
		background-size: cover;
		background-position-x: right;
		min-height:500px;
		position: relative;
	}
	.index .accroche{
		display:inline-block;
		color:#004494;
		font-weight:800;
		position:absolute;
		right:20%;
		top:130px;
	}
	.index .accroche p:last-child{
		padding-left:50px;
	}
	.page{
		min-height: 251px;
		background-position: center;
	}
	.page + #menu{
		position:initial;
	}
	#logotop{
		display:block;
		text-align:left;
		padding: 0 50px;
	}
	#logotop img{
		margin:0;
	}
	#open-menu{
		display:none;
	}
	#menu{
		height: initial;
		width: 100%;
		position:absolute;
		top:initial;
		bottom:-35px;
		padding: 0 10px;
	}
	#menu a{
		display:inline-block;
		padding: 20px 0 20px 80px;
		width:20%;
		border:0;
		height:84px;
		background-position: 5px;
	}
	#menu a:first-child, #menu p{
		display:none;
	}
	#menu a:hover{
		background-color:#808080;
		color:#fff;
	}
	#menu .last{
		border-right:0;
		border-bottom:0;
	}
	#menu .inco, #menu .nutri, #menu .banda{
		padding-top: 28px;
	}
	#menu .infi, #menu .medi{
		padding-top: 17px;
	}
	.pdv .left, .pdv .right{
		display:inline-block;
		width:49%;
	}
	.pdv .left{
		margin-right:2%;
	}
	.pdv .right{
		margin-top:0;
	}
	.offres .incontinence:before, .offres .m-infirmier:before, .offres .bandagisterie:before{
		float: left;
	}
	.offres .nutrition:before, .offres .m-medicale:before, .offres .providom:before{
		float: right;
	}
	.offres .incontinence:before{
		margin: -3% 20px 0 0;
	}
	.offres .nutrition:before{
		margin: -1% 0 0 20px;
	}
	.offres .m-infirmier:before{
		margin: -3% 20px 0 0;
	}
	.offres .m-medicale:before{
		margin: -3% 0 0 20px;
	}
	.offres .bandagisterie:before{
		margin: -1% 20px 0 0;
	}
	.offres .providom:before{
		margin: -5% 0 0 0;
	}
	.offres .incontinence p, .offres .m-infirmier p, .offres .bandagisterie p{
		margin-left: 220px;
	}
	.offres .nutrition p, .offres .m-medicale p, .offres .providom p{
		margin-right: 220px;
	}
	.offres .bandagisterie ul{
		padding-left: 240px;
	}
	.container{
		padding:20px 20px 20px 20px;
	}
	footer .container{
		padding:20px;
	}
	.mm-titre{
		font-size:3em;
		margin-bottom:40px;
	}
	.fmenu{
		width:25%;
		padding:0 20px;
		margin:50px 0;
	}
	#contact .coordonnees{
		display:inline-block;
		width:47%;
	}
	#contact .odd{
		margin-right:6%;
	}
	#contact form .cta{
		margin:10px auto;
	}
	#menu + .wrapper:before{
		float:left;
		margin-bottom:40px;
	}
	#menu + .wrapper .first{
		clear:both;
	}
	#menu + .wrapper h2{
		text-align: left;
	}
	h1{
		margin-right: 197px;
	}
	.pservice h1{
		margin-right: auto;
	}
	.catalogue{
		list-style:none;
		padding:0 10px;
	}
	.catalogue li{
		width: 25%;
	}
	.stannah img{
		top: -50px;
	}
	.pservice .stannah img{
		top: 30px;
	}
	#mm-stannah img{
		top: -50px;
	}
}
@media (min-width: 1280px){
	h2 + .container{
		min-height: calc(100vh - 660px);
	}
	.index{
		min-height:581px;
		background-size: 1280px;
		background-position-x: center;
	}
	.index .accroche{
		top:160px;
	}
	.index .accroche p:last-child{
		padding-left:50px;
	}
	#menu a{
		padding-left: 90px;
	}
	footer{
		background-size:1280px;
	}
	#bg-jobs{
		background-image:url(image/bg-jobs-clear.png);
	}
}