@media only screen and (max-width:1070px) { .panel.home > .content { width:90%; }

 .panel.home > .content .intro h1 { font-size:32px; }

 .panel.home > .content .intro p { width:85%; }

 .panel.contents .content .news-container { padding:3% 1.5% 5% 1.5%; }

 .panel.medef h2 { margin-top:0; }

 .panel.medef h2 br { display:none; }

 }

 @media only screen and (max-width:970px) { .cookies-warning,.cookies-warning p { height:auto; }

 .panel.home > .content .intro h1 { font-size:26px; }

 .panel.home > .content .intro p { font-size:16px; width:100%; }

 .quiz-page .modale.quiz-modale { width:75%; left:12.5%; }

 }

 @media only screen and (max-width:835px) { .panel.medef .content { width:55%; }

 .panel.medef .image-container { width:37.5%; padding-right:2.5%; }

 .analysis-row { display:block !important; width:100% !important; }

 .analysis-row .analysis-bloc { width:calc(100% - 40px) !important; margin:0 0 20px 0 !important; }

 .analysis-row .analysis-bloc.profiles table { margin:auto; }

 .analysis-row .analysis-bloc.participants { text-align:center; }

 .analysis-row .analysis-bloc.participants img { margin-right:0 !important; }

 .analysis-row .analysis-bloc.domains-means .chart-container { margin-top:0 !important; }

 .analysis-row .analysis-bloc.regions-participation .map-container .others { margin-top:-50px !important; }

 .analysis-row .analysis-bloc.devices .bar { width:50% !important; margin-right:5% !important; margin-left:5% !important; }

 .analysis-row .browsers-infos { width:100% !important; }

 }

 @media only screen and (max-width:800px) { .panel.home > .content .intro h1 { font-size:26px; }

 .panel.home > .content .intro p { width:100%; font-size:14px; }

 .panel.contents .content .news-container { padding:5% 3% 7% 3%; }

 }

 @media only screen and (max-width:780px) { .not-mobile { display:none !important; }

 .mobile-only { display:block; }

 #main_menu { height:35px; }

 #main_menu img { height:30px; }

 #main_menu nav { margin-top:15px; }

 .panel,.panel.contact .footer { position:static; }

 .panel { height:auto; }

 .panel h2 { color:#1b78bb; font-size:24px; }

 .panel h2:after { background-color:#1b78bb; height:2px; }

 #panel-1 { background-position:100% 0; background-size:50%; }

 #panel-2 { background-size:auto; }

 #panel-3 { background-size:30%; }

 #panel-4 { background-position:0 80%; }

 .panel.home .content { margin-top:70px; }

 .panel.home .content img { width:70%; margin:auto; display:block; float:none; }

 .panel.home .content .intro { width:100%; max-width:100%; padding-left:0; }

 .panel.home .content .intro h1 { position:static; text-align:center; }

 .panel.home .content .intro .btn_blue { display:block; margin:auto; width:70%; text-align:center; }

 .panel.home .timeline { position:static; margin-top:80px; }

 .panel.home .timeline ul li { width:calc(70% - 60px); float:none; padding-right:0; padding-left:60px; background-position:30px 5px; animation-name:none; margin:20px 0; }

 .panel.home .timeline ul li:last-child { background-image:url(../img/yellow_arrow.png); }

 .panel.contents .content { width:100%; }

 .panel.contents .content h2 { width:83%; margin:75px auto; }

 .panel.contents .content .news-container { width:94%; display:block; }

 .panel.contents .content .news-container .news { float:none; width:calc(90% - 40px); margin:25px auto; padding:20px; }

 .panel.contents .content .news-container .news .illustration { max-height:100%; height:auto; }

 .panel.contents .content .news-container .news .illustration img { max-height:100%; max-width:100%; height:auto; width:100%; }

 .panel.contents .content .btn_blue { width:calc(85% - 40px); text-align:center; }

 .panel.medef .image-container { float:none; width:100%; padding-right:0; }

 .panel.medef .image-container img { width:80%; margin:auto; }

 .panel.medef .content { float:none; width:83%; padding:0 8.5% 50px 8.5%; }

 .panel.medef .content .intro { font-size:18px; }

 .panel.medef .content .btn_blue { margin:auto; display:block; width:200px; text-align:center; }

 .panel.contact .content { width:100%; margin-top:0; }

 .panel.contact .content h2,.panel.contact .content .intro { width:83%; padding:0; margin-left:auto; margin-right:auto; }

 .panel.contact .content h2:after,.panel.contact .content .intro:after { margin-left:0; }

 .panel.contact .content .intro { margin-bottom:40px; }

 .panel.contact .content .form-container form .col-left,.panel.contact .content .form-container form .col-right { float:none; width:100%; padding:0; }

 .panel.contact .content .form-container form .btn_blue { float:none; display:block; margin:30px auto 0 auto; width:200px; }

 .footer { height:auto; }

 .footer .footer-content { width:95%; }

 .footer .footer-content .col { width:31%; }

 .footer .footer-content .col ul { text-align:center; }

 .footer .footer-content .col ul:after { height:100%; width:1px; position:absolute; left:100%; top:0; }

 .footer .footer-content .col:first-child { float:none; text-align:center; width:100%; margin:0; }

 .footer .footer-content .col:nth-child(4) ul:after { display:none; }

 .modale-container .modale { display:none; width:calc(80% - 40px); padding:0 20px 20px 20px; left:10%; max-height:calc(100% - 60px); top:30px !important; }

 .modale-container .modale .modale-header h2 { margin:0 !important; width:100% !important; font-size:18px; }

 .modale-container .modale .modale-header h2:after { height:2px; }

 .modale-container .modale .modale-content iframe { max-width:100%; }

 .modale-container .modale .modale-content h2.smaller { font-size:16px; }

 .modale-container .modale .modale-content h2.smaller:after { display:none; }

 .modale-container .modale .modale-content h3 { font-size:16px; }

 .modale-container .modale .btn_blue { max-width:calc(100% - 40px) !important; }

 .modale-container.active .modale { display:block; }

 .quiz-page .modale.quiz-modale { width:90%; left:5%; }

 .quiz-page .modale.quiz-modale .modale-content { font-size:14px; padding:15px; }

 .quiz-page .modale.quiz-modale .modale-content input[type=email],.quiz-page .modale.quiz-modale .modale-content input[type=text] { font-size:14px !important; }

 .quiz-page .modale.quiz-modale .modale-content .tab-content.continue .btn_blue { width:100%; margin-top:10px; }

 .quiz-page .modale.quiz-modale .modale-content .tab-content.start .styled-checkbox .label { line-height:24px; }

 .quiz-page .email-modale .modale .modale-header h2 { width:calc(100% - 30px) !important; padding:20px 15px 10px 15px; }

 .quiz-page .email-modale .modale .modale-header h2:after { margin-left:15px; }

 .quiz-page .end-quiz-modale .modale .modale-header h2 { width:calc(100% - 30px) !important; padding:20px 15px 10px 15px; }

 .quiz-page .end-quiz-modale .modale .modale-header h2:after { margin-left:15px; }

 .quiz-page .end-quiz-modale .modale .modale-content .btn_blue { width:100%; margin:0; max-width:initial !important; }

 .quiz-page .quiz { top:48px; }

 .quiz-page .quiz #form-quiz .quiz-section { margin-top:20px; }

 .quiz-page .quiz #form-quiz .quiz-section .section-header h2 { font-size:18px; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container { padding:20px; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .question-part,.quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part { float:none; width:100%; padding:0; margin:0; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .question-part { margin-bottom:20px; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part .quiz-radios-inputs-group { width:100%; margin-left:0; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part .select-group .quiz-select-input { width:100%; margin-left:0; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part .select-group .quiz-select-input + .arrow-select { right:15px !important; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part .slider { margin-bottom:30px !important; width:90%; margin-left:5%; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part .slider .slider-tick-label { font-size:11px; -ms-word-break:break-all; word-break:break-all; word-break:break-word; overflow-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }

 .quiz-page .quiz #form-quiz .quiz-section .section-content .question-container .answers-part textarea { width:90%; margin:auto; }

 .quiz-page .quiz-pagination .pagination { width:40px; }

 .quiz-page .quiz-pagination .pagination .label { display:none; }

 .quiz-page .quiz-pagination .section-label { width:calc(100% - 100px); font-size:14px; line-height:18px; }

 .quiz-page .quiz-pagination .section-label .index { display:block; margin-top:16px; }

 .quiz_result_page #back-to-top { right:0; width:42px; width:42px; }

 .quiz_result_page #back-to-top img { background-color:#fff; }

 .quiz_result_page .content { width:calc(100% - 40px); }

 .quiz_result_page .content .result { padding:5px; display:block; }

 .quiz_result_page .content .result .left_part { width:calc(100% - 30px); padding:15px; }

 .quiz_result_page .content .result .right_part { padding-left:0; width:100%; }

 .quiz_result_page .content .retry-form form input[type=submit] { background:none; border:none; float:none; font-size:18px; color:#8ad3f3; font-weight:bolder; font-family:mavenProBold, sans-serif; text-decoration:underline; outline:none; cursor:pointer; display:block; margin:0 auto 20px auto; }

 .quiz_result_page .content .take_action .advices_container .news { width:100%; }

 .quiz_result_page .content .take_action .btn_blue { max-width:100%; width:auto; text-align:center; }

 .best_practices .top_content { width:calc(100% - 40px); padding:20px; margin:20px 0 0 0; }

 .best_practices .top_content p { width:100%; }

 .best_practices .news-container { margin-top:30px; width:95%; }

 .best_practices .news-container .news { width:calc(92% - 40px); float:none; padding:20px; }

 .page-analysis .header h2 { font-size:26px; }

 .page-analysis .header img { display:none; }

 .page-analysis .filters-container .filter-container { margin-bottom:5px; }

 .page-analysis .analysis-bloc.top-regions table tr h5 { font-size:14px; padding:5px; }

 .page-analysis .analysis-bloc.top-regions table tr td:nth-child(1) .label,.page-analysis .analysis-bloc.top-regions table tr td:nth-child(3) .label { font-size:12px !important; }

 .page-analysis .analysis-bloc.top-regions table tr td:nth-child(1) .value,.page-analysis .analysis-bloc.top-regions table tr td:nth-child(3) .value { font-size:14px !important; }

 .page-analysis .analysis-bloc.top-regions table tr td:nth-child(1) .label,.page-analysis .analysis-bloc.top-regions table tr td:nth-child(3) .label,.page-analysis .analysis-bloc.top-regions table tr td:nth-child(1) .value,.page-analysis .analysis-bloc.top-regions table tr td:nth-child(3) .value { display:block; width:100%; max-width:100% !important; }

 .page-analysis .analysis-bloc.top-regions table tr td:nth-child(1) .value { margin-left:0 !important; }

 .page-analysis .analysis-bloc.top-regions table tr td:nth-child(3) .value { margin-right:0 !important; }

 .page-analysis .analysis-bloc.browsers .stats-container { display:block !important; }

 }

 @media only screen and (max-width:490px) { .panel.home .content .intro .btn_blue { width:50%; }

 #back-to-top { right:10px; }

 #main_menu nav { position:fixed; top:0; right:0; margin:0 !important; background-color:#000; padding:20px; width:50%; background-color:#004190; border-bottom:3px solid #fff; border-left:3px solid #fff; max-height:100%; top:45px; left:150%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; }

 #main_menu nav.active { left:50%; }

 #main_menu nav a { display:block; margin:10px 0; }

 #main_menu .hamburger { position:fixed; top:7px; right:10px; height:25px; width:25px; cursor:pointer; }

 #main_menu .hamburger .part { width:100%; height:2px; background-color:#fff; margin-top:6px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; }

 #main_menu .hamburger.active .part:nth-child(1) { -webkit-transform:rotate(405deg); -moz-transform:rotate(405deg); -o-transform:rotate(405deg); -ms-transform:rotate(405deg); transform:rotate(405deg); top:5px; }

 #main_menu .hamburger.active .part:nth-child(2) { display:none; }

 #main_menu .hamburger.active .part:nth-child(3) { top:-3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

 .best_practices .news-container .news { width:calc(100% - 34px); position:static !important; }

 .modale { width:calc(100% - 10px) !important; left:5px !important; }

 }