.scroll{overflow:hidden}
.pink{color:#db107c}
.gestomed{color:#db107c;font-weight:400}
html,body{width:100%;min-width:320px;font-family:'Open Sans',sans-serif;font-weight:400;font-size:20px;background-color:white;color:black}
div.container{transform-origin:top left}
h2{text-align:center;font-size:40px;font-weight:600}
h3{text-transform:uppercase;font-weight:700}
h4{text-transform:uppercase;font-weight:700;font-size:40px}
header{height:830px;background:no-repeat 50% 30%;background-size:cover}
header .top{height:180px}
header nav a{margin-right:30px;font-size:20px;font-weight:700}
header nav a.logout{color:#db107c}
header nav a:last-child{margin-right:0}
header .middle{margin-top:60px}
section.software{margin-top:-230px;background:no-repeat top left;background-size:100%}
.box{background-color:white;-webkit-box-shadow:0 0 10px 0 #777;box-shadow:0 0 10px 0 #777;padding:40px}
section.software .box .version{width:290px}
section.software .box .version img,section.software .box .version h3{margin-bottom:30px}
section.software .box .version p{font-weight:300;line-height:30px;width:100%}
.content{width:1170px;margin:0 auto;padding-right:20px;padding-left:20px}
.sectionTitle h4{margin-bottom:20px}
.sectionTitle h4:before{content:"";display:block;background-image:url('https://gestomed.lu/IMG/titleBack.png');width:50px;height:25px;margin:0 auto 20px}
.sectionTitle p{font-weight:300}
.sectionTitle{padding-top:70px;padding-bottom:60px}
section.about{padding-bottom:120px}
section.about .text{width:585px;padding-right:30px}
section.about nav{width:195px;padding-right:30px;background:repeat-y 80% 50%}
section.about nav .bull{font-size:50px;color:#c7c7c7}
section.about nav a.active,section.about nav a.active .bull{color:#db107c}
section.about .visual{background:no-repeat 50% 50%;background-size:cover}
section.about .details{width:calc(100% - 195px)}
section.about .detail{opacity:0;z-index:0}
section.about .detail.active{opacity:1;z-index:9999}
section.login{background-color:#db107c}
section.login > div:first-child{width:calc(100% / 3)}
section.login > div:last-child{background:no-repeat 50% 50%;background-size:cover;width:calc((100% / 3) * 2)}
section.login > div:first-child h4:before{display:none}
section.login #formulaire_login legend,section.login #formulaire_login label,section.login #formulaire_login .editer_password .details,section.login #formulaire_login .editer_session{display:none}
section.login .sectionTitle{padding:55px 0 30px}
section.login p.boutons,section.login .editer_login,section.login .editer_password{text-align:center}
section.news{padding-bottom:120px}
section.news .date{width:105px;height:115px;background-color:#db107c;font-weight:600;font-size:50px;padding-top:10px}
section.news .date span{font-weight:300;font-size:18px}
section.news .date hr{border-color:white;width:85%;margin:10px auto}
section.news .new{width:50%;padding:30px}
section.news .text{width:calc(100% - 105px);padding:0 30px}
section.contact{background:no-repeat 50% 50%;background-size:cover;padding-bottom:120px}
section.contact .flex .col{width:50%}
section.contact .flex .col:first-child{padding-right:20px}
section.contact .flex .col:last-child{padding-left:20px}
section.contact input,section.contact textarea{width:100%}
.result{overflow:hidden;height:0;font-weight:300;margin-bottom:0}
.result.active{height:25px;margin-bottom:10px}
footer{padding:120px 0;background-color:#091b27}
footer .content div{width:390px}
footer .content div:last-child{text-align:right}
footer .content div p{font-size:16px;font-weight:300;line-height:20px}
footer p{color:white}
.client header{height:410px}
.client section.software{height:230px;padding-left:470px;padding-top:80px}
.client section.software h2{text-align:left;margin-bottom:30px}
.client section.update h3{margin-bottom:30px}
.client section.update{margin-top:60px}
.client section.informations{padding-bottom:120px}
.client section.avis{background:no-repeat 50% 50%;background-size:cover}
.client section.avis .sectionTitle{width:50%;margin:0 auto}
.client section.avis .sectionTitle p{text-align:center}
.client section.contact{padding:60px 0}
.client input[name="submitBtn"]{margin:0}
.client .suggestion{width:50%;background-color:#db107c;padding:30px}
.client .suggestion h5{font-size:20px;font-weight:600;margin-bottom:20px;color:white}
.client .suggestion p{color:white}
.client .suggestion .text{height:120px;overflow-y:auto}
.client .suggestion .text p{font-size:16px;line-height:20px}
.client .suggestion h5 span{font-weight:300}
.client .suggestion svg{width:20px;height:20px;margin-left:30px;cursor:pointer}
.client .suggestion svg *{fill:white}
.client .suggestion .text{padding-bottom:20px;border-bottom:1px solid white;margin-bottom:20px;color:white}
.client .suggestion:nth-child(4n+2),.client .suggestion:nth-child(4n+3){background-color:#aeb9c7}
.client .suggestion:nth-child(4n+2) h5,.client .suggestion:nth-child(4n+3) h5,.client .suggestion:nth-child(4n+2) p,.client .suggestion:nth-child(4n+3) p{color:black}
.client .suggestion:nth-child(4n+2) .text,.client .suggestion:nth-child(4n+3) .text{border-color:black}
.client .suggestion:nth-child(4n+2) svg *,.client .suggestion:nth-child(4n+3) svg *{fill:black}
.text{font-weight:300}
.text p{margin:50px 0;line-height:30px}
.text p:first-child{margin-top:0}
.text p:last-child{margin-bottom:0}
.text ul{margin:-50px 30px 0}
.text li{list-style:none;line-height:30px}
.text li:before{content:"-";margin-right:10px}
input,textarea{background:transparent;border:1px solid white;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:300;color:white;height:45px;width:370px;line-height:45px;padding:0 10px;margin-bottom:30px}
input.invalid,textarea.invalid{border:1px solid #db107c}
#formulaire_login input.invalid{border:1px solid red}
textarea{height:120px;resize:none;background-position-y:10%}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:white}
input::-moz-placeholder,textarea::-moz-placeholder{color:white}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:white}
input:-moz-placeholder,textarea:-moz-placeholder{color:white}
input[class="submit"],input[name="submitBtn"],input[name="goBtn"]{background-color:white;border:none;color:black;width:170px!important;margin:0 0 55px;cursor:pointer}
input[name="submitBtn"]{color:white;background-color:#db107c}
input[name="var_login"],input[name="lastname"],input[name="firstname"]{background-image:url('https://gestomed.lu/IMG/user.png')}
input[name="email"]{background-image:url('https://gestomed.lu/IMG/at.png')}
input[name="job"]{background-image:url('https://gestomed.lu/IMG/stethoscope.png')}
input[name="password"]{background-image:url('https://gestomed.lu/IMG/key.png')}
textarea[name="message"]{background-image:url('https://gestomed.lu/IMG/envelope.png')}
input,textarea{background:no-repeat 95% 50%}