*{
margin:0px;
padding:0px
}
body a{
font-size:13px;
font-family:Arial,sans-serif;

}
body{
overflow:auto;
}

/*------------------------------------------------------------------------------------------------------------*/

.sous_mn a img{
border:none ;

}

	#but_out{
	
	background-image:url(../images/90px-Vista-logout.png);
	background-repeat:no-repeat;
	background-position:center;
	width:50px;
	height:50px;
	margin:3px;
	}
	#but_config{	
	background-image:url(../images/config.png);
	background-repeat:no-repeat;
	background-position:center;
	width:50px;
	height:50px;
	margin:3px;
	}	
	#modif{
	border:solid;
	font-family:"Comic Sans MS";
	font-weight:bold;
	border:#000000;
	font-size:8px;
	}
	#modif div{
	width:20px;
	height:20px;
	margin:2px;

	}

#set_affiche td{
	padding-left: 6px;
	padding-right: 6px;
	padding-top :4px;
	padding-bottom : 4px;
	border-right : solid 1px;
	border-right-color: #FF6600;
	/*border-left : solid 1px;
	border-left-color: #4E85A0;
	border-top : solid 1px;
	border-top-color: #4E85A0;
	border-bottom : solid 1px;
	border-bottom-color: #4E85A0;	*/
	font-size:13px;
	font-family:Arial,sans-serif;

}

.Style2 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
.stl_mode{
font-size:16px;

}
/*---------------------------------------------------------------css pour tableau affichage -------------------------------------------------*/


#mytable2 td{
	
	padding-left: 6px;
	padding-right: 6px;
	padding-top :4px;
	padding-bottom : 4px;
	border-right : solid 1px;
	border-right-color: #FF6600;
	/*border-left : solid 1px;
	border-left-color: #4E85A0;*/
	border-top : solid 1px;
	border-top-color: #FF6600;
	/*text-align: center;*/
	color: #000000 ;
	/*text-align:center ;*/
}
#tablehead2 {
	border-top : solid 1px;
	border-top-color: #FF6600;
	background-color:#fabf8f;
	/*background:-moz-linear-gradient(bottom, #fabf8f, #F49082);*/
	font-weight:bold;
	font-size:12px;
	text-align:center ;
	
}
#tablehead2_2 {
	background-color:#F49082;
	text-align:center ;
}
.tablehead2_first_cell {
border-left : solid 1px #FF6600;
	
}
#FirstCell2 {
	border-left : solid 1px;
	border-left-color: #FF6600;
	text-align : left ;
	
}
#FirstCell3 {
	border-left : solid 1px;
	border-left-color: #FF6600;
	text-align : center ;
	
}
#BottomLine2 {
	border-top: solid 1px #FF6600;
}
#mytable2 input[type=text]{
border: solid 1px #A9A9A9;
}
/*---------------------------------------------------------------css pour tableau de données	-------------------------------------------------*/

#CenterTable table{
text-align: center;
width:95%;
}
#mytable td{
	
	padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: solid 1px;
    border-right-color: #C5C4C6;
    text-align: center;
	
}
#tablehead {
    border-top: solid 1px;
    border-top-color: #C5C4C6;
    border-right-color: #FFF;
    background-color: #EE6F56;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
}
#tablehead a{
	/*text-decoration:none;*/
	color:black;
}
#FirstCell {
	border-left : solid 1px;
	border-left-color: #C5C4C6;
}

#BottomLine {
	border-top: solid 1px #C5C4C6;
}
/*-----------------------------------------------------page index--------------------------------------------------------*/
.tab_index{
	margin-top:50px;
	margin-bottom:50px;
}
/*.tab_index2{
	border:solid thin #111111;
	margin-top:50px;
	margin-bottom:50px;
	padding:50px 150px 50px 150px;
}*/

.d_menu2 a{
	padding:5px;
	color:#000;
	text-decoration:none;
}

.d_menu_station a{
	padding-left:10px;
	color:#FF8040;
	text-decoration:none;

}

.firstM{
	padding-left:10px;
	text-decoration:none;
	color:#0033FF;
}
.m{
	
	text-decoration:none;
}
.d_menu a{
	text-align:left;
	text-decoration:none;
	padding:5px;
	color:#0033FF;	
}
.d_menu a:hover{
	text-decoration:none;
	/*background:#F4F4F4;*/
	padding:5px;	
}
.d_menu3 a{
	text-align:left;
	text-decoration:none;
	padding:30px;
	color:#0033FF;	
}
.d_menu3 a:hover{
	text-decoration:none;
	/*background:#F4F4F4;*/
	padding:30px;	
}
.logo_yob{
	margin-bottom:50px;
	width:310px;
	height:76px;
	background:url(../images/groupe_logos/YObeen_index.png);
	background-repeat:no-repeat;

		
}
.but_se_connect{
border:solid thin #111111;
cursor:pointer;
}
.but_se_connect:hover{
border:solid thin #111111;
background:#F5E2CD;
cursor:pointer;
}



/*===============================================================================================================================================*/
.logo_yob2{
	width:119px;
	height:45px;
	background:url(../images/groupe_logos/yobeen2.jpg);
	background-repeat:no-repeat;
	padding-bottom:8px;
		
}
.delassus{
	width:139px;
	height:32px;
	background:url(../images/delassus.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;	
}
.calibr input[type=text]{
margin:5px;

}
.titre_graph {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.class_footer{
	font-family:Helvetica;
	font-size: 12px;
}
.class_footer a{
	text-decoration:none;
	font-family:Helvetica;
	font-size: 12px;
}
.erreur{
color:red;
}
.success {
	border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
	background-repeat: no-repeat;
	background-position: 5px center;
}
/*=========================================				 style menu   	 	==============================================================*/
.menu_list {	
	width: 100%;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:normal;
    background: #FCF5EF ;
}
.menu_head2 {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:normal;
    background: #FCF5EF ;
}
.menu_body {
	display:none;
}
.menu_body a{
  /*display:block;*/
 /* color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:none;*/
  }
 /*=========================================		les butt next preview first and end  	 	==============================================================*/ 
  #parcour {
	text-align:center ;
  } 
  #parcour img{
	border:0px;
	cursor: pointer;
	margin-left:8px;
  }


.div_lang a{
text-align:right;
text-decoration:none;
color:blue ;
/*font-weight :bold;*/
}

.moozoom{
cursor:move;
}
/**************************************************************/
#div_left_screan_notif{
    display:block;
  /*  position:absolute;
    top:36%;
    left:85%;*/
    width:120px;
	height:600px;;
	/*margin-top:120px;*/
	margin-right:10px;
    padding-left:5px;
	background-color:#F2F2F2;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	border:1px solid #999999 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow-x: hidden;
	overflow-y: auto;
	
}
      /*   #div_left_screan_notif::-webkit-scrollbar {
                width: 6px;
                height: 6px;
            }

         #div_left_screan_notif::-webkit-scrollbar-button:end:increment  {
                display: none;
            }
             
         #div_left_screan_notif::-webkit-scrollbar-track-piece  {
                background-color: #F2F2F2;
                -webkit-border-radius: 6px;
            }
             
         #div_left_screan_notif::-webkit-scrollbar-thumb:vertical {
                -webkit-border-radius: 6px;
                background: #f2d29f url(../images/scrollbar_thumb_bg.png) no-repeat center;
            }*/

#div_left_screan_notif a{
	font-family:Arial,sans-serif;
	font-size:9px;
	list-style:none;
	text-decoration:none;
	/*color:#000000;*/
		
}
#div_left_screan_notif:hover{

	opacity:0.8;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	/*cursor:pointer;*/
}
	.box_notif
	{
	min-height:50px;
	border-bottom:#333333 dashed 1px;
	margin-bottom:9px;
	text-align:left ;
	width:110px;
	font-family:Arial,sans-serif;
	font-size:9px;
	list-style:none;
	}
	.spn_read_more{
		padding-top:6px;
		font-size:12px;
		color:#999;
		font-family:Arial, Helvetica, sans-serif;
		/*margin-left:580px;
		margin-top:5px;*/
		text-align:right;
	}
	.spn_date_notif{
		font-size:11px;
		color:#999;
		font-family:Arial, Helvetica, sans-serif;
		/*margin-left:580px;
		margin-top:5px;*/
		text-align:right;

	}
	.notif_name
	{
	font-size: 11px; 
	color: #FF8040; 
	font-weight: bold;
	/*margin-left:1px;*/
	}
		#titre_com{
	 width:110px;
	margin-top:0px;
	margin-right:10px;	
	text-align:center ;
	font-size:14px;
	color:#666666;
	/*font-weight: bold;*/
	}
/**************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
#container {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	background-color: white;
	position:relative;
	min-width:1172px;
}

#header {
	width: 100%;
	background-color: #C5C4C6;
	height:38px;
	color:#FFF;
	position:fixed;
	top:0;
	z-index:99;
}

#left-column{
	width: 10%;	
	float: left;
	margin-left:10px;
	/*height: 100%;*/
	position: fixed;

}



#content {
	
	margin-left: 11%;
	width: 86%;
	border-left:#ccc dashed 1px;
	margin-top: 38px ;
	
}
#content_rap {
	
	
	width: 90%;
	border-left:#ccc dashed 0px;
	margin-top: 38px ;
	
}
#footer {
	/*background-color: #EB9A52;*/
	clear: both;
	text-align:center
}
#logo_yobeen{
	background:url(../images/groupe_logos/yobeen2.jpg)no-repeat;
	width:105px;
	height:38px;
	margin-left:10px;
	float: left;
	background-color:#ffffff;
	
	}
#menu1{
	width:540px;
	margin-left:0px;
	float: left;
	height:25px;
	padding-top:5px;
	margin-right:5px;	

	}
#menu1 a{	
	text-decoration:none;
	margin-left:13px;	
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	}		
#menu1 div{
	float: left;	
	margin-right:8px;	
	}
	
#menu_rp{
	
	margin-left:0px;
	float: left;
	height:25px;
	padding-top:5px;
	margin-right:5px;	

	}
#menu_rp a{	
	text-decoration:none;
	margin-left:13px;	
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	}		
#menu_rp div{
	float: left;	
	margin-right:8px;	
	}
#right_menu{
	width:250px;
	margin-right:10px;
	float: right;
	height:25px;
	padding-top:5px;
	text-align:right;

	}	
#right_menu a{	
	text-decoration:none;
	margin-right:5px;	
	color:#000000;
	font-weight:bold;
	}	
#station_search{
	padding-top:2px;
	float:left;
	width:400px;
	margin-left:565px;
	position:absolute;
	}	
#logo{
	
	width:110px;
	height:60px;
	margin-top:2px;
	margin-left:0px;
	text-align:center;
	padding-top:5px;


	}
#menu_dt{
	width:100%;
	/*float:left;*/
	text-align:center;
	}
#menu_graph{
	width:50%;
	float:left;
	text-align:right;

	}	
.loading {
	background: url(../images/loader.gif) no-repeat center center;
	height:100px;
	display:none;
	margin-top:5%;
		}
.loading_csv {
	background: url(../images/loader.gif) no-repeat center center;
	height:100px;
	display:none;
	margin-top:5%;
		}		
#logo_groupe{
	width:150px;
	height:60px;
	float:left;
	margin-top:10px;
	margin-left:0px;
	text-align:left;
	padding-top:10px;
	
	
}
.d_menu_station{

margin-right:100px;
text-align : justify;
/*border:#333333 dashed 1px;*/
}

#modeles_graph{
	padding-top:1%;
	float:left;
	margin-left:0;
	width:120px;
	position:absolute;
	z-index:15;
	/*border:1px solid #ccc;*/
	margin-top:15%;
	
}
#modeles_graph input[type=radio] {
	cursor:pointer;
	width:15px;
	height:15px;
	padding:0px;
	margin-right:2px;


}
#modeles_graph li{
list-style-type: none;


	margin-top:10px;
	background: #F2F2F2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#bbb));
    background: -moz-linear-gradient(0% 100% 90deg,#bbb, #F2F2F2);
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #f5f5f5;
    -webkit-box-shadow: inset 0px 1px 3px #f5f5f5;
    color: #333;
    font-family: "lucida grande", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 0px #eee;
    width: 90px;
	padding-top:3px;
	padding-bottom:3px;
	
}
	 	
/*-*------------------------*/


.autocomplete-w1 { position: absolute; top: 0px; left: 0px; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto;*/
/* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
    .autocomplete .selected { background: #F0F0F0; }
    .autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
    .autocomplete strong { font-weight: normal; color: #F60; }
/*
#query { 
font-size: 12px; 
padding: 8px; 
border: 1px solid #F60; 
display: block; 
width:250px;
float:left;
background-color:#fff;
color:#404040;
font-family:Verdana, Arial, sans-serif;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0;
position:fix;

 }
 #query:focus{
background-color:#E0E0E0;
border:1px solid #F60;
}
*/
/* search input field */
#query{
	background: #ededed url(../images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 5px 10px 5px 32px;
	width: 260px;
	font-size: 12px; 
	
	/*-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;*/
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	float:right;
	margin-right:10%;
	position:fixed;
	margin-top:2px;
	
}
#query:focus {
	width: 280px;
	background-color: #fff;
	border-color: #F5D0A9;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
.menu_periode{
	margin:0px ;
	position:fixed;
	width:75px;
	top: 40%; 
	left: 16%;
	z-index: 3; 
	background-color:#E0E0E0;
}
#div_but_calendar{
margin-bottom:8px;
}
#f_csv input[type=text],select{

				
				margin:6px 0;
				height:30px;
				width: 100%;
				 
				  display: block;
				  border: 1px solid #EDEDED;
				  border-radius: 4px;
				  transition: 0.2s ease-out;
				  color: #a1a1a1;
	}
#f_csv  button {
			border:1px solid #D9B524;
			width:160px;
			height:35px;
			color:#BA9A17;
			font-weight:bold;
			margin-bottom:100px ;
	}

#f_csv  button:hover {
			cursor:pointer;
			background-color:#F9E594;
	}	
#table_csv{
			margin-bottom:300px ;
}
#gallery:hover{
cursor: -moz-zoom-in;

}

/*--------------------*/
#profile_edit {
			width:420px; 
			/*height:140px;*/
			position:absolute;
			top:38px;
			right:-106px;
background-color:#EB9A52;

}
#private{
	border:1px solid red;
	padding:10px ;
	width:400px;
	color:red ;
	margin-bottom:300px ;
	background-color:#ffb2b2;
}
/*--------------------*/
.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #f05b41;
	-webkit-box-shadow: 0px 10px 14px -7px #f05b41;
	box-shadow: 0px 10px 14px -7px #f05b41;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0826e), color-stop(1, #ed7863));
	background:-moz-linear-gradient(top, #f0826e 5%, #ed7863 100%);
	background:-webkit-linear-gradient(top, #f0826e 5%, #ed7863 100%);
	background:-o-linear-gradient(top, #f0826e 5%, #ed7863 100%);
	background:-ms-linear-gradient(top, #f0826e 5%, #ed7863 100%);
	background:linear-gradient(to bottom, #f0826e 5%, #ed7863 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0826e', endColorstr='#ed7863',GradientType=0);
	background-color:#f0826e;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ee7057;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed7863), color-stop(1, #f0826e));
	background:-moz-linear-gradient(top, #ed7863 5%, #f0826e 100%);
	background:-webkit-linear-gradient(top, #ed7863 5%, #f0826e 100%);
	background:-o-linear-gradient(top, #ed7863 5%, #f0826e 100%);
	background:-ms-linear-gradient(top, #ed7863 5%, #f0826e 100%);
	background:linear-gradient(to bottom, #ed7863 5%, #f0826e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed7863', endColorstr='#f0826e',GradientType=0);
	background-color:#ed7863;
}
.myButton:active {
	position:relative;
	top:1px;
}
.erreur {
  position: absolute;
  bottom: -70px;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #FC2B2B;
  padding: 10px 0;
  font-size: 12px;
  display: none;
  opacity: 0;
}
.erreur:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(46, 204, 113, 0);
  border-bottom-color: #FC2B2B;
  border-width: 10px;
  margin-left: -10px;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
.alert {
  position: relative;
  top: 30%;
  width:  30%;;
  display: table;
  margin: -50px auto 0 auto;
  padding: 8px 35px 8px 14px;
  background: #fff;
  border-radius: 4px;
}
.alert-danger,
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}

.header ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	

}

.header li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

.header li a {
	display:block;
	padding:0 6px 0px 10px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #C5C4C6;
	text-decoration: none;
}

.header li:hover a {
	background: #EE6F56;
}

.header li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

}

.header li ul {
	display: none;
}


.header li ul li {
	display: block;
	float: none;
}


.header li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


.header ul li a:hover + .hidden, .hidden:hover {
	display: block;
}


@media screen and (max-width : 760px){

	.header ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.header li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.header ul li, li a {
		width: 100%;
	}
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.breadcrumb {
  background-color: #F3F3F3;
 line-height: 23px;
	width: 104%;
		 text-decoration:none ;
}
.breadcrumb > li {
  display: inline-block;
}



.breadcrumb a{
 text-decoration:none ;
  color:#5B5B5B ;
  text-decoration:none ;
}

.breadcrumb li:hover a {
	background: #E5E5E4;
}
.breadcrumb ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;

}
.breadcrumbs {
	width: 104%;
  margin-bottom: 21px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0;
}
.breadcrumbs > li {
  display: inline-block;
}
.breadcrumbs> li + li:before {

  
  color: #999999;
}
.breadcrumbs > .active {
  color: #333333;
}