@media screen and (max-width:799px){header{height:210px}
header .top{height:90px}
header .top > a img{width:140px;height:auto}
header .top nav{display:none}
.client header .top nav{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.client header nav a:last-child{font-size:15px}
.content{width:100%;padding:20px}
h2{font-size:20px}
header .middle{margin-top:20px}
section.software{margin-top:0}
section.software .content{display:block}
section.software .box .version{width:100%;margin-bottom:15px}
section.software .box .version:last-child{margin-bottom:0}
section.software .box .version p{font-size:15px;line-height:20px}
section.software .box .version img,section.software .box .version h3{margin-bottom:15px}
.sectionTitle{padding-top:20px;padding-bottom:20px;width:80%!important;margin:0 auto!important}
h4{font-size:20px;text-align:center}
.sectionTitle p{font-size:15px;text-align:center;line-height:20px}
section.about > .flex{display:block;padding:0 20px;height:auto!important}
section.about > .flex nav{width:100%;padding-right:0;background-image:none!important}
section.about > .flex nav a{height:40px;text-align:center;display:block}
section.about > .flex nav .bull{display:none}
.text{width:100%!important;padding-right:0!important;font-size:15px}
.text p{margin:20px 0;line-height:20px}
.text ul{margin:-20px 10px 0}
section.about .details{height:auto;width:100%}
section.about .detail{height:0!important;position:relative;overflow:hidden}
section.about .detail .visual{display:none}
section.about .detail .text p[style]{margin-top:50px!important}
section.about .detail.active{height:auto!important}
section.about{padding-bottom:40px}
section.login > div:last-child{display:none}
section.login > div:first-child{width:100%}
section.login .sectionTitle{padding:20px 0}
section.login .formulaire_spip{padding:20px}
input[class="submit"],input[name="submitBtn"],input[name="goBtn"]{margin:0}
section.news > .content > .flex{display:block}
section.news .new{width:100%;padding:0 0 30px}
section.news .date{font-size:30px;height:82px}
section.news .date span{font-size:14px}
section.news{padding-bottom:0}
form[name="contactForm"] .flex{display:block}
section.contact .flex .col{width:100%;padding:0!important}
section.contact{padding-bottom:20px}
footer{padding:0!important}
footer .content{display:block}
footer .content div{width:100%;text-align:center!important}
footer .content div:last-child{margin-top:20px}
footer .content div img{width:160px}
footer .content div p{font-size:12px}
input[name="goBtn"]{margin-bottom:20px}
.client header{height:130px}
.client section.software{height:60px;padding-left:20px;padding-top:20px}
.client section.informations{padding-bottom:20px}
.client .suggestion{width:100%}
.client .suggestion .text{height:auto}
.client .suggestion p{font-weight:300;font-size:15px}
.client .suggestion:nth-child(odd){background-color:#db107c!important}
.client .suggestion:nth-child(even){background-color:#aeb9c6!important}
.client .suggestion:nth-child(odd) h5,.client .suggestion:nth-child(odd) p{color:white!important}
.client .suggestion:nth-child(even) h5,.client .suggestion:nth-child(even) p{color:black!important}
.client .suggestion:nth-child(odd) svg *{fill:white!important}
.client .suggestion:nth-child(even) svg *{fill:black!important}
.client .suggestion:nth-child(odd) .text{border-color:white!important}
.client .suggestion:nth-child(even) .text{border-color:black!important}
.client .suggestion h5,.client .suggestion .text p{font-size:15px}}