.bandeau_haut {
  height: 76px;
  line-height: 30px;
/*  background: #302722 url(img/promodis.png) 43px 65px no-repeat;*/
  background-color: #302722;
  border-bottom: 8px solid #76b82a;
  position: relative;
  /*text-align: center;*/
  color: #fff;
  font-size: 150%;
  overflow: visible;
}
.bandeau_haut_contenu {
  width: 1000px;
  margin: auto;
  position:relative;
}

.bandeau_haut h1 {
  font-size: 20px;
  font-weight: normal;
  margin-left: 13px;
  padding-top: 15px;
  padding-left: 52px;
  background: url(../../images/pictos/casque.png) 0 15px no-repeat;
  line-height: 20px;
}
.bandeau_haut h1 .titre-exergue {
  font-size: 30px;
  text-transform: capitalize;
  display: block;
  padding-left: 7px;
}

.bandeau_haut_image {
  float:right;
  margin-left: -100px;
}
.logo_promodis {
  position:relative;
  left: 44px;
  bottom: -10px;
}
.conteneur_menu {
  position: relative;
  height: 115px;
  /*display: none;*/
}

.aide  {
  /*margin-top: 10px;
  margin-bottom: 10px;
	border-bottom:1px solid #302722;*/
  background-color: #e8e7e7;
	/*height:100px;*/
  text-align: center;
	padding:10px 0;
}

.aide .contenu-aide {
  width: 1000px;
  margin: auto;
}

.aide h2 {
	font-size:30px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:0.5px;
}
.aide h3 {
  color: #76b82a;
  font-size: 18px;
  font-weight: normal;
}
.aide p
{
	font-size:15px;
	letter-spacing:0.5px;
	line-height:normal;
	margin:0;
}
.aide p span {
  font-size: 12px !important;
}

.aide_titre img{
  display:none;
}

#loginform {
  border-color: #302722!important;
  border-width: 1px !important;

}

.nouveaute {
  border-color: #302722!important;
  border-width: 1px !important;
}

.footer {
  background: #302722;
  color: white;
  border-top: 1px solid #76b82a;
  margin-top: 10px;
  margin: auto;
  width: 1000px;
}

.info_footer {
  padding-left: 70px;
  /*border: 1px solid white;*/
  background: url(img/logoOrca.png) center left no-repeat;

}

.rel_loginBtn {

  background: none;

  box-shadow: none!important;
  box-shadow: 0px -2px 2px #9e0214!important;

  background-image: none!important;
  background-color: white!important;


  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

  position: absolute;
  top: -65px;
  left: 550px;

  width: 118px;
  height: 30px!important;

  border: solid #FFF;
  border-width: 0px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;

  padding-top: 0px;

  font-size: 14px;
  font-weight: bold;
  text-align: center;

  -webkit-transition-property: none!important;
  -webkit-transition-duration: 400ms;
  -moz-transition-property: none!important;
  -moz-transition-duration: 400ms;
  -o-transition-property: none!important;
  -o-transition-duration: 400ms;
  transition-property: none!important;
  transition-duration: 400ms;


}

.rel_loginBtn:hover{
  color: #302722!important;
  /*background: none!important;*/

}

.rel_loginBtn a{
  color: #302722!important;
  /*background: none!important;*/

}

.rel_loginBtn a:hover{
  color: #fff!important;
  /*background: none!important;*/

}

.loginMenu {
  position: relative;
  height: 0;
  /*display: none;*/
}

#jsddm, #jsddm.loginMenu {
  font-family: arial;
  font-size: 12px;
  font-weight: lighter;
  color: #58585A;
  text-align: center;
  list-style: none;
  display: block;
  width: 148px;
  height: auto!important;
  position: absolute;
  top: 0px;
  left: 800px;
  z-index: 100;
  padding:0;
  margin: 0;
  border: 1px solid rgba(48,39,34,0.85);
  border-width: 0px 1px 1px 1px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-shadow: none!important;
  box-shadow: 0px -3px 3px -2px #730310!important;
  background-image: none!important;
  background-color: rgba(48,39,34,0.85) !important;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#jsddm li .selected {
  background:#302722;
  color: white;
}

#jsddm li {
  cursor: pointer;
  float: none;
  padding: 0px;
  list-style: none;
  height: auto;
  min-height: 30px;
  width: 90%;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 auto;
  line-height: 30px;
  margin-top: 3px;
  margin-bottom:  3px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 400ms;
  -moz-transition-property: background;
  -moz-transition-duration: 400ms;
  -o-transition-property: background;
  -o-transition-duration: 400ms;
  transition-property: background;
  transition-duration: 400ms;
  background: #fff;
  border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  -webkit-border-radius: 5px 5px ;
  /*display: none;*/
}

#jsddm li a{

  background: #81a414;
  border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  -webkit-border-radius: 5px 5px ;
  color: white;
  -webkit-transition-property: background;
  -webkit-transition-duration: 400ms;
  -moz-transition-property: background;
  -moz-transition-duration: 400ms;
  -o-transition-property: background;
  -o-transition-duration: 400ms;
  transition-property: background;
  transition-duration: 400ms;
}

#jsddm li:hover	{
  background:#302722;

}

#jsddm li a:hover{
  background:#302722;
  color: white;
}

#jsddm li.rel_loginService{
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  margin-top: 0px!important;
  margin-bottom:  0px!important;
  display: block;
  background:#fff;
}

#jsddm li.rel_loginService a{
  background:#fff;
  color: #302722;
}
#jsddm li.rel_loginService a:hover{
  background:#fff;
  color: #302722;
}

#jsddm li.rel_loginService:hover{
  background:#fff;
  color: #302722;
}

.info_version {
  position: absolute;
  top: 0;
  right: 0;
}

#home_link{
  position: absolute;
  right: 5px;
  top: 15px;
}


#jsddm li ul
{
  list-style: none;
  margin: 0;
  background-color: #ded8d3;
  padding: 0;
  position: relative;
  /*height:150px;*/
  z-index:99;
  visibility: visible;
  display:none;
  border-top: 1px solid white}

#jsddm li ul li
{	float: none;
  width:inherit;
  z-index: 99;}

#jsddm li ul li a
{	width: inherit;
  color:#58585A;
  font-weight: lighter;
  background-color: #ded8d3
}

#jsddm li ul li a:hover
{
  background-color: #302722;
  color: white;
}


.info_user_connecte {
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    display: none;
}

#menu_admin {
    position: absolute;
    right: 18px;
    top: 0;
    width: 110px;
    z-index: 9999;
}
#menu_admin > ul > li > a {
  color: rgba(255,255,255,0.25);
  background: transparent url(../../images/pictos/admin.png) 0 5px no-repeat scroll;
  padding-left: 25px;
}
.ie #menu_admin > ul > li > a {
  color: #645d59;
}
#menu_admin > ul > li > a:hover {
  color: rgba(255,255,255,0.75);
}
.ie #menu_admin > ul > li > a:hover {
  color: #cbc9c8;
}
#menu_admin a {
    font-size: 12px;
    text-decoration: none;
    display: block;
/*    border-radius: 5px;
    border: 1px solid transparent;*/
}
#menu_admin a:hover {
/*  border: 1px solid #76B82A;*/
text-decoration: underline;
}
#menu_admin li {
    list-style-type: none;
}

#menu_admin li ul li {
  background-color: rgba(48,39,34,0.90);
  z-index: 9999;
  padding-left: 10px;
  padding-right: 10px;
}
.ie #menu_admin li ul li {
 background: transparent url(../../images/fonds/fond_main_menu.png) repeat 0 0 scroll;
}

#menu_admin li ul li a{
  color: #fff;
}
#menu_admin ul li ul li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#menu_admin .sub_menu {
  margin-left: -50px;
}
#menu_admin .sub_menu li {
  text-align: right;
}

#main_menu ul li ul li {
    background-color: rgba(48,39,34,0.85);
}
.ie #main_menu ul li ul li {
    background: transparent url(../../images/fonds/fond_main_menu.png) repeat 0 0 scroll;
    border-radius: 5px;
}
#main_menu ul li ul li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


#main_menu {
    position: absolute;
    left: 240px;
    top: 39px;
    z-index: 100;
}
#main_menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    border: 1px solid transparent;
}
#main_menu li a:hover {
  border: 1px solid #76b82a;
}
#main_menu li {
    list-style-type: none;
}
#main_menu td {
    vertical-align: top;
}

#main_menu li ul li  {
    list-style-type: none;
}
#main_menu li ul li a {
/*    padding-left: 0px;
    padding-right: 0px;  */

}

.parent_menu .selected {
  background-color: #76b82a;
  color:#fff;
}
.parent_menu li ul li a.selected {
  background-color: transparent;
  color: #76b82a !important;
}

.logout_link {
    position: absolute;
    right: 18px;
    top: 29px;
    width: 110px;
    background-color: #221b17;
    border-radius: 5px;
    text-align: center;
}

.logout_link a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}


.formulaire_sous_type_th {
  background-color: #302722!important;
  height: 30px!important;

}

.formulaire_titre_th {
  background-color: #ABB7BD!important;
  height: 30px!important;
}
.reporting_indicateur + .reporting_indicateur {
  margin-top: 5px;
}
.reporting_sous_type_th {
  height: 32px!important;
}
.formulaire_type_body .reporting_indicateur > tbody > tr:first-child {
   background: transparent url("../../images/fonds/fond_formulaire_titre.png") no-repeat scroll 0 0;
}

.ie .page_reporting .reporting_indicateur ~ .reporting_indicateur > tbody > tr:first-child > th {
  background: transparent url("../../images/fonds/fond_formulaire_titre.png") no-repeat scroll 0 0;
}
.formulaire_type_body .reporting_indicateur > tbody > tr:first-child th {
   padding-top: 5px;
}
.reporting_indicateur > tbody > tr:first-child > th {
  padding-bottom: 15px;
  padding-top: 2px;
}
.reporting_indicateur > tbody > tr.reporting_header_line > th:first-child {
  background-color: #2f2721;
  color: #ffffff;
}
.reporting_indicateur > tbody > tr.reporting_header_line > th {
  background-color: #68605e;
  color: #fff;
  border: 1px solid #c7c4c3;
  height: 22px;
}
.reporting_indicateur .indicateur_row td:first-child {
  background-color: #2f2721 !important;
  color: #fff;
  border: 1px solid #c7c4c3;
  height: 22px;
  width: 120px;
}
.reporting_indicateur .indicateur_row.even td {
  background-color: #e6e5e6;
  border: 1px solid #48413c;
  height: 22px;
}
.reporting_indicateur .indicateur_row.odd td {
  background-color: #fff;
  border: 1px solid #48413c;
  height: 22px;
}
.reporting_indicateur .indicateur_row.active td {
/*  border: 1px solid #76b82a;*/
}
.reporting_indicateur_conteneur_large {

  width: 650px!important;
}
.reporting_indicateur_actions {
  width: 48px;
}

.reporting_indicateur .indicateur_subchild_row  td:first-child  {
  border-left: 30px solid white;
}

.reporting_indicateur .indicateur_row td:first-child a.sub-child-switch,
.reporting_indicateur .indicateur_row td:first-child a.sub-child-switch:active {
  font-size: 200%;
  text-decoration: none;
  color: white;

}
.reporting_indicateur .indicateur_row td:first-child a.sub-child-switch:hover {
  color : #76b82a;
}


/* Boutons jQuery */
.ui-widget-header {
  background-image: none;
  background-color: #302722;
  border: 1px solid #302722;
}
.ui-button,
.ui-button.ui-state-default{
  background: #5d9e1b url(../../images/fonds/fond_bouton.png) 0 0 repeat-x scroll;
  color: #fff;
  border: 1px solid #acaeb8;
/*  box-shadow: 0 1px 8px 1px rgba(38,36,33,0.36);*/
  margin-bottom: 5px;
}
/*.ui-button:hover,
.ui-button.ui-state-default:hover{

}*/

.ui-button + .ui-button {
  margin-left: 20px;
}
.ui-button-icon-primary {
  width: 49px;
  height: 32px;
}
.ui-button-text-icon-primary .ui-button-icon-primary {
  left:0;
}
.ui-button-text-icon-primary .ui-icon {
  margin-top: 0;
  top: 0;
}
.ui-button-text-icon-primary .ui-button-text {
  padding: 7px 20px 7px 64px;
}
.ui-icon.ui-icon-print {
  background: transparent url(../../images/pictos/icone_imprimer_bouton.png) 0 0 no-repeat scroll;
}
.ui-icon.ui-icon-excel {
  background: transparent url(../../images/pictos/icone_excel_bouton.png) 0 0 no-repeat scroll;
}
.ui-icon.ui-icon-rechercher {
  background: transparent url(../../images/pictos/icone_rechercher_bouton.png) 0 0 no-repeat scroll;
}
.ui-icon.ui-icon-arrowthick-1-ne {
  background: transparent url(../../images/pictos/icone_exec_bouton.png) 0 0 no-repeat scroll;
}
.ui-icon.ui-icon-effacer {
    background: transparent url(../../images/pictos/icone_delete_bouton.png) 0 0 no-repeat scroll;
}
.executer, .imprimer, .excel, .effacer {
  opacity: 0.85;
}
.executer:hover, .imprimer:hover, .excel:hover, .effacer:hover {
  opacity: 1;
}
.add_type_indic {
  background: #5d9e1b url(../../images/fonds/fond_bouton.png) 0 0 repeat-x scroll;
  color: #fff;
  border: 1px solid #acaeb8;
}
.maj, .nti, .percent, .graph, .icon, .delete{
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #CCCCCC !important;
  border-radius:0px!important;
  padding:0!important;
  margin:0!important;
  font-size: 10px!important;
  display: inline-block!important;
  height: auto!important;
  color: #CCCCCC !important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  float: right!important;
  margin-right:5px!important;
  /font-size: 0px!important;
  /float: none!important;
  height: 18px!important;
  width:18px!important;

}
.maj.on, .nti.on, .percent.on, .graph.on, .icon.on {
  background-color: #CCEECC !important;
}

.bars_annuelle, .percent, .bars, .lines, .maj , .delete {
  background-color: transparent !important;
  background-image: url(img/pictos_actions.png) !important;
  background-position: 0 0;
  box-shadow: none !important;
  width: 44px !important;
  height: 32px !important;
  border: 0 none !important;
  margin: 2px !important;
}

.maj{
  background-position: 0 -128px !important;
}
.maj:hover {
  background-position: -44px -128px !important;
}
.nti{
  background: #cccccc url(img/plus.png) center center no-repeat !important;
  box-shadow: none !important;
  height: 18px!important;
  width:18px!important;
}

.percent{
  background-position: 0 -32px !important;
}
.percent:hover{
  background-position: -44px -32px !important;
}
.objectifCa{
    background-position: 0 -230px !important;
}
.objectifCa:hover{
    background-position: -44px -230px !important;
}
.show_delais{
    background-position: 0 -262px !important;
}
.show_delais:hover{
    background-position: -44px -262px !important;
}
.plus_btn{
    background-position: 0 -193px !important;
    margin: 0 6.5em !important;
}
.plus_btn:hover{
    background-position: -44px -193px !important;
}

.lines {
  background-position: 0 -96px !important;
}
.lines:hover {
  background-position: -44px -96px !important;
}

.bars {
  background-position: 0 -64px !important;
}
.bars:hover {
  background-position: -44px -64px !important;
}

.bars_annuelle {
  background-position: 0 0 !important;
}
.bars_annuelle:hover {
  background-position: -44px 0 !important;
}

.delete {
  background-position: 0px -160px !important
}
.delete:hover {
  background-position: -44px -160px !important
}
.ui-button.mail{
  background-image: url(img/mail.png);
  height: 32px!important;
  width: 32px!important;
}

.ui-button.print {
  background: url("img/print.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 32px!important;
  width: 32px!important;
}
.ui-button.print_preview{
  background: url(img/print_preview.png) no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 22px!important;
  width:22px!important;
}

.ui-button.phone{
  background: url(img/phone.png) no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 22px!important;
  width:22px!important;
}

.ui-button.sms{
  background: url(img/sms.png) no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 32px!important;
  width: 32px!important;
}

.move_down{
  background-image: url(img/down.png) !important;
  box-shadow: none !important;
}

.move_up{
  background-image: url(img/up.png) !important;
  box-shadow: none !important;
}


.reporting_indicateur_conteneur_large .formulaire_info {
  width: 600px!important;
}

.formulaire_indic {

  color: #000!important;

}

.aide_mail h2, .aide_mail_subject {
  color: #44a24e!important;
}

.mail_conteneur
{
  background-color: #d2fad6!important;
}

#sf_admin_bar {
    float: none;
}