/* DESIGN REALISE PAR ANGÉ POUR ETERNIA */
/* ETERNIA V.11 - LET'S GO TO A NEW ADVENTURE! */
/* TOUTE COPIE PARTIELLE OU INTEGRALE DE CE CODE ET/OU DU SITE, */
/* AINSI QUE DES IMAGES EST STRICTEMENT INTERDIT.*/

/* CODE DU CORPS DE PAGE */
body{max-width:1200px; width:100%; background:url('za/fond.png'); background-repeat: repeat; margin:auto; box-sizing:border-box;}
body,td,th {font-family:'Century Gothic', 'CenturyGothic', Verdana; font-size:14px; color:#000;}
a{text-decoration:none; font-weight:bold;}
.div_center{text-align:center;}
.div_left{text-align:left;}
.div_right{text-align:right;}
.div_justify{text-align:justify;}
.txt_vert{writing-mode:sideways-lr;}
::selection{background:rgba(0,0,0,0.2);}
@keyframes bounce{from {transform:translateY(0);} to{transform:translateY(-10px);}}
@keyframes -webkit-bounce{from {-webkit-transform:translateY(0);} to{-webkit-transform:translateY(-10px);}}
@keyframes pokébounce{from {transform:translateY(0);} to{transform:translateY(-20px);}}
@keyframes -webkit-pokébounce{from {-webkit-transform:translateY(0);} to{-webkit-transform:translateY(-20px);}}
@keyframes tada{0%{transform: scale(1);} 10%, 20%{transform: scale(0.8) rotate(-3deg);} 30%, 50%, 70%, 90%{transform: scale(1) rotate(3deg);} 40%, 60%, 80%{transform: scale(1) rotate(-3deg);} 100%{transform: scale(1) rotate(0);}}
@keyframes -webkit-tada{0%{-webkit-transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.8) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0);}}

.mess_erreur{color:#e61b1b; font-size:14px; font-weight:bold; text-align:center; background:rgba(255,100,100,0.4); border:1px solid #e61b1b; border-radius:10px; padding:5px}
.mess_confirm{color:#0cbe19; font-size:14px; font-weight:bold; text-align:center; background:rgba(100,255,100,0.3); border:1px solid #0cbe19; border-radius:10px; padding:5px}

/*Mise en forme particulière du texte*/
.pok_rouge{color:#f00} .pok_bleu{color:#00f} .pok_jaune{color:#ebd800}
.pok_or{color:#bc9309} .pok_argent{color:#95b6cf} .pok_cristal{color:#42b2f4}
.pok_rubis{color:#e9313b} .pok_saphir{color:#1044c8} .pok_emeraude{color:#228e5a} .pok_rougefeu{color:#ff7e20} .pok_vertfeuille{color:#5fd748}
.pok_diamant{color:#48a3e3} .pok_perle{color:#ff9cf2} .pok_platine{color:#d5906a} .pok_heartgold{color:#dba901} .pok_soulsilver{color:#71a6ce}
.pok_noir{color:#334856} .pok_blanc{color:#b4b4b4} .pok_noir2{color:#313d46} .pok_blanc2{color:#c5b9ba}
.pok_x{color:#005b9f} .pok_y{color:#c62338} .pok_rubisomega{color:#d2000b} .pok_saphiralpha{color:#0356a4}
.pok_soleil{color:#f6911c} .pok_lune{color:#1793d1} .pok_ultrasoleil{color:#faa91a} .pok_ultralune{color:#24bcee}
.pok_lgp{color:#e7c400} .pok_lge{color:#d08741}
.pok_epee{color:#0daae2} .pok_bouclier{color:#d00058}
.pok_rouge, .pok_bleu, .pok_jaune, .pok_or, .pok_argent, .pok_cristal, .pok_rubis, .pok_saphir, .pok_emeraude, .pok_rougefeu, .pok_vertfeuille, .pok_diamant, .pok_perle, .pok_platine, .pok_heartgold, .pok_soulsilver, .pok_noir, .pok_blanc, .pok_noir2, .pok_blanc2, .pok_x, .pok_y, .pok_rubisomega, .pok_saphiralpha, .pok_soleil, .pok_lune, .pok_ultrasoleil, .pok_ultralune, .pok_lgp, .pok_lge, .pok_epee, .pok_bouclier{font-weight:bold;}

/* VIDEOS RESPONSIVE */
iframe{max-width:100%; text-align:center;}
.embed-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* TYPOGRAPHIES */
@font-face {font-family:'Century Gothic';
src: url('images/typo/centurygothic/gothic.eot');
src: url('images/typo/centurygothic/gothic.eot') format('embedded-opentype'), 
	 url('images/typo/centurygothic/gothic.woff') format('woff'), 
	 url('images/typo/centurygothic/gothic.ttf') format('truetype');}
@font-face {font-family:'Pragmatika';
src: url('images/typo/pragmatika/pragmatika.eot');
src: url('images/typo/pragmatika/pragmatika.eot') format('embedded-opentype'), 
	 url('images/typo/pragmatika/pragmatika.woff') format('woff'), 
	 url('images/typo/pragmatika/pragmatika.ttf') format('truetype'), 
	 url('images/typo/pragmatika/pragmatika.svg#PragmaticaExtraBold') format('svg');}
@font-face {font-family:'Trebuchet MS';
src: url('images/typo/trebuchet/TrebuchetMS.eot');
src: url('images/typo/trebuchet/TrebuchetMS.eot?#iefix') format('embedded-opentype'),
	 url('images/typo/trebuchet/TrebuchetMS.woff') format('woff'),
	 url('images/typo/trebuchet/TrebuchetMS.ttf') format('truetype');}
@font-face {font-family:'Yanone Bold';
src: url('images/typo/yanone/YanoneKaffeesatz-Bold.eot');
src: url('images/typo/yanone/YanoneKaffeesatz-Bold.eot?#iefix') format('embedded-opentype'),
  	 url('images/typo/yanone/YanoneKaffeesatz-Bold.woff') format('woff'),
	 url('images/typo/yanone/YanoneKaffeesatz-Bold.ttf') format('truetype');}
@font-face {font-family:'Yanone';
src: url('images/typo/yanone/YanoneKaffeesatz-Regular.eot');
src: url('images/typo/yanone/YanoneKaffeesatz-Regular.eot?#iefix') format('embedded-opentype'),
	 url('images/typo/yanone/YanoneKaffeesatz-Regular.woff') format('woff'),
	 url('images/typo/yanone/YanoneKaffeesatz-Regular.ttf') format('truetype');}
@font-face {font-family:'WhitneyBold';
src: url('images/typo/whitney/WhitneyBold.woff2') format('woff2'),
	 url('images/typo/whitney/WhitneyBold.woff') format('woff');
font-weight: bold;
 font-style: normal;
}

/*AVERTISSEMENT RGPD ET COOKIES*/
#avertissement_box{box-sizing:border-box; position:fixed; width:100%; height:100%; left:0; background:rgba(33,49,54,0.70); z-index:10000}
#avertissement_box * {box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s;}
#avertissement_box .avertissement{padding:5px 1%; background:linear-gradient(to top, #509cda, transparent 100%)/*#509cda;*/; color:#fff; position:fixed; bottom:0; width:100%; font-family:"PT Sans Narrow", sans-serif;}
#avertissement_box .avertissement div{display:inline-block; vertical-align:middle;}
#avertissement_box .avertissement div.text{width:70%; font-size:19px}
	#avertissement_box .avertissement a{color:#d1eff7;}
	#avertissement_box .avertissement a:hover{color:#90deff}
	#avertissement_box .avertissement h1{font-size:35px;}
	#avertissement_box .avertissement h1, #avertissement_box .avertissement p{margin:5px 0}
#avertissement_box .avertissement div.button{width:15%; text-align:center; padding:0 10px}
	#avertissement_box .avertissement div.button button{padding:2px 30px; text-align:center; font-size:25px; border:none; background:#fff; border-radius:50px; color:#0591ea; font-family:"PT Sans Narrow", sans-serif; font-variant:small-caps; border:2px solid transparent}
	#avertissement_box .avertissement div.button button:hover{cursor:pointer; background-color:#d1eff7; border-color:#90deff;}
#avertissement_box .avertissement div.img{width:15%; text-align:right}
	#avertissement_box .avertissement div.img img{height:auto; max-width:100%; filter:drop-shadow(0 0 0.2rem #d1eff7);}
#avertissement_box .avertissement div.img img:hover{animation:pokébounce 0.30s ease infinite alternate;}

/* STRUCTURE DU DESIGN */
#container{border-left:1px solid #fff; border-right:1px solid #fff; box-shadow:-3px 0 5px 0 rgba(0,0,0,0.35), 3px 0 5px 0 rgba(0,0,0,0.35);}
#head{width:100%; height:250px; position:relative; background:url("za/design.jpg") no-repeat 0 0;}
	.logo_eternia{margin:20px 0 0 10px; height:auto; max-width:100%;} 
	.logo_eternia:hover{animation:tada 1s; -webkit-animation:tada 1s;}
#head_suite{width:100%; position:relative;}
	#navbar{width:100%; z-index:9999;}
	.fixNavigation{position:fixed; z-index:9999; top:0; width:100%; max-width:1198px;}
#content_haut{width:100%; height:150px; background-color:#fff; border-bottom:5px solid #262930; overflow:hidden; display:flex; display:-webkit-flex;}
	#content_haut * {transition:all 0.5s; -webkit-transition:all 0.5s}
#global{width:100%; min-height:500px; margin:auto; z-index:0; background:url("images/design/bckg.jpg") repeat-y center; background-size:contain; border-top:10px solid #fff}
	#global a{color:#2c8cff} #global a:hover{color:#135db6} 
	/*#global *{transition:all 0.3s; -webkit-transition:all 0.3s}*/
#foot{width:100%; height:auto; position:relative;}
	#foot img{max-width:100%; margin-bottom:-4px; background:url("images/design/bckg.jpg") repeat-y center; background-size:contain}
#img_footer{background: #fff}
#foot_suite{width:100%; min-height:40px; background:#135db6; display:flex; display:-webkit-flex; padding:0 3px; position:relative; box-sizing:border-box}

/* ELEMENTS INTERNES */
/* Retour haut de page*/
#navbar .arrowTop{position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; font-size:30px; text-align:center; color:#fff; opacity:0.5; z-index:1000}
#navbar .arrowTop:hover{opacity:1;}

/*Barre de recherche*/
#navbar #searchB{display:inline-block; width:150px; width:calc(100% - 897px); width:-webkit-calc(100% - 897px); text-align:right;}
#navbar #searchB .searching{box-sizing:border-box; position:relative; padding-right:40px;}
#navbar #searchB .searching .search_bar{box-sizing:border-box; padding:5px 25px 5px 8px; width:90%; border-radius:20px; border:none}
#navbar #searchB .searching .search_bar:focus{background:#fff;}
#navbar #searchB .searching .search_but{box-sizing:border-box; padding:5px 0; width:28px; border-radius:20px; border:transparent; position: absolute; right:42px; top:53%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:transparent; font-size:16px; cursor:pointer; color:#777}
#navbar #searchB .searching .search_but:hover, #navbar #searchB .searching .search_but:focus{color:#5ba4dd}

/*bloc à voir pour le content_haut*/
.bloc_avoir{box-sizing:border-box; width:25%; height:150px; display:inline-block; background:#fff; position:relative; vertical-align:top; }
.bloc_avoir a.link{display:none; width:100%; height:150px;}
.bloc_avoir:hover a.link{display:block;}
.avoir_info{background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; text-align:center;}
.avoir_info:hover div.divspan{position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%;}
.avoir_info .av_link, .avoir_info .av_desc{width:100%;}
.avoir_info .av_link a{color:#fff; font-family:'Century Gothic', Verdana; font-size:15px; text-shadow:0px 0px 3px rgba(0,0,0,1);}
.avoir_info .av_link a:hover{color:#19c1ff;}
.avoir_info .av_desc{color:#fff; font-size:11px; text-shadow:0px 0px 3px rgba(0,0,0,1)}
.avoir1, .avoir2, .avoir3, .avoir4, .avoir5, .avoir6, .avoir8, .avoir9, .avoir10, .avoir11, .avoir12, .avoir13, .avoir14, .avoir15, .avoir16, .avoir17, .avoir18{box-sizing:border-box; cursor:pointer;}
.avoirBorderMiddle{border-left:2px solid #fff;}
.avoir1{background:url("images/design/a_voir/a_voir1.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir2{background:url("images/design/a_voir/a_voir2.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir3{background:url("images/design/a_voir/a_voir3.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir4{background:url("images/design/a_voir/a_voir4.jpg") center; background-size:cover; border-left:2px solid #fff;}
.avoir5{background:url("images/design/a_voir/a_voir5.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir6{background:url("images/design/a_voir/a_voir13.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir8{background:url("images/design/a_voir/a_voir8.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir9{background:url("images/design/a_voir/a_voir9.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir10{background:url("images/design/a_voir/a_voir10.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir11{background:url("images/design/a_voir/a_voir11.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir12{background:url("images/design/a_voir/a_voir12.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir13{background:url("images/design/a_voir/a_voir13.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir14{background:url("images/design/a_voir/a_voir14.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir15{background:url("images/design/a_voir/a_voir15.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir16{background:url("images/design/a_voir/a_voir16.jpg") center; background-size:cover; border-right:2px solid #fff;}
.avoir17{background:url("images/design/a_voir/a_voir17.png") center; background-size:cover; border-right:2px solid #fff;}
.avoir18{background:url("images/design/a_voir/a_voir18.png") center; background-size:cover; border-right:2px solid #fff;}
.avoir1:hover, .avoir2:hover, .avoir3:hover, .avoir4:hover, .avoir5:hover, .avoir6:hover, .avoir8:hover, .avoir9:hover, .avoir10:hover, .avoir11:hover, .avoir12:hover, .avoir13:hover, .avoir14:hover, .avoir15:hover, .avoir16:hover, .avoir17:hover, .avoir18:hover{width:50%; background-size:cover;}
.avoir1:hover .avoir_info, .avoir2:hover .avoir_info, .avoir3:hover .avoir_info, .avoir4:hover .avoir_info, .avoir5:hover .avoir_info, .avoir6:hover .avoir_info, .avoir8:hover .avoir_info, .avoir9:hover .avoir_info, .avoir10:hover .avoir_info, .avoir11:hover .avoir_info, .avoir12:hover .avoir_info, .avoir13:hover .avoir_info, .avoir14:hover .avoir_info, .avoir15:hover .avoir_info, .avoir16:hover .avoir_info, .avoir17:hover .avoir_info, .avoir18:hover .avoir_info{height:150px;}
.avoir1:hover .av_link a, .avoir2:hover .av_link a, .avoir3:hover .av_link a, .avoir4:hover .av_link a, .avoir5:hover .av_link a, .avoir6:hover .av_link a, .avoir8:hover .av_link a, .avoir9:hover .av_link a, .avoir10:hover .av_link a, .avoir11:hover .av_link a, .avoir12:hover .av_link a, .avoir13:hover .av_link a, .avoir14:hover .av_link a, .avoir15:hover .av_link a, .avoir16:hover .av_link a, .avoir17:hover .av_link a, .avoir18:hover .av_link a{font-size:26px;}
.avoir1:hover .av_desc, .avoir2:hover .av_desc, .avoir3:hover .av_desc, .avoir4:hover .av_desc, .avoir5:hover .av_desc, .avoir6:hover .av_desc, .avoir8:hover .av_desc, .avoir9:hover .av_desc, .avoir10:hover .av_desc, .avoir11:hover .av_desc, .avoir12:hover .av_desc, .avoir13:hover .av_desc, .avoir14:hover .av_desc, .avoir15:hover .av_desc, .avoir16:hover .av_desc, .avoir17:hover .av_desc, .avoir18:hover .av_desc{font-size:20px;}
/*texte dans #FOOT*/
#foot #text_foot{position:absolute; bottom:0; width:100%; box-sizing:border-box; padding:10px; display:flex; display:-webkit-flex;}
#foot #text_foot div{width:33%; max-width:300px}
#foot h4{color:#f1ce2c; font-size:28px; letter-spacing:.05em; font-family:'Yanone', Arial; margin:0; padding:0; text-shadow:1px 1px rgba(0,0,0,.2), -1px 1px rgba(0,0,0,.2),-1px -1px rgba(0,0,0,.2),1px -1px rgba(0,0,0,.2), 2px 2px 2px rgba(0,0,0,.7);}
#foot ul{margin:0; list-style:none; padding:5px}
#foot li a{color:#fff; cursor:pointer; font-size:12px; font-weight:bold; text-shadow:2px 2px 1px rgba(0,0,0,1), 1px 1px 5px rgba(0,0,0,1), 1px 1px 10px rgba(0,0,0,1)}
#foot li a:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f054 \00A0"; font-size:11px;}
#foot li a:hover{color:#e69546; padding-left:10px;}
#foot p{margin:0 20px; padding:0;}
#foot .rsButton{font-size:22px; color:#fff; border:2px solid #fff; border-radius:25px; width:40px; height:40px; line-height:40px; vertical-align:middle; text-align:center; margin:5px}
#foot .facebook{background:#3b5998} #foot .facebook:hover{background:#fff; color:#3b5998} 
#foot .twitter{background:#55acee} #foot .twitter:hover{background:#fff; color:#55acee} 
#foot .youtube{background:#ce3838} #foot .youtube:hover{background:#fff; color:#ce3838} 
#foot .twitch{background:#65499a} #foot .twitch:hover{background:#fff; color:#65499a} 
/*texte dans foot_suite*/
#foot_suite p{font-family:'Century Gothic', Verdana; font-size:12px; color:#fff; text-align:center; text-shadow:-1px 2px 1px rgba(0,0,0,1); margin: auto; width:100%;}
#foot_suite p a{color:#fff;}
#foot_suite p:after{content:url('images/design/mini_evangie.png'); position:absolute; bottom:0; right:5%}
/*menus et contenu central dans #global*/
#global{display:flex; display:-webkit-flex;}
#menu_gauche, #menu_droite, #content{box-sizing:border-box;}
#menu_gauche, #menu_droite{width:16.7%;}
#content{width:66.7%; padding:0 10px; background:#fff;}
	#content p{text-align:justify; margin:0 0 10px 0; line-height:22px}
	#content div p{margin:0}
	img{max-width:100%; height:auto;}


/*LES DEUX MENUS*/
/*Menu de gauche*/
	/*les titres de la colonne*/
#menu_gauche h2{box-sizing:border-box; width:100%; margin:0 0 5px 0; min-height:40px; line-height:40px; background:url("images/design/titre_menu1.jpg"); font-family:'Yanone', Arial; font-size:31px; color:#54809b; text-shadow:1px 1px 0 rgba(255,255,255,1); padding:0 5px; background-size:100% 100%;}
#menu_gauche h2:not(:first-child){margin-top:15px;}
#menu_gauche h3{box-sizing:border-box; width:100%; margin:0; font-family:'Yanone', Verdana; font-size:27px; color:#2b80e7; text-shadow:1px 1px 0 rgba(163,205,255,1); padding:0 3px; text-align:center}
#menu_gauche h3:not(:first-child){margin-top:5px;}
	/*la partie hasardex*/
#menu_gauche .dex_artwork{box-sizing:border-box; width:100%; max-height:160px; background:url("images/design/pokeball_dex.png") no-repeat center; text-align:center;}
#menu_gauche .dex_artwork img{max-width:140px; width:100%; position:relative;}
#menu_gauche .dex_artwork img:hover{animation:pokébounce 0.25s ease infinite alternate;}
#menu_gauche .dex_name{text-align:center; width:100%;}
#menu_gauche .dex_name a{font-family:'Yanone', Verdana; font-size:24px; color:#1d84ff; word-break: break-all; text-transform:uppercase;}
#menu_gauche .dex_infos{color:#3c587a; font-size:14px; text-align:center; margin:2px 0}
#menu_gauche .dex_link{text-align:center;}
#menu_gauche .dex_link a{color:#19aadf; font-size:16px; font-weight:normal}
#menu_gauche .dex_link a:after{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\00A0\f35d";}
#menu_gauche .dex_name a:hover, #menu_gauche .dex_link a:hover{color:#044aa0}
	/*la partie liste des pages*/
#menu_gauche ul{box-sizing:border-box; width:100%; list-style-type:none; margin:0; padding:0; color:#7af;}
#menu_gauche ul li{box-sizing:border-box; min-height:18px; width:100%; padding:0 5px; background:transparent; border-top:1px solid transparent; border-bottom:1px solid transparent;}
#menu_gauche ul li.separator{margin-top:10px;}
#menu_gauche ul li a{box-sizing:border-box; font-family:'Century Gothic', Verdana; font-size:13px; color:#3c587a; width:100%; min-height:20px; line-height:20px; display:block; font-weight:normal}
#menu_gauche ul li .nouveauDossier:after{font-family:'Pragmatika', Arial; content:"NEW"; color:#fff; font-size:9px; font-weight:normal; background:#f00; border-radius:10px; padding:0 2px; margin-left:3px}
#menu_gauche ul li a:before{font-family:"Font Awesome 5 Free"; font-weight:900; font-size:10px; content:"\f054 \00A0"; color:#135db6;}
#menu_gauche ul li a:hover{color:#fff;}
#menu_gauche ul li:hover{background:#b6c7cd; padding-left:10px; border-top:1px solid #e1f1f7; border-bottom:1px solid #e1f1f7;}
/*Menu de droite*/
	/*les titres de la colonne*/
#menu_droite h2{box-sizing:border-box; width:100%; margin:0 0 5px 0; min-height:40px; line-height:40px; background:url("images/design/titre_menu2.jpg"); font-family:'Yanone', Arial; font-size:32px; color:#ca8243; text-shadow:1px 1px 0 rgba(255,255,255,1); padding:0 3px; background-size:100% 100%;}
#menu_droite h2:not(:first-child){margin-top:15px;}
#menu_droite h3{box-sizing:border-box; width:100%; margin:0; font-family:'Yanone', Verdana; font-size:27px; color:#f97400; text-shadow:1px 1px 0 rgba(255,204,163,1); padding:0 3px; text-align:center}
#menu_droite h3:not(:first-child){margin-top:5px;}
#menu_droite h4{box-sizing:border-box; width:100%; margin:0; font-family:'Yanone', Verdana; font-size:23px; color:#cf440e; text-shadow:1px 1px 0 rgba(255,204,163,1); padding:0 3px; text-align:center; margin-top:5px;}
/*#menu_droite h4:before, #menu_droite h4:after{content:''; display:inline-block; vertical-align:middle; width:20%; height:2px;}
#menu_droite h4:before{margin-right:.3rem; background:linear-gradient(to left,#f17124,#f5ece3)}
#menu_droite h4:after{margin-left:.3rem; background:linear-gradient(to right,#f17124,#f5ece3)} */
#menu_droite select{box-sizing:border-box; width:90%; height:25px; margin:2px 5%; border-radius:3px; border:2px solid #f3e2d5; box-shadow:inset 0px 0px 0px 1px #ccc; color:#888; background:linear-gradient(to bottom, #eee 0%, #fff 40%, white 100%);}
#menu_droite select:hover{border-color:#e9d5c4; box-shadow: inset 0px 0px 0px 1px #edd3b1; cursor:pointer}

	/*les formulaires pour se logger*/
#menu_droite form{color:#7a523c; text-align:center}
#menu_droite form a{box-sizing:border-box; font-family:'Century Gothic', Verdana; font-size:15px; color:#ca8243; width:100%; font-weight:normal;}
#menu_droite form a:hover{color:#522f1c;}
#menu_droite form input{width:80%; border:1px solid #999; padding:2px; border-radius:3px; background:#efefef; color:#444; box-shadow:inset 0px 5px 5px rgba(0,0,0,0.1); box-sizing:border-box; margin:3px 0 10px 0}
#menu_droite form input:hover, #menu_droite form input:focus{background:#f0dac4; border-color:#d8ab87; color:#a05f26} 
#menu_droite form input[type=submit]{width:50%;}
#menu_droite input[type=checkbox]{display:none;}
#menu_droite input[type=checkbox] + label{cursor:pointer;}
#menu_droite input[type=checkbox] + label:before{content:""; display:inline-block; width:15px; height:15px; margin-right:8px; background-color:#efefef; box-shadow:inset 0px 2px 2px rgba(0,0,0,0.3); border-radius:2px; vertical-align:middle; border:1px solid #999} 
#menu_droite input[type=checkbox]:checked + label:before{content:"\2714"; text-align:center; line-height:15px; text-shadow:0px 0px 3px #eee; color:#fff; background-color:#d8ab87; border-color:#f0dac4}
#menu_droite input[type=checkbox] + label:before, input[type=checkbox]:checked + label:before{transition:all .5s;}

	/*partie inscription*/
#menu_droite .inscription{box-sizing:border-box; width:85%; height:400px; margin:auto; margin-top:10px; border:1px solid #ca8243; border-radius:5px 25px; text-align:center; position:relative; overflow:hidden; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out}
#menu_droite .img_inscription_1{background:url('images/design/inscription.jpg') no-repeat; background-position:right;}
#menu_droite .img_inscription_2{background:url('images/design/inscription2.jpg') no-repeat; background-position:right;}
#menu_droite .img_inscription_1:hover, #menu_droite .img_inscription_2:hover{background-position:left;}
#menu_droite .inscription .inscri1{position:relative; box-sizing:border-box; margin:auto; margin-top:10px; width:90%; padding:10px; background:url('images/design/fondbulle.png'); border-radius: 50px; opacity:1; text-shadow:2px 0 0 solid #fff, -2px 0 0 solid #fff, 0 2px 0 solid #fff, 0 -2px 0 solid #fff;
border:2px solid #7a8616; box-shadow:inset 2px 2px 0 0 #fff, inset -2px -2px 0 0 #fff, inset -2px 2px 0 0 #fff, inset 2px -2px 0 0 #fff; font-weight:bold}
#menu_droite .inscription .inscri2{position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:90%; bottom:5px; box-sizing:border-box; padding:8px; opacity:1; color:#525aa3; background:rgba(255,255,255,0.8); border-radius:40px; font-family:'Yanone Bold', Arial; font-size:20px;}
#menu_droite .inscription .inscri3{position:absolute; bottom:-50px; opacity:0;}
#menu_droite .inscription .inscri3 a{font-size:24px; font-family:'Yanone', 'Century Gothic', Verdana; color:#fe6232; font-weight:normal}
#menu_droite .inscription .inscri3 a:hover{color:#ba2c00;}
#menu_droite .inscription .inscri4{position:absolute; box-sizing:border-box; margin:auto; top:10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:90%; padding:10px; background:url('images/design/fondbulle.png'); border-radius: 50px; opacity:0;
border:2px solid #7a8616; box-shadow:inset 2px 2px 0 0 #fff, inset -2px -2px 0 0 #fff, inset -2px 2px 0 0 #fff, inset 2px -2px 0 0 #fff; font-weight:bold}
#menu_droite .inscription:hover .inscri1, #menu_droite .inscription:hover .inscri2{opacity:0; -webkit-transition:all 0.2s ease-in-out} 
#menu_droite .inscription:hover .inscri3{opacity:1; bottom:20px; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out}
#menu_droite .inscription:hover .inscri4{opacity:1; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out}
#menu_droite .inscription .bubble{position:relative; box-sizing:border-box; margin:auto; width:90%; padding:10px; background:rgba(255,255,255,0.85); border-radius: 40px; box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.4);}
#menu_droite .inscription .bubble:after{content:''; position:absolute; top:0; left:50%; width:0; height:0; border:30px solid transparent; border-bottom-color:rgba(255,255,255,0.85); border-top:0; border-right:0; margin-left:-15px; margin-top:-30px;}
	/*la partie liste des pages*/
#menu_droite ul{box-sizing:border-box; width:100%; list-style-type:none; margin:0; padding:0; color:#7af;}
#menu_droite ul li{box-sizing:border-box; min-height:18px; width:100%; padding:0 5px; background:transparent; border-top:1px solid transparent; border-bottom:1px solid transparent;}
#menu_droite ul li.separator{margin-top:10px;}
#menu_droite ul li a{box-sizing:border-box; font-family:'Century Gothic', Verdana; font-size:13px; color:#7a523c; width:100%; min-height:20px; line-height:20px; display:block; font-weight:normal}
#menu_droite ul li .nouveauDossier:after{font-family:'Pragmatika', Arial; content:"NEW"; color:#fff; font-size:9px; font-weight:normal; background:#f00; border-radius:10px; padding:0 2px; margin-left:3px}
#menu_droite ul li a:before{font-family:"Font Awesome 5 Free"; font-weight:900; font-size:10px; content:"\f054 \00A0"; color:#cf660b;}
#menu_droite ul li a:hover{color:#fff;}
#menu_droite ul li:not(.noline):hover{background:#d3bba8; padding-left:10px; border-top:1px solid #e7e3df; border-bottom:1px solid #e7e3df;}
	/*partie calendrier*/
#menu_droite .nom_tournoi, #menu_droite .nom_tournoi a{font-size:15px; color:#ff4800; font-weight:normal}
#menu_droite .info_tournoi{font-size:13px; color:#38302c;}
#menu_droite .info_tournoi:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f073 \00A0";}
#menu_droite .info_console:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f11b \00A0";}
#menu_droite .info_mangas:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f02d \00A0";}
#menu_droite .img_tournoi, #menu_droite .img_distri{width:100%; text-align:center; box-sizing:border-box; padding:7px;}
#menu_droite .img_tournoi img{max-width:190px; width:100%; border:1px solid #a76c31; border-radius:5px;}
#menu_droite hr{background-color:#e6cab3; height:1px; border:0; margin:15px 0 10px 0}
#menu_droite .infobulleCalendar{position:relative; width:100%;}
#menu_droite .infobulleCalendar span{position:absolute; width:100%; text-align:center; margin-top:15%; left:50%; background:#fff; box-sizing:border-box; padding:3px; border-radius:5px; border:2px solid #ca8243; box-shadow:inset 0 0 4px #ffa800; -webkit-transform:translateX(-50%) scale(0) rotate(-12deg); transform:translateX(-50%) scale(0) rotate(-12deg); opacity:0; color:#cf8646; z-index:1000}
#menu_droite .infobulleCalendar span:after{content:''; position:absolute; top:-10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:0; height:0; border-bottom:10px solid #ffe2a9; border-left:5px solid transparent; border-right:5px solid transparent;}
#menu_droite .infobulleCalendar span:before{content:''; position:absolute; top:-14px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:0; height:0; border-bottom:12px solid #ca8243; border-left:6px solid transparent; border-right:6px solid transparent;}
#menu_droite .infobulleCalendar:hover span{-webkit-transform:translateX(-50%) scale(1) rotate(0); transform:translateX(-50%) scale(1) rotate(0); opacity:1; cursor:help}
	/*partie partenaires*/
#menu_droite .partenaires img{margin:2px; border:1px solid transparent}
#menu_droite .partenaires img:hover{box-shadow:0px 0px 3px #fe4800; border:1px solid #d7ab86;}
	/*partie réseaux*/
#menu_droite .img_discord{text-align:center; position:relative; opacity:0.85}
#menu_droite .img_discord:hover{opacity:1;}
#menu_droite .img_discord img{width:80px;}
#menu_droite .img_discord span{background-color:#fe4700; color:#fff; display:inline-block; border-radius:50%; width:32px; height:32px; line-height:28px; vertical-align:middle; position:absolute; top:0px; left:62%; font-size:20px; text-shadow:1px 1px 0 #8a3b27; font-family:'Yanone'; border:2px solid #fff; font-weight:normal}

/* CONTENU ET NEWS */
/* entêtes */
#content h1{font-size:45px; font-family:'Yanone', Arial; color:#235f6e; margin:0 0 5px 0; padding:0;}
	#content h1:before{content:url('images/design/puce_ball_1.png') '\00A0';}
#content h2{font-size:35px; font-family:'Yanone', Arial; color:#277ee8; text-align:justify; background:#f0f0f0; border-radius:5px; padding:0 10px; text-shadow:1px 1px 0 #afcff6; margin:20px 0}
	#content h2:before{content:url('images/design/puce_ball_3.png') '\00A0';}
#content h3{font-size:30px; font-family:'Yanone', Arial; color:#678ab4; text-align:justify; background:#dbe6f2; border-radius:5px; padding:0 10px;  margin:20px 0 10px 0}
	#content h3:before{content:url('images/design/puce_ball_4.png') '\00A0';}
#content h4{font-size:25px; font-family:'Yanone', Arial; color:#fff; text-align:justify; background:#80b3f1; border-radius:5px; padding:0 10px; margin:10px 0}
	#content h4:before{content:url('images/design/puce_ball_5.png') '\00A0'; margin-right:3px;}
#content h5{font-size:20px; font-family:'Yanone', Arial; color:#fff; text-align:justify; background:#277ee8; border-radius:5px; padding:0 10px; margin:10px 0}
	#content h5:before{content:url('images/design/puce_ball_6.png') '\00A0'; margin-right:3px;}

/* partie news dans #content */
#bloc_news{box-sizing:border-box; width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:space-between;}
#bloc_news * {box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s;}
#bloc_news a{color:#fff;} #bloc_news a:hover{color:#46c0ef}
.bulle_news{width:49.3%; min-height:210px; margin-bottom:10px;}
.image_news{border:1px solid #ccc; position:relative; height:180px; overflow:hidden; cursor:pointer; background-size:cover; border-radius:8px 8px 0 0}
.image_news img{width:100%; height:180px;}
.image_news .catego_news, .image_news .titre_news{position:absolute; font-size:18px; font-family:'Trebuchet MS', Verdana; }
.image_news .catego_news{top:0; text-transform:uppercase; /*background:#f15b09;*/ padding:5px; text-shadow:-1px 2px 1px rgba(0,0,0,0.75); border-bottom-right-radius:10px; border-bottom:3px solid #fff; border-right: 1px solid #fff;}
.image_news .titre_news{bottom:0; background:rgba(0,0,0,0.60); width:100%; padding:5px; text-align:justify; min-height:10px;}
.image_news .bloc_lien_news{position:relative}
.image_news .titre_news .bloc_lien_news a{color:#fff; font-size:22px; font-weight:bold; font-family:'PT Sans Narrow', sans-serif; line-height:0.1em;}
.image_news .titre_news .bloc_lien_news a:before{content:''; position:absolute;	left:0; right:0; top:0; bottom:0; height:160px;}
.image_news .lecture_news{text-align:center; visibility:hidden; opacity:0;}
.image_news .lecture_news a{color:#fff; font-size:40px; line-height:180px; vertical-align:middle; margin:0 5%}
.image_news .lecture_news a:hover{color:#46c0ef;}
.infos_news{min-height:30px; line-height:30px; text-align:center; font-family:'PT Sans Narrow', sans-serif; font-size:15px; color:#7e7e7e; background:linear-gradient(to bottom,#fff,#d9dde7);}
.infos_news span{margin:0 3%} .infos_news span:hover{color:#05a6c9; cursor:help}
	/* couleur des types des news */
	.type_jeux{background:#f93f32} 
	.type_jeux_mobiles{background:#ce2727} 
	.type_anime{background:#f4a418} 
	.type_tcg{background:#5fd367} 
	.type_mangas{background:#d8c124} 
	.type_eternia{background:#ad68bc} 
	.type_concours{background:#f480be} 
	.type_events{background:#6c87ff} 
	.type_divers{background:#50d8d9}
	.type_strat{background:#14711b}
	.type_tournois{background:#7341b6}
	.type_leaks{background:#333; color:#f32; font-weight:bold}
	.type_analyse{background:#37a0f8}
	.type_jeux, .type_jeux_mobiles, .type_anime, .type_tcg, .type_mangas, .type_eternia, .type_concours, .type_events, .type_divers, .type_strat, .type_tournois, .type_tournois, .type_analyse{color:#fff}
	/*boutons dans les news pour les clics au survol*/
	.image_news:hover .catego_news{opacity: 0}
	.image_news:hover .titre_news{background:rgba(35,40,48,0.75); min-height:180px; transition:all 0.3s; -webkit-transition:all 0.3s; padding:10px 5px; color:#000}
	.image_news:hover .lecture_news{visibility:visible; opacity:1;}
	.lecture_news .n_bouton{width:100%; display:inline-block; position:absolute; text-align:center; font-size:0; opacity:0; top:65%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	.image_news:hover .n_bouton {opacity:1;}
	.lecture_news .n_bouton a{display:inline-block; position:relative; box-sizing:content-box; width:25%; height:40px; line-height:40px; margin:0; color:#fff; text-shadow:-1px 2px 1px rgba(0, 0, 0, 1)}
	.lecture_news .n_bouton span:hover a {color:#46c0ef; animation:bounce 0.25s ease infinite alternate;}
	.lecture_news .n_bouton span:after{display:none; position:absolute; left:50%; bottom:-35px; content:attr(data-hover); color:#fff; font-size:13px; font-family:'Century Gothic', Verdana; white-space:nowrap; opacity:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-shadow: -1px 2px 1px rgba(0, 0, 0, 1);}
	.lecture_news .n_bouton span:hover:after {display:block; opacity:1;}
/*Contenu des news*/
.foot_news{box-sizing:border-box; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center}
.foot_news .infos_newsMin{border-radius:4px; font-size:12px; line-height:20px; box-sizing:border-box; padding:2px 15px; margin:5px}
.foot_news .infos_newsMin:not(:last-child){margin-right:10px}
.foot_news .infos_newsMin div{display:inline-block; vertical-align:middle}
.foot_news .trait_news{font-weight:bold; font-size:14px;}
.foot_news .infos_newsMin .icon_newsMin{font-size:30px; width:40px; height:50px; line-height:50px; vertical-align:middle}
.foot_news .auteur_news{background:#e4eff5; color:#2f627e} .foot_news .auteur_news:hover{color:#fff; background:#2f627e}
.foot_news .catego_news{background:#f5ece3; color:#9d6b38} .foot_news .catego_news:hover{color:#fff; background:#9d6b38}
.foot_news .sources_news{background:#ededec; color:#87877a} .foot_news .sources_news:hover{color:#fff; background:#87877a}
.foot_news .fb_news{background:#e1eaf2; color:#4267b2} .foot_news .fb_news:hover{color:#fff; background:#4267b2}
.foot_news .twit_news{background:#e4f3fd; color:#1ca1f2} .foot_news .twit_news:hover{color:#fff; background:#1ca1f2}
.foot_news .google_news{background:#f9e7e4; color:#d6492e} .foot_news .google_news:hover{color:#fff; background:#d6492e}

.news_autor{background:#f6f6f6; box-sizing:border-box; padding:15px; border:1px solid #dfdfdf; border-radius:4px; text-align:left; margin:80px 0 20px 0; position:relative}
.news_autor .img_info_news img{box-sizing:border-box; position:absolute; right:6%; top:-73px}
.news_autor_img, .news_autor_text{box-sizing:border-box; display:inline-block; vertical-align:middle;}
.news_autor_img{width:14%;}
.news_autor_text{padding-left:15px; font-size:16px; width:86%}
.news_autor_text .autor_name{font-size:35px; font-family:'Yanone', Arial; color:#555; margin-bottom:5px}
.news_autor_text .autor_profil{margin-top:5px;} 
	#content .news_autor .news_autor_text .autor_profil a{color:#235f6e}
	#content .news_autor .news_autor_text .autor_profil a:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f02b\00A0"; color:#3882da;}
	#content .news_autor .news_autor_text .autor_profil a:hover{color:#81b2be}
/*commentaires des news*/
#comment_news{background:#f6f6f6; box-sizing:border-box; padding:15px; border:1px solid #dfdfdf; border-radius:4px; text-align:center}
#comment_news input[type=text]{box-sizing:border-box; font-family:"Century Gothic", "Font Awesome 5 Free"; font-weight:900; width:100%; height:30px; font-size:16px; border:1px solid #ddd; background:#fff; box-shadow:none; margin-bottom:5px; padding:5px}
#comment_news textarea{box-sizing:border-box; font-family:"Century Gothic", "Font Awesome 5 Free"; font-weight:900; width:100%; min-height:180px; font-size:16px; border:1px solid #ddd; background:#fff; box-shadow:none; transition:none; padding:5px;margin-bottom:5px;}
#comment_news input[type=submit]{min-height:50px; font-family:"Century Gothic", "Font Awesome 5 Free"; font-weight:900; font-size:17px; color:#666; background:#ddd; border:none; box-shadow:none; border-radius:10px; margin-top:10px;}
#comment_news input[type=submit]:hover{background:#666; color:#fff;}

/*archives des news*/
#archives_news{margin-top:20px; text-align:center}
#archives_news img{vertical-align:middle; height:150px; width:auto; opacity:0.85}
#archives_news a{font-family:'PT Sans Narrow', sans-serif; font-size:25px; color:#7e7e7e;}
#archives_news a:hover img{opacity:1}

/*Page équipe du site*/
#content #bloc_staff{box-sizing:border-box; width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:space-between;}
#content #bloc_staff .tab_staff{max-width:32%; min-width:220px; text-align:center;}
#content #bloc_staff .tab_staff h2{background:none; text-align:center; color:#122d47; text-shadow:none; font-size:25px; margin:0}
#content #bloc_staff .tab_staff h2:before{content:none}
#content #bloc_staff .tab_staff .img_staff{width:120px; background:linear-gradient(-45deg, #bfcfde, #fff); border-radius:100px; border:3px solid #fff; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3)}
#content #bloc_staff .tab_staff p{text-align:center; margin:8px 0}

/*bas accueil news, dernières majs et derniers posts du fofo*/
#bloc_bas_accueil{box-sizing:border-box; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
#derniere_maj, #mess_forum{width:49.3%; box-sizing:border-box;}
h2.entete_news{font-size:30px; font-family:'Yanone'; color:#235f6e; margin:0; padding:0; text-align:justify}
h2.entete_news:before{content:url('images/design/puce_ball_2.png') '\00A0';}
#derniere_maj div.grey, #mess_forum div.grey{color:#b7b7b7}
#derniere_maj p{margin:3px 0;} #derniere_maj p:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f303\00A0"; color:#135db6;}
#mess_forum p{margin:8px 0;} #mess_forum p:before{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f086\00A0"; color:#135db6;}
#mess_forum .petit{font-size:12px;}
#derniere_maj p, #mess_forum p{padding:2px 10px;}
#derniere_maj p:hover, #mess_forum p:hover{background:#edf5fe; border-radius:5px;}
#bloc_bas_accueil #mess_forum .external_link:after, #bloc_bas_accueil #derniere_maj .external_link:after{font-family:"Font Awesome 5 Free"; font-weight:900; content:"\00A0\f35d"}

#bloc_com{background:#f6f6f6; box-sizing:border-box; padding:15px; border:1px solid #dfdfdf; border-radius:4px; width:100%}
#bloc_com .comments{border:1px solid #dfdfdf; border-radius:4px; width:100%; background:#fff; box-sizing:border-box; padding:10px;}
#bloc_com .comments:not(:last-child){margin-bottom:10px;}
#bloc_com .comments_avatar, #bloc_com .comments_text{box-sizing:border-box; display:inline-block; vertical-align:top;}
#bloc_com .comments_avatar{width:10%;}
#bloc_com .comments_text{width:90%; padding-left:10px; word-wrap: break-word;}
#bloc_com .comments_text .com_name, #bloc_com .comments_text .com_date{display:inline-block; vertical-align:middle; width:50%; padding-bottom:5px;}
#bloc_com .comments_text .com_name{font-size:18px; font-weight:bold;}
#bloc_com .comments_text .com_date{color:#888; text-align:right}
#bloc_com .comments_text .com_text{border-top:1px solid #eee; padding-top:5px}

/*note sur l'article en vas*/
#content .infos_article{box-sizing:border-box; background:#f2f2f2; border-radius:10px; padding:5px; margin:50px 0 20px 0; box-shadow:0 1px 5px rgba(0,0,0,0.4)}
#content .infos_article p:first-child{margin-bottom:10px;}
#content .infos_article .maj:before{font-size:16px; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f017\00A0"; color:#007eff;}
#content .infos_article .erreur:before{font-size:16px; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f06a\00A0"; color:#ff602f;}

/*TABLEAUX*/
#content th, #content td{box-sizing:border-box; padding:5px;}
#content .bloc_tab{overflow-x:auto; padding-bottom:30px}
#content table{background:#d5e3e6; border:1px solid #888; border-radius:4px; margin:auto; border-spacing:3px; text-align:center; vertical-align:middle; margin-top:5px; margin-bottom:5px; overflow:visible}
#content table th{height:25px; background:#98cef8; border-radius:4px; font-weight:bold; color:#055493}
#content table td{height:25px; background:#fff; border-radius:4px;}
#content table td ul li{text-align: left;}
#content table tr:hover th{background:#85beeb;}
#content table tr:hover td{background:#efefef;}
#content table tr:hover th, #content table tr:hover td, #content table tr th, #content table tr td{transition:all .3s}

/* DEBUT MeF FORMULAIRES + LISTE (INPUT, CHECKBOX ETC) */
/*Listes*/
#content ul, #content ol{box-sizing:border-box; padding-left:30px; margin:5px 0 10px 0; transition:all .5s}
#content li{margin:10px 0; list-style-type:none;}
#content li:hover:before{color:#0cf;}
#content li:before, #content li:hover:before{transition:all .5s}
#content ul li:before{content:'\2022 \2002'; color:#07c; font-weight:bold}
#content ul li ul li:before{content:'\25CB \2002'; color:#124e79;}
#content ul li ul li ul li:before{content:'\25B8 \2002'; color:#42a8f1; font-weight:bold}
/*#content ol{counter-reset:puce} */
#content ol li{/*counter-increment:puce;*/list-style-type:decimal} 
#content ol.letters li{/*counter-increment:puce;*/list-style-type:upper-alpha}
/*#content ol li:before{content:counter(puce) '. '; color:#07c; font-weight:bold}*/
#content li ul li{margin:5px 0; list-style-type:none;}

/*formulaire*/
#content label{box-sizing:border-box; display:inline-block; width:20%; text-align:right; color:#879ea9; font-size:23px; font-family:'Yanone', sans-serif;}
#content label:hover{cursor:pointer; color:#4588a9}
#content input:not([type="submit"]), #content textarea, #content select{box-sizing:border-box; width:75%; height:35px; margin:5px 0; border-radius:5px; border:2px solid #fff; box-shadow: inset 0px 0px 0px 1px #ccc; padding:5px; color:#888; background:linear-gradient(to bottom, #eee 0%, #fff 40%, white 100%); font-size:100%}
#content input:not([type="submit"]):hover, #content textarea:hover, #content select:hover{border-color:#d9e8ee; box-shadow: inset 0px 0px 0px 1px #b1cced;}
#content input:not([type="submit"]):focus, #content textarea:focus, #content select:focus{border-color:#87d3f6; box-shadow: inset 0px 0px 0px 1px #1d84ff; color:#1d84ff}
#content textarea{vertical-align:middle; resize:vertical; min-height:7em}
#content button, #content input[type="submit"]{box-sizing:border-box; height:35px; border:1px solid #94b5c5; border-radius:4px; background:#a9bfc9; color:#fff; font-size:20px; font-family:'Yanone', sans-serif;}
#content button:hover, #content input[type="submit"]:hover{background:#7fb7f0}
#content button:focus, #content input[type="submit"]:focus{background:#5295da}
#content input[type="radio"], #content input[type="checkbox"]{display:inline-block; max-width:5%; vertical-align:middle; margin-bottom:13px}
#content input[type="file"]{padding:0; box-sizing:content-box}
#content select:focus{border-radius:5px 5px 0 0}
#content select option:hover{}

/*edown*/ 
.bouton_etdo{border:1px solid #999; border-radius:3px; background:#efefef; box-shadow:inset 0px 5px 5px rgba(0,0,0,0.1); box-sizing:border-box}
.bouton_etdo:hover{background:#c4ecff; border-color:#8baebe; cursor:pointer} 
.bouton_etdo, .bouton_etdo:hover{transition:all .2s}
.select_titles{padding:0; border-radius:5px; margin-top:10px; box-sizing:border-box; background:#efefef; color:#444; box-shadow:inset 0px 5px 5px rgba(0,0,0,0.1); border:1px solid #999; position:relative; top:-9px;}
.select_titles .ent_h1{color:#343955; font-family:'Pragmatika', Verdana; text-transform:uppercase;}
.select_titles .ent_h2{color:#343434; text-transform:uppercase; font-family:'Pragmatika', Verdana; border-bottom:3px solid #ca3900; border-left:10px solid #ca3900;}
.select_titles .ent_h3{color:#6289c3; font-family:'Pragmatika', Verdana; text-transform:uppercase; text-shadow:1px 1px 0 #fff;}
.select_titles .ent_h4{color:#8c8665; font-weight:bold; background:#eeeee2; border-top:1px solid #d4ceb4; border-bottom:1px solid #d4ceb4;}
.bouton_color{display:none;}
.citation{border:1px solid #666; margin:15px; border-radius:5px; box-sizing:border-box; background:rgba(172,190,205,0.2); box-shadow:2px 2px 6px rgba(0,0,0,0.3)}
.autor_quote{margin:7px; padding:3px; border-bottom:1px solid #7b8c9a; font-weight:bold; box-sizing:border-box} .autor_quote:before{content:'\00BB\00A0';}
.content_quote{margin:7px; padding:3px; box-sizing:border-box}

.menu_conseil{display:none;}

/* FIN INPUT DU  CONTENU */

@media screen and (max-width:1024px){
	#navbar{font-size:18px;}
	#navbar a:not(.top_page){padding-left:5px; padding-right:5px; font-size:17px}
	#derniere_maj{width:100%;}
	#mess_forum{display:none;}
	#foot img{margin-bottom:-5px;}
	#comment_news div.sepa{width:100%; display:block; text-align:center; margin-bottom:5px}
	#navbar #searchB{width:calc(100% - 713px); -webkit-width:calc(100% - 713px);}
}

@media screen and (max-width:800px){
	body{margin-top:40px;}
	#avertissement_box .avertissement div{display:block; text-align:center}
	#avertissement_box .avertissement div.text, #avertissement_box .avertissement div.button{width:100%}
	#avertissement_box .avertissement div.img{display:none}
	#content_haut, #menu_gauche, #menu_droite, #bloc_bas_accueil, #text_foot, #text_foot div{display:none;}
	#content{width:100%; padding-bottom:10px}
	#navbar{height:40px; position:fixed; left:0; top:0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.6);}
	#head{height:130px; background:url("za/design.jpg") no-repeat left 0px; text-align: center}
		.logo_eternia{height:100px; width:auto; margin:15px 0 0 0;}
	#foot img{display:none;}
	#foot{width:100%; height:120px; background:url("za/design.jpg") 80% bottom no-repeat;}
	#foot_suite p:after{content:none;}
	#navbar #searchB{width:100%; text-align:left}
		#navbar #searchB .searching{margin-right:5px; padding-right:5px}
		#navbar #searchB .searching .search_bar{width:100%; margin:0 5px}
	#navbar #searchB .searching .search_but{right:5px}
	.menu_conseil{font-size:13px; text-align:center; line-height:normal; padding:5px; font-style:italic; color:#fffb95; display:block}
	.bulle_news{width:100%;}	
	.news_autor{display:none;}
	#bloc_com .comments_avatar{display:none;}
	#bloc_com .comments_text{width:100%;}
	#content #bloc_staff .tab_staff{width:100%; min-width:100%}
	#content label, #content input:not([type="submit"]), #content textarea, #content select{width:100%;}
	#content label{text-align:center}
	#content input[type="radio"], #content input[type="checkbox"]{margin-left:50%;}
	#content .cell_cache{display:none;}
}