/* Template Ordinateurs Laval - CSS des menus (horizontal, vertical et vertical avec coins arrondis */
/* TopMenu */
#ol-topmenu {
background-color: #000000;
background-image: -moz-linear-gradient(top, #555555 0%, #000000 100%);
background-image: -webkit-linear-gradient(top, #555555 0%, #000000 100%);
background-image: -o-linear-gradient(top, #555555 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #555555 0%, #000000 100%);
background-image: linear-gradient(top, #555555 0%, #000000 100%);
background-repeat: repeat-x;
width:100%;
float:left;
}

#ol-innertopmenu {
margin: 0px auto;
}

.navbar {
margin: 0px auto;
max-width: 980px;
}

.navbar .nav > li > .dropdown-menu:after {
border: 0px;
}

.navbar ul.nav {
float: right;
margin: 0px;
}

.navbar li {
list-style: none;
}

.navbar li.item-109, .navbar li.item-110 {
display: none;
}

.navbar .nav > li > a {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
padding: 9px 15px 4px;
margin: 1px 3px 1px 0px;
font-variant: small-caps;
color: #fff;
font-size: 14px;
height: 24px;
text-align: center;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus {
color:#fff;
background:#444;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav > li.active > a {
background-color:#0076CC;
background-image:-moz-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-webkit-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-o-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:-ms-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image:linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-repeat:repeat-x;
color: #fff;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #FFFFFF;
}

.navbar .navbar-inner {
background:none;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}

.navbar-inner {
min-height: 42px;
padding-left: 10px;
padding-right: 0px;
}

.navbar .brand {
padding: 0px 5px 0px 0px;
max-height: 44px;
}

#ol-topmenu .brand > img {
max-height: 40px;
margin-top: 2px;
}

.dropdown-menu li > a {
text-align: left;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
background-color: #1F418D;
background-image: -moz-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -webkit-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -o-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -ms-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-repeat: repeat-x;
}

.navbar .navbar-inner .nav-collapse ul.nav li ul.dropdown-menu li a {
padding: 3px 20px;
border-bottom: 0px;
}

.navbar-inverse2 .btn-navbar2 {
outline: none;
background: url('../images/menubouton.gif') 0px 0px #000;
background-repeat: none;
margin: 5px 15px 5px 0px;
}

.navbar .btn-navbar .icon-bar {
background-color: transparent;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}

/* Menu vertical */
.mod-colonne ul.menu {
margin-bottom: 5px;
}

ul.menu_vertical, ul.menu_verticalrounded {
width: 100%;
padding: 0px;
margin: 0px;
}

ul.menu_vertical li, ul.menu_verticalrounded li {
text-align: center;
font-size: 1.2em;
list-style: none;
}

ul.menu_vertical li a {
display: block;
text-decoration: none;
color: black;
font-family: arial, sans-serif;
font-variant: small-caps;
background-color: #EEEEEE;
padding: 6px 2px;
border: 1px solid white;
max-width: 150px;
height: 22px;
}

ul.menu_vertical a:hover, ul.menu_verticalrounded a:hover, ul.menu_vertical a:focus, ul.menu_verticalrounded a:focus {
background-color: #F5AA20;
color: black;
font-weight: bold;
}

ul.menu_vertical li.active a, ul.menu_verticalrounded li.active a {
font-weight: bold;
}

ul.menu_verticalrounded li a {
display: block;
text-decoration: none;
color: #000;
font-family: arial, sans-serif;
font-variant: small-caps;
background-color: #EEEEEE;
padding: 6px 2px;
max-width: 150px;
height: 22px;
border: 1px hidden;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-o-border-radius: 14px;
-ms-border-radius: 14px;
border-radius: 14px;
margin-bottom: 3px;
}

ul.latestnews, ul.mostread {
margin:0;
}

ul.latestnews li a, ul.mostread li a, .mod-colonne ul.menu li a, .mod-colonne div.custom p a {
display: block;
text-decoration: none;
color: #213E81;
padding: 4px 0px 3px 3px;
border-bottom: 1px dotted #213E81;
}

ul.latestnews li a:hover, ul.mostread li a:hover, .mod-colonne ul.menu li a:hover, .mod-colonne div.custom p a:hover {
background-color: #184A7D;
background-image: -moz-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -webkit-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -o-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: -ms-linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-image: linear-gradient(top, #0076CC 0%, #1F418D 100%);
background-repeat: repeat-x;
color: #FFF;
margin-left: -5px;
margin-right: -5px;
padding-left: 9px;
}

ul.menu_vertical > li, .mod-colonne ul.menu > li {
padding-left: 0px;
list-style: none;
}

/* RESPONSIVE CSS */
@media (max-width: 979px) {
.navbar ul.nav {
float: none;
margin: 0 auto;
width: 50%;
}

ul.dropdown-menu li {
margin-left: 40%;
}

.navbar .navbar-inner .nav-collapse ul.nav li ul.dropdown-menu li a {
padding: 8px 20px 8px 32%;
}

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus, .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
background-color: #1F418D;
background-image: -moz-linear-gradient(top, #1F418D 0%, #1086ff 100%);
background-image: -webkit-linear-gradient(top, #1F418D 0%, #1086ff 100%);
background-image: -o-linear-gradient(top, #1F418D 0%, #1086ff 100%);
background-image: -ms-linear-gradient(top, #1F418D 0%, #1086ff 100%);
background-image: linear-gradient(top, #1F418D 0%, #1086ff 100%);
background-repeat: repeat-x;
color: #fff;
}

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 869px) {
.navbar ul.nav {
width: 75%;
}

.navbar .nav > li > a {
font-size: 18px;
padding: 15px 0 9px 0;
}

.navbar-inner {
min-height: 42px;
}

.navbar .brand {
margin-left: -15px;
margin-right: 10px;
}

.navbar .brand > img {
height: 37px;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar-inner {
min-height: 42px;
padding-left: 13px;
padding-right: 12px;
}

ul.dropdown-menu li {
margin-left: 35%;
}

.navbar .navbar-inner .nav-collapse ul.nav li ul.dropdown-menu li a {
padding: 8px 20px 8px 20%;
}

}

/* Landscape phones and down */
@media (max-width: 599px) {
ul.dropdown-menu li {
margin-left: 30%;
}

.navbar .navbar-inner .nav-collapse ul.nav li ul.dropdown-menu li a {
padding: 8px 20px 8px 4%;
}

}

/* Landscape phones and down */
@media (max-width: 480px) {
.navbar .brand {
margin-left: -10px;
}

.navbar-inner {
min-height: 40px;
padding-left: 10px;
}

}