/* LAYERS */
#conteneur {
	width:100%;
	margin:0 auto;
}

#wrap {
	overflow:hidden;
}

#sidebar {
	padding:5px;
	width:300px;
	float:left;
}
/**/
#contenu {
	margin-left:310px;
	min-height:50px;
	padding:5px;
	padding-left:10px;
	border-left:solid 1px #777777;
}

/* HEADER */
#header {
	height:80px;
	border-bottom:solid 2px #777777;
}
#header #logo {
	float:left;
}
#header #choix_saison {
	position:absolute;
	left:200px;
	top:32px;
}
#header #identifiants {
	position:absolute;
	top:35px;
	margin-left:450px;
}
#header #deconnect {
	float:right;
	top:32px;

	text-align: right;
}

#header #deconnect a {
	display: block;
	margin-bottom: 5px;
}

/* SIDEBAR */
#sidebar img {
	text-align:center;
	vertical-align:middle;
}

#ajout_ligne ul, #ajout_thermo ul {
	font-size:1em;
	list-style:none;
	margin-left:-25px;
}

#modif_ligne, #modif_affichables {
	float: left;
}

/*Thermo*/
#lst_thermos, 
#lst_thermos ul {
	list-style:none;
	margin-left:-35px;
	clear:both;
}
#lst_thermos ul li a,
#lst_thermos ul li {
	float:left;
	/*width:16px;*/
	font-size:1em;
	margin-right:5px;
	text-align: center;
}
#lst_thermos li {
	height:20px;
}
#lst_thermos ul li.lst_thermos_thermo {
	width:30px;
}
#lst_thermos .lst_thermos_suppr {
	float:right;
	margin-right:10px;
}
#lst_thermos .thermo_suppr,
#lst_thermos .thermo_suppr a {
	color:#FA422F;
	clear:both;
}

/* affichables */
#lst_lignes {
	overflow-y: auto;
	max-height: 400px;
}

#lst_lignes, 
#lst_lignes ul {
	list-style:none;
	margin-left:-35px;
	clear:both;
}
#lst_lignes ul li a,
#lst_lignes ul li {
	float:left;
	/*width:16px;*/
	font-size:1em;
	margin-right:5px;
	text-align: center;
}
#lst_lignes li {
	height:20px;
}

#lst_lignes ul li.lst_ligne_ligne {
	width:80px;
}
#lst_lignes .lst_ligne_suppr {
	float:right;
	margin-right:10px;
}
#lst_lignes .ligne_suppr,
#lst_lignes .ligne_suppr a {
	color:#FA422F;
	clear:both;
}

/* affichables */
#lst_affichables
{
	overflow-y: auto;
	max-height: 400px;
}

#lst_affichables,
#lst_affichables ul
{
	list-style: none;
	margin-left: -35px;
	clear: both;
}

#lst_affichables ul li a,
#lst_affichables ul li
{
	float: left;
	/*width:16px;*/
	font-size: 1em;
	margin-right: 5px;
	text-align: center;
}

#lst_affichables li
{
	height: 20px;
}

#lst_affichables ul li.lst_ligne_ligne
{
	width: 80px;
}

#lst_affichables .lst_ligne_suppr
{
	float: right;
	margin-right: 10px;
}

#lst_affichables .ligne_suppr,
#lst_affichables .ligne_suppr a
{
	color: #FA422F;
	clear: both;
}

span.col2 span {
	padding:0px;
}
/* Initial = orange */
.etat_0, .etat_36, .etat_37, .etat_51, .etat_52, .etat_53, .etat_54  {
	background-color:#ffcf42;
}
/* Valide = vert */
.etat_23,
.etat_24,
.etat_13,
.etat_12,
.etat_11,
.etat_10,
.etat_39,
.etat_40,
.etat_43,
.etat_44,
.etat_60,
.etat_62 {
	background-color:#8cbc44;
}
/* Refuse = rouge */
.etat_17,
.etat_16,
.etat_15,
.etat_14,
.etat_41,
.etat_42,
.etat_45,
.etat_46,
.etat_61,
.etat_63 {
	background-color:#fa422f;
}

/* CONTENU */
#breadcrumb {
	
}
#tabs {
	/*width:90%;*/
	margin:10px;
	margin-left:0px;
	overflow:hidden;
}

/* thermometre */
.thermometre_tableau span.col5,
.thermometre_tableau span.col4,
.thermometre_tableau span.col3,
.thermometre_tableau span.col2,
.thermometre_tableau span.col1 {
    display:inline;
    float:left;
    margin:0px;
    padding:3px;
   }
 .thermometre_tableau p {
    clear:left;
    margin:0px;
    padding:0px;
    height:2em;
    line-height:1.5em;
   }
 .thermometre_tableau p.legende {font-weight:bold}
 .thermometre_tableau span.col1 {width:300px;}
 .thermometre_tableau span.col2 {width:90px;text-align: right;}
 .thermometre_tableau span.col3 {width:450px}
 .thermometre_tableau span.col4 {width:200px}
 .thermometre_tableau span.col5 {width:200px}

.thermometre_tableau .infoEtat {
	float:left;
	width: 15px;
}
.thermometre_tableau .sep_bloc_thermo {
    border: 1px solid #EFEFEF;
    clear: both;
    display: inline-block;
    float: left;
    margin-bottom: 30px;
	padding-left:15px;
	padding-right:15px;
}
.thermometre_tableau .sep_bloc_thermo h5 {
	background-color: #FFFFFF;
    display: inline-block;
    margin-left: 20px;
    margin-top: -8px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Entree */
.paramBaseEntree {
	margin-top: 15px;
	font-size: 1.2em;
}

.labelParamEntree{
	padding:5px;
}
#uploadFichierForm,
.fichier_tableau {
	margin-top:20px;
}

#msg {
	color: #FA422F;
    display: inline-block;
    margin-left: 15px;
}

#fields {
}

#buttonUpload {
	margin-left:10px;
}

#fichierCompForm label {
	padding:2px;
}

#fichierCompForm label.ui-state-active {
	background:#8cbc44;
}

.listeLog {
	float:right;
	size: 9px;
	background-color:#FA422F;
	color:#DDDDDD;
}

.fichier_tableau span.col4,
.fichier_tableau span.col3,
.fichier_tableau span.col2,
.fichier_tableau span.col1 {
    display:inline;
    float:left;
    margin:0px;
    padding:3px;
   }
 .fichier_tableau p,
 .fichier_tableau p a {
    clear:left;
    margin:0px;
    padding:0px;
    height:2em;
    line-height:1.5em;
   }
 .fichier_tableau p.legende {font-weight:bold}
 .fichier_tableau span.col1,
 #fileToUpload,
 #fileToUploadPDFWeb,
 #fileToUploadPA,
 #fileToUploadPR,
 #fileToUploadGI,
 #fileToUploadBM {
 	width:300px;
}
 .fichier_tableau span.col2,#fileType {width:150px}
 .fichier_tableau span.col3 {width:150px}
 .fichier_tableau span.col4 {width:50px}


/* Generation */


/* Validation */
.validation_tableau span.col7,
.validation_tableau span.col6,
.validation_tableau span.col5,
.validation_tableau span.col4,
.validation_tableau span.col3,
.validation_tableau span.col2,
.validation_tableau span.col1 {
	display:inline;
	float:left;
	margin:0px;
	padding:3px;
}
.validation_tableau span.col2 span {
    padding-left: 3px;
    padding-right: 3px;
}
 .validation_tableau p {
    clear:left;
    margin:0px;
    padding:0px;
    height:2em;
    line-height:1.5em;
   }
 .validation_tableau p.legende {font-weight:bold}
 .validation_tableau span.col1 {width:300px;font-weight:bold;}
 .validation_tableau span.col2 {width:50px}
 .validation_tableau span.col3 {width:200px}
 .validation_tableau span.col4 {width:200px}
 .validation_tableau span.col5 {width:200px}
 .validation_tableau span.col6 {width:300px}
 .validation_tableau span.col7 {width:400px}

#button_gen_finale {
	margin-top:50px;
	width:100%;
	text-align:center;
}

/* PDF */
.block-PDFImp, .block-PDFWeb, .block-PDFAffichable {
    border: 1px solid #EFEFEF;
    padding: 5px;
    margin-bottom:15px;
}
.block-PDFImp > div,
.block-PDFWeb > div,
.block-PDFAffichable > div {
    background-color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin-top: -13px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Historique */
table.historique {
	width:700px;
	font-family:"Trebuchet MS",Verdana,Arial
}

/* ligne
#histo_1 { }*/
/* saison
#histo_2 { }*/

table.historique .qui {
	width:200px;
	text-align:left;
}
table.historique .action {
	width:200px;
	text-align:left;
}
table.historique .ligne {
	width:50px;
	text-align:center;
}

table.historique .type {
	width: 100px;
	text-align: left;
}
table.historique .quand {
	width:100px;
	text-align:center;
}

/* FOOTER */
#footer {
	width:100%;
	height:80px;
	border-top:solid 2px #777777;
	text-align:center;
	color:#dddddd;
	size: 10px;
}

/* GENERAL */
.fleft {
	float:left;
	margin-bottom: 10px;
}

#ajax_loader {
	margin: 20px auto;
	width:48px;
	height:48px;
	z-index:1001;
}

#ajax_loader_fond {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.5;
	filter:Alpha( Opacity=50);	
	vertical-align:middle;
	text-align:center;
}

/* ************ */
/* GESTION USER */
/* ************ */
#gestion_user ul {
    font-size: 1em;
    list-style: none outside none;
    margin-left: -25px;
}
.ajoutUser label{
	display: inline-block;
    padding-right: 10px;
    text-align: right;
    width: 200px;
}
.ajoutUser #buttonAjout{
	margin-left: 200px;
}
.listingUser {
	display: inline-block;
	font-size:12px;
}
.listingUser .user_detail, .listingUser .user_suppr {
	clear: both;
	padding-bottom: 25px;
}
.listingUser .user_suppr, .listingUser .user_suppr a {
	color:#FA422F;
	font-size:12px;
}
.listingUser .user_detail_modif,
.listingUser .user_detail_suppr {
	display: block;
    float: left;
    margin-left: 10px;
    width: 50px;
}
.listingUser .user_detail_nom,
.listingUser .user_detail_prenom,
.listingUser .user_detail_profil {
	display: block;
    float: left;
    margin-left: 10px;
    width: 150px;
}
.listingUser .user_detail_email {
	display: block;
    float: left;
    margin-left: 10px;
    width: 250px;
}

/* ************** */
/* GESTION SAISON */
/* ************** */
#gestion_saison ul {
    font-size: 1em;
    list-style: none outside none;
    margin-left: -25px;
}
.ajoutSaison label{
	display: inline-block;
    padding-right: 10px;
    text-align: right;
    width: 200px;
}
.ajoutSaison #buttonAjout{
	margin-left: 200px;
}
.listingSaison {
	display: inline-block;
	font-size:12px;
}
.listingSaison .saison_detail, .listingSaison .saison_suppr {
	clear: both;
	padding-bottom: 25px;
}
.listingSaison .saison_suppr, .listingSaison .saison_suppr a {
	color:#FA422F;
	font-size:12px;
}
.listingSaison .saison_detail_modif,
.listingSaison .saison_detail_suppr {
	display: block;
    float: left;
    margin-left: 10px;
    width: 50px;
}
.listingSaison .saison_detail_nom,
.listingSaison .saison_detail_mep,
.listingSaison .saison_detail_code {
	display: block;
    float: left;
    margin-left: 10px;
    width: 130px;
}
.listingSaison .saison_detail_date {
	display: block;
    float: left;
    margin-left: 10px;
    width: 250px;
}

/* listing complet lignes */
.listingLigne {
	font-size:13px;
	display: inline-block;
}
.listingLigne .ligne_ligne, .listingLigne .ligne_suppr {
	clear: both;
	padding-bottom: 25px;
}
.listingLigne .ligne_suppr, .listingLigne .ligne_suppr a {
	color:#FA422F;
}
.listingLigne .lst_ligne_ligne {
	display: block;
    width: 50px;
    float: left;
    text-align: right;
}
.listingLigne .lst_ligne_ligne a {
	font-size:13px;
}
.lst_ligne_etat {
	width: 15px;
}
.listingLigne .lst_ligne_etat_hor,
.listingLigne .lst_ligne_etat_arret,
.listingLigne .lst_ligne_etat_thermo,
.listingLigne .lst_ligne_etat_msg,
.listingLigne .lst_ligne_etat_batfin,
.listingLigne .lst_ligne_etat_batweb,
.listingLigne .lst_ligne_suppr {
	display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
    width: 20px;
}
.listingLigne .lst_ligne_format,
.listingLigne .lst_ligne_volets {
	display: block;
    float: left;
    margin-left: 10px;
    width: 100px;
}

/* listing complet thermometre */
.listingThermo {
	font-size:13px;
	display: inline-block;
}
.listingThermo .ligne_ligne, .listingThermo .ligne_suppr {
	clear: both;
	padding-bottom: 25px;
}
.listingThermo .ligne_suppr, .listingThermo .ligne_suppr a {
	color:#FA422F;
}
.listingThermo .lst_ligne_ligne {
	display: block;
    width: 75px;
    float: left;
    text-align: right;
}
.listingThermo .lst_ligne_ligne a {
	font-size:13px;
}
.listingThermo .lst_ligne_pdf_aller,
.listingThermo .lst_ligne_pdf_retour,
.listingThermo .lst_ligne_gif,
.listingThermo .lst_ligne_bmp {
    display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
    width: 125px;
}
.listingThermo .lst_ligne_pdf_aller a,
.listingThermo .lst_ligne_pdf_retour a,
.listingThermo .lst_ligne_gif a,
.listingThermo .lst_ligne_bmp a {
    color:#000000;
    font-size:13px;
    text-decoration:none;
}
.listingThermo .lst_ligne_pdf_aller a:hover,
.listingThermo .lst_ligne_pdf_retour a:hover,
.listingThermo .lst_ligne_gif a:hover,
.listingThermo .lst_ligne_bmp a:hover {
    text-decoration:underline;
}

.etat_neutre {
	background-color: #EFEFEF;
}

/* visu tableau horaire version HTML */
.mypopin3 {
	color:#000000;
	background:#FFF;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	border-radius:.5em;
	-moz-border-radius:.5em;
}
.mypopin3 .popin-content {
	padding:10px;
}
.mypopin3 .popin-content p {
	padding:0;
	margin:0 0 1em;
}
.col_manchette, .col_Horaire {
	padding-left: 5px;
    border-right: 1px solid #000000;
    padding-right: 5px;
    font-size: 11px;
}
.col_manchette {
	border-left: 1px solid #000000;
	width: 210px;
}
.col_Horaire {
	width: 30px;
	text-align:center;
}
.LVLigneImpaire{
	background-color:#ffe88c;
}
.SemLigneImpaire{
	/*background-color:#8cd3f1;*/
	background-color:#d0e292;
}
.SamLigneImpaire{
	/*background-color:#d0e292;*/
	background-color:#8cd3f1;
}
.DimLigneImpaire{
	background-color:#f28c98;
}
.HoraireSurReservation {
	background-color:#BFBFBF;
}

/* ***** couleur de ligne ***** */
.ligneC40, .ligneC41,
.ligneC50, .ligneC51,
.ligneK50, .ligneK51,
.ligneC60,
.ligneC70, .ligneK70, .ligneK71,
.ligneP80, .ligneP81, .ligneK80 {
	background-color:#775698;
}
.ligneP82, .ligneP83 {
	background-color:#A28EBA;
}
.ligneL1 {
	background-color:#005CA9;
}
.ligneL2 {
	background-color:#0080C9;
}
.ligneL3 {
	background-color:#003770;
}
.ligneL4 {
	background-color:#004F9F;
}
.ligneL5 {
	background-color:#0080C9;
}
.ligneL6 {
	background-color:#004F9F;
}
.ligneL7 {
	background-color:#003770;
}
.ligneL8 {
	background-color:#0080C9;
}
.ligneL90, .ligneL91,
.ligneL91E, .ligneL92,
.ligneL99 {
	background-color:#00ACA5;
}
.ligne61 {
	background-color:#A877B2;
}
.ligne236 {
	background-color:#81592D;
}
.ligneL851, .ligneL852 {
	background-color:#F39200;
}
.ligne612 {
	background-color:#76B82A;
}
.ligne854 {
	background-color:#009FE3;
}
.ligne855 {
	background-color:#0069B4;
}
.ligne856 {
	background-color:#E30613;
}
.ligne858 {
	background-color:#76B82A;
}
.ligne870 {
	background-color:#EA5178;
}
.ligne871 {
	background-color:#00853E;
}
.ligne879 {
	background-color:#EA5178;
}
.ligne880 {
	background-color:#009640;
}
.ligne882 {
	background-color:#F088B6;
}
.ligne883 {
	background-color:#0075BF;
}