﻿#nav{margin:0;padding:0;float:left;}
#nav .topLevel{margin:0;padding:0;position:relative;}
#nav .topLevel li{float:left;list-style:none;position:relative;padding:0 7px;margin:0;}
#nav .topLevel li a{text-decoration:none;/*white-space:nowrap;*/}
#nav .topLevel li a div{color:#333;line-height:46px;text-decoration:none;white-space:nowrap;padding:0 20px 0 0px;font-size:15px;font-weight:bold; text-transform:uppercase}
#nav .topLevel li:hover,
#nav .topLevel li.parent,
#nav .topLevel li.selected,
#nav .topLevel li:hover > a div,
#nav .topLevel li.parent > a div,
#nav .topLevel li.selected > a div,
#nav .topLevel li:hover{color: #3AB1BE;}

.breadcrumb-home {text-indent:-999px;background:url(images/home_img_hover.png)no-repeat center 0px;width:46px; background-size: 80%;}

#nav .topLevel li.first.Home>a>div,#nav .topLevel li.first.Accueil>a>div{text-indent:-999px;background:url(images/home_img.png)no-repeat center 0px;width:46px; margin-left:-17px;}
#nav .topLevel li.first.Home:hover>a>div, #nav .topLevel li.first.Accueil:hover>a>div{background:url(images/home_img_hover.png)no-repeat center 0px;}

#nav .subLevel{display:none;position:absolute;margin:0;padding:0 15px;z-index:1200;box-shadow: 0 3px 10px #333;background:#3AB1BE;left:0px;}

#nav .topLevel li:hover .subLevel{display:block;}
#nav .subLevel .first_col{float: left;width: 220px;margin: 5px 0;padding: 5px 10px;}
#nav .subLevel .second_col{float: left;width: 220px;border-right: dotted 1px #ccc;margin: 5px 0;padding: 5px 10px;border-left: dotted 1px #ccc;}
#nav .subLevel .third_col{float: left;width: 220px;margin: 5px 0;padding: 5px 10px;}
#nav .subLevel .mega_col.last{border:0;}
#nav .subLevel ul{padding:0 !important;position:relative;z-index:12;}
#nav .subLevel li.sub{float:none;clear:both;background:none;list-style:disc;color:White;padding:0 0 5px 0;}
#nav .subLevel li.sub a.sub_link{font-size:13px;display: block;white-space:normal;color:White;font-size:13px;font-weight:bold;line-height:normal;}
#nav .subLevel li.sub a.sub_link:hover{text-decoration:underline;}


#nav .subLevel li.sub .page_icon{position: absolute;top: 0;right: 0;}
#nav .childLevel{}
#nav .childLevel li.child{float:none;clear:both;background:none;padding:0;list-style:circle;color:White;}
#nav .childLevel li.child a.child_link{font-size:12px;color:White;line-height:normal;}
#nav .childLevel li.child a.child_link:hover{text-decoration:underline;}

@media only screen and (max-width:767px) {
    #nav {padding: 45px 0 0 0;float:none;display:none;}
    #nav .topLevel li{float:none;}
    #nav .topLevel li.root.first{display:none;}
    #nav .subLevel{position:relative;box-shadow:none;width:auto!important;}
    #nav .topLevel li.parent .subLevel{display:block;}
    #nav .subLevel .first_col,
    #nav .subLevel .second_col,
    #nav .subLevel .third_col {float:none;width:auto;border:0;margin:0;padding:0 10px;}
    #nav .subLevel .childLevel{display:none;}
    #nav .subLevel li.parent .childLevel{display:block;}
}