/*GENERAL*/
body{margin:0;padding:0;background-color:#ebeff4}
section{float:left;width:950px;max-width:100%;margin-right:8px;margin-bottom:20px}
h1,h2,h3,h4,p,label,select,input,textarea,figcaption,legend,th,td{font-family:"Lato",Helvetica,Arial,"sans-serif";color:#34495e}
p{margin:0;line-height:normal}
a{color:#2980b9;text-decoration:none;font-family:"Lato",Helvetica,Arial,"sans-serif";font-weight:700}a:hover{color:#3498db}a img{margin-bottom:-3px}
img{display:inline-block;vertical-align:middle;border-radius:2px}
ul{margin:0;padding:0}li{list-style-type:none}
.corps{width:1258px;max-width:100%;margin:60px auto 0 auto;padding:0 2px}
.double-left-space{margin-left:20px}.double-space{margin-right:20px}
textarea{resize:vertical;width:886px;min-height:64px;padding:10px;border-radius:2px}

/*HEADER*/
header, #menu, #logo{height:50px}
#logo{background:url(../ressources/images/site/sprite.png?t=1);width:204px}
#menu, #loupeBlanche, .loupeNoire, .home, #rank, #item, #category{background:url(../ressources/images/site/sprite.png?t=1);width:50px}
#info{background:url(../ressources/images/site/sprite.png?t=1) -15px 222px;width:24px;height:24px;display:inline-block;vertical-align:middle}
#facebook, #twitter, #linkedIn, #email, #pinterest{background:url(../ressources/images/site/sprite8.png);width:30px;height:30px;display:inline-block;vertical-align:middle}
#facebook{background-position: 100px 226px}
#twitter{background-position: 160px 226px}
#linkedIn{background-position: 130px 226px}
#email{background-position: 70px 226px}
#pinterest{background-position: 40px 226px}
#home{background: url(../ressources/images/site/sprite.png?t=1) -10px 95px;width:35px;height:40px;display:inline-block;vertical-align:middle;}
header{position:fixed;top:0px;width:100%;z-index:3;background:#0f326e;background:linear-gradient(#0f326e,#10397b,#0f326e)}header,header form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}header a img{margin-bottom:0px;display:inline}header form,.recherche{-webkit-box-flex:1;-ms-flex:1;flex:1}header>a p{color:white;font-weight:700;display:inline;vertical-align:middle}header>a p:hover{color:#ecf0f1}
#menu{background-position:5px -50px;cursor:pointer}
#menuPrincipal{display:none;position:fixed;top:50px;left:0;z-index:3;background:white;height:100%;overflow:auto}
#menuPrincipal p{width:auto}

.home, #rank, #item, #category{height:34px;display:inline-block;vertical-align:middle}
.home{background-position:0px -100px}
#rank{background-position:100px -100px}
#item{background-position:150px -100px}
#category{background-position:50px -100px}

.recherche{border-radius:8px 0 0 8px;border:1px solid white;font-size:15px;padding:7px}.rechercheMin{position:fixed;top:50vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:2px solid silver;width:100%;box-sizing:border-box}
.loupeNoire{background-position:150px -58px;height:34px}
.greyBack{background-color:#ecf0f1;border:none;border-radius:0 8px 8px 0;cursor:pointer}
.greyBack:hover{background-color:#bdc3c7}
#loupeBlanche{display:none;background-position:100px -50px;height:50px;cursor:pointer}
#loupeBlanche:hover{filter:invert(10%)}.loupeBlanche:active{filter:invert(20%)}
.border1{position:fixed;top:50px;width:100%;height:10px;background:linear-gradient(rgba(235,239,255,1),rgba(235,239,255,0.5), transparent);z-index:1}

/*msgEnJS*/
.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}

/*ARIANE*/
.ariane{padding-left:2px;font-size:12px;color:#7f8c8d}.ariane a{font-weight:400;color:#7f8c8d}.ariane a:hover{color:#2c3e50;text-decoration:underline}.ariane a,.ariane p{color:#7f8c8d;display:inline-block}

/*NAV*/
/*.droitePage{float:left;width:300px;margin-top:1px}
.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}*/

/*TITRE*/
.titreBox{background-color:white;border-radius:2px;padding:20px;box-shadow:1px 1px 2px #d2d2d2;margin-bottom:5px}
.symbole_titre, .symbole{display:inline-block;text-align:center;vertical-align:middle;margin-right:10px}.symbole_titre img{border-radius:3px}
h1{margin:0;font-size:30px;display:inline;vertical-align:middle}h1 a{color:#34495e}

/*DESCRIPTION*/
.infoBox{margin-top:20px;padding-top:20px;border-top:1px solid #ecf0f1;background-color:white;margin-bottom:5px;border-radius:2px}.infoBox p{display:inline;vertical-align:middle;font-size:15px;color:#3498db;margin-left:5px;line-height:24px}

/*LISTE*/
.liste li,.liste_forum li{margin-bottom:5px}

/*BUTTON*/
.button{cursor:pointer;padding:10px 20px;border:1px solid #3498db;background-color:#3498db;border-radius:3px;color:white;display:inline-block;line-height:normal}.button:hover{border:1px solid #3498db;background-color:white;color:#3498db;transition:0.3s}.button_r{display:inline-block;padding:10px 10px;border-radius:3px;color:#3498db;background-color:white;border:1px solid #3498db}
.button_r:hover{color:#2980b9;background-color:#ecf0f1;cursor:pointer}

/*SELECT*/
.trie_select{border:1px solid white}.trie_select:hover{border:1px solid silver}.trie_select:focus{border-radius:3px 3px 0 0}

/*CREDIT*/
.creditBox{margin-top:20px;font-size: 12px}.creditBox p{color:#7f8c8d}.creditBox span{color:#34495e;font-weight:700}

/*FOOTER*/
footer{box-shadow:1px 1px 2px #d2d2d2;border-radius:2px;background-color:white;padding:0px;clear:left}footer div{text-align:center;width:25%;box-sizing:border-box;display:inline-block;vertical-align:top;padding:10px 20px}footer a{display:block;padding:10px}footer p{border-bottom:1px solid #ecf0f1;padding-bottom:10px}
.border2{position:fixed;bottom:0px;width:100%;height:10px;background:linear-gradient(transparent, rgba(235,239,255,0.5), rgba(235,239,255,1))}

/*NOSCRIPT*/
noscript div{display:inline-block;width:100%;text-align:center;border-bottom:2px solid #f1c40f;background-color:white;border-radius:0 0 3px 3px;padding:5px;line-height:30px}noscript span{float:right;margin-right:30px;padding:0 5px;font-weight:700}noscript span:hover{float:right;margin-right:30px;background-color:#ecf0f1;border-radius:3px;cursor:pointer}


@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:359px){
	#loupeBlanche{display:none}
}