html {
	font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
	background-color: #ffffff;
}
body {
	margin: auto;
	color: #493a33;
	min-height: 100%;
	width: 100%;
	height: 100%;
    font-size: 0.7em;
}
#background-blanc {
	background-color: #000000;
	padding-bottom: 10px;
}
#contenu-visiteur-accueil {
	display: block;
	height: 600px;
	margin: auto;
}
#contenu_haut {
	width: 1000px;
	margin: auto;
}

#contenu-visiteur {
<!--	display: block;-->
<!--	width: 1000px;-->
	min-height: 498px;
	margin: auto;
 	<!--box-shadow: 1px 1px 4px #000000;
    border-radius: 0 0 0px 0px; -->
}
#login-img {
    border: 1px solid #000000;
	display: block;
	width: 1000px;
	height: 600px;
	margin: auto;
    border-radius: 0px;
	overflow: hidden;

}
<!--#login-tab {-->
<!--	min-height: 300px;-->
<!--	background: url("../--><!--") no-repeat center center;-->
<!--	-webkit-background-size: contain;-->
<!--	background-size: contain;-->
<!--	width: 100%;-->
<!--}-->

.login-form {
	margin: auto;
	margin-top: 0px;
   padding-top: 0px;
	width: 1000px;
   position: relative;
   float: right;
}
.login-form td {
	padding: 0px;
	padding-right: 10px;
}
.login-inter {
	height: 2px;
}

#haut {
<!--	width: 1000px;-->
	margin: auto;
}
#bandeau {
	margin: auto;
	/*box-shadow: 1px 1px 4px #000000;*/
  /*height: 130px;*/
	overflow: hidden;
}
.menu_deco{
	float: left;
}


#btn_login_resp {
	display: block;
	margin: auto;
	margin-top: 20px;
}
#btn_login {
<!--   display: block;-->
<!--    background-color: transparent;-->
<!--    /* background: url(../css/img/btn_login-ok.png) no-repeat scroll; */-->
<!--    width: 150px;-->
<!--    height: 30px;-->
<!--    box-shadow: none;-->
<!--    border: 0;-->
<!--    color: #ffffff;-->
<!--    cursor: pointer;-->
<!--    margin-right: 10px;-->
}
#btn_login:hover {
<!--	display: block;-->
<!--	background: url("../css/img/btn_login-ok_hover.png") no-repeat scroll;-->
<!--	width: 46px;-->
<!--	height: 40px;-->
<!--  box-shadow: none;-->
}
/*
#btn_accueil {

  display: block;
	background: url("../css/img/btn_accueil.png") no-repeat scroll;
	width: 31px;
	height: 25px;

}
#btn_accueil:hover {
	display: block;
	background: url("../css/img/btn_accueil_hover.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_contact {
	display: block;
	background: url("../css/img/btn_contact.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_contact:hover {
	display: block;
	background: url("../css/img/btn_contact_hover.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_aide {
	display: block;
	background: url("../css/img/btn_aide.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_aide:hover {
	display: block;
	background: url("../css/img/btn_aide_hover.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_profile {
	display: block;
	background: url("../css/img/btn_profile.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_profile:hover {
	display: block;
	background: url("../css/img/btn_profile_hover.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_deco {
	display: block;
	background: url("../css/img/btn_deco.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
#btn_deco:hover {
	display: block;
	background: url("../css/img/btn_deco_hover.png") no-repeat scroll;
	width: 31px;
	height: 25px;
}
*/

.text {
	height: 20px;
	border: 1px solid #cccccc;
	color: #555555;
	padding: 0px;
	padding-right: 5px;
	padding-left: 5px;
   margin-left: 10px;
	font-size: 10px;
}
.login-form .text {
	height: 25px;
	background-color: #efefef;
	/*border-bottom: 1px solid #cccccc;*/
	color: #555555;
	/*border-radius: 10px 10px 10px 10px;*/
	padding: 0px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	border: 0px;
	/*border-bottom: 1px solid #e3001b;
 	box-shadow: 1px 1px 4px #e3001b;*/
}
.submit {
	margin: auto;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #000000;
	color: #ffffff;
	box-shadow: 1px 1px 4px #000000;
	border-radius: 5px;
	padding: 1px 5px;
    cursor: pointer;
}
#accueil-block {
  padding-top: 10px;
  /* min-height:600px; */
}
/*
#accueil-img {
	margin: auto;
	margin-top: 40px;
	margin-left: 40px;
	display: block;
    float: left;
    overflow: hidden;
}
#accueil-tab {
	margin: auto;
	margin-top: 40px;
	margin-right: 40px;
	min-height: 300px;
	width: 500px;
	text-align: center;
	display: block;
	float: right;
	padding: 20px;
	border: 1px solid #000000;
    border-radius: 0px;
	background-color: #ffffff;
}*/
.accueil-form {
	margin: auto;
	width: 500px;
	min-height: 350px;
	font-size: 16px;
	text-align: left;
	font-style: italic;
	display: block;
}



#main {
	margin: 10px;
   margin-top: 0;
}

#filtres {
	margin: auto;
    margin-top: -10px;
	text-align: left;
}

.td_intitule, .td_filtre {
	margin: auto;
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	text-align: left;
}
.td_intitule {
	font-size: larger;
	font-weight: bold;
	color: #000000;
}

/************************ STYLE DES BOUTONS **************************/
.ui-multiselect {
	width: 100% !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
<!--	background: #--><!--;-->
<!--   color: #--><!--;-->
	background: #337ab7;
    color: #ffffff;
}
.ui-multiselect:hover {
	color: #FF323232;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #000000;
    border: 1px solid #FF969696;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #FF323232;
    border: 1px solid #FF969696;
}

/************************ STYLE DES FILTRES **************************/
.ui-multiselect-menu {
		white-space: nowrap !important;
    width: auto !important;
}
.ui-multiselect-checkboxes {
		overflow-x: hidden !important;
}
.ui-multiselect-checkboxes label span {
		padding-right: 15px;
}
.ui-multiselect-filter {
		width: 80% !important;
}
.ui-multiselect-filter input {
		width: 100% !important;
}

/************************ STYLE DES QTIP **************************/
/* Default tooltip style */
.qtip-default{
	/*border: 1px solid #000000;*/
	/*background: #000000;*/
	/*color: #000000;*/
   border: 2px solid #ffffff;
	background: #555555;
   color: #ffffff;
	font-size: 12px;
	/*background-color: #DEDEDE;
	color: #555;*/
}
.qtip-content {

   text-align: center;
}

/************************ STYLE DES CONSOLIDATIONS **************************/
.redirect_conso {
	cursor: pointer;
}
#datatable_consolidation, #datatable_liste_PA {
	width: 100%;
}
table.display thead th {
    background-color: #000000;
    border-right: 2px solid #E6E1DD;
    color: #000000;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 100%;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 1.1;
	/*width: 200px;*/
	font-family: 'Times New Roman', Times, serif;
}
table.display td.pdv {
   text-align: left;
}
table#conso_legende {
   margin: auto;
   margin-top: 10px;
}
table#conso_legende td {
   padding: 3px 10px 3px 3px;
}
table#conso_legende td.colors {
   width: 50px;
   color: #ffffff;
   padding: 3px;
}
table.display td.redirect_classement:hover {
	cursor: pointer;
	background-color: #dedede;
}
/************************ STYLE DES AIDES **************************/
#zone-help {
    display: block;
    min-height: 500px;
    height: auto;
    width: 1000px;
    overflow: auto;
    background: #ffffff url("../css/img/block-profil.jpg") no-repeat scroll center bottom;
    margin: auto;
    text-align: center;
    font-size: 20px;
}

.ul-help {
	padding-left: 50px;
	padding-right: 50px;
}
.ul-help li {
  display: block;
  float: left;
  display : list-item;
  list-style: none;
  margin-top:5px;
}
.lien-nav {
  width: 890px;
  margin: auto;
/*padding-top: 5px;
  padding-left: 10px;
  height: 20px;*/
  cursor: pointer;
  /*color: #000000;*/
  /*border-bottom: 2px solid #000000;*/
  font-size: 18px;
  font-weight: bold;


  background-color: #000000;
  color: #000000;
  padding: 7px 7px 7px 10px;
  text-align: left;
  border-radius: 10px;
}
.subnav {
  width: 865px;
  margin: auto;
  margin-top: 5px;
  padding: 20px;
  list-style: none;
  font-size: 14px;
  opacity: 0.95;
  color: #444444;
  background-color: #ffffff;
  text-align: left;
}
.police_rouge {
   color: #e3001b;
   font-size: 16px;
   font-weight: bold;
}
.police_signature {
   color: #999999;
   text-align: right;
   font-style: italic;
}

#boutons_dl {
   margin-bottom: 5px;
    /*min-height: 35px;
	margin-bottom: 10px;*/
    height: 40px;
}
.btn_dl_csv {

cursor: pointer;
font-size: 24px;
padding-top: 5px;
padding-left: 10px;
text-align: center;

	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
	background: url("../css/img/dl_csv.png") no-repeat scroll;
}

.btn_dl_csv:hover {
	width: 35px;
	height: 35px;
	display: block;
	background: url("../css/img/dl_csv_hover.png") no-repeat scroll;
	cursor: pointer;
}

.btn_dl_pdf {
	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
	background: url("../css/img/dl_pdf.png") no-repeat scroll;
}
.btn_dl_pdf:hover {
	width: 35px;
	height: 35px;
	display: block;
	background: url("../css/img/dl_pdf_hover.png") no-repeat scroll;
	cursor: pointer;
}
.btn_dl_photos {
	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
	background: url("../css/img/dl_photo.png") no-repeat scroll;
}
.btn_dl_photos:hover {
	width: 35px;
	height: 35px;
	display: block;
	background: url("../css/img/dl_photo_hover.png") no-repeat scroll;
	cursor: pointer;
}
.btn_dl_pj {
   width: 35px;
   height: 35px;
   display: block;
   float: right;
   margin-right: 10px;
   background: url("../css/img/dl_pj.png") no-repeat scroll;
}
.btn_dl_pj:hover {
   width: 35px;
   height: 35px;
   display: block;
   background: url("../css/img/dl_pj_hover.png") no-repeat scroll;
   cursor: pointer;
}
.btn_dl_tc {
	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
	background: url("../css/img/dl_tc.png") no-repeat scroll;
}
.btn_dl_tc:hover {
	width: 35px;
	height: 35px;
	display: block;
	background: url("../css/img/dl_tc_hover.png") no-repeat scroll;
	cursor: pointer;
}
.btn_dl_itw {
	width: 35px;
	height: 35px;
	display: block;
	float: right;
	margin-right: 10px;
	background: url("../css/img/dl_itw.png") no-repeat scroll;
}
.btn_dl_itw:hover {
	width: 35px;
	height: 35px;
	display: block;
	background: url("../css/img/dl_itw_hover.png") no-repeat scroll;
	cursor: pointer;
}

/*
.btn_dl_pdf {
   display: block;
    margin-left: 300px;
    margin-top: 170px;
    position: absolute;
	background: url("../css/img/dl_pdf.png") no-repeat scroll;
	width: 35px;
	height: 35px;
   z-index: 1500;
}
.btn_dl_pdf:hover {
	background: url("../css/img/dl_pdf_hover.png") no-repeat scroll;
	cursor: pointer;
}*/
.right2 {
  float: right;
}




.hide {
	display: none;
}

table {
	border-collapse:collapse;
}
td {
	padding: 2px 0px;
	text-align: center;
}
input, textarea {
	border: 0px solid #706c6b;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.tab_form, .tr_form, .td_form, .td_form_lib {
	margin: auto;
	text-align: left;
	border: 0;
}

.errormsg-login {
	height: 20px;
	color: #e60028;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	margin: auto;
   margin-top: 5px;
	display: block;
	/*float: left;*/
}
.errormsg {
	height: 20px;
	color: #8c0b0b;
	text-align: center;
	font-weight: bold;
	margin: auto;
	padding-top: 3px;
}

#copyr {
	clear: both;
	background-color: #000000;
}
.copyright {
	margin: auto;
	text-align: right;
	font-size: 12px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 0px;
   padding-right: 10px;
}
.copyright a {
    font-size: 110%;
	color: #000000;

}
<!-- COMMENTAIRES -->
<!--#div_commentaires {-->
<!--  width : 1000px;-->
<!--}-->
<!---->
<!--#table_commentaires{-->
<!--  margin-left : auto;-->
<!--  margin-right : auto;-->
<!--  position : relative;-->
<!--  clear : both;-->
<!--}-->
<!---->
<!--#table_commentaires , #table_commentaires tr,#table_commentaires td, #table_commentaires th{-->
<!--  border-collapse : collapse;-->
<!--  border : 1px solid black;-->
<!--}-->
<!---->
<!--#table_commentaires th{-->
<!--  font-size : 20px;-->
<!--  text-transform : uppercase;-->
<!--}-->
<!---->
<!--#table_commentaires tr{-->
<!--  font-size : 16px;-->
<!--  padding : 2px 10px 2px 2px;-->
<!--}-->
<!---->
<!--#table_commentaires td, th{-->
<!--  padding : 2px 2px 2px 2px;-->
<!--}-->

/****** CSS NICO TABLEAU PA ********/

#plan_action_tabs span.moyenne {
	display: block;
	height: 40px;
  float: left;
  margin: auto;
}
#plan_action_tabs span.moyenne_simu, span.moyenne_globale_simu {
	display: block;
	height: 40px;
  //float: left;
  margin: auto;
  color: red;
}

table.table_plan_action {
	/*width: 750px;*/
}

table.table_plan_action .libelle {
	font-style: italic;
  min-width: 300px;
}

table.table_plan_action td.libelle titre1 {
	text-align: left;
}



.table_plan_action , .table_plan_action tr {
  /*background-color : white;*/
  font-size : 10px;
  border-collapse : collapse;
  /*border : 1px solid white;*/
  /*border-bottom: 1px solid #555555;*/
  /*padding: 5px;*/
}
.table_plan_action td:not(.simulation), .table_plan_action th{
  border-collapse : collapse;
  border-bottom: 1px solid #555555;
  padding: 5px;
}

.table_plan_action th {
  color: white;
  padding : 8px 5px 8px 5px;
}

.table_plan_action .titre1 {
  font-size : 15px;
  font-weight : bold;
}

.table_plan_action .header:not(.libelle):not(.cumul):not(.simulation) {
  background-color : #8064a2;
  color: #ffffff;
  font-style: italic;
}

.table_plan_action .libelle:not(.titre1):not(.titre2) {
  /*background-color : #E0E5E4;*/
  border-right: 1px solid #555555;
}

.table_plan_action .note, .table_plan_action .nombre {
  /*background-color : #E0E5E4;*/
  border-right: 1px solid #555555;
}
.table_plan_action th.intercol, .table_plan_action td.intercol {
	background-color: #efefef;
  border: 0px;
  width: 10px;
}

.table_plan_action .cumul.header{
  background-color : #8064a2;
  border-radius: 0px 10px 0px 0px;
  border-left: 0px;
}
#form_PA_tabs {
	border: 0;
	background: url("../css/img/pa_form_bottom.png") no-repeat scroll bottom right;
}
/*
#plan_action_tabs input[type=button], #form_PA_tabs input[type=button] {
    background-color : white;
    cursor:pointer;
    border : 1px solid black;
    text-align:center;
    position : relative;
    margin-left : 5px;
    margin-bottom : 5px;
    height:20px;
    width:100px;
}*/

.bloc_bouton {
  margin-left : auto;
  margin-right : auto;
  width : 400px;
  text-align : center;
  margin-bottom: 20px;
}

.table_plan_action th.simulation {
  display : none;
  background-color : #8064a2;
  border-radius: 10px 10px 0px 0px;
  width : 100px;
}
.table_plan_action td.simulation {
  display : none;
  background-color : #ccc1da;
  border: 1px solid #a995bf;
  width : 100px;
}

.msg_erreur {
  color : red;
}

#bloc_inspiration_1 {
  width : 50%;
  float : left;
}
.bloc_titre_pa {
	background-color: #e6e0ec;
  margin: 0;
  padding: 10px;
  font-style: italic;
  font-weight: normal;
  font-size: 1.2em;
	border-top: 1px solid #a995bf;
	border-bottom: 1px solid #a995bf;
  /*background: #e6e0ec url("../css/img/puce_ronde_mauve.png") 5px 5px no-repeat scroll; */
}
label.bloc_titre_pa {
	width: 300px;
  display: inline-block;
}
.block_textarea_pa {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e6e0ec;
  padding: 5px;
}
.bloc_input_pa {
  padding: 10px;
  width: 150px;
  margin-left: 10px;
  border: 1px solid #a995bf;
}

#bloc_inspiration_2 {
  width : 50%;
  float : right ;
}

#block_description textarea {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e6e0ec;
}

.menu_inspiration_1, .menu_inspiration_2 {
  background-color:white;
  /*width: 270px;*/
  width: 85%;
  min-height: 60px;
  margin: 0;
  padding: 10px;
  padding-left: 30px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e6e0ec;
}
.menu_inspiration_2 {
	float: right;
}
.menu_inspiration_1 li, .menu_inspiration_2 li {
	background-color: transparent;
  color: #333333;
  cursor: pointer;
  padding: 5px;
}

.menu_inspiration_1 li:hover, .menu_inspiration_2 li:hover {
  background-color: #604a7b;
  /*border: 1px solid #604a7b;*/
  border-radius: 5px;
  color: #ffffff;
}


/*************** QTIP SPECIFIQUES *******************/
.qtip_inspiration {
	font-size: 14px;
	background-color: #555555;
  color: #ffffff;
}
.qtip_bulle_aide {
	font-size: 14px;
  font-style: italic;
  background-color: #ffffff;
  border: 1px solid #a995bf;
  color: #a995bf;
}

/*************** DATEPICKER SPECIFIQUE *******************/
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
	background-color: #a995bf;
}




.petit_input {
  width : 125px;
}

/* validation des PA */
#dialog_validation_PA {
	background: #ffffff url("../css/img/pa_v1.jpg") top right no-repeat scroll;
  border-radius: 10px;
  margin-top: 5px;
}
.pa_crit_sel {
	font-style: italic;
}
.reflexion_critere {
	display: block;
  position: relative;
	margin: auto;
  width: 275px;
  height: 200px;
  float: left;
	background: url("../css/img/pa_pancarte_reflexion.png") no-repeat scroll;
}
.reflexion_lib_critere_position {
	margin: auto;
  margin-top: 35px;
  margin-left: 80px;
  width: 150px;
  font-size: 16px;
  font-style: italic;
  /*color: #a995bf;*/
  color: #604a7b;
}
.reflexion_critere_position {
	margin: auto;
  margin-top: 30px;
  margin-left: 40px;
  width: 175px;
  height: 70px;
  font-weight: normal;
  font-size: 12px;
  font-style: italic;
  color: #a995bf;
}
.reflexion_intro {
	display: block;
  position: relative;
	margin: auto;
  height: 200px;
  font-size: 12px;
  font-weight: normal;
  /*float: left;*/
	/*background: url('../css/img/pa_interrogation_reflexion.png') bottom right no-repeat;*/
}
.reflexion_intro li {
	margin-bottom: 20px;
  list-style-type: none;
  font-style: italic;
	/*padding-left: 25px;*/
  /*display: list-item;
  list-style-image : url('../css/img/pa_interrogation_reflexion.png');*/
}
.pa_bulle_aide {
	display: block;
	float: right;
	height: 25px;
  width: 14px;
  margin-left: 10px;
	background: url('../css/img/pa_bulle_aide.png') no-repeat;
  border: 0;
}
#retour_ajax {
	font-size: 12px;
  color: #a50505;
}
#bouton_resume {
	padding-left: 35px;
	background: url('../css/img/bouton_pdf_resume.png') #333333 5px center no-repeat;
}
.dataTable a {
	color: #555555;
  font-weight: bold;
  /*height: 25px;
  width: 25px;*/
}
.dataTable a:hover {
	color: #222222;
}
/************* ACTIVITE ************/
#activite_rappel {
	display: block;
	float: left;
}
#activite_pa {
	display: block;
	float: left;
	margin-left: 40px;;
}
#activite_pa_check {
	display: block;
  float: left;
  height: 168px;
  width: 149px;
  margin-top: 50px;
  margin-left: 20px;
	background: url('../css/img/pa_img_activite_check.jpg') bottom right no-repeat;
}
.tableaux_pa thead {
    background-color: #e6e0ec;
    color: #604a7b;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    line-height: 1.1;
		font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    margin-bottom: 10px;
}
.tableaux_pa tbody {
    background-color: #ffffff;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
		font-family: 'Times New Roman', Times, serif;
    border: 1px solid #604a7b;
}
.tableaux_pa th {
    padding: 0px 20px 0px 10px;
    border: 4px solid #ffffff;
}
.tableaux_pa td {
	padding: 7px 15px;
  border-bottom: 1px dotted #604a7b;
}
.activite_pa_theme_note {
	min-width: 80px;
  background-color: #f2f2f2;
  border-right: 1px dotted #604a7b;
}
.activite_pa_global, .activite_pa_global_note {
  background-color: #eeece1;
  border-top: 1px solid #604a7b;
}

td.details-control {
  background: url('../css/img/plus.png') no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('../css/img/moins.png') no-repeat center center;
}

#PA_div_video {
  width : 200px;
  height : 200px;
  float : left;
}

#PA_div_intro {
  width : 900px;
}

#PA_desactiver_intro {
  text-align : right;
}

.PA_bouton_suivant {
  float : right;
}

.pdt_choisi {
  background-color : red !important;
}

/************************ STYLE DES TABLEAUX CROISES DYNAMIQUES **************************/
#zone-page {
/*width: 980px;*/
display: block;
/*overflow-x: auto;*/
}
#btn_add_fav {
cursor: pointer;
font-size: 24px;
color: #f0ad4e;
padding-top: 5px;
text-align: center;
}
#tcd {
width: 100%;
font-size: 14px;
}
#tcd th {
font-size: 12px;
font-weight: bold;
line-height: 12px;
padding: 5px;
/*padding-right: 20px;*/
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
/*color: #ffffff;
background-color: #00436e;*/
}
#tcd th.header_col {
padding-top: 7px;
padding-bottom: 7px;
/*height: 30px;*/
}
#tcd td {
white-space: nowrap;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
#tcd td.header_line {
font-size: 12px;
font-style: italic;
color: #ffffff;
background-color: #555555;
padding: 5px;
text-align: left;
}

#btn_dl_xls {
cursor: pointer;
font-size: 24px;
padding-top: 5px;
padding-left: 10px;
text-align: center;
}
th.niv_col_0 {
background-color: #2e6da4;
color: #ffffff;
font-size: 24px;
}
th.total_col_0 {
background-color: #FF88C7FE;
}

th.niv_col_1 {
background-color: #2e6da4;
color: #ffffff;
}
th.total_col_1 {
background-color: #FF88C7FE;
}

th.niv_col_2 {
background-color: #2e6da4;
color: #ffffff;
}
th.total_col_2 {
background-color: #FF88C7FE;
}

th.niv_col_3 {
background-color: #2e6da4;
color: #555555;
}
th.total_col_3 {
background-color: #FF88C7FE;
}

th.niv_col_4 {
background-color: #2e6da4;
color: #555555;
}
th.total_col_4 {
background-color: #FF88C7FE;
}

/************************ STYLE DES draggable / droppable (PETIT) - Ex Richem **************************/

#lib_dl_csv {
width: 40px;
height: 40px;
display: block;
margin-left: 5px;
background: url("../css/img/dl_csv.png") no-repeat scroll;
}
#lib_dl_csv:hover {
width: 40px;
height: 40px;
display: block;
margin-left: 5px;
background: url("../css/img/dl_csv_hover.png") no-repeat scroll;
cursor: pointer;
}

#filtres ul, #filtres ol {
background-color: #efefef;
border-radius: 10px;
border: 1px solid #3c3c3b;
/*padding: 0px;
padding-bottom: 10px;*/
cursor: move;
}
<!--#filtres ul li, #filtres ol li {-->
<!--display: block;-->
<!--float: left;-->
<!--margin: 10px 0px 0px 5px;-->
<!--}-->

li .td_intitule {
display: block;
float: left;
width: 90px;
font-size: 11px;
font-weight: normal;
}
li .td_filtre {
font-size: 9px !important;
}

#div_sel_v72-1 {
	display: block;
	float: left;
	width: 700px;
}
#div_sel_v72-2 {
	display: block;
	float: right;
	width: 270px;
}
/*
#div_sel_origine {
display: block;
float: left;
width: 460px;
}
#div_sel_colonne {
display: block;
float: right;
width: 245px;
}

#div_sel_ligne {
display: block;
float: right;
width: 245px;
margin-right: 10px;
}
*/

#div_click_btn {
margin: auto;
margin-top: 10px;
text-align: center;
}
#btn_reinit_sorting {
cursor: pointer !important;
}

.dl_fichier {
width: 35px;
height: 35px;
display: block;
float: right;
margin-right: 10px;
background: url("../css/img/btn_dl_pdf.png") no-repeat scroll;
}
.dl_fichier:hover {
width: 35px;
height: 35px;
display: block;
background: url("../css/img/btn_dl_pdf_hover.png") no-repeat scroll;
cursor: pointer;
}
.dl_fichier_zip, .btn_dl_pdfs {
width: 35px;
height: 35px;
display: block;
float: right;
margin-right: 10px;
background: url("../css/img/btn_dl_zip.png") no-repeat scroll;
}
.dl_fichier_zip:hover, .btn_dl_pdfs:hover {
width: 35px;
height: 35px;
display: block;
background: url("../css/img/btn_dl_zip_hover.png") no-repeat scroll;
cursor: pointer;
}

.dl_tuto_pdf {
width: 35px;
height: 35px;
display: block;
float: right;
margin-right: 10px;
background: url("../css/img/dl_pdf.png") no-repeat scroll;
}
.dl_tuto_pdf:hover {
width: 35px;
height: 35px;
display: block;
background: url("../css/img/dl_pdf_hover.png") no-repeat scroll;
cursor: pointer;
}
.dl_tuto_mp4 {
width: 35px;
height: 35px;
display: block;
float: right;
margin-right: 10px;
background: url("../css/img/dl_video.png") no-repeat scroll;
}
.dl_tuto_mp4:hover {
width: 35px;
height: 35px;
display: block;
background: url("../css/img/dl_video_hover.png") no-repeat scroll;
cursor: pointer;
}

.backheader-left{
    background: #ffffff;
}
.backheader-right{
    right: 0px;
    background: white;
}

@media screen and (max-width: 768px) {
    #menu-top.navbar.navbar-fixed-top{
<!--        background: linear-gradient(90deg, #--><!--, white);-->
    }
}
#header-gradient-setter{
    width: calc(100% - 230px);
    height: 119px;
    background: none;
    display: inline-block;
    position: relative;

line-height: 21px;
color: #5b5b5b;
font-size: 25px;
font-weight: bold;

}
#header-gradient-setter p{
margin: 0;
position: absolute;
top: 50%;
right:0px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:450px;
text-align:center;
line-height:30px;
display:none;
}