/**********************************************************************************************************
Feuille de style centralisée corporative Hydro-Québec
Auteur : Stéphane Ritchot (cu5795)
Création : 31 juillet 2017 
Définiton : Style pour le menu de navigation

Instructions :
N'oubliez pas d'inscrire les modification dans "Section Modifications"
Exemple à suivre pour les modification :
	Date (AAAA/MM/JJ) - CIP - Type de changement "Ajpout/Retait/Modification(CIP demandeur") #ID ou .class

Section Modifications :
	2017/07/31 - CU5795 - Création du fichier
color: #333;

**********************************************************************************************************/



/* **************************************************** */
/* **********       DEBUT - MIN 768          ********** */
/* **************************************************** */

@media (min-width: 768px) {
	.navbar-nav{padding-left: 10px;}
	.navbar-intranet .navbar-collapse, .navbar-intranet .navbar-form {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding-righ: 50px;}
	/* */
	.navbar-intranet .navbar-nav > .open > a,
	.navbar-intranet .navbar-nav > .active > a {text-decoration: none;}
	.navbar-intranet .navbar-brand {color: #333;}
	.navbar-intranet .navbar-brand:hover,
	.navbar-intranet .navbar-brand:focus {color: red; /*#5e5e5e*/background-color: transparent;}
	.navbar-intranet .navbar-text {color: #333;}

	.navbar-intranet .navbar-nav > li > a {
		color: #333;
		padding: 10px 10px;
		text-decoration: none;
		height: 40px;

		}

	/*.navbar-intranet .navbar-nav > li:first-child > a {
		margin-left: 10px;

		}
		*/

	.navbar-intranet .navbar-nav > li > a:hover,
	.navbar-intranet .navbar-nav > li > a:focus {
		color: #fff;
		background-color: #48433f;
		text-decoration: none;
		}

	.navbar-intranet .navbar-nav > .active > a:focus{
		color: #48433f;
		background-color: #fff;
		text-decoration: none;
		}
	.navbar-intranet .navbar-nav > .disabled > a,
	.navbar-intranet .navbar-nav > .disabled > a:hover,
	.navbar-intranet .navbar-nav > .disabled > a:focus {color: #ccc; background-color: transparent;}
	
	/*.navbar-intranet .navbar-collapse,
	.navbar-intranet .navbar-form {border-color: #ccc;}
	*/
	.navbar-intranet .navbar-link {color: #777;}
	.navbar-intranet .navbar-link:hover {color: #333;}
	.navbar-intranet .btn-link {color: #777;}
	.navbar-intranet .btn-link:hoverf.navbar-intranet .btn-link:focus {color: #333;}
	.navbar-intranet .btn-link[disabled]:hover,
	fieldset[disabled] .navbar--intrane .btn-link:hover,
	.navbar-intranet .btn-link[disabled]:focus,
	fieldset[disabled] .navbar--intrane .btn-link:focus {color: #ccc;}

	.navbar {
		position: relative;
	    min-height: 40px;
	    border: 1px solid transparent;

		}

	.nav > li {
		position: relative;
		display: block;
		/*font-size: 0.9em;*/
		}
	.nav > li > a {
		position: relative;
		display: block;
		text-decoration: none;
		border: 0px;
		}
	.nav > li > a:hover,
	.nav > li > a:focus {text-decoration: none; background-color: #48433f;}
	.nav > li.disabled > a {color: #777;}
	.nav > li.disabled > a:hover,
	.nav > li.disabled > a:focus {
		color: #777;
		text-decoration: none;
		cursor: not-allowed;
		background-color: transparent;
		}
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		background-color: #48433f;
		color: #fff; 	/* **** Ajout **** */
		border: 0px transparent;
		/*z-index: 1000;*/
		}
	.nav .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
		}
	.nav > li > a > img {max-width: none;}
	.navbar-brand,
	.navbar-nav > li > a {text-shadow: 0 1px 0 rgba(255, 255, 255, .25); text-decoration: none;}
	.navbar-static-top,
	.navbar-fixed-top,
	.navbar-fixed-bottom {border-radius: 0;}
	.dropup, .dropdown {position: relative; /*display: inline-block;*/}
	.dropdown-toggle:focus {outline: 0;}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 350px;
		padding: 0px 0px;
		margin: 0px 0 0 0px;
		text-align: left;
		list-style: none;
		background-color: #fff; /*f5f5f5*/
		-webkit-background-clip: padding-box;
		background-clip: padding-box ;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

	} 
	.dropdown-menu .pull-right {right: 0; left: auto;}
	.dropdown-menu .divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}


	/* *********** Modification *********** */

	.dropdown-menu > li {
		/*display: block;*/
		padding: 0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid #ccc;
		margin: 0px 0px;
		}
	.dropdown-menu > li:last-child {
		/*display: block;*/
		padding:  0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid transparent;
		}
	.dropdown-menu > li > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
		font-size: 1.1em;
		}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #48433f; /* #f5f5f5 */
		}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #48433f; /* #337ab7*/
		outline: 0;
		}
	.dropdown-menu > .disabled > a,
	.dropdown-menu > .disabled > a:hover,
	.dropdown-menu > .disabled > a:focus {color: #777;}
	.dropdown-menu > .disabled > a:hover,
	.dropdown-menu > .disabled > a:focus {
		text-decoration: none;
		cursor: not-allowed;
		background-color: transparent;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		}
	.open > .dropdown-menu {display: block;}
	.open > a {outline: 0;}
	.dropdown-menu-right {right: 0; left: auto;}
	.dropdown-menu-left {right: auto; left: 0;}
	.dropdown-header {
		display: block;
		padding: 3px 20px;
		font-size: 12px;
		line-height: 1.42857143;
		color: #777;
		white-space: nowrap;
		}
	.dropdown-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 990;
		}
	.pull-right > .dropdown-menu {right: 0; left: auto;}
	.dropup .caret,	.navbar-fixed-bottom .dropdown .caret {
		content: "";
		border-top: 0;
		border-bottom: 4px dashed;
		border-bottom: 4px solid \9;
		}
	.dropup .dropdown-menu,
	.navbar-fixed-bottom .dropdown .dropdown-menu {
		top: auto;
		bottom: 100%;
		margin-bottom: 2px;
		}

	/*.navbar-intranet {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}*/
	.navbar-intranet .navbar-nav > .open > a,
	.navbar-intranet .navbar-nav > .open > a:hover,
	.navbar-intranet .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #48433f;
		text-decoration: none;
		border-bottom: 2px solid #48433f;
		padding-bottom: 8px; 
		/*z-index:1000;*/
		}

	.navbar-intranet .navbar-nav > .open > a:hover,{
		color: #fff;
		background-color: #48433f;
		text-decoration: none;
		border-bottom: 2px solid #48433f;
		padding-bottom: 8px; 
		}
	.navbar-intranet .navbar-nav > .open > a.active:focus {color: #333;	border-bottom: 2px solid #48433f;}
	.navbar-intranet .navbar-nav > .active > a:hover{
		color: #48433f;
		background-color: #fff;
		text-decoration: none;
		border-bottom: 2px solid #48433f;
		padding-bottom: 8px;
		}
	.navbar-intranet .navbar-nav > .active > a {
		color: #48433f;
		background-color: #fff;
		border-bottom: 2px solid #48433f;
		padding-bottom: 8px;
		text-decoration: none;
		}
	.navbar-left {float: left !important;}
	.navbar-right {float: right !important; margin-right: -15px;}
	.navbar-right ~ .navbar-right {margin-right: 0;}
	.navbar-nav > li > a > .caret {
		clear: both;
		width: 10px;
		height: 22px;
		font-family: FontAwesome;
		font-size: 80%;
		margin: 0px 6px 0px 3px;
		border: 0px;
		}
	.navbar-nav > li > a > .caret:after {content: '\f078';}
	.navbar-nav .dropdown-menu > li > a .caret {
		width: 10px;
		border: none;
    	font-family: FontAwesome;
		content: '\f078';	
		}
	.navbar-nav .dropdown-menu > li > a > .caret:after {content: '\f054';}
	.sepNavbar{
		position: relative;
		display:inline-block;
		/*border-bottom: 2px solid #transparent;*/
		padding: 0px 5px 0px 5px;
		font-size: 175%;
		margin-top: 0px;
		line-height: 35px;
		float:left;

		}

	
/* **********     Mega Menu     ********** */ 

	.nav > .has-mega-menu {
		position: static !important;
		position: relative;
		display: block;
		}
	.nav .mega-menu {
		margin-left: 0 !important;
		right: 0 !important;
		width: auto !important;
		max-width: 100% !important;
		display: none;
		border: 1px solid #ccc;
		}
	.nav > .has-mega-menu .scroll-up,
	.nav > .has-mega-menu .scroll-down {
		margin-left: 0 !important;
		}
/* *** clear any floats inside the mega menus *** */
	.nav .mega-menu > li {overflow: auto; clear: both;}
/* *** reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) *** */
	.nav .mega-menu {color: #353451;}

	.nav .mega-menu p.menu-deroulant-titre{
		font-size:1.2em;
		font-weight:600;
		margin-top:20px;
		margin-bottom:10px;
		
		color:#336699;
		}
	.nav .mega-menu ul {
		position: static;
		display: block;
		margin: 0.83em 0;
		border: 0;
		padding: 0 0 0 0px;
		width: auto;
		background: transparent;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	.nav .mega-menu ul li {
		display: list-item;
		list-style-type: none;
		border: 0;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 1em;
		}
	.nav .mega-menu a {
		display: inline;
		border: 0;
		padding: 0;
		background: transparent;
		color: inherit;
		text-decoration: none;
		}
	.nav .mega-menu a:hover {text-decoration: underline;}
/* *** simple columns inside the mega menus *** */
	.nav .mega-menu .column-2 {padding: 0 20px;}	
	.nav .mega-menu .column-2 {float: left;	width: 50%;}
	.nav .mega-menu .column-all {
		float: left;
		width: 100%;
		text-align: center;
		border-top: 1px solid #ccc;
		font-weight: bold;
		}
	.nav .mega-menu .column-2 h2{font-size: 110%; font-weight: bold;}



/** Liste déroulante **/
.btn{border-radius: 0px;}

.btn-primary{color:#fff;background-color:#003366;border-color:##003366;}
.btn-primary:focus, .btn-primary.focus{color:#fff;background-color:#286090;border-color:#003366;}
.btn-primary:hover{color:#fff;background-color:#286090;border-color:#003366;}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#003366;}
.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#003366;}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#003366;}

/* *********** Modification *********** */
	.list-deroulante .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0 0 100px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #003366;
		border: 1px solid rgba(0, 0, 0, .60);
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .700);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .700);
	}

	ul.list-deroulante{
		border: 1px solid #003366;
		margin: 0px 0px 0px 10px;
		}

	.list-deroulante > li.list-menu {
		/*display: block;*/
		padding: 0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid #003366;
		margin: 0px 0px;
		}
	.list-deroulante > li.list-menu:last-child {
		/*display: block;*/
		padding:  0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid transparent;
		}
	.list-deroulante > li.list-menu > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: wrap;
		text-decoration: none;
		}
	.list-deroulante > li.list-menu > a:hover,
	.list-deroulante  > li.list-menu > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #003366; /* #f5f5f5 */
		}
	
	.list-deroulante > .active > a,
	.list-deroulante > .active > a:hover,
	.list-deroulante > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #003366; 
		outline: 0;
		}



	/* ****** Bouton du dropdown de la recherche par unité structurel ***** */
	.btn-info-recherche {
	  	font-size: 0.9em;
		/*border : 1px solid #ccc ;*/
		padding-left : 5px 10px 5px 10px;
		margin-right: 20px;
		color: #333;
		/*-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;*/
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
	}
	.btn-info-recherche:focus,
	.btn-info-recherche.focus {
	  background-color: #ddd;
	}
	.btn-info-recherche:hover {
	  background: #ddd; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(#ddd, white); /* Standard syntax */
	}
	.btn-info-recherche:active,
	.btn-info-recherche.active,
	.open > .dropdown-toggle.btn-primary {
	  background-color: #ddd;
	}
	.btn-info-recherche:active:hover,
	.btn-info-recherche.active:hover,
	.open > .dropdown-toggle.btn-primary:hover,
	.btn-info-recherche:active:focus,
	.btn-info-recherche.active:focus,
	.open > .dropdown-toggle.btn-primary:focus,
	.btn-info-recherche:active.focus,
	.btn-info-recherche.active.focus,
	.open > .dropdown-toggle.btn-primary.focus {
	  background-color: #ddd;
	}
	.btn-info-recherche:active,
	.btn-info-recherche.active,
	.open > .dropdown-toggle.btn-primary {
	  background-image: none;
	}

	


	/* *********** Modification liste déroulante contenu page*********** */

	.up {
		z-index: 2;
		position: relative; 
		display: block; 
		margin-top: 0px;
		color : #333
	   	border-color: #ccc;
		}

	.up2 {
		z-index: 1;
		position: relative; 
		display: block; 
		margin-top: 0px;
		color : #333
	   	background: #ddd; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
		border-color: #ccc;
		}

	.btn-list{
		font-size: 0.9em;
		padding: 3px 10px 3px 10px;
		color : #333;
	   	background: #ddd; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
		border-color: #ccc;

		}
	.btn-list:hover, .btn .btn-list:focus{
		color : #333;
	   	background: #ddd; /* For browsers that do not support gradients */
		border-color: #ccc;
		}

	.list-deroulante-contenu-page .dropdown-menu {
		position: absolute;
		z-index: 1;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0 0 100px;
		text-align: left;
		list-style: none;
		white-space: normal;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
	}

	ul.list-deroulante-contenu-page{
		border: 1px solid #ccc;
		margin: 0px 0px 0px 0px;
		}

	.list-deroulante-contenu-page > li.list-menu-contenu-page {
		display: block;
		padding: 0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid #ccc;
		margin: 0px 0px;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page:last-child {
		display: block;
		padding:  0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid transparent;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
		white-space: normal;
		font-size: 1.1em;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page > a:hover,
	.list-deroulante-contenu-page  > li.list-menu-contenu-page > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2; /* #f5f5f5 */
		}
	
	.list-deroulante-contenu-page > .active > a,
	.list-deroulante-contenu-page > .active > a:hover,
	.list-deroulante-contenu-page > .active > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2; 
		outline: 0;
		}

}
/* **************************************************** */
/* **********         FIN - MIN 760          ********** */
/* **************************************************** */




/* **************************************************** */
/* **********        DEBUT - MAX 757         ********** */
/* **************************************************** */

@media (max-width: 767px) {

	.navbar, .navbar-intranet .navbar-collapse, .navbar-intranet .navbar-form {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding-right: 50px;}
	

	.navbar-intranet .navbar-toggle {border-color: transaprent;}
	.navbar-intranet .navbar-toggle:hover,
	.navbar-intranet .navbar-toggle:focus {background-color: transparent;}
	.navbar-intranet .navbar-toggle .icon-bar {background-color: #48433f; height: 3px;}

	.caret{
		border-left: 1px solid #ccc;
		margin: 0 0;
		padding: 0 0;
		border-radius: 0px;
		font-weight: normal;
		}
	.nav > li > a {
		border-top: 1px solid #ccc;
		text-decoration: none;
		padding: 15px 10px;
		background-color: #fff;
		}

	.nav .open > a,
	.nav .open > a:hover {
		color: #48433f;
		background-color: #fff;
		text-decoration: none;
		padding-bottom: 0px; /*8px*/
		font-weight: normal;
		border-color: #ccc;
		}

	.nav .open > a:focus {
		color: #48433f;
		background-color: #fff;
		text-decoration: none;
		padding-bottom: 0px; /*8px*/
		font-weight: normal;
		border-color: #ccc;
		}

	/*.nav .open > a, .nav .open > a:focus, .nav .open > a:hover*/


	.navbar-intranet .navbar-nav > li > a {
		color: #333;
		padding: 10px 15px 10px 10px;
		text-decoration: none;
		height: 40px;
		background-color: #fff;
		}
	.navbar-intranet .navbar-nav > li > a:hover {
		color: #48433f;
		background-color: #fff;
		padding: 10px 15px 10px 10px;
		text-decoration: none;
		height: 40px;
		}
	.navbar-intranet .navbar-nav > li > a:focus {
		color: #fff;
		background-color: #48433f;
		text-decoration: none;
		}

	.navbar-intranet .navbar-nav > .active > a,
	.navbar-intranet .navbar-nav > .active > a:hover,
	.navbar-intranet .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: #48433f;
		padding-bottom: 0px;
		text-decoration: none;
		font-weight: normal;
		}
	
	.navbar-intranet .navbar-nav > .open > a,
	.navbar-intranet .navbar-nav > .open > a:hover,
	.navbar-intranet .navbar-nav > .open > a:focus {
		/*color: #48433f;
		background-color: #fff;*/
		text-decoration: none;
		padding-bottom: 0px; 
		font-weight: bold;
		}
	


	
/* *********************************************** */
/* ***** Navigation mobile : element du site ***** */
/* *********************************************** */
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0 0 0px;
		text-align: left;
		list-style: none;
		background-color: #fff; /*f5f5f5*/
		-webkit-background-clip: padding-box;
		background-clip: padding-box ;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

		} 
	.dropdown-menu > li {
		display: block;
		padding: 0px 0px; /*3px 20px*/
		border-bottom: 1px solid #ccc;
		margin: 0px 0px;
		vertical-align: middle;
		background-color: #fff; /*f5f5f5*/
		}
	.dropdown-menu > li:first-child {
		border-top: 1px solid #ccc;
		}
	.dropdown-menu > li:last-child {
		display: block;
		padding: 0px 0px; /*3px 20px*/
		border-bottom: 0px solid transparent;
		}
	.dropdown-menu > li > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #48433f;
		white-space: wrap;
		text-decoration: none;
		}

	.dropdown-menu > .open > a,
	.dropdown-menu > .open > a:hover {
		color: #48433f;
		text-decoration: none;
		background-color: #f2f2f2;  /*#337ab7*/
		outline: 0;
		font-weight: bold;
		}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #48433f; /* #337ab7*/
		outline: 0;
		font-weight: normal;
		}
	.dropdown-menu > .active > .open > a,
	.dropdown-menu > .active > .open > a:hover,
	.dropdown-menu > .active > .open > a:focus {
		color: #48433f;
		text-decoration: none;
		/*background-color: #fff;  #337ab7*/
		outline: 0;
		font-weight: bold;
		}
	
	.dropdown-menu > .disabled > a,
	.dropdown-menu > .disabled > a:hover,
	.dropdown-menu > .disabled > a:focus {color: #777;}
	.dropdown-menu > .disabled > a:hover,
	.dropdown-menu > .disabled > a:focus {
		text-decoration: none;
		cursor: not-allowed;
		background-color: transparent;
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		}
	.open > .dropdown-menu {display: block;}
	.open > a {outline: 0;}
	.dropdown-menu-right {right: 0; left: auto;}
	.dropdown-menu-left {right: auto; left: 0;}
	.dropdown-header {
		display: block;
		padding: 3px 20px;
		font-size: 12px;
		line-height: 1.42857143;
		color: #777;
		white-space: nowrap;
		}
	.dropdown-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 990;
		}
	.pull-right > .dropdown-menu {right: 0; left: auto;}
	.dropup .caret,	.navbar-fixed-bottom .dropdown .caret {
		border-top: 0;
		border-bottom: 4px dashed;
		border-bottom: 4px solid \9;
		}
	.dropup .dropdown-menu,
	.navbar-fixed-bottom .dropdown .dropdown-menu {
		top: auto;
		bottom: 100%;
		margin-bottom: 2px;
		}

	.navbar-nav .open .dropdown-menu > li > .open > a { font-weight: bold; }


	.navbar-nav{padding: 0px 0px; margin: 0px 0px;}
	.navMobile {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		padding-top: 0;
		}
	.navMobile ul{padding: 0px 0px;	margin: 0px 0px;}

	.navMobile > li.menuMobile {
		position: relative;
		display: block;
		/*font-size: 87.5%;*/
		padding: 0px 0px;
		background-color: #fff;
		}
	.navMobile > li.menuMobile > a,
	.navMobile > li.menuMobile > a:focus{
		position: relative;
		display: block;
		border-top: 1px solid #ccc;
		color: #333; /*#333*/   
		text-decoration: none;
		}
	.navMobile > li.menuMobile:last-child > a,
	.navMobile > li.menuMobile:last-child > a:focus {
		position: relative;
		display: block;
		border-bottom: 1px solid #ccc;
		color: #333; /*#333*/   
		text-decoration: none;
		margin: 0px 0px;
		}

	.navMobile > li.menuMobile > a:hover,
	.navMobile > li.menuMobile > a:focus,
	.navMobile > li.menuMobile:last-child > a:hover,
	.navMobile > li.menuMobile:last-child > a:focus {
		text-decoration: none;
		background-color: #fff; /*#333*/
		color: #333;
		border-top: 1px solid #ccc;
		}
	.navMobile > li.disabled > a {color: #777;}
	.navMobile > li.disabled > a:hover,
	.navMobile > li.disabled > a:focus {
		color: #777;
		text-decoration: none;
		cursor: not-allowed;
		background-color: transparent;
		}
	.navMobile .open > a,
	.navMobile .open > a:hover,
	.navMobile .open > a:focus {background-color: #48433f; color: #fff; /* **** Ajout **** */}
	.navMobile .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
		}
	.navMobile > li.menuMobile > a > img { max-width: none;}
	
/* *********************************************** */
/* *****  Navigation mobile : element corpo  ***** */
/* *********************************************** */
	.navCorpoMobile {
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		margin-top: 30px;
		}
	.navCorpoMobile > li.menuCorpoMobile {
		position: relative;
		display: block;
		font-size: 87.5%;
		height: 30px;
		}
	.navCorpoMobile > li.menuCorpoMobile > a,
	.navCorpoMobile > li.menuCorpoMobile:last-child > a {
		position: relative;
		display: block;
		border-bottom: 0px solid transparent;
		color: #003366;
		padding: 5px 10px;
		}
	.navCorpoMobile > li.menuCorpoMobile > a:hover,
	.navCorpoMobile > li.menuCorpoMobile > a:focus
	.navCorpoMobile > li.menuCorpoMobile:last-child > a:hover,
	.navCorpoMobile > li.menuCorpoMobile:last-child > a:focus {
		text-decoration: none;
		background-color: #fff;
		color: #003366;
		padding: 5px 10px;
		}
	.navCorpoMobile > li.disabled > a {color: #777;}
	.navCorpoMobile > li.disabled > a:hover,
	.navCorpoMobile > li.disabled > a:focus {
		color: #777;
		text-decoration: none;
		cursor: not-allowed;
		background-color: transparent;
		}
	.navCorpoMobile .open > a,
	.navCorpoMobile .open > a:hover,
	.navCorpoMobile .open > a:focus {background-color: #003366; /*#48433f*/color: #fff; /* **** Ajout **** */}
	.navCorpoMobile .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
		}
	.navCorpoMobile > li > a > img {max-width: none;}
	.sepNavbar{display: none;}
	.nav .mega-menu {border-bottom: 1px solid #ccc;}
	.nav .mega-menu ul {
		position: static;
		display: block;
		margin: 0.83em 0;
		border: 0;
		padding: 0 0 0 0px;
		width: auto;
		background: transparent;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}
	.nav .mega-menu ul li {
		display: list-item;
		list-style-type: none;
		border: 0;
		padding-top: 4px;
		padding-bottom: 4px;
		}
	.nav .mega-menu a {
		display: inline;
		border: 0;
		padding: 0;
		background: transparent;
		color: inherit;
		text-decoration: none;
		}
	.nav .mega-menu a:hover { text-decoration: underline;}
/* *** simple columns inside the mega menus ***  */
	.nav .mega-menu .column-2 {padding: 0 10px;}	
	.nav .mega-menu .column-2 {
		float: left;
		width: 100%;
		display: block;
		}
	.nav .mega-menu .column-all {
		float: left;
		width: 100%;
		text-align: left;
		font-weight: bold;
		margin-left: 10px;
		}
	.nav .mega-menu .column-2 h2{font-size: 110%; font-weight: bold;}



    .navbar-nav .open .dropdown-menu .dropdown-header > li > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		
		line-height: 1.42857143;
		white-space: wrap;
		text-decoration: none;
		}

	.navbar-nav .open .dropdown-menu > li > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		
		line-height: 1.42857143;
		white-space: wrap;
		text-decoration: none;
		}
	.navbar-collapse{	background-color: #fff; border-bottom: 1px solid #ccc;}


	/* *********** Modification *********** */
	.list-deroulante .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0 0 100px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #003366;
		border: 1px solid rgba(0, 0, 0, .60);
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .700);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .700);
	}

	ul.list-deroulante{
		border: 1px solid #003366;
		margin: 0px 0px 0px 10px;
		}

	.list-deroulante > li.list-menu {
		display: block;
		padding: 0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid #003366;
		margin: 0px 0px;
		}
	.list-deroulante > li.list-menu:last-child {
		display: block;
		padding:  0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid transparent;
		}
	.list-deroulante > li.list-menu > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: wrap;
		text-decoration: none;
		}
	.list-deroulante > li.list-menu > a:hover,
	.list-deroulante  > li.list-menu > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #003366; /* #f5f5f5 */
		}
	
	.list-deroulante > .active > a,
	.list-deroulante > .active > a:hover,
	.list-deroulante > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #003366; 
		outline: 0;
		}



	


	/* *********** Modification liste déroulante contenu page*********** */

	.up {
		z-index: 2;
		position: relative; 
		display: block; 
		margin-top: 0px;
		color : #333
	   	border-color: #ccc;
		}

	.up2 {
		z-index: 1;
		position: relative; 
		display: block; 
		margin-top: 0px;
		color : #333
	   	background: #ddd; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
		border-color: #ccc;
		}

	.btn-list{
		color : #333;
	   	background: #ddd; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
		border-color: #ccc;
		}
	.btn-list:hover, .btn .btn-list:focus{
		color : #333;
	   	background: #ddd; /* For browsers that do not support gradients */
		border-color: #ccc;
		}

	.list-deroulante-contenu-page .dropdown-menu {
		position: absolute;
		z-index: 1;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 0px 0px;
		margin: 0px 0 0 100px;
		text-align: left;
		list-style: none;
		white-space: normal;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
	}

	ul.list-deroulante-contenu-page{
		border: 1px solid #ccc;
		margin: 0px 0px 0px 0px;
		}

	.list-deroulante-contenu-page > li.list-menu-contenu-page {
		display: block;
		padding: 0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid #ccc;
		margin: 0px 0px;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page:last-child {
		display: block;
		padding:  0px 0px; /*3px 20px*/
		clear: both;
		border-bottom: 1px solid transparent;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page > a {
		display: block;
		padding: 10px 10px; /*3px 20px*/
		clear: both;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
		white-space: normal;
		font-size: 1.1em;
		}
	.list-deroulante-contenu-page > li.list-menu-contenu-page > a:hover,
	.list-deroulante-contenu-page  > li.list-menu-contenu-page > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2; /* #f5f5f5 */
		}
	
	.list-deroulante-contenu-page > .active > a,
	.list-deroulante-contenu-page > .active > a:hover,
	.list-deroulante-contenu-page > .active > a:focus {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2; 
		outline: 0;
		}

	.dropdown .dropdown-menu .caret{
		border: 1px solid transparent !important;
		border-left-color: #ccc !important;
	}

}

/* **************************************************** */
/* **********         FIN - MAX 767          ********** */
/* **************************************************** */