/* © 2015 */

/* ------------------------------------------------------------ */
/* SMARTPHONE - TABLETTE */
/* ------------------------------------------------------------ */
@media (max-width: 989px) {
	/* CHANGEMENT COULEUR ------------------------------------- */
	body{
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #0F5B96 url(../images/img01.gif) repeat-x;
		color: #A4E4F5;	
	}
	
	#logo{
		display:none;
	}
	
	/* AFFICHE LOGO */
	.navbar-brand{
		display:block;
		height:150px;
	}
	
	/* ??? */
	#menu, .navbar-collapse{
		padding:0px;
		background: #0F5B96 url(../images/img01.gif) top repeat-x;
	}

	
	/* CHANGEMENT COULEUR FOND BARRE DE MENU ------------------ */
	.navbar {
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
		padding:10px 0px;
		margin: 0px;
		border:0px;
		height:150px;
		background: transparent url(../images/img02.jpg) no-repeat;
	}
	
	#smenu{
		display:table;
		width: 100%;
		text-align: left;
		font-size:16px;
		text-transform:none;
		margin:0px;
		padding:10px 0px;
		background:#000;
	}
	#smenu ul{
		list-style:none;
		list-style-image: none;
		padding:0px;
		text-indent:10px;
	}
	
	.nav-justified > li {
		width: 100%;
		text-align: left;
		margin:0px;
		padding:0px;
	}
	
	/* COULEUR MENU */
	#smenu li{
		background: #292929;
	}
	#smenu li a{
		text-decoration:none;
		display:block;
		padding:10px;
		color:#fff;
	}
	
	/* COULEUR SURVOL MENU */
	#smenu li:hover a, #smenu li li:hover a{
		color:#fff;
		background:#292929;
	}
	
	/* COULEUR SOUS-MENU */
	#smenu li:hover li a{
		color:#606060;
		text-transform:inherit;
		background:#000;
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
	}
	
	/* GESTION SURVOL ONGLET ---------------------------------- */
	#smenu li a {
		color:#fff;
		text-align: left;
		margin:0px;
		padding:5px 10px;
		background: #000;
	}
	#smenu li a:hover  {
		color:#fff;
	}
	#smenu li a:hover, .nav li a:focus{
		background:#333333;
		
		-moz-border-radius: 5px;
		-webkit-border: 5px;
		border-radius: 5px;
	}
	
	#smenu li ul li a, #smenu li a:hover ul li a{
		font-size:11px;
		font-weight:normal;
		text-transform:none;
		color:#606060;
	}
	#smenu li ul li a:hover, #smenu li a:hover ul li a:hover{
		text-decoration:none;
		color:#fff;
	}
}

/* ------------------------------------------------------------ */
/* PC */
/* ------------------------------------------------------------ */
@media (min-width: 990px) {
	.navbar{
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
		padding:10px 0px;
		margin: 0px;
		border:0px;
		height:150px;
		background: transparent url(../images/img02.jpg) no-repeat;
	}
	#menu{
		padding:0px 0px;
	}

	.navbar-brand{
		display:none;
	}

	#smenu, #smenu ul{
		display:table;
		width: 100%;
			
		font-size:14px;
		text-transform:none;
	}

	#smenu li{
		float: none;
		display: table-cell;
		width: auto;
		text-align: center;
	}
	
	#smenu > li{
		border:0px;
		-moz-border-radius: 0px;
	}

	#smenu ul li{
		display:inherit;
	}
		
	#smenu li ul{
		position: absolute;
		left: -999em;
		z-index:999999;
		margin: 0px;
		padding: 0px;
		text-align:left;
		background:none;
	}
		
	#smenu li:hover ul, #nav li.sfhover ul{
		left: auto;
	}	
	
	#smenu li:hover ul{
		width:auto;
	}
	
	/* COULEUR MENU */
	#smenu li{
		background: none;
		padding-top:50px;
	}
	#smenu li a{
		text-decoration:none;
		display:block;
		padding:10px;
		color:#fff;
	}
	
	/* SOUS MENU */
	#smenu ul a{
		margin:0px;
		padding:0px;
		width:200px;
		
		height:30px;
		
		color:#000;
		font-weight:bold;
		text-transform:uppercase;
		
		background:#1b97ce;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	
	/* COULEUR SURVOL MENU */
	#smenu li a, #smenu li li a{
		color:#000;
		
		background:#1b97ce;
		margin:0px 5px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	
	/* COULEUR SURVOL MENU */
	#smenu li:hover a, #smenu li li:hover a{
		color:#000;
		
		background:#1eb4dd;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}

}