/*
--------------------------------------------------------------------------
CRIDF Tir à l'arc
CSS spécifique au menu général du site
--------------------------------------------------------------------------
*/
.NavBar { width:100%; margin:0 auto; display:flex; justify-content:center; height:20px; overflow:hidden; background-color:#fff; font-family:Arial; border-bottom:3px solid #999; }
.DMenu1, .DMenu2, .DMenu3, .DMenu4, .DMenu5, .DMenu6, .DMenu7, .DMenu8 { float:left; min-width:70px; overflow:hidden; margin:0 25px;}
.DropBtn1, .DropBtn2, .DropBtn3, .DropBtn4, .DropBtn5, .DropBtn6, .DropBtn7, .DropBtn8 { cursor:pointer; border:none; outline:none; color:#666; font-weight:bold; padding:0; margin:0; }

.DropBtn1:hover { color:#960018; }
.DropBtn2:hover { color:#019e46; }
.DropBtn3:hover { color:#e55a00; }
.DropBtn4:hover { color:#318ce7; }
.DropBtn5:hover { color:#884da7; }
.DropBtn6:hover { color:#a87e29; }
.DropBtn7:hover { color:#2964a8; }
.DropBtn8:hover { color:#999; }

.Drop-Content1, .Drop-Content2, .Drop-Content3, .Drop-Content4, .Drop-Content5, .Drop-Content6, .Drop-Content7, .Drop-Content8 { display:none; position:absolute; margin-top:3px; font-size:14px; border:1px solid #999; background-color:#fff; min-width:160px; box-shadow:2px 2px 3px #666; border-radius:2px 2px 5px 5px; -moz-border-radius:2px 2px 5px 5px; -webkit-border-radius:2px 2px 5px 5px; z-index:9900; }
.Drop-Content1 a, .Drop-Content2 a, .Drop-Content3 a, .Drop-Content4 a, .Drop-Content5 a, .Drop-Content6 a, .Drop-Content7 a, .Drop-Content8 a { font-weight:normal; float:none; color:#333; padding:7px 10px; margin:0; text-decoration:none; display:block; text-align:left; border:none; }

.Drop-Content1 { border-top:5px solid #960018; }
.Drop-Content1 a:hover { color: #960018; }
.Drop-Content2 { border-top:5px solid #019e46; }
.Drop-Content2 a:hover { color: #019e46; }
.Drop-Content3 { border-top:5px solid #e55a00; }
.Drop-Content3 a:hover { color: #e55a00; }
.Drop-Content4 { border-top:5px solid #318ce7; }
.Drop-Content4 a:hover { color: #318ce7; }
.Drop-Content5 { border-top:5px solid #884da7; }
.Drop-Content5 a:hover { color: #884da7; }
.Drop-Content6 { border-top:5px solid #a87e29; }
.Drop-Content6 a:hover { color: #a87e29; }
.Drop-Content7 { border-top:5px solid #2964a8; }
.Drop-Content7 a:hover { color: #2964a8; }
.Drop-Content8 { border-top:5px solid #666; }
.Drop-Content8 a:hover { color: #999; }

.show { display: block; }