/*----GENERAL----*/
body /* OK */
{
	font-family: Verdana,Arial,sans-serif;
}


label 
{ 
	display: inline-block; 
	width: 185px; 
	text-align: right; 
	margin-right:5px;
}
	
a /* OK */
{ 
	text-decoration:none; 
	color:black;
}

fieldset 
{
	text-align: center;
	width: 600px !important;
}
/*----FIN GENERAL----*/

/*----CLASSES----*/

.ui-menu { 
    overflow: hidden;
}

.ui-menu .ui-menu {
    overflow: visible !important;
}

.ui-menu > li { 
    float: left;
    display: block;
    width: auto !important;
}

.ui-menu ul li {
    display:block;
    float:none;
}

.ui-menu ul li ul {
    left:120px !important;
    width:100%;
}

.ui-menu ul li ul li {
    width:auto;
}

.ui-menu ul li ul li a {
    float:left;
}

.ui-menu > li {
    margin: 5px 5px !important;
    padding: 0 0 !important;
}

.ui-menu > li > a { 
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
}

.ui-menu .ui-menu-icon { 
    margin-top: 0.3em !important;
}

.ui-menu .ui-menu .ui-menu li { 
    float: left;
    display: block;
}

 .ui-accordion {
	width:100%;
}

 .ui-tooltip {
	text-align: center;
}

.table-border {
	background: #555555;
	border-top : 1px solid white;
}

.table-center {
	margin: auto;
	width: 400px;
}

.selectable .ui-selecting { 
	background: #FECA40; 
}

.selectable .ui-selected { 
	background: #F39814; 
	color: white; 
}

.selectable { 
	list-style-type: none; 
	text-align:center; 
	width: 640px;
	padding-left:2px;
}

.selectable li {
	margin: 5px; 
	padding-top: 10px;
	float: left; 
	width: 200px; 
	height: 40px; 
}

.validation {
	margin-top: 15px;
	margin-bottom: 15px;
}

.radioset {
	display: inline-block;
    margin: auto;
}

.radio-label {
   display: inline-block;
   vertical-align: top;
   margin-right: 3%;
}

.radio-input {
   display: inline-block;
   vertical-align: top;
}

.tableyear {
   font-size:50%;
}

.tableyear:hover {
   text-decoration: underline !important;
}

.check_icon {
	display : inline-block;
	background: url(img/appbar.check.png);
	width: 20px;
	height: 20px;
	z-index : 5;
	margin-right : 11px;
}

.false_icon {
	display : inline-block;
	background: url(img/appbar.axis.x.letter.png);
	width: 20px;
	height: 20px;
	z-index : 5;
	margin-right : 11px;
}

.button_select {
	display : inline-block;
	z-index : 3;
	background-color : #fd2f18; /* background-color : #6bbe27; */
	color : black;
	padding : 10px 16px 10px 10px;
	border-radius : 4px;
	margin : 6px 3px;
}

.green {
	color : rgb(0,200,0);
}

.red {
	color : rgb(200,0,0);
}

.yellow {
	color : yellow;
}
/*----FIN CLASSES----*/

/*----ID----*/
#arrow_r {
	position:relative; 
	bottom:20px; 
	left:70px;
}

#arrow_r:hover {
	background-color:#4ca1bf;
	cursor:pointer;
}

#arrow_l {
	position:relative; 
	top:20px; 
	right:70px;
}

#arrow_l:hover {
	background-color:#4ca1bf;
	cursor:pointer;
}

#tableau_marge_services /* OK */
{
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid white;
	min-width: 75%;
	margin-bottom: 60px;
}

#tableau_marge_services td /* OK */
{
	border-collapse: collapse;
	border: 1px solid white;
	text-align: center;
	padding: 10px;
}

#userBar a /* OK */
{
	color:white; 
	font-size:75%;
}

#home_img, #account_img, #menu_img, #aide_img, #exit_img /* OK */
{
	position:relative;
	top:6px;
}

#home_img /* OK */
{
	left:4px;
}

#exit_span  /* OK */
{
	right: 2px;

}

#facebook_logo_footer /* OK */
{
	position:relative;
	top:4px;
}

#fieldset_connexion  /* OK */
{
	position: relative;
	bottom: 50px;
	margin: auto;
}

#userBar /* OK */
{
	height: 60px;
	background-color: #f84dee;
	border-radius: 6px;
	border-style : solid;
	border-width : 2px; 
	
}

#footer /* OK */
{
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 30px;  
   background: #4ca1bf;
   font-size: 85%;
   z-index: 15;
   border-top: 2px solid black;
}

#footer_content /* OK */
{
   text-align:center;
   line-height:30px;
}

#userMenu /* OK */
{
	position: relative;
	z-index: 10;
	width: 1148px;
	height: 47px;
	margin: 10px auto;
}

#accordion /* OK */
{
	position: relative;
	padding-bottom: 35px;
}

#dialog-message 
{
	text-align: justify;
	text-justify: inter-word;
}

#checkbox  
{
	text-align: justify;
	margin-left: 40%;
}

#salon_courant /* OK */
{
	display: block;
	text-align: center;
	position: relative;
	top: 47px;
}

#little_info
{
	font-size: 75%;
	margin-top: 9px;
	text-align:center;
}

#currentCompany /* OK */
{
	position: absolute;
	right: 20px;
	top: 32px;
	color: white;
}

#currentCompany a /* OK */
{
	color: white;
}

#currentCompany a:hover /* OK */
{
	text-decoration: underline;
}

#indexpng /* OK */
{
	display: block;
	margin: auto;
}

#table-border 
{
	background: #555555;
	border-top : 1px solid white;
}

#home_span:hover, #account_span:hover , #exit_span:hover, #menu_span:hover, #aide_span:hover  /* OK */
{
    text-decoration: underline;
}

#recap_previsionnel
{
	position: fixed;
    bottom: 45;
    left: 0;
	width : 100%;
    height: 42px; 
    z-index: 15;
	color : black;
	background-color : white;
	text-align : center;
}

#recap_previsionnel li
{
	margin : auto;
	padding : 5px;
	display : inline;
	border-left : 2px solid black;
}
/*----FIN ID----*/

/*----TABLE----*/
#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid white;
	min-width: 75%;
}

#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 16px;
	color: white;
}

#newspaper-b tbody
{
	background: #626262;
}

#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
	color:white;
	
}

#newspaper-b tbody tr:hover td
{
	color: black;
	background: #4ca1bf;
}
/*----FIN TABLE----*/