.droitePage{float:right;width:300px;margin-top:1px}.droitePage h3{padding:25px 10px;margin:0;text-align:center}.droitePage a{display:block;transition:padding 0.5s, background 0.5s;padding:10px;border-top:1px solid #ecf0f1}.droitePage a:hover{padding-left:15px;padding-right:5px}
.droitePage .special{margin-left:0;width:100%;text-align:center}.droitePage .special a{border:1px solid white;background-color:#4aa3df;border-radius:3px;color:white;font-weight:400;font-size:14px}.droitePage .special a:hover{border:1px solid #4aa3df;background:white;border-radius:3px;padding-left:10px;padding-right:10px;color:#4aa3df}
.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}
.box{box-shadow:1px 1px 2px #d2d2d2;padding: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}
.first_td{width:10px;padding:15px 10px;border:1px solid #ecf0f1;border-right:none;text-align:right}.seconde_td{padding:10px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}.thirst_td{text-align:right;padding:10px;border:1px solid #ecf0f1;border-left:none}.thirst_td p{display:inline;padding:6px 10px;border-radius:2px;font-weight:700}
.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:16px}.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}
.twoColumnBox li:hover{color:#3498db;background-color:#ecf0f1}
.twoColumnBox li: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:350px}.paginationBox .droite{text-align:left;width:595px}.list_num_page{display:inline}.mob_page{display:none}
.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}
.art_rgt_commentaire{display:inline-block;vertical-align:middle;width:84%;margin:18px 0 0 18px}.art_rgt_commentaire .nom_value{display:inline-block;vertical-align:middle;max-width:90%}.art_rgt_commentaire h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0;font-size:18px;color:#7f8c8d;font-weight:400}.nom_value h2 a{color:#34495e}.nom_value h2 a:hover{text-decoration:underline;color:#3498db}.nom_value p, .nom_value a{color:#7f8c8d;font-weight:400}.art_rgt_commentaire h2 span{color:#34495e;font-size:16px}.art_rgt_commentaire .description{display:block;vertical-align:middle;margin:0;padding-top:10px;font-size:14px}.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}
.inline_block_middle{display:inline-block;vertical-align:middle}
.avatar{display:inline-block;vertical-align:middle;width:45px;height:45px;margin-right:10px;text-align:center;line-height:45px}.avatar img{max-width:100%;max-height:100%;margin:0;line-height:45px}
.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}
select{padding:10px;border-radius:3px;cursor:pointer;font-weight:700;font-size:14px;border:1px solid #bdc3c7}select:focus{border-radius:3px 3px 0 0}
.search_art{width:255px}
.prix{width:30px}
.grisee{color:#7f8c8d;font-size:12px;padding-top:7px;font-weight:400}.bluev{color:#3498db}.blue_f{color:#2980b9}.redv{color:#e74c3c}
.succes{font-weight:700;color:#2ecc71}.error{font-weight:700;color:#e74c3c}
.center{text-align:center}
.msgEnJs{text-align:center;position:fixed;top:0;width:100%;transition:top 0.5s;z-index:2}.msgEnJs p{padding:10px;border-radius:3px;background-color:#1abc9c;border-bottom:1px solid #bdc3c7;border-left:1px solid #bdc3c7;border-right:1px solid #bdc3c7;font-weight:700;display:inline-block;color:white}
.link_grey{text-decoration:underline;color:#e6ebff}.link_grey:hover{color:#b7cdf1}
.space{margin-right:10px}.leftSpace{margin-left:10px}
.art_top{box-sizing:border-box;background-color:white;border-radius:2px;box-shadow:1px 1px 2px #d2d2d2;padding:20px;width:100%;margin-bottom:5px}
figure{text-align:center}
.video{width:100%;height:512px}
.photo{max-width:100%}
.no_photo{width:150px;height:150px;object-fit:none;background-color:silver;border-radius:3px}
figcaption{font-size:12px;color:#7f8c8d}
.collonne{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px;margin-bottom:20px;width:50%}
.art_bottom{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px;width:100%;margin-bottom:20px}
article table{background-color:white;border-radius:2px;box-shadow:1px 1px 2px #d2d2d2;border-spacing:0;width:100%;margin-top:20px}
.hide_corps:first-child{cursor:pointer}
.black{border:1px solid #34495e}
.gris{border:1px solid silver}
.turquoise{border:1px solid #1abc9c}
.blue{border:1px solid #3498db}
.green{border:1px solid #2ecc71}
.red{border:1px solid #e74c3c}
.orange{border:1px solid #e67e22}
.violet{border:1px solid #9b59b6}
.tab{border:1px solid silver}
.tab5{border:1px solid #1abc9c}
.tab1{border:1px solid #3498db}
.tab4{border:1px solid #2ecc71}
.tab2{border:1px solid #e74c3c}
.tab3{border:1px solid #e67e22}
.tab6{border:1px solid #9b59b6}
article th{padding:13px 0;border-radius:2px 2px 0 0;cursor:pointer}
.gris th{box-shadow:0px 1px 2px silver}
.turquoise th{box-shadow:0px 1px 2px #1abc9c}
.blue th{box-shadow:0px 1px 2px #3498db}
.green th{box-shadow:0px 1px 2px #2ecc71}
.red th{box-shadow:0px 1px 2px #e74c3c}
.orange th{box-shadow:0px 1px 2px #e67e22}
.violet th{box-shadow:0px 1px 2px #9b59b6}
.tab th{box-shadow:0px 1px 2px silver}
.tab5 th{box-shadow:0px 1px 2px #1abc9c}
.tab1 th{box-shadow:0px 1px 2px #3498db}
.tab4 th{box-shadow:0px 1px 2px #2ecc71}
.tab2 th{box-shadow:0px 1px 2px #e74c3c}
.tab3 th{box-shadow:0px 1px 2px #e67e22}
.tab6 th{box-shadow:0px 1px 2px #9b59b6}
article td{padding:3px 15px;height:40px}
.gris td{border-top:1px solid silver;color:#7f8c8d}
.turquoise td{border-top:1px solid #1abc9c;color:#1abc9c}
.blue td{border-top:1px solid #3498db;color:#3498db}
.green td{border-top:1px solid #2ecc71;color:#2ecc71}
.red td{border-top:1px solid #e74c3c;color:#e74c3c}
.red td sup{color:#e74c3c}
.orange td{border-top:1px solid #e67e22;color:#e67e22}
.violet td{border-top:1px solid #9b59b6;color:#9b59b6}
.tab td{border-top:1px solid silver;color:#7f8c8d}
.tab5 td{border-top:1px solid #1abc9c;color:#1abc9c}
.tab1 td{border-top:1px solid #3498db;color:#3498db}
.tab4 td{border-top:1px solid #2ecc71;color:#2ecc71}
.tab2 td{border-top:1px solid #e74c3c;color:#e74c3c}
.tab2 td sup{color:#e74c3c}
.tab3 td{border-top:1px solid #e67e22;color:#e67e22}
.tab6 td{border-top:1px solid #9b59b6;color:#9b59b6}
article .center{text-align:center}
article .td_center{text-align:center;padding:10px}
table .td_lft{font-weight:700;color:#34495e}
table .td_lft_grey{color:#7f8c8d}
table .td_rgt{text-align:right}
table .td_rgt_grey{color:#7f8c8d;text-align:right}
#tooltip{position:absolute;z-index:3;color:rgba(255,255,255,0.85);font-size:11px;max-width:260px;font-family: "Lato", Helvetica, Arial, "sans-serif";-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px;background-color:rgba(0,0,0,0.85)}
.infobulle{padding:0 4px;color:#bdc3c7;border:1px solid #bdc3c7;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer;font-family:arial}
.infobulle:hover{color:#95a5a6;border:1px solid #95a5a6}
.input_com{padding:5px;width:985px;height:50px;margin-bottom:5px}
.list_com_art{background-color:white;padding:5px;width:985px;margin-bottom:5px}
@media all and (max-width:1282px){section{margin-right:0.8%;width:74%}
.droitePage{width:25%}.droitePage p{width:70%}
.twoColumnBox .gauche{width:55%}.twoColumnBox .droite{width:44%}
.ajout_bottom{text-align:center}textarea{max-width:93%}
}
@media all and (max-width:1024px){.corps{width:auto}
section, .droitePage{float:none;width:100%;max-width:100%;margin-bottom:20px}.droitePage p{width:80%}.art_rgt{margin:1%;width:55%}
}
@media all and (max-width:940px){
	header span{flex:1}header>a p,header form{display:none;flex:0}.loupeBlanche{display:inline}
}	
@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}
.vote{width:83%;text-align:right}
.vote a, .vote p{display:inline-block;vertical-align:middle;width:47%}
.avatar{display:inline-block;vertical-align:middle;width:45px;height:45px;margin-right:10px}
h4{line-height:25px}
.art_rgt_commentaire .nom_value{max-width:84%}
.description{border-top:1px solid #ecf0f1;font-size:12px}.description p{color:#7f8c8d}
.twoColumnBox li a{font-size:15px}
footer p{display:block;width:100%;padding:10px 0}
figure{padding:20px;margin:0}
.video{height:383px}
.collonne{display:inline-block;vertical-align:top;box-sizing:border-box;padding:0;width:100%}
.art_top{padding:0}
.art_bottom{padding:0}
footer div{display:block;width:100%}
footer p{display:block;width:100%;padding:10px 0}
}
@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%}
}
@media all and (max-width:359px){
	.loupeBlanche{display:none}
}