/* © 2013 CALA ROSSA :  Bexter Vaince CSS */


/* ------------------------------------------------ CSS */

/*---------------------------------------------------------------------*/
/* PARAMETRES : menu  */
/*---------------------------------------------------------------------*/
#menuBASIKA .descMENU{
	text-transform:none;
	text-align:justify;
	font-weight:normal;
}

#menuBASIKA h1{
	text-transform:none;
	font-size:25px;
}

/* ------------------------------------------------------------ */
/* SMARTPHONE - TABLETTE */
/* ------------------------------------------------------------ */
@media (max-width: 989px) {
	/* CHANGEMENT COULEUR */
	body{
		background:#f5f7f8;
	}
	
	#bg{ 
		display:none;
	}
	
	/* DISPLAY HEADER */
	#header{
		display:none;
	}
	
	/* AFFICHE LOGO */
	.navbar-brand{
		display:block;
	}

	
	/* CHANGEMENT COULEUR FOND BARRE DE MENU */
	.navbar {
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
		background:#f26a39;
		text-align: left;
		padding:0px;
		margin: 0px;
	}
	
	#smenu {
		/*display:table;
		width: 100%;
		max-width:990px;*/
		text-align: left;
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		font-size:13px;
		text-transform:none;
	}
		
	.nav-justified > li {
		width: 100%;
		text-align: left;
	}


	/* SEPARATION ENTRE LES ONGLET */
	#smenu > li{
		padding:0px;
		text-align: left;
		color:#f26a39;
		background:#f0f2f4;
		border-top:1px solid #ffffff;
		border-bottom: 1px solid #dfe5e9;
	}
	#smenu > li:hover > a, #smenu > li:focus > a{
		color:#fff;
		background:#f26a39;
	}
	
	/* GESTION SURVOL ONGLET */
	#smenu > li > a {
		text-align: left;
		padding:5px 10px;
		color:#f26a39;
	}
	#smenu > li> a:hover  {
		color:#fff;
	}
	#smenu > li > a:hover, .nav > li > a:focus{
		color:#fff;
	}
	
	#smenu li ul li a, #smenu li a:hover ul li a{
		font-size:11px;
		font-weight:normal;
		text-transform:none;
		color:#89949b;
	}
	#smenu li ul li a:hover, #smenu li a:hover ul li a:hover{
		text-decoration:none;
		color:#f26a39;
	}
	
	#smenu li{
		position:inherit;
		display:block;
	}
	#smenu li .container{
		display:none;
		background:#fff;
		margin: 0px;
		padding: 0px;
	}
	
	#smenu li:active .container, #smenu li:focus .container, #smenu li:hover .container{
		display:block;   
	} 
	
	#smenu ul{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px;
	}
	
	#smenu ul li{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px;
	}
	
	.displayMENU{
		display:none;
	}
}

/* ------------------------------------------------------------ */
/* PC */
/* ------------------------------------------------------------ */
@media (min-width: 990px) {

	.fixed {
		position:fixed;
		top:0;
		z-index:9999;
		width:100%;
	}
	
	.navbar{
		/*background:#fff;*/
		
		padding:0px;
		margin: 0px;
	}

	.navbar-brand{
		display:none;
	}
	
	/* ------------------------------------------------ MENU : Général */
	#menuBASIKA {
		border-top:1px solid #d64e1e;
		box-shadow:0px 1px 3px rgba(0,0,0,0.2), inset 0px 1px 0px rgba(255,255,255,0.3);
		border-bottom:1px solid #d64e1e;
		background: #f25920; /*fallback for non-CSS3 browsers*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4794d) to(#f25920)); /*old webkit*/
		background: -webkit-linear-gradient(top, #f4794d, #f25920); /*newer webkit*/
		background: -moz-linear-gradient(top, #f4794d, #f25920); /*old gecko*/
		background: -o-linear-gradient(top, #f4794d, #f25920); /*opera 11.10+*/
		background: linear-gradient(to bottom, #f4794d, #f25920); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
		-pie-background: linear-gradient(to bottom, #f4794d, #f25920); /*ie 6-9 via PIE*/

	}
	
	#menuBASIKA img{
		border-radius: 4px;
		/*border:1px solid #c0c6ca;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.1); */
	}
	
	#menuBASIKA #smenu {
		display:table;
		width: 100%;
		max-width:1180px;
		padding:0px;
		
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		font-size:13px;
		text-transform:uppercase;
		border:0px;

	}
		
	#menuBASIKA #smenu > li {
		display: table-cell;
		float: none;
		width: auto;
		text-align: center;
	}
	
	#menuBASIKA #smenu > li{
		border-left:1px solid #f58b64;
		border-right:1px solid #d64e1c;
	}
		
	#menuBASIKA #smenu > li > a {
		color:#ffffff;
		padding:15px 10px;
		min-height:50px;
		box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
		background: #f25920; /*fallback for non-CSS3 browsers*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4794d) to(#f25920)); /*old webkit*/
		background: -webkit-linear-gradient(top, #f4794d, #f25920); /*newer webkit*/
		background: -moz-linear-gradient(top, #f4794d, #f25920); /*old gecko*/
		background: -o-linear-gradient(top, #f4794d, #f25920); /*opera 11.10+*/
		background: linear-gradient(to bottom, #f4794d, #f25920); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
		-pie-background: linear-gradient(to bottom, #f4794d, #f25920); /*ie 6-9 via PIE*/
	}
	
	#menuBASIKA #smenu > li > a:hover {
		color:#ffffff;
		
		background: #d64e1e; /*fallback for non-CSS3 browsers*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4794d) to(#d64e1e)); /*old webkit*/
		background: -webkit-linear-gradient(top, #f4794d, #d64e1e); /*newer webkit*/
		background: -moz-linear-gradient(top, #f4794d, #d64e1e); /*old gecko*/
		background: -o-linear-gradient(top, #f4794d, #d64e1e); /*opera 11.10+*/
		background: linear-gradient(to bottom, #f4794d, #d64e1e); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
		-pie-background: linear-gradient(to bottom, #f4794d, #d64e1e); /*ie 6-9 via PIE*/
	}
	
	#menuBASIKA #smenu li{
		position:inherit;
	}
	#menuBASIKA #smenu li .container{
		width:100%;
		background:#fff;
		
		border-right:1px solid #c0c6ca;
		border-left:1px solid #c0c6ca;
		border-bottom:3px solid #f15821;
		
		text-decoration:none;
		text-transform:none;

		position: absolute;
		left: -999em;
		z-index:999999;
		margin: 0px;
		padding: 0px;
		
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		box-shadow: 0 5px 10px rgba(0,0,0,.2);;
	}
	
	#menuBASIKA #smenu li .container a{
		color:#89949b;
		line-height: 24px;
		font-size: 16px;
		
	}
	
	#menuBASIKA #smenu li .container a:hover, #menuBASIKA #smenu li .container a:focus{
		color:#f26c3b;
		text-decoration:none;
	}
	
	#menuBASIKA #smenu li .container [class*="col-"]{
		/*border:1px solid #f15821;*/
	}

	#menuBASIKA #smenu li:hover .container{
		left: 0;
	}
	
	#menuBASIKA .container ul{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px;
	}
	
	#menuBASIKA .container ul li{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px 0px 0px 20px;
	}
	
	/* ------------------------------------------------ MENU : Top */
	#menuTOP {
		background:none;
	}
	
	#menuTOP #smenuTOP {
		display:table;
		width: 100%;
		padding:0px 0px 0px 0px;
		
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		font-size:13px;
		text-transform:none;
	}
		
	#menuTOP #smenuTOP > li {
		display: table-cell;
		float: none;
		width: auto;
		height:30px;
		padding:0px 0px 10px 0px;
		/*text-align: center;*/
	}
	
	#menuTOP #smenuTOP > li{
		/*border-left:1px solid #f58b64;
		border-right:1px solid #d64e1c;*/
	}
		
	#menuTOP #smenuTOP > li > a {
		color:#4b5c65;
		background: none;
	}
	
	#menuTOP #smenuTOP > li > a:hover {
		color:#f05821;
		background:none
	}
	
	#menuTOP #smenuTOP li{
		position:inherit;
	}
	#menuTOP #smenuTOP li .container{
		width: 350px;
		background:#fff;
		position: absolute;
		left: -999em;
		top:30px;
		z-index:999999;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		border-top:1px solid #c0c6ca;
		border-left:1px solid #c0c6ca;
		border-right:1px solid #c0c6ca;
		border-bottom:3px solid #f15821;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		box-shadow: 0 5px 10px rgba(0,0,0,.2);
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:12px;
		text-transform:none;
	}
	
	#menuTOP #smenuTOP li .container [class*="col-"]{
		/*border:1px solid #f15821;*/
    
	}

	#menuTOP #smenuTOP li:hover .container{
		left: 0;
	}
	
	#menuTOP ul{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px;
	}
	
	#menuTOP ul li{
		list-style:none;
		list-style-image: none;
		margin:0px;
		padding:0px;
	}
	
	#menuTOP_01 input, #menuTOP_02 input, #menuTOP_03 input{
		width:100%;
		margin:10px 0px;
	}
	
}