/**
 * Templetes : Logidoc-Solutions
 *
 * Copyright : Logidoc-Solutions
 * @package Go2
*/


body {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	text-align: center;
	background: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body , a{
	color: #000000;
}

a, a:link, a:visited, a:active {
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
}

a img  {
	border-style: none;
}

ul, li {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

label, input, select {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.clear {
	clear: both;
	height: 0px;
	display: none ;
	overflow: hidden;
}

.align-center {
	text-align: center;
}

/* 
**   Div global : fixe la largeur du site
*/
#ls_wrapp
{
	width: 1000px; 
	margin: 0px auto; 
	margin-top: 5px;
	text-align: left;
	position: relative;
}


/*
**   Entete du site  (cette div comprend la banni�re, les boutons, ...)
*/
#ls_headerTop {
	text-align: right;
	margin-bottom: 4px;
}

#ls_headerTop a {
	color: #3C3533;
	padding-left: 10px;
	padding-right: 10px;
}

#ls_header {
	margin: 0px;
    padding: 0px;
	height: 155px;
	position: relative; 
	background: url(img/bandeau_rsi.jpg) no-repeat;
}

.layout-header-env {
	top: 135px;
	left: 430px;
	color: red;
	font-weight: bold;
	position: absolute;
	text-align: center;
}

/* 
**   Positionnement du formulaire de login
*/
#ls_header .login  {
	top: 55px;
	right: 5px;
	width: 240px;
	height: 90px;
	position: absolute;
        
}

#ls_header .login p {
	margin: 0px; 
	padding: 0px;
	padding-top:2px;
}

#ls_header .login, #ls_header .login div {
	text-align:right;
}

#ls_header .login input[type=text], #ls_header .login input[type=password]
{
    width:140px;
}



#ls_header label.form_login {
	width:90px;
	float: left;
	color: black; 
	font-size: 0.9em;
	margin-top:3px;
        font-weight:bold;
        
}

#ls_header label.form_login_yes {
	color: black; 
	font-size: 0.9em;
	text-align: right;
        //visibility:hidden;
}

#ls_header .btn_login {

    margin-top:10px;
    margin-right:20px;
}




/*
**	ls_menu
*/
#ls_menu {
	position: relative; 
	padding-left: 149px;
	background-repeat: repeat-x;
	background-image: url("img/header-bottom-bg.png");
}

#ls_menu ul {
	height:24px;
	border-left: 1px solid #FFFFFF;
}

#ls_menu li {
	float: left;
	width: 174px;
	list-style-type: none;
	border-right: 1px solid #FFFFFF;
}

#ls_menu li a {
	color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	background-image: url("img/bouton-menu.png");
}

#ls_menu li a:hover {
	background-image: url("img/bouton-menu-hover.png");
}

/*
**   Navigation
*/
#ls_navigation {
	top: 5px;
	left: 160px;
	color: #939598;
	font-size: 0.8em;
	position: absolute;
}
	
#ls_navigation a, #ls_navigation a:visited, #ls_navigation a:link, #ls_navigation a:active {
	color: #939598;
	text-decoration:underline;
}

/*
**	Bandeau
*/

#ls_headContent {
	position: relative;
}

#ls_leftContent {
	float: left;
	width: 150px;
}

#ls_leftContent .content {
	width: 137px;
	height: 131px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 5px;
	text-align: center;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url("img/colonne-gauche.png");
}

#ls_leftContent .username {
	color: #000000;
	margin:5px auto;
	font-size: 0.85em;
}

#ls_leftContent .private a {
	color: #000000;
	margin:5px auto;
	font-size: 0.85em;
	text-decoration: underline;
}

#ls_leftContent .logout  a{
	width: 116px;
	height: 16px;
	margin: auto;
	color: #FFFFFF;
	display: block;
	background-image: url("img/bouton-deco.png");
}


#ls_rightContent {
	float: right;
	width: 150px;
}

#ls_rightContent .content {
	width: 136px;
	height: 120px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url("img/colonne-droite.jpg");
}

#ls_rightContent .contact_mail {
	margin-top: 10px;
	margin-left: 8px;
}

#ls_rightContent .contact_mail a{
	height: 30px;
	display: block;
	color: #000000;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 30px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url("img/Aide-en-ligne.png");
}

#ls_rightContent .contact_azur {
	margin-top: 10px;
	text-align: center;
}


#ls_leftContent h3, #ls_rightContent h3 {
	color: #50565f;
	font-size: 12px;
	text-align: justify;
	padding-bottom: 2px;
	margin: 6px 0px 0px 6px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("img/souligne.png");
}

#ls_titleContent {
	height: 150px;
	margin-left: 150px;
	margin-right: 150px;
	background-repeat: repeat-y;
	background-image: url("img/colonne-gauche.jpg");
}

#ls_titleContent .content {
	padding-top: 30px;
	padding-left: 30px;
}

#ls_titleContent  h1{
	color: #50565f ;
	font-size: 1.9em;
	margin: 0px 0px -5px 0px;
}

#ls_titleContent  h1.indent{
	margin-left: 90px;
}

/*
**	Page
*/
#ls_mainContent {
	margin-top: 20px; 
	padding: 0px; 
	width: 1000px; 
}



/*
**	Pied de page
*/
#ls_footer {
	clear: both ;
    padding: 0 10px;
	text-align: center;
}

#ls_footer {
	margin-top: 20px;
	width: 100%;
	height: 30px;
	font-size: 0.85em;
	color: #B8B8B8;
}

#ls_footer a, #ls_footer a:visited, #ls_footer a:link, #ls_footer a:active {
	text-decoration: none;
	color: #B8B8B8;
}
	
#ls_footer a:hover {
	text-decoration: underline;
	color: #B8B8B8;
}

#ls_footer span.separator {
	color: #DEC4D8;
}

#ls_debug {
	text-align: left;
}


/*
**   Suivi
*/

#ID0 {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 0.8em;
	position:relative;
	text-align: center;
	background-color: #50565f;
}

#ID0 #recherche_titre {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 5px;
	line-height: 25px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url("img/enveloppe-blanc.png")
}

#ID1 table {
	color: #000000;
	border: 1px solid #50565f;
}

#lineSubmit {
	width: 100%;
	background-color: #767B82;
}

#lineSubmit .lineSubmitL {
	width: 250px;
}

#lineSubmit .lineSubmitC {
	text-align: center;
}

#lineSubmit .lineSubmitC input {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	background: none;
	font-size: 1.05em;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("img/pt-fleche-blanc.png")
}

#lineSubmit .lineSubmitR {
	width: 250px;
	text-align: right;
	padding-right: 5px;
}

#lineSubmit .lineSubmitR a {
	color: #FFFFFF;
	font-weight: bold;
}



#myTable  {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #50565f;
	background-color: #d3d7d9;
}

#myTable thead {
	height:30px;
	background-color: #50565f;
}

#myTable th, #myTable td , #myTable td a{
	color: #000000;
	font-size: 10px;
	text-align: center;
}

#myTable tbody td {
	line-height: 20px;
}

#myTable .suivi_ligne {
	background-color: #d3d7d9;
}

#myTable .suivi_ligne_hover, #myTable tbody tr:hover {
	background-color: #50565f;
}

#myTable .suivi_ligne_suppr {
	background-color: #C3C3C3;
}

#myTable .tr_selected  {
	background-color: #BAC9E6;
}


#myTable  thead td, #myTable  thead a {
	color: #FFFFFF;
}

#myTable .suivi_asc, #myTable .suivi_desc {
	font-style: italic;
	font-weight: bold;
	line-height: 15px;
}

#myTable  .icon_sort_asc {
	padding-left: 2px;
	padding-right: 3px;
}

#myTable .icon_sort_desc {
	padding-left: 3px;
	padding-right: 3px;
}

#myTable .suivi_asc .icon_sort_asc {
	border: 1px solid #FFFFFF;
}

#myTable .suivi_desc .icon_sort_desc {
	border: 1px solid #FFFFFF;
}


#myTable  .suivi_doc_date, #myTable  .suivi_doc_time {
	width: 60px;
}

#myTable  .suivi_doc_name {
	width: 200px;
}


.infos_enregistrement {
	text-align: center;
}

.infos_enregistrement, .infos_enregistrement a {
	color: #000000;
	font-size: 9px;
}

.infos_enregistrement a.page_en_cours {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
}


img.column_loupe, img.column_plus, img.column_suppr, img.column_cadenas {
	width: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
}

img.column_plus {
	background-image: url(img/plus.gif);
}

img.column_loupe {
	background-image: url(img/loupe.gif);
}

img.column_suppr {
	background-image: url(img/corbeille.png);
}

img.column_cadenas {
	background-image: url(img/cadenas.gif);
}

img.column_suppr_ok{
	width: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(img/del15x15.png);
}


input.input {
	width:120px; 
	text-align:left;
}

select.input {
	width: 125px; 
	text-align: left;
}

input.inputDate {
	width:80px; 
	text-align:center ;
}

input.button_delete
{
   width:137px;
   height:25px;
   background-image: url(img/button_delete.png);
}

input.button_delete:hover
{
   background-image: url(img/button_delete-.png);
}


/*
**   Validation
*/

#suiviShowHide {
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 20px;
	background-color: #50565f;
}

#suiviShowHide p {
	margin: 0px;
	color: #FFFFFF;
}

#SearchEngine {
	padding-top: 10px;
	border: 1px solid #50565f;
	background-color: #FFFFFF;
}

#SearchEngine table {
	width: 100%;
	color: #000000;
	font-size: 0.85em;
}

#SearchEngine table td{
	line-height: 25px;
	padding-left: 5px;
}

#lineValid {
	height: 20px;
	background-color: #767B82;
}

#lineValid table {
	width: 100%;
	text-align:center;
}

#lineValid  input {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	background: none;
	font-size: 1.05em;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("img/pt-fleche-blanc.png")
}

#SearchResult {
	margin-top: 20px;
}

#SearchResult .table {
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #202873
}


#SearchResult .table thead {
	height: 35px;
	cursor:pointer;
	text-align:center;
	background-color: #3D62AD;
}

#SearchResult .table td {
	height: 28px;
}

#SearchResult .table th, #SearchResult .table td , #SearchResult .table td a{
	color: #000000;
	font-size: 11px;
	text-align: left;
}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	font-size: 10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;	
	background-color: #ffffff;	
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #fbc94a;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #ffe090;
	color: #000;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	background-color: #fff; 
	color: #929292;
}

span.infos
{
	color: #000000;
	font-size: 9px;
	text-align: center;
}

span.error{
  font-size: 0.9em;
  display: inline; 
  color: red; 
  font-weight: bold;
}

#BoxAction {
	display:none;
	text-align: center;
}

.BoxAction {
	width:80%;
	margin: auto;
	border: solid 1px #000000;
	background-color: #FFE090;
}

.BoxAction td {
	color: #000000;
	text-align: left;
}

#noBoxAction {
	color: #F0F8FF;
	padding: 5px;
	text-align: left;
	background-color: #483D8B;
}

#global_popup {
	width: 600px;
	margin: 10px;
}

#global_popup #myTable thead td {
	color: #FFFFFF;
}

#myTable.valid_admin tbody td {
	padding: 3px;
	text-align: left;
}

/*
**   Stat
*/

#module_recherche_statistique {
	padding: 8px;
	border: 1px solid #929292;
}


/*
**   Admin
*/

#administrateur .colonne {
	float: right;
	width: 160px;
	text-align: center;
}

#administrateur .main {
	float: left;
	width: 700px;
	padding-left: 20px;
}

#administrateur .main , #administrateur .main a{
	color: #000000;
}

#administrateur #myTable tbody td {
	text-align: left;
	padding-left: 5px;
	line-height: 22px;
}

#administrateur #myTable.logs {
	width: 300px;
}

#administrateur span.title {
	font-size: 0.9em;
	text-decoration: underline;
}

#administrateur label.form {
	float: left;
	width: 190px;
	display: block;
}

#administrateur #listedisponible, #administrateur #listeretenues {
	width: 200px;
	height: 200px;
}