/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (min-width: 801px) {
	#FIRST-MENU-UL{
		display:block !important;
	  }
}
@media screen and (max-width: 800px) {

	#LOGIN label {
		font-size: 13px;
	}

	#LOGIN input[type=text], #LOGIN input[type=password] {
		height: 26px;
		font-size: 20px;
		border: 1px solid black;
	}

	form .submit input[type=submit]:hover, .submit input.BUTTON-mission[type=button]:hover {
		background:none;
		background-color:#ff5102;
		border-color: #ff5102;
	}

	.MESSAGE-flash{
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 270px;
		max-height: 100px;
		height: 50px;
	}


	.content-data p{
	    white-space: nowrap
	}
	.content-data{
		overflow:scroll;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;
	border: none;
	background-color: #0078ae;
	font-weight: normal; color: #ffffff; }

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none;  background:none; background-color: #ff5102; font-weight: normal; color: #ffffff; }

	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

	.topnav ul {
	width: 100%;
    display: block;
  }

  .navcontainer{
	clear:both;
  }

  #HEADER h1{
    height: 54px;
    display: block;
  }

  #FIRST-MENU-UL{
	display:none;
	margin:0;
  }

  .topnav li {
	clear:both;
	width:100%
	}
	#SECOND-MENU{
		display:none;
	}

  div.FIRST-MENU1.icon{
    display: block;
	width: auto;
	z-index:20;
	height:22px;
	float: right;
	position: absolute;
    right: 0;
	color:#FFF;
	}
   div.SECOND-MENU.icon-menu-2 {
	color:#FFF;
    display: block;
	width: auto;
	height:22px;
	position: absolute;
    left: 0;
    z-index: 1;
	float: left;

   }
  div.FIRST-MENU1.icon a, div.SECOND-MENU.icon-menu-2 a{
	padding:5px 10px;
	text-decoration:none;
  }


#FIRST-MENU{
    float:right;
    width:100%;
	position:absolute;
	height:auto;
}

#FIRST-MENU ul li{
    float:right;
    text-align:center;
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
    margin:0;
    list-style-type:none;
    width:100%;
}
ul li{
    list-style-type:none;
}
#FIRST-MENU ul li a, div.FIRST-MENU1.icon a, div.SECOND-MENU.icon-menu-2 a {
    color:#FFF;
    display:block;
    font-weight:bold;
}
#FIRST-MENU ul li a{
    padding:5px 0;
}
#FIRST-MENU ul li{
	background:none;
    background-color:#0078ae;
    border-color:#0099dd;
}
#FIRST-MENU ul li:hover{
	background:none;
    background-color:#ff5102;
    border-color: #ff5102;
}
#FIRST-MENU ul li, div.FIRST-MENU1.icon, div.icon.actif, div.icon:hover{
	background:none;
    background-color:#0078ae;
    border-color:#0099dd;
}
#COL-LEFT{
	top:62px;
}
#SECOND-MENU{
	overflow:hidden;
	transition: width 1s;
}
#SECOND-MENU.responsive{
	width:100%;
}
#SECOND-MENU li, h3.ui-accordion-header {
  white-space: nowrap;
}
#SECOND-MENU ui-accordion-content{
	background-color: #FFF;
}
#SECOND-MENU{
	display:block;
	width:0px
}
div.SECOND-MENU.icon-menu-2{
	top:64px;
	background:none;
	position:absolute;
	z-index:3;
    background-color:#ff5102;
    border-color:#ff5102;
}

#COL-RIGHT{
	width:100%;
}
#COL-LEFT.responsive{
    z-index: 2;
}
#COL-LEFT{
    position: absolute;
    z-index: -1;
	width:100%
}


#FIRST-MENU ul li.actif,#FIRST-MENU ul li:hover{
	background:none;
    background-color:#ff5102;
    border-color: #ff5102;
}

.ui-accordion .ui-accordion-header { padding: .4em .5em .3em .7em; zoom: 1; }


#FIRST-MENU ul div.icon.actif a,  div.icon-menu-2.actif a, #FIRST-MENU ul div.icon:hover a{
	padding:5px 10px;
}

#FIRST-MENU ul li.actif a,#FIRST-MENU ul li:hover a{
    padding:5px 0;
}

.topnav{
	z-index:15;
}
.topnav.responsive  {border-bottom:1px solid black;}
}