.ancre{position:relative;top:-55px}
.droitePage{float:left;width:300px}.droitePage h3{padding:25px 10px;margin:0;text-align:center}.droitePage li a{display:block;transition:padding 0.5s, background 0.5s;padding:10px;border-top:1px solid #ecf0f1}.droitePage li a:hover{padding-left:15px;padding-right:5px}
.droitePage img{object-fit:cover;border-radius:2px}.droitePage li:hover p{color:#167ac6}.droitePage p{display:inline-block;vertical-align:middle;margin-left:10px;width:215px;font-weight:700;font-size:15px}
article{padding:5px;box-shadow:1px 1px 2px #d2d2d2;background-color:white}
.article_gris{background-color:#ecf0f1}
.box{box-shadow:1px 1px 2px #d2d2d2;padding:10px 20px;background-color:white;margin-bottom:5px;border-radius:2px}.succesBox{box-shadow:1px 1px 2px #d2d2d2;padding:20px 20px;background-color:white;margin-bottom:5px;border-radius:2px;border:1px solid #2ecc71;text-align:center}.errorBox{box-shadow:1px 1px 2px #d2d2d2;padding:20px 20px;background-color:white;margin-bottom:5px;border-radius:2px;border:1px solid #e74c3c;text-align:center}
.ajout{box-shadow:1px 1px 2px #d2d2d2;padding:10px 20px;background-color:white;margin-bottom:5px}
.filtre{display:inline-block;line-height:normal;vertical-align:top}.plusDeFiltre{display:none}
.twoColumnBox{box-shadow:1px 1px 2px #d2d2d2;padding:0 20px;background-color:white;margin-bottom:5px;border-radius:2px}.twoColumnBox .gauche{display:inline-block;vertical-align:middle;line-height:64px;width:560px;box-sizing:border-box;margin:0}.twoColumnBox .gauche label{display:block;font-size:12px}.twoColumnBox .filtre input{border-radius:3px;padding:11px;font-size:13px;border:1px solid #bdc3c7}
.twoColumnBox .droite{display:inline-block;vertical-align:middle;text-align:right;width:350px;box-sizing:border-box}.twoColumnBox .droite input{font-size:15px}.twoColumnBox .p{line-height:normal}.twoColumnBox li a{display:block;padding:10px 15px}
.twoColumnBox li{display:inline-block;vertical-align:middle;text-align:center;border-radius:3px;line-height:38px;font-size:18px;margin:0 2px}
.select_page:hover{color:#3498db;background-color:#ecf0f1}
.select_page:active{color:#34495e;background-color:silver}
.numero_page_active p{background-color:#3498db;color:white;border-radius:3px;padding:10px 15px}
.twoColumnBox .ppp:hover{background-color:white;color:#34495e}
.paginationBox{margin-bottom:20px}
.paginationBox .gauche{width:300px}.paginationBox .droite{text-align:left;width:600px}.list_num_page{display:inline}.mob_page{display:none}
.paginationBox img{margin:0}.paginationBox .p1:hover{background-color:#3b599a}.paginationBox .p2:hover{background-color:#4db1e3}.paginationBox .p3:hover{background-color:#007ab9}.paginationBox .p4:hover{background-color:#f1c40f}.paginationBox .p5:hover{background-color:#cb2027}
.onglet{border-radius:3px 3px 0 0;border:1px solid white;border-bottom:none;box-shadow:inset 1px -1px 10px #d2d2d2}
.onglet h2{display:inline-block;vertical-align:middle;margin:0;font-size:16px}.onglet .actif{display:inline-block;vertical-align:middle;margin:0;border-radius:3px 3px 0 0;margin-right:10px;background-color:white;border:1px solid white}.onglet .inactif a{padding:10px 15px;color:#7f8c8d;display:block}.onglet .inactif{display:inline-block;vertical-align:bottom;margin:0;border-radius:3px 3px 0 0;margin-right:10px;background-color:#ecf0f1;border:1px solid white;border-bottom:none}.onglet .actif{padding:15px;color:#34495e}.onglet .inactif:hover{background-color:white;cursor:pointer}
.onglet div{display:inline-block;vertical-align:middle}.onglet .inactif a:hover{color:black}
.rang, .rangF{display:inline-block;font-size:28px;vertical-align:middle;line-height:108px;width:100px;text-align:center;font-weight:700}.rangP{display:inline-block;font-size:30px;vertical-align:middle;width:100px;text-align:center;font-weight:700}.rang sup, .rangF sup{font-weight:400;font-size:14px}.non_classe{display:inline-block;vertical-align:middle;width:100px;text-align:center;line-height:100px}.non_classe p{display:inline-block;font-size:12px;vertical-align:middle;text-align:center;line-height:normal;font-weight:700}.the_best_img{position:absolute;margin-left:-11px;margin-top:-11px;width:80px}
.clas_gen{position:absolute;margin-top:90px;margin-left:20px;text-align:center;font-weight:700;font-size:15px}.clas_fil{color:#bdc3c7;font-size:12px;position:absolute;margin-top:15px;margin-left:25px;text-align:center;font-weight:700}
.vote{display:inline-block;vertical-align:middle;padding:0;width:112px}
.vote .shadow{border:1px solid #bdc3c7;box-shadow:1px 1px 2px #d2d2d2}
.vote p{text-align:center;font-weight:700}
.nbVote{display:inline-block;vertical-align:middle;font-size:12px;width:66px;text-align:left;color:#7f8c8d;font-weight:700}.infoVote{font-size:10px;text-align:center;color:#7f8c8d;padding:2px;border:1px solid #ecf0f1}.pour{display:block;text-align:center;border-radius:3px;border:1px solid #ecf0f1;box-shadow:1px 1px 2px #ecf0f1;margin:5px 0}.contre{display:block;text-align:center;border-radius:3px;border:1px solid #ecf0f1;box-shadow:1px 1px 2px #ecf0f1;margin:5px 0}.pour img, .contre img{margin-bottom:0;border-radius:3px}.pour:hover{border:1px solid #3498db;position:relative}.contre:hover{border:1px solid #e74c3c;position:relative}.contre:focus{outline-color:#e74c3c}.pour_valide{display:block;text-align:center;border-radius:0 0 3px 3px;border:1px solid white;background-color:#fbfcfc}.contre_valide{display:block;text-align:center;border-radius:0 0 3px 3px;border:1px solid white;background-color:#fbfcfc}.pour_valide img, .contre_valide img{margin-bottom:0;border-radius:3px}
.image{display:inline-block;vertical-align:middle;text-align:center;line-height:144px;border-radius:2px;width:150px;height:150px;margin-left:10px}.photo{max-height:100%;max-width:100%;object-fit:contain}.no_photo{width:150px;height:150px;object-fit:none;margin-bottom:-3px;background-color:#bdc3c7;border-radius:3px}
.art_rgt{vertical-align:middle;width:69%;display:inline-block;max-height:140px;margin-left:18px}.art_rgt_votable_photo{display:inline-block;vertical-align:middle;width:57%;margin-left:20px;max-height:140px;margin:18px 0 0 18px}.art_rgt_votable_no_photo{display:inline-block;vertical-align:middle;width:74%;margin:0 0 0 18px}.art_rgt_no_votable_no_photo{display:inline-block;vertical-align:middle;width:800px;margin:18px 0 18px 18px}.art_rgt_commentaire{display:inline-block;vertical-align:middle;width:84%;margin:18px 0 0 18px}.art_rgt_grand{display:inline-block;vertical-align:middle;width:840px;margin:18px 0 0 18px}
.nom_value p, .nom_value a{color:#7f8c8d;font-weight:400}.nom_value h2{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:24px}.nom_value h2 a{color:#34495e}.nom_value h2 a:hover{text-decoration:underline;color:#3498db}.description{display:inline-block;vertical-align:middle;margin:0;padding-top:10px;font-size:14px}
.art_vid .rang{margin:20px 0}.art_vid .nom_value{margin-top:0;vertical-align:middle;display:inline-block;margin-left:18px;width:82%}.art_vid .value{padding-top:0}.vid_box{margin:15px;margin-top:0;max-width:910px;height:512px;box-sizing:border-box}.video{width:100%;height:100%}
.art_rgt_commentaire .nom_value{display:inline-block;vertical-align:middle;max-width:90%}.art_rgt_commentaire h2{margin:0;font-size:16px;color:#7f8c8d;font-weight:400}.art_rgt_commentaire h2 span{color:#34495e;font-size:16px}.art_rgt_commentaire .description{display:block}
.droite_bas{font-size:12px;line-height:20px;padding-top:5px}.droite_bas a{display:inline-block;vertical-align:middle;margin-left:15px;font-weight:400}.droite_bas a:hover{text-decoration:underline}.droite_bas span span{color:#34495e}
.stat{text-align:right}
.stat p, .stat a{display:inline-block;vertical-align:middle;margin-left:12px;color:#7f8c8d;font-size:10px}.stat a:hover{text-decoration:underline}.stat img{margin:0}
.infobulle{position:absolute;background:#000;padding:3px 7px;border-radius:3px;color:white;text-align:center}
.avatar{display:inline-block;vertical-align:middle;width:45px;height:45px;margin-right:10px;text-align:center;line-height:43px}.avatar img{max-width:100%;max-height:100%;margin:0;line-height:45px}
.inline_block_middle{display:inline-block;vertical-align:middle}.inline_block_bottom{display:inline-block;vertical-align:bottom}
.article_droite{display:inline-block;vertical-align:top;width:800px}
.rightBox h3{padding-bottom:20px;margin:22px 10px;border-bottom:1px solid #ecf0f1;text-align:center}.ecrireComm form{border-radius:3px}.ecrireComm h3{margin:0;padding:0;margin-bottom:15px}.msg h3{margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ecf0f1}.twoColumnBox h3{color:#7f8c8d;font-weight:400;line-height:normal}.twoColumnBox h3 span{color:#34495e}h4{margin:0px;display:inline-block;vertical-align:middle;margin-right:10px}
.center{text-align:center}.tad{text-align:right}
.succes{font-weight:700;color:#2ecc71}.error{font-weight:700;color:#e74c3c}
.grisee{color:#7f8c8d;font-size:12px;padding-top:7px;font-weight:400}.blue{color:#3498db}.blue_f{color:#2980b9}.red{color:#e74c3c}
.space{margin-right:10px}.leftSpace{margin-left:10px}
.new_titre{width:936px;padding:10px;border-radius:2px 2px 0 0;border:1px solid rgb(169, 169, 169)}
.base{-webkit-filter:grayscale(50%);filter:grayscale(50%)}
.voteCom{display:inline-block;vertical-align:top;margin-right:20px;width:80px;text-align:center}
.bas{width:800px}
select{padding:10px;border-radius:3px;cursor:pointer;font-weight:700;font-size:13px;border:1px solid #bdc3c7}select:focus{border-radius:3px 3px 0 0}
.search_art{width:255px}
.prix{width:30px}
.input_com{padding:5px;width:985px;height:50px;margin-bottom:5px}
.list_com_art{background-color:white;padding:5px;width:985px;margin-bottom:5px}
.modifBox{box-shadow:1px 1px 2px #d2d2d2;border-radius:2px;padding:20px;background-color:white;margin-bottom:20px;margin-top:5px;color:#7f8c8d}
.modifBox p{margin:10px 0}
.formNewArtC{display:none}
.formNewArtA{display:block;padding:30px 20px 10px 20px}
.modifBox .titreNewArt{padding:15px;width:883px;font-weight:700;font-size:18px}
.modifBox .textNewArt{padding:16px;width:883px;height:90px;resize:vertical;font-size:16px}
.modifBox .new_art_r{float:left;border:1px solid #3498db}
.telObfuscation:after{content: attr(data-num-2) " " attr(data-num-4) " " attr(data-num-6) " " attr(data-num-8) " " attr(data-num-10)}
.mailObfuscation:after{content: attr(data-name) "@" attr(data-domain) "." attr(data-tld)}
.adressObfuscation:after{content: attr(data-adress) ", " attr(data-postal-code) " " attr(data-city)}

@media all and (max-width:1282px){
section{margin-right:0.8%!important;width:74%!important}
.droitePage{width:25%}.droitePage p{width:70%}
.twoColumnBox .gauche{width:55%}.twoColumnBox .droite{width:44%}.paginationBox .droite{width:100%;text-align:center;border-top:1px solid #ecf0f1}.paginationBox .gauche{width:100%;text-align:center}
.art_rgt{width:60%}.art_rgt_votable_photo{width:45%}.art_rgt_votable_no_photo{width:63%}.art_rgt_no_votable_no_photo{width:75%}.art_rgt_commentaire{width:77%}
.ajout_bottom{text-align:center}.new_titre{width:93%}textarea{max-width:93%}
}
@media all and (max-width:1024px){.corps{width:auto}
section, .droitePage{width:100%!important;max-width:100%!important}.droitePage p{width:80%}.art_rgt{margin:1%;width:55%}
}
@media all and (max-width:680px){
.titreBox img{display:none}
.corps{width:auto}
section{margin-right:0px}
.ariane{font-size:10px}
.titreBox{text-align:center}
h1{font-size:25px}
.infoBox img{display:none}
.infoBox p{font-size:12px}
.twoColumnBox .gauche{width:100%;text-align:center}
.twoColumnBox .droite{width:100%;text-align:left;text-align:center;border-top:1px solid #ecf0f1;padding:5px 0}
.the_best_img{width:50px;margin-left:-9px;margin-top:-9px}
.rang{width:15%;line-height:normal;color:#7f8c8d}
.rangF{width:auto;min-width:60px;line-height:normal}.rangF p{color:#7f8c8d}
.vote{width:66%;text-align:right}
.vote a, .vote p{display:inline-block;vertical-align:middle;width:45%}
.photo{max-width:75px;max-height:75px}.image{width:75px;height:75px;margin:1%;line-height:70px}
h4{line-height:25px}
.art_rgt{margin:1%;width:45%}.art_rgt .nom_value{width:auto}.art_rgt_no_votable_no_photo, .art_rgt_votable_photo{margin:1%;width:65%}
.art_rgt_votable_no_photo, .art_rgt_commentaire{width:100%;margin:0}
.art_rgt_commentaire .nom_value{max-width:78%}
.art_rgt .nom_value .value, .art_rgt_votable_no_photo .nom_value .value{width:100%;margin:0}
.art_rgt h2, .art_rgt_votable_no_photo h2 a{width:auto;margin:0;font-size:16px}
.art_vid .nom_value{width:75%}.vid_box{height:383px}.art_vid .nom_value h2{font-size:20px}
.description{font-size:12px}.description p{color:#7f8c8d}
.art_rgt .description, .stat{display:none}
.page{float:none;border-bottom:1px solid #ecf0f1}
.twoColumnBox li a{font-size:15px;padding:5px 10px}.list_num_page{display:none}.mob_page{display:inline}footer div{display:block;width:100%}
footer p{display:block;width:100%;padding:10px 0}
}
@media all and (max-width:500px){.vid_box{height:282px}.art_vid .nom_value h2{font-size:16px}.value{font-size:14px}
}
@media all and (max-width:440px){
	header{justify-content:space-around}
	header span{flex:0}
	header .double-space{margin-right:10px}
	header .double-left-space{margin-left:10px}
	header .monavatar{display:none} 
	#menuPrincipal{width:100%}
}