a{color:blue;font-weight:bold;text-decoration:none}
a:hover{text-decoration:underline;cursor:pointer;}
h2 a,footer a,.SLS_EU{color:DeepSkyBlue}
/*.active{Background:DeepSkyBlue}*/
.admindocsalert{width:auto;text-align:center;background-color:darkred;color:yellow;font-weight:bold;margin:5px;padding:5px}
.admindocok{width:auto;text-align:center;background-color:green;color:white;font-weight:bold;margin:5px;padding:5px}
.cent{width:99%}
.retour{clear:both;height:15px}
fieldset,.centrer,.Donnees100{text-align:center}
.droite{text-align:right}
.gauche{text-align:left}
.justifier{text-align:justify}
.font80{font-size:80%;color:grey}
h1{line-height:100%;text-align:center;color:white}
h2{color:white;text-align:center}
h3,h4{margin:0;}
img{border:0;}
form{padding:10px}
.trait{border-bottom:1px dashed #CCC}
#quicksearch,#EditeurautoString{height:20px;margin-right:0;padding:5px;font-size:120%;font-weight:bold}
input{margin:0}
select{border:0;height:30px;box-shadow:2px 2px 2px #020419;margin:5px}
.searchB{height:35px;color:white;background-color:DeepSkyBlue;font-weight:900;cursor:pointer}
#EditeurautoSuggestions{background-color:white;list-style:none;}
#EditeurautoSuggestionsList li{margin:2px;cursor:pointer}
#EditeurautoSuggestionsList li:hover{background-color:DeepSkyBlue;color:white}
#DB td,#DBCOMMENTS td{font-size:90%;text-indent:2px}
.DBI{width:102px;height:12px;text-align:right;margin:0px;padding:0px}
.DBDKT{font-weight:bold;text-align:center}
.DBDK a{color:#06f}
.DBDKL{padding:15px 0 15px 0;text-align:center;border:1px solid #999}
.Cabinet{width:160px;margin-top:5px;margin-bottom:5px}
.DonneesTitre{display:block;background-color:#999;margin-bottom:5px}
.DonneesTitre2{background-color:navy;font-weight:bold;text-align:center;color:white}
.CartoucheDonnees{margin:0 auto 0 auto;color:#020419;position:relative}
.DonneesLeft{float:left;overflow:hidden}
.DonneesArea{height:260px}
.DonneesArea2{height:80px}
.TexteArea2{font-weight:normal;font-size:90%;text-align:justify}
.CHE{text-align:right;padding-right:10px}
.CHP,.CHD{text-align:left;height:25px;text-indent:10px}
.CHT{text-align:center;height:25px;text-indent:10px}
.cartouche{margin:0 auto 0 auto;padding:0 0 5px 0;color:#020419;background-color:white;position:relative}
.cartouche-haut{height:29px}
.cartouche-milieu{padding-top:5px;width:100%}
.cartouche-bas{height:29px;width:100%}
.NewsCol1{text-align:justify}
.ContainerTableau100{clear:both;width:100%;margin:0;padding:0}
.CelluleTitre100{padding-left:3px;padding-top:10px}
.CelluleTexte100{padding:5px;overflow:hidden}
.noir{color:black}
.rouge{color:darkred}
.gris{color:grey}
.gold{color:#3498DB}
#TV{height:0px;padding:0px;}
.commentairePseudo,.commentaireVisual{width:100%;text-align:center;overflow:hidden}
.commentsPosteur{text-align:right;margin-right:10px}
select optgroup{color:grey}
select optgroup option{color:#020419}
.gallery{float:left;height:300px;overflow:hidden;text-align:center;border-style:solid;border-color:lightgrey;border-width:1px;margin:2px}
footer{font-size:90%;color:#CCC}
button{background:none}

/*cabinet*/.onglet{color:White;display:inline-block;margin-left:2px;margin-right:2px;padding:7px;border:1px solid #000}
.onglet_0{background:grey;border-bottom:1px solid #000}
.onglet_1{background:DeepSkyBlue;border-bottom:0 solid #000;padding-bottom:8px}

/*music*/#controls button{background-color:lightgrey;border-radius:5px;}
#controls button:hover{background-color:DeepSkyBlue;color:white;cursor:pointer}
#spectrumCanvas{background:url("../images/design/vizualizerBack.png");border-bottom:solid 5px grey;border-top:solid 5px lightgrey;border-right:solid 5px grey;border-left:solid 5px lightgrey;margin-top:10px}


details > summary:hover{cursor:pointer}
/*
details > summary {list-style: none;}
details > summary:before{content:"+";background:blue;color:#fff;}details[open] summary:before{content:"X";background:red;}
*/

.topnavouter{overflow: hidden;background: DeepSkyBlue;}
.topnav{margin-right: 3%;float:right;}
.topnav a {float: left;color: white;padding: 12px 14px;font-size: 0.8em;}

/*load-more*/.load-more{float:left;width: 100%;background: DeepSkyBlue;text-align: center;color: white;padding: 10px 0px;}
.load-more:hover{cursor: pointer;}

body{margin-top: 0px;margin-left:0px;margin-right:0px;}
.containermenu {display: flex;flex-wrap: wrap;align-items: center;overflow: hidden;}
.containermenu .logo {padding: 0 10px;overflow: hidden;}
.containermenu .navbarmenu {display: flex;flex-wrap: wrap;flex: 1;padding: 0 10px;}
.containermenu .navbarmenu ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.containermenu .navbarmenu ul li a {text-decoration: none;color: white;font-size: 0.9em;display: block;line-height: 60px;cursor: pointer;padding: 0 10px;}
.containermenu .navbarmenu ul li a:hover {background-color:DeepSkyBlue;}
.containermenu .navbarmenu ul .close {display: none;text-align: right;padding: 10px;}
.containermenu .navbarmenu ul .close span {font-size: 2em;padding: 0 10px;cursor: pointer;}
.containermenu .navbarmenu .icon-bar {padding: 18px 8px;display: none;cursor: pointer;}

/* LIST DEROULANTE*/
/*FROM BOOTSTRAP*/
.btn{padding:6px;white-space:nowrap;cursor:pointer}
.btn-info{color:white;background-color:DeepSkyBlue;border-color:#46b8da}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown-menu{position:absolute;left:0;display:none;text-align:left;list-style:none;background-color:white}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:lightgrey}
.open>.dropdown-menu{display:block;height:auto}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover{background:DeepSkyBlue;text-decoration:none;color:white}
.dropdown-header{display:block;padding:3px 20px;line-height:1.4;color:BLUE;white-space:nowrap}
.btn-group{position:relative;display:inline-block}
.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.hidden{display:none!important}

/*FROM BOOTSTRAP-SELECT*/
.bootstrap-select{width:220px}
.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}
.bootstrap-select.btn-group .dropdown-menu{min-width:100%;box-sizing:border-box}
.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}
.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}
.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
select.bs-select-hidden,select.selectpicker{display:none!important}

/* FIN LIST DEROULANTE */
/*4K*/

@media screen and (min-width:1920px) {
h1{line-height:100%;text-align:center;color:white;font-size: 1.1vw;}
h2{color:white;text-align:center;font-size: 1vw;}
h3,h4{margin:0;font-size: 0.9vw;}
p{font-size: 0.8vw;}
.pDescription,.pTrivia,.pTips{text-align:justify;column-count: 2;column-rule: 1px solid lightgrey;}
/*.Screen7 img{width: auto;height: 50vh;}*/
}

@media screen and (min-width:3000px) {
.img640{width:1024px;height:768px}
.img320{width:720px;height:auto}
.img512{width:720px;height:auto}
}

@media screen and (min-width:1921px) and (max-width:2999px) {
.img640{width:800px;height:600px}
.img320{width:640px;height:auto}
.img512{width:512px;height:auto}
}

@media screen and (max-width:1920px) {
.img640{width:640px;height:480px}
.img320{width:320px;height:auto}
.img512{width:512px;height:auto}
}

@media screen and (max-width:954px) {
.img640{width:320px;height:240px}
.img320{width:320px;height:auto}
.img512{width:320px;height:auto}
}

@media screen and (min-width:955px) {
#global{width:auto}
.pDescription,.pTrivia,.pTips{text-align:justify;}
.DBZ1{text-align:center}
.Screen7 img{max-width:1024px;border:5px solid DeepSkyBlue}
.DonneesTitre{float:left;width:140px;height:25px;text-align:right;margin-right:10px;padding-right:5px}
.DonneesValeur,.crayons{float:left}
.DonneesArea,.DonneesArea2{width:597px}
.NewsCol1{float:right;width:50%;margin-right:15px}
.NewsCol2{font-size:80%;background-color:DeepSkyBlue;width:45%;float:left;padding:10px;margin-left:7px;margin-bottom:7px;border:1px solid #020419}
.NewsCol4{color:white;background-color:green;width:40%;float:left;padding:10px;margin-left:7px;margin-bottom:7px;border:1px solid #020419}
.NewsCol3{text-align:center;background:radial-gradient(lightgrey, silver);margin-bottom:5px;margin-right:7px;border:1px solid #020419}
#onglet{height:20px;margin-left:-40px;margin-top:-15px}
.DBDK{clear:both;float:right;width:160px;border-top:0;padding:5px 5px 0 5px;margin-left:5px}
.timelineGraphic{background-color:DeepSkyBlue;height:20px;margin-left:-50px}
#DBtimeline{border-spacing:0}
#DBtimeline td{padding:0}
.gallery{width:24.5%}

.gameTab{margin-top:-5px;margin-left:4px;float:left;background-color:grey;padding:6px;border-radius:0 0 10px 10px;}
.gameTab a{color:white;}
.gameTab:hover{background-color:DeepSkyBlue;}
}

@media screen and (max-width:954px) {
.pDescription,.pTrivia,.pTips{text-align:justify;}
#homeLink{margin-top:-60px;width:80%}
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block;}
#no-more-tables thead tr {display:none;}
#no-more-tables tr {border-bottom: 1px solid lightgrey;}
#no-more-tables td {border: none;}
#no-more-tables td:before {display:none;}

img{max-width:100%}
#global{width:auto}
#pub1,#coinopboyLink{display:none}
.timelineGraphic,.timelineTh{display:none}
h2{padding:5px;margin:0}
.SLD{color:#020419}
.DonneesTitre{width:110px;text-align:center}
.crayons{display:none}
.DonneesArea,.DonneesArea2{width:auto}
.NewsCol1{margin-right:10px;width:auto}
.NewsCol3{text-align:center;}
.NewsCol2{width:auto;margin-left:10px}
.gallery{width:49%}

.containermenu {width:100%}
.containermenu .logo {flex: 1;}
.containermenu .navbarmenu {flex: 0;}
.containermenu .navbarmenu ul {flex-wrap: nowrap;position: fixed;left: 100%;flex-direction: column;background: DeepSkyBlue;width: 100%;overflow: auto;transition: left .3s;}
.containermenu .navbarmenu ul li a {font-size: 1em;border-bottom: solid 1px white}
.containermenu .navbarmenu ul li a:hover {background-color:#020419;}
.containermenu .navbarmenu ul .close {display: block;}
.containermenu .navbarmenu .icon-bar {display: flex;}
.containermenu .navbarmenu ._Menus-show {left: 0;z-index: 99999999999999;}

#gameTabDel img,.gameTab img{display:none}
.gameTab{margin-top:-5px;margin-left:4px;float:left;background-color:grey;padding:6px}
.gameTab a{color:#fff}
}

@media screen and (max-width:640px) {body{background:#020419}
img{height:auto;}
.DBZ1{text-align:left}
.gallery{width:100%}
}

@media print {fieldset,#pub1,#TV,#onglets,.gameTab,.DBZ1,.navbarmenu,.topnavouter,.CelluleTitre100 img,.DBDKT,#footer{display:none}
}