@charset "utf-8";
/******************** Entête UTF-8 ******************\
*
* fichier     : inc/css/style.css
* projet      : BASE 2014 GX
* version     : 1.0.52 2019-04-12 14:58 FS
*
\****************************************************/

/* GEN */
	body{background-color:#dbd6d6; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#6b6a6a;}
	h2 {color:#000; font-size:12px; text-transform:uppercase; padding:40px 0 25px; font-weight: bold;}
	.facturation h2 {
		font-size:17px !important;
		padding:40px  0 8px!important;
	}
    
    .edit {
        background: #9E1728;
    }
	h4 {border-bottom: 2px solid #000/*#e9e9e9*/; padding-bottom:10px; font-size:16px; font-weight: bold; color:#6b6a6a}
	.inner {padding:10px;}
	.btnEmptySquare {font-size:12px; font-weight:bold; color:#6b6a6a; border:1px solid #9b9a9a; padding: 4px 8px; display:inline-block; text-decoration:none; margin:0 4px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	input.btnEmptySquare {background:white; cursor:pointer;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	input:hover.btnEmptySquare {background: #636262; color:#e9e9e9;}
	.wrapper {margin: 0 auto;padding: 0;position: relative;width: 1140px;}
	a:hover.btnEmptySquare,
	a.active.btnEmptySquare {background: #636262; color:#e9e9e9;}
	.btnEmptySquare.nomargin {margin:0 0 0 -9px;}
	div.plus {width:21px; height:20px; background: url('../img/plus.png') no-repeat left bottom; display:inline-block;text-indent:-9999px; position: relative;cursor:pointer;}
	div:hover.plus,
	div.active.plus {background-position: left top; cursor:pointer;}
	.plus ul {position: absolute; bottom: 0; width: 0; display: block; height: 20px; text-indent: 0; text-align: right; overflow: hidden; white-space: nowrap;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	em {font-style:italic;}
	strong {font-weight: bold}
	.plus ul li {display:inline;}
	.plus ul li a,
	.browse-click ,#browse-click {color: #777777; border-bottom:2px solid #777777; font-size:12px; text-decoration:none; margin-right:5px; display:inline-block; position: relative;}
	.browse-click , #browse-click {background:none; border:none; cursor:pointer;}
	.plus ul li a:hover,
	.browse-click ,#browse-click:hover {color:#000000; border-bottom:2px solid #000000; outline:none; box-shadow: none;}
	.plus ul li ul {position:absolute; top:10px; left:0;}
	.plus ul li ul li {display:block;}
	.colLeft {width: 265px;margin-left:10px; float:left;}
	.colRight{width: 855px; float:left;min-height: 1500px;}
	.colRight .row {padding-left: 10px;}
	.box {background:white; position:relative; padding:15px 12px; font-size:14px; line-height: 16px; margin-bottom: 20px;}
	.box h3 {font-size:16px; color:#000; margin-bottom: 7px; border-bottom: 2px solid #e9e9e9;padding-bottom: 10px; font-weight: bold;}
	.box h3 a {color:#000;}
	address a {font-weight:bold; color:#6b6a6a; text-decoration:none;}
	.btnAbsoluteRed {margin-bottom: -15px; margin-right: -12px; padding:10px; color:#fff; background:#d1313b; font-size:9px; line-height: 9px; font-weight:bold; text-decoration:none; float:right;}
	.patterned {background: url('../img/pattern2.png') repeat; padding-bottom:30px;}
	.switch {float: left;margin-right: 10px;}
	input,
	textarea {font-family: arial;}
	hr {border: none;border-top: 2px solid #e9e9e9; margin-bottom: 12px;}
	.tar {text-align:right;}
	.noborder {border:none !important;}
	.fll {float:left;}
	.flr {float:right;}
	.errormsg {background:#d1313b; color:white; font-size:12px; font-weight:bold; padding:10px;}
	.nopadding {padding:0;}


	.arrowBoxPanel  .rowCol .col4  , .rowCol .col4 {/*width: 245px;width:236px; */width:232px; margin:0 0 9px 20px; float:left;}
	.rowCol .large { width:332px!important;}

	.col4 .editmode .customCheckRadio label , .editmode .box .customCheckRadio label,
	.box .customCheckRadio label           { display: block; line-height: 20px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); position:relative;}
	.editmode .box .customCheckRadio label {cursor: pointer; }
	.customCheckRadio .label_check input,
	.customCheckRadio .label_radio input  { margin-right: 5px; }
	.editmode .box .customCheckRadio .label_check,
	.box .customCheckRadio .label_check,
	.editmode .box .customCheckRadio .label_radio,
	.box .customCheckRadio .label_radio,
	.editmode .box .customCheckRadio .label_check,
	.box .customCheckRadio .label_check,
	.editmode .box .customCheckRadio .label_radio,
	.box .customCheckRadio .label_radio    { padding-left: 20px; background: url(../img/sprite.png) no-repeat left top;}
	.editmode .box .customCheckRadio .label_radio,
	.box .customCheckRadio .label_radio    { background-position: left -284px }
	.editmode .box .customCheckRadio .label_check,
	.box .customCheckRadio .label_check    { background-position: left -250px }
	.editmode .box .customCheckRadio label.c_on,
	.box .customCheckRadio label.c_on      { background-position: left -233px }
	.editmode .box .customCheckRadio label.r_on,
	.box .customCheckRadio label.r_on      { background-position: left -268px }
	.customCheckRadio .label_check input,
	.customCheckRadio .label_radio input  { position: absolute; left: -9999px; }

/* HEADER */
	header {height:138px; background: #000 url('../img/header.png') no-repeat center top; color:#fff;}
	header .grid_4 { display:table; height:138px; margin-right: 0; width: 265px;}
	header .grid_4 .logo {vertical-align: middle; display: table-cell;}
	header .grid_12 { width: 855px; margin-left: 0; height:138px; }
	header .grid_12 .inner {display:table; height: 80px; padding: 10px 20px;}
	.headerTitle {display: table-cell; vertical-align: bottom}
	.headerTitle h2 {font-size:40px; font-weight: bold; margin-top: 11px;color:white;padding:0;text-transform: none;}
	.headerTitle h3 {font-size:15px; font-style: italic;color:white;}
	.controle {position: absolute; bottom: 53px; right: 0; }
	header .row {margin-bottom: 0;}
	header .btnEmptySquare {color:#fff;}
	header a:hover.btnEmptySquare,
	header a.active.btnEmptySquare {background: #cb1521;}
	header .plus ul li a {color: white; border-bottom:2px solid white;}
	header .plus ul li a:hover {color:#cb1521; border-bottom:2px solid #cb1521;}


/* NAV */
	nav {width: 100%; background:#d1313b; height:38px; position:absolute; bottom:0; font-size:11px; text-transform: uppercase; font-weight:bold;display:table;}
	.devbod nav{background: green !important;}
    nav a {color:#fff; text-decoration: none; padding: 0 10px; display:table-cell;border-left:1px solid #fff; vertical-align:middle;background: url('../img/arrowBottom.png') no-repeat center 38px; text-align:center;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	nav a:hover,
	nav a.active {background: url('../img/arrowBottom.png') no-repeat center bottom;}
	nav a:first-child { border-left:none;}
	.arrowNavBox {width: 100px; float: right;}
	.arrowNavBox a {background: url(../img/sprite.png) no-repeat left top; display: inline-block; width:45px; height:19px; text-indent:-9999px; text-align: left;}
	.arrowNavBox a.prev {background-position: -107px -146px; }
	.arrowNavBox a.next {background-position: -155px -146px; }
	.arrowNavBox a:hover.prev {background-position: -107px -165px; }
	.arrowNavBox a:hover.next {background-position: -155px -165px; }
	.pageNav {text-align: right; color:#6b6a6a; font-size:14px; padding:0 10px 10px;}
	.headTools>div {margin-left:20px;}
	.headTools>div:first-child{margin-left:0;}
	.timerBox {float:left; background:white; border-bottom:2px solid #c6c6c6;height:37px;}
	.versionBox {float:left; background:white;}
	.versionBox a {width:33px; border-bottom:2px solid transparent; text-align:center; height:37px; display:block; float:left; line-height:39px; font-size:14px; color:#d5d5d5; text-decoration:none;}
	.versionBox a:hover,
	.versionBox a.active {color:#000; border-bottom:2px solid #c6c6c6; font-weight:bold;}
	.statusBox {float:left; background:white;border-bottom:2px solid #c6c6c6; height:31px;font-size:9px; padding:6px 10px 0;}
	.statusBox span {font-size:16px; font-weight:bold; display:block; margin-top:4px;}
	.headTools .arrowNavBox {margin-top:20px;}
	a.liste {background: url(../img/sprite.png) no-repeat 0 -404px; margin-top:20px; margin-right:10px; float:right; display: inline-block; width:72px; height:19px; text-indent:-9999px; }


/* MENU */
	#cssmenu > ul > li > a {font-size: 14px; font-weight: bold; display: block; color: #000; border-bottom: 1px solid #c3c3c3; text-transform: uppercase; text-decoration: none; position: relative; }
	#cssmenu > ul > li > a > span { padding: 10px 20px; display: block;}
	#cssmenu > ul > li > a:hover {text-decoration: none;}
	#cssmenu > ul > li.active {border-bottom: none;}
	#cssmenu > ul > li.active > a {color: #000;background:#fff;}
	#cssmenu ul ul {display: none;}
	#cssmenu ul ul li { border-bottom: 1px solid #c3c3c3; border-top: 0; background:white;}
	#cssmenu ul ul a { padding: 10px 20px; display: block; color: #c3c3c3; font-size: 12px; font-weight:bold; text-decoration: none;text-transform: uppercase; }
	#cssmenu ul ul a.active,
	#cssmenu ul ul a:hover {color: #000;background:url('../img/menu-arrow-grey.png') no-repeat 18px top;}
	#cssmenu > ul > li.greymenu > a,
	#cssmenu ul li.greymenu ul li{background:#c3c3c3; border-bottom: 1px solid #e9e9e9;}
	#cssmenu > ul > li.greymenu > a {background:#c3c3c3 url('../img/pattern1.png') repeat; text-transform: none;}
	#cssmenu ul li.greymenu ul a {color:white;background:#c3c3c3;}
	#cssmenu ul li.greymenu ul a:hover {color: #000;background:url('../img/menu-arrow-white.png') no-repeat 18px top;}
	.recherche input { background: #d1313b ;height: 23px; width: 215px; float:left; border: none; color: #fff; font-size: 14px; margin:3px 0 7px 10px; border-bottom: 1px solid white;}
	.recherche input[type="submit"] {background: #d1313b url('../img/search.png') no-repeat -11px -3px; width: 26px; float: left; display: block; text-indent: -9999px; margin: 3px 0; height: 26px; cursor: pointer;}
	.recherche input:focus{border:none;box-shadow:none;outline: none;border-bottom: 1px solid white; }
	.recherche {border-bottom: 1px solid #c3c3c3;background: #d1313b;}


/* SPRITE */
	i {background: url(../img/sprite.png) no-repeat left top; display: block !important;}
	i.correct {background-position: 12px -85px; width: 100%; height: 19px; display: inline-block; border-bottom: 2px solid #e9e9e9; padding: 5px 0px; vertical-align: top;}
	i.closeConve {background-position: 12px -174px; width: 100%; height: 19px; display: inline-block; border-bottom: 2px solid #e9e9e9; padding: 5px 0px; vertical-align: top;}
    i:hover.correct ,  i:hover.closeConve  {background-color:#6b6a6a; cursor:pointer;}
	i.correct2 {background-position: 8px -85px; width: 17px; height: 19px;display: inline-block; border-bottom: 2px solid #e9e9e9; padding: 5px 8px; vertical-align: top;}
	.locked i {width:20px; height:21px;background-position: left -179px;}
	.unlocked i {width:20px; height:21px;background-position: left -140px;}
	i.arrow , i.NatureProduction {background-position: -36px -165px; display: block; float: left; width: 25px;}
	.open i.arrow , .open i.NatureProduction {background-position: -36px -135px; display: block; float: left; width: 25px;}
	i.remove , i.activer {background-position: 0 -204px; display: inline-block; width: 20px;}
    i.dupliquer {background-position: 0 10px; display: inline-block; width: 20px;}
	i.activer{background-position: 0 -78px;	display: inline-block;	width: 20px;}
	.checkbox { background: url(../img/sprite.png) no-repeat left -255px;width: 11px; height:10px; display:inline-block;}
	.checkbox.checked{ background-position: left -238px }


/* Employee */
	.interlink {font-size:16px; font-weight:bold; color:#000000; border-bottom:2px solid #000000; text-decoration: none;line-height: 18px;}
	.bullebox {position:relative;height: 240px; overflow: hidden}
	.bullebox.petite {height: 113px;}
	.bullebox .hover {position:absolute; top:0; left:0; width:270px; height: 240px; z-index: 2; background: url('../img/bulle-grosse.png') no-repeat left -9px;}
	.bullebox.petite .hover {width:223px; height: 113px;background: url('../img/bulle-petite.png') no-repeat left top;}
	textarea {width: 98%; font-size:14px; color:/*#484141*/ #000; font-style: italic;  border:none; cursor:default; resize:none;background: none;overflow: hidden;border: 1px solid #000}
	.editmode  textarea {background:#e9e9e9; cursor:text; resize: vertical;}

	.box .champ {border-top: 2px solid #e9e9e9; margin-top: 10px;padding-top: 10px; position:relative;min-height: 35px;}
	.box .champ.first {border-top:none; margin-top: 0; padding-top: 5px;}

	.champ.first.caprice {padding-top: 0;margin-top: -2px;min-height: 16px;}
	.editmode.champ.caprice {min-height: 35px;}
	.box .champ.first.caprice label {display:none;}
	.caprice .select>a,
	.box .champ.first.caprice input{font-size:16px; color:#000;padding: 0;}

	.asterix {display:none;}
	.editmode .asterix {display:inline-block;}
	.box .champ label {color:/*#6b6a6a*/#000; font-size:12px; font-style: italic; display:block; }
	.datepicker,
	.box .champ input {color:/*#6b6a6a*/#000; font-size:14px; font-weight: bold; display:block; border:none;}
	.box .champ.textareaFunky textarea {font-style:normal;color:/*#6b6a6a*/#000; font-size:14px; font-weight: bold;}
	.grid_4 .box .champ input {width:235px;}
	.grid_4 .box .champ input.char4  {width:36px;}
	.grid_4 .box .champ input.char12  {width:76px;}
	.champHalf {width:50%; float:left;}
	.grid_4 .box .champHalf input {width: 116px; margin-right: 0px;}
	.editmode.champ {border-top:none;margin-top: 5px;padding-top: 0;}
	.editmode.champ.caprice label,
	.editmode.champ label {color:#6b6a6a; font-size:9px; font-style: italic; display:block; position: absolute; bottom: 0;}
	.editmode .datepicker,
	.editmode.champ.caprice input,
	.editmode.champ input {color: #6b6a6a; font-size: 14px; font-weight: normal; display: block; border: none; cursor: text; border-bottom: 2px solid #c4c3c3; }
	.editmode.champ.textareaFunky {margin-bottom: 2px;}
	.editmode.champ.textareaFunky textarea {font-style:normal;color:#6b6a6a; font-size:14px; font-weight: normal; background:white;border-bottom: 2px solid #c4c3c3;margin-bottom: 2px;}
	.editmode.champ.textareaFunky label {bottom: -8px;}

	.editmode.champ.champSelect {height: 42px;}
	.select>a {display:block; position:relative; color:#6b6a6a; text-decoration: none; cursor:default; font-weight: bold}
	.editmode .select>a {display:block; position:relative; background:#c3c3c3 url('../img/arrowD.png') no-repeat 216px 5px; color:#fff;padding: 4px; text-decoration: none; cursor:pointer;}
	.editmode .select.optionOpen>a{background:#c3c3c3 url('../img/arrowD.png') no-repeat 216px -182px;}
	.select .option {display:none;}
	.editmode .select.optionOpen .option{display:block;}
	.editmode .select ul {display:none; position:absolute; top:24px; left:0; width: 237px; background:#fff;z-index: 3;}
	.editmode .select ul li {display:block; background:#fff; padding:4px; color:#9d9d9d; font-size:11px; border-bottom:1px solid #9d9d9d;}
	.editmode .select ul li:hover {cursor:pointer; color:#000;}

	#file-name {font-size: 12px;text-align: center;}
	.employelist .name {font-size:16px; font-weight:bold; color:#000000; border-bottom:2px solid #000000; display:inline-block; text-decoration:none;}
	.employelist .emploi {display:block; font-style:italic; color:#7a7979; border-bottom: 2px solid #e9e9e9; padding-bottom: 6px; margin-bottom:6px; margin-top:8px;}
	.employelist .tel {font-size:14px; line-height:20px;}
	.employelist .mail {color:#6b6a6a; font-size:14px; text-decoration:none; display:block; line-height:20px;}
	.contactBox em {margin-top: 5px; border-bottom: 2px solid #e9e9e9; padding-bottom: 8px; display: block; font-size: 12px; margin-bottom: 10px;}
	.contactBox a {font-weight: bold;color: #6b6a6a;text-decoration: none;}
	.contactBox a.interlink {color:#000;}

	.editmode .champ input.error{border:1px solid #d1313b !important;}
	.editmode .select.error>a {background: #d1313b url('../img/arrowD.png') no-repeat 216px 5px;}
	.editmode .select.error.optionOpen>a{background:#d1313b url('../img/arrowD.png') no-repeat 216px -182px;}

/* Prospection box */
	.prospectionBox {background-color: white; vertical-align: top; display:table;width: 825px;padding: 0;margin-bottom: 20px;}
	.prospectionBox .padding {padding: 10px;}
	.prospectionBox .padding>div { border-left: 2px solid #e9e9e9; display:table-cell; padding-left:10px; vertical-align:top;}
	.prospectionBox .padding>div:first-child{border-left:none;padding-left: 0;}
	.prospectionBox .closedProspect {background-color: #e1e1e1;}
	.prospectionBox .firstDate {width:115px; text-align:left; }
	.prospectionBox .noteCell {width:259px;}
	.prospectionBox .prospectionContact{width:164px; }
	.prospectionBox .prospectionCom {width:114px;text-align:left; line-height: 9px;}
	.prospectionBox .prospectionContact em, .prospectionBox .prospectionCom em{ font-size:9px;line-height: 9px; font-style:normal;}
	.prospectionBox .secondDate{text-align:left; width:95px;line-height: 9px;}
	.prospectionBox .secondDate em{ font-size:9px;line-height: 9px; font-style:normal;}
	.prospectionBox .actionCell {width:40px;padding:0;display:table-cell;border-left: 2px solid #e9e9e9;vertical-align: top;}
	.prospectionBox .select {margin-right:10px;}
	.prospectionBox .select.shortselect,
	.editmode .select.shortselect ul {width: 34px;float: left;}
	.prospectionBox .select.shortselect {margin-right: 5px;}
	.prospectionBox .select>a {font-size:12px; font-weight:normal;line-height: 16px;}
	.prospectionBox .prospectionCom .select>a {font-weight:bold}
	/*.prospectionBox .editmode .select>a {background:#c3c3c3 url('../img/arrowD.jpg') no-repeat right 5px; }*/
	.editmode .select>a {background:#c3c3c3 url('../img/arrowD.jpg') no-repeat right 5px; }
	button.Zebra_DatePicker_Icon {display:none;}
	.editmode button.Zebra_DatePicker_Icon {display:block;}
	.datepicker {width: 100%; font-size: 12px; font-weight:bold;background: none;}
	.editmode .datepicker {width: 73px; border-bottom: 2px solid #fff; font-size: 12px; font-weight:bold;}
	.numberoffollow {background:#6b6a6a; color:#fff;padding: 8px 12px;display:table-cell; cursor:pointer;width: 40px;text-align: center;}
	.followEvent {background-color:transparent;border-bottom: 2px solid #e9e9e9;}
	.closedPros {background-color:#e1e1e1;}

	.addedBox div {margin: 2px 0;}
	.addedBox div span {font-weight:bold; font-size:14px;}
	.addedBox div a {color:#c4c4c4; text-decoration:none; font-size:16px; padding: 4px 6px;}
	.inputGrey {border: none; background: #f3f3f3; padding: 2px 4px; font-size: 12px; width: 80%;}

/* soumission */

	.inputright input {float:right;}
	.tableCalcul td{padding:2px 0;font-size: 13px;}
	.tableTotal {background:#f3f3f3;}
	.tableTotal .inputright {text-align:right;}
	.tableTotal td{font-weight: bold; font-size:14px;}
	.echeancierRight {float:right;}
	.echeancierRight span {float:left; font-size:13px; color:#6b6a6a; font-weight:normal;}
	.echeancierRight .Zebra_DatePicker_Icon_Wrapper {width: 94px;}
	.echeancierRight .Zebra_DatePicker_Icon_Wrapper input{width: 64px;border: none; margin: 2px 4px;}
	.etapeBox {width:801px; height:34px;display: table;}
	.etapeBox li {border-top:2px solid #e9e9e9; border-bottom:2px solid #e9e9e9; text-align: center;height:30px; line-height:30px;display: table-cell;}
	.etapeBox li.step{width: 90px;}
	.etapeBox li:first-child {border-left:2px solid #e9e9e9;}
	.etapeBox li:hover.step {border-top:2px solid #c5c5c5; border-bottom:2px solid #c5c5c5;cursor:pointer;}
	.etapeBox li:hover.step.active,
	.etapeBox li.step.active {background:#f3f3f3; color:#c5c5c5;}
	.etapeBox li a {font-size:10px; font-weight:bold; color:#c5c5c5; text-decoration:none;}
	.etapeBox li:hover a {color:black;}
	.etapeBox li:hover.active a {color:#c5c5c5;}
	.etapeBox li.check{width: 25px;border-right:2px solid #e9e9e9;}
	.etapeBox i.correct {background-position: 3px -85px;width: 22px;height: 19px;padding: 5px 0px;vertical-align: top; border-bottom:none;}

	.timerBox {width: 285px;}
	.timerBox .openingArrowBox{position: absolute; z-index: 3 /*10*/; width: 285px;}
	.timerBox .openingArrowBox>a { color:#6b6a6a;}
	.timerIcon {cursor:pointer;margin: 6px 6px 0;float:right; width:27px; height:27px; display: block; text-indent:-9999px; background: url('../img/sprite.png') no-repeat -173px -365px;}
	.timerIcon.active {background-position: -173px -336px;height: 27px;}
    .timerIcon.active.nottimedossier {background-position: -173px -307px;height: 27px;}
	.consulter {float:right; font-size:10px; margin-top: 12px; color:#6b6a6a;}
	.timerdisplaytime {color:#6b6a6a; font-weight: bold; font-size:12px; display:block; padding:5px 0;}
	.timerdisplaytime span {color:black;}
	.historique {width:825px; background:white; margin-bottom:30px;}
	.historique th,
	.historique td {text-align:left;padding:10px;font-size:14px; vertical-align: top;}
	.historique th {background:#b5b5b5; color:white; font-size:10px; text-transform:uppercase; font-weight:bold;padding:15px 10px;}
	.editmode .historique .select ul {top: 22px;}
	.historique tr {border-bottom:2px solid #e9e9e9;}
	.historique a {color:black;}
	.editmode .historique .select>a {background: #c3c3c3 url('../img/arrowD.png') no-repeat 100px 4px;}
	.editmode .historique .select.optionOpen>a {background: #c3c3c3 url('../img/arrowD.png') no-repeat 100px -182px;}
    .historique .filtre .eng{position: relative;left: -184px;top: -19px;}
	.historique .filtre td strong{font-size:16px;font-weight: bold;}
	.historique .filtre .eng .select{width:155px; float:right; left:10px; margin-left:10px;}
	.historique td.bigtimer {font-size:43px; font-weight: bold; color:black; vertical-align: bottom; text-align:center;}
	.historique .filtre .datepicker {width: 75px;}
	.historique .filtre .Zebra_DatePicker_Icon_Wrapper {margin: 0 10px;}
	.editmode .historique .filtre.box .customCheckRadio .label_check,
	.historique .filtre.box .customCheckRadio .label_check {float: left;margin-left: 10px;}


/* autre section */
	.lock {position: absolute;right: 5px;top: 5px;z-index: 2;}
	.editmode .lock  {display:none;}
	.unlockbox ,.unlockbox2 { background:#fff; width:300px; padding:0;}
	.unlockbox2 .inner , .unlockbox .inner {padding:20px;}
	.unlockbox2 input , .unlockbox input {border:1px solid #e9e9e9; width: 100%;padding:3px 5px;margin:5px 0;}
	.unlockbox2 input.error , .unlockbox input.error {border:1px solid #d1313b;}
	.unlockbox2 .btnEmptySquare , .unlockbox .btnEmptySquare {margin:0;}
	.titleSection {font-size: 16px;color: #000;font-weight: bold;display: block;border-bottom: 2px solid #e9e9e9;margin-bottom: 10px;padding-bottom: 10px;}
	.openingArrowBox {background:white; margin-bottom:12px;}
	.openingArrowBox>a {height: 37px; line-height:37px; color:#000; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer;}
	.openingArrowBox .arrow, .openingArrowBox .NatureProduction {height:37px; border-right:2px solid #e9e9e9; margin-right:15px; padding-left:14px;}
	.openingArrowBox i.activeremove  , .openingArrowBox i.remove , .openingArrowBox i.activer , .openingArrowBox i.dupliquer {height: 34px;float: right;}
	.openingArrowBox i.activeremove , .openingArrowBox i:hover.remove {cursor:pointer;}
	.arrowBoxPanel2 , .arrowBoxPanel {border-top: 2px solid #e9e9e9;padding: 14px; /*display:none;*/}
    .arrowBoxPanel2, .thisbox   {display: none;}
	.openingArrowBox a form {border-left: 2px solid #e9e9e9; padding-left: 14px;margin-left: 14px; display: inline; vertical-align: top;}
	.openingArrowBox a input {border:none; background:#f3f3f3;padding: 4px; font-size:13px;}
	.openingArrowBox.open .arrowBoxPanel {display:block;}
	.openingArrowBox .arrowBoxPanel label {color:#6b6a6a; font-size:14px; display:block; font-weight:bold; /*margin:14px 0 10px; Enlever pour les radio dans mandat (va surement y avoir un problème ailleurs*/}
	.openingArrowBox .arrowBoxPanel .wrapSpacedView label {margin:14px 0 10px;}
	.adresseStyleOfview .champ label {display:none;}
	.adresseStyleOfview .champ {min-height:inherit; border-top: none;margin-top: 0;padding-top: 0;}
	.adresseStyleOfview .champ.editmode  label {display:block;}
	.adresseStyleOfview .champ.editmode {min-height: 35px;    padding-top: 10px; }
	.wrapSpacedView {padding: 0 20px;}
	.wrapSpacedView textarea:disabled{background: #e9e9e9;}
	.wrapSpacedView.editmode {padding: 0;}
	.openingArrowBox h4 {border-top: 2px solid #000/*#e9e9e9*/; margin-top:10px; padding-bottom: 3px; padding-top: 3px; margin-bottom: 8px;}
	.adresseStyleOfview .champ:first-child:not(.editmode) a{font-weight:normal; font-style:italic; font-size: 12px;}

/*TABLE*/
	.tablesorter-default td {border-bottom: #e7e7e7 2px solid; padding: 10px; font-size:14px; color:#6b6a6a;}
	.tablesorter-default td a {color:#000; border-bottom:2px solid #000; text-decoration:none;}
	.tablesorter-default .inactif td {background-color:#e9e9e9;}
	.tablesorter-default .inactiffonce td {background-color:#9d9d9d;}
	.tablesorter-default th {background:#b5b5b5; color:white;padding: 10px; font-weight:normal;}

/*Permission*/
	.permissionBox {float:left; border-bottom:2px solid #f3f3f3; margin-left:20px; width:185px; margin-bottom:20px; padding-bottom:20px;}
	.permissionBox.firstOfRow {margin-left:0;}
	.checkingBox {float:right;width:40px;position: relative;}
	.menuAction {position: relative; width:25px; float: right;height: 30px; cursor:pointer;}
	.menuAction ul{display: none; cursor:pointer;padding:10px; width:110px;z-index: 10; position:absolute; top:26px; background:white; right:0; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;border-bottom: 2px solid #e8e8e8;border-right: 2px solid #e8e8e8;}
	.menuAction ul li a {color: #9d9d9d; cursor:pointer; text-decoration: none; font-size: 10px; margin: 5px 0 0; padding-bottom: 5px; border-bottom: 1px solid #9d9d9d; display: block; font-weight: normal;}
	.menuAction ul li a:hover {color:#000;}
	.menuAction:hover ul{display:block;}
	.menuAction .arrow {background-position: -45px -147px;width: 25px;height: 15px;}

    .cf:before,
    .cf:after {content: " ";display: table;}
    .cf:after {clear: both;}
    .cf {*zoom: 1;}
    .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/**
Chrome disabled over
*/
input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: #000; 
   background: white;
}
    textarea:disabled, input:not([type]):disabled{background-color: #e9e9e9;}
    .alert-success{font-weight: bold;position: absolute;right: 0;top: 0px;font-family:Arial;font-size:12px;background-color: rgba(255, 255, 255, 0.3);width: auto;padding-left: 9px;padding-right: 9px;height: 17px;padding-top:5px}
    .error{border:1px solid #d1313b !important;}
    .alert {padding: 15px;margin-bottom: 20px;border: 1px solid #eed3d7;border-radius: 4px;position: absolute;bottom: -90px;  float: right;  clear: right;  display: block;  z-index: 99999;}
    .alert-red {color: white;background-color: #DA4453;}
    .alert-green {color: white;background-color: #37BC9B;}
    .alert-blue {color: white;background-color: #4A89DC;}
    .alert-yellow {color: white;background-color: #F6BB42;}
    .alert-orange {color:white;background-color: #E9573F;}
    .dateFermemode{width: 100%;font-size: 12px;font-weight: bold;background: none;color: #6b6a6a;display: block;border: none;}
    .selectferme .option {display:none;}
    .selectferme>a {display:block; position:relative; color:#6b6a6a; text-decoration: none; cursor:default; font-size: 12px;font-weight: normal;line-height: 16px;}
    .loadergiftransaction{background: rgba(255,255,255,0.5) url('../img/ajax-loader_transaction.gif') no-repeat center center;position: fixed;width: 100%;height: 100%;z-index: 9999;top: 0;left: 0;}
    #rstajax p a {color:#FFF;padding-left: 13px;display:block;}
    #rstajax p a:hover{color: #000}
    #rstajax p	{padding-bottom: 10px;}
    .fermerTodo{top: 29px;position: relative;}
    .rsltnavigation{padding-left: 510px;top: 68px;position: relative;font-style: italic;font-size: 13px;width: 213px;}
    .todoselect{width: 200px;float: left;margin-left: 15px;position:relative;top:-10px;}
    .noticeExist{background: url('../img/iconenotice.jpg') no-repeat center right; width: 26px;height: 26px;display:block;position: relative;left: 222px;top: 4px;;cursor: pointer;}
    .resetnav{background: url('../img/refresh.png') no-repeat center right; width: 32px;height: 32px;display:block;position: relative; left: 199px;top: -26px;;cursor: pointer;}
    img.error{border: 2px solid red !important;}
    .openingArrowBox .actionCell {width:40px;padding:0;display:table-cell;border-left: 2px solid #e9e9e9;vertical-align: top;float: right;}
    .openingArrowBox i.correct {background-position: 12px -85px; width: 100%; height: 19px; display: inline-block; border-bottom: none; padding: 5px 0px; vertical-align: top;}
    .openingArrowBox i:hover.correct {background-color:#6b6a6a; cursor:pointer;}
    .openingArrowBox .secondDate{text-align:left; width:95px;line-height: 9px;}
    .borderBox{border-top: 2px solid #e9e9e9;}
    .rightClass{position:relative;left: 500px;top: -2px;}
    .Classheurea{width:15%;float:left; margin-right:3px;}
    .Classheured{width: 15%;float:left;}
    .labelHeure{padding-left: 23px;font-size: 9px;line-height: 9px;font-style: normal;position: absolute;bottom: 13px;}
    .dateiconeTO{margin-right: 5px;width: 19px;height: 16px;background: url('../img/sprite.png') no-repeat left -40px;text-indent: -9000px;border: none;cursor: pointer;padding: 0;line-height: 0;vertical-align: top;display:block;}
    .dateiconeTO2{margin-right: 5px;width: 19px;height: 16px;background: url('../img/sprite.png') no-repeat left -40px;text-indent: -9000px;border: none;cursor: pointer;padding: 0;line-height: 0;vertical-align: top;display:block;float:left;position: relative;left: 561px;top: 8px;}
    input.datetimepicker3.rightClass{background: #FFF; color: #C3C3C3;font-size: 10px;}
    .datetimepicker3 , .readonly {color:#6b6a6a; font-size:12px; font-weight: bold; border:none;width:100px}
    .echeancierGlob .openingArrowBox{margin-bottom:0px;}
    .borderBottom{border-bottom: 2px solid #e9e9e9;}
    .echeancierGlob .arrowBoxPanel{max-height: 30px;}
    .echeancierGlob .prospectionBox .prospectionContact em, .prospectionBox .prospectionCom em {font-size: 9px;line-height: 9px;font-style: normal;position: absolute;bottom: 13px;}
    .emheure{bottom: 1px;}
    .echeancierGlob .openingArrowBox>a{color: #C3C3C3;}
    .echeancierGlob .openingArrowBox>a:hover{color:#000000;}
    .statColor{color:#000;font-weight: bold;font-size: 10px;}
    .livrables {height: 15px !important;}
    .openingArrowBox .arrowBoxPanel .col4 label{font-size: 12.5px;}
    .openingArrowBox .arrowBoxPanel .col4 .label_check{display:inline-block;}
    i.activeremove{background-position: 0 -80px;display: inline-block;width: 20px;}
    .getEnt{width:240px;border-bottom:none !important;}
    .copier{font-size: 13px;font-weight: bold;padding-bottom: 15px;}
    .withpadding{border-top: 2px solid #e9e9e9; margin-top: 20px;}
    .nameLivrable{border-left: 2px solid #e9e9e9; height: 37px; width: 5px; margin-left: 5px;margin-right: 15px;}
    .dateToright{display: inline-block;float:right;}
    .achatProp{border-top: 2px solid #e9e9e9;border-bottom: 2px solid #e9e9e9;;padding: 14px;}
    .achattitle{font-weight:bold; display: inline-block;}
    .qteinput{width: 100px;margin-left: 2px;margin-bottom: 5px; display:inline-block;}
    .QteAchats{padding-bottom: 10px;}
    .datePos{width: 135px; position: relative;top: 6px;right: 12px;}
    /**EVALUATION***/
    .tabEvaluation{width: 100%}
    .tabEvaluation th{ vertical-align: middle;text-align: left ;height: 40px; background: #C3C3C3;color:#FFF;font-weight: bold; padding: 5px;}
    .tabEvaluation td{/*padding: 10px; height: 25px;*/padding:3px;}
    .tdGras{font-weight: bold ;}
    .tdGras.noire{color:#000}
    .tdGras.noire span{font-weight: normal;color:#6b6a6a;padding-left:15px;}
    .tabEvaluation tr td:first-child{width: 59%;}
    .tabEvaluationProjet tr td:first-child{width: 59%;}
    .tabEvaluationProjet tr td:first-child{width: 32%;}
    .tabEvaluationProjet th{text-align: center;}
    .tdGras .arrow {/*height:37px;*/height: 25px; margin-right:0px;border-right: none;  position: relative; top: -11px;}
    .tdGras i.arrow {background-position: -36px -165px; display: block; float: left; width: /*25px*/16px;}
    .tdGras.open i.arrow {background-position: -36px -135px; display: block; float: left; width: 25px;}
    .paddingLeft{position:relative;/*left: 50px;*/left:44px;}
    .evalPro{width: 60%;}
    .tabEvaluation td .champ{min-height: 1px; /*left: 34px;*/}
   /* .BottomSousTo{//border-bottom: 3px double #000000;border-top:1pt solid black;}*/
    .BottomSousTo td{padding-bottom: 10px;  height: 22px;}
    .rightDateEval{float:right; padding-right: 5px;}
    .rightDateEval .datetimepicker3 {width: 127px;}
    .rightDateEval span{color:#6b6a6a; font-weight: normal;;font-size: 12px; padding-right: 5px;}
    .dateiconeTO5 { margin-right: 5px; width: 19px; height: 16px; background: url('../img/sprite.png') no-repeat left -40px; text-indent: -9000px; border: none;  cursor: pointer;  padding: 0;  line-height: 0;  vertical-align: top;  display: block;  float: left;  position: relative;  left: 0;  top: 11px;}
    .titreachat{font-size: 13px;font-weight: normal;color:#6b6a6a;position:relative;left:15px;}
    .fornisseur{display: table-cell;padding-left: 10px;vertical-align: top;}
    .column .prospectionCom {width:150px;text-align:left; /*line-height: 9px;*/padding-left: 25px;  display: table-cell;padding-left: 10px;vertical-align: top;}
    .column .prospectionCom em{ font-size:9px;line-height: 9px; font-style:normal;}
    .container2 , .container3 {display: table;}
    .column ,.container3 .column3 {display: table-cell;padding-right: 25px;}
    .column .editmode .datepicker{width: 86px;}
    .column .editmode{padding-right: 25px;}
    .column .prospectionCom{width: 191px;}
    .column textarea{width: 241px;}
    .achatsTab{width: 100%}
    .achatsTab th{ vertical-align: middle;text-align: left ;height: 40px; background: #C3C3C3;color:#FFF;font-weight: bold; padding: 5px;}
    .achatsTab td{/*padding: 10px; height: 25px;*/padding:3px;}
    .achatsTab .secondChild{width: 34%;}
    .achatsTab input{border: none; width: 25%;}
	.achatsTab.width100 input{ width: 99%;}
	.achatsTab.width100 textarea{ max-height: 100px;}
    .achatsTab .editmode input{border-bottom: 2px solid #c4c3c3;}
    .prixSel{position:relative;padding-top:20px;}
    .fornisseurName{padding-bottom: 15px;}
    .secondChild .select{width: 188px;}
    .container6 { display: table;}
    .column7 { display: table-cell;  float:left;  min-width: 534px; max-width: 534px;  font-size: 13px;}
    .column9{float: right}
    .column8{float: left;  padding-right: 26px;}
    .column8  input{width: 110px;font-size: 12px !important;}
    .dateiconeTO5{margin-right: 5px;width: 19px;height: 16px;background: url('../img/sprite.png') no-repeat left -40px;text-indent: -9000px;border: none;cursor: pointer;padding: 0;line-height: 0;vertical-align: top;display:block;float:left;position: relative;top: 10px;}
    .prospectionContact .readonly{width: 125px;}
    .heureTr{font-weight: bold;padding-bottom: 15px;}
/* PRIX**/
    .prixAchats{ display: table; height: 40px; background: #C3C3C3; width: 100%;}
    .prixAchatsInput{ display: table; height: 40px;}
    .prixAchatscolumn {display: table-cell;color:#ffffff;font-size: 13px;font-weight: bold;text-align:center; vertical-align:middle;width: 109px;}
    .prixAchatscolumn.widthT{max-width: 107px;min-width: 107px;}
    .prixAchatscolumn.widthT2{width:65px;padding-right: 8px}
    .prixAchatsInput input{width: 50%;border:none;border-bottom: 2px solid #c4c3c3;text-align: center;vertical-align:middle;}
    .cumulH{float:right;padding-right:15px; color:#6b6a6a;font-size: 13px}
    .titreprix{font-size: 13px; font-weight: normal; color: #6b6a6a;}
    .achatPrixCompany{color:black;}
    .soustotal{height: 40px;background: #F3F3F3;display: table; width: 100%;}
    .soustotal .sousColumn{display: table-cell;padding-top: 10px; padding-left:5px;font-weight: bold;}
    .soustotal .sousColumn.secondCol{float:right; padding-right: 32px;}
    .heureSoum{float:right;padding-right: 35px;}
    .radioaucun{display: inline-block;width: 142px;}
    .radioaucun span{ float: left;  top: -14px; left: 133px; position: relative;}
    .radioaucun input{width: 150%; float: left; position: relative; left: -28px;}
    .generalHeure{float: right; padding-right: 7px;}
    .diagonal{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);writing-mode: rl-tb;background: red;color:black;font-weight: bold;position:relative;top:232px;z-index: 50; padding:10px;text-align: center;}
    .diagonal span{display: inline-block;}
    .redClass{background: red !important;}
    .inputborder{border: 1px solid #c3c3c3;}
    i.correctprix {background-position: 12px -85px; width: 100%; height: 19px;display: inline-block;padding: 5px 0px; vertical-align: top;margin-left: 41px; position: relative;}
    i:hover.correctprix {background-color: #6b6a6a; cursor: pointer;position: relative; margin-left: 12px; background-position: 45px -85px;}
    .numeroversion{color: green;font-size: 11px;font-style:normal;}
    .fixed {position: fixed;top:0; left:0;width: 100%;z-index: 9999;}
    .dossierstatut{font-size: 16px;display: block;margin-top: 4px;padding-top:10px;color: #6b6a6a;}
    .config, .config_projet{background: url('../img/config.png'); background-size: contain; display: inline-block;width: 21px; height: 21px;cursor:pointer;position: relative; top: 8px;}
    .etatduprojet{display:none;}
    #configure{min-height: 228px;}
    #configure p{color:red;}
    .raison{padding-bottom: 10px;display:none;}
    .sendOrder, .sendconfig{color: #6b6a6a; border: 1px solid #9b9a9a;padding: 4px 8px;position:relative;top:20px;}
    .sendconfigpr{color: #6b6a6a; border: 1px solid #9b9a9a;padding: 4px 8px;position:relative; cursor:pointer;}
    .sendOrder:hover, .sendconfig:hover{color:white;background: #9b9a9a;cursor:pointer;position:relative;top:20px;}
    .detail_ab, .detail_lt{min-height: 50px;}
    .sendCourriel{cursor:pointer;}
    .grisligne{background: red;}
    #ohsnap .alert-green{position: relative; top: 178px; left: -340px; width:100%; min-width: 190px;}
    .tosend a.close-modal {top:13px; right: 6.5px;}
    .tosend{display:none;width: 600px; height:600px; overflow: auto;overflow-x: hidden; cursor:pointer;}
    .BottomSousTo input, .livrableTR input{color:#FFF !important; background:#C3C3C3 !important; text-align: center !important;}
    .livrableTR input{color:#FFF !important; background:#C3C3C3 !important;}
    .achatnoncompleter{position: relative; left: 20px; color:black;}
    .achatnoncompleter span{font-weight: bold; color:red;}
    .hidethalloue{display: none;}
    .tabEvaluation input{text-align: center; border: 1px solid #000 !important;}
    .tabs li {list-style:none;display:inline;}
    .tabs a {padding:5px 10px;display:inline-block;background:#fff;text-decoration:none;color:black;}
    .tabs a.active {color:#000;background:#666;color:#fff;}
    .boxModal{background: white;position: relative;padding: 15px 12px; font-size: 14px;line-height: 16px; margin-bottom: 20px;}
    .boxModal .champ input{width:88px;font-size: 11px;border-bottom: 2px solid #c4c3c3;}
    .boxModal .champ label{display: inline;color:black;}
    .boxModal .champ input[type="radio"]{width:12px;display: inline;}
    .commander, .cancelle, .recuConforme{cursor: pointer;font-weight: bold;padding-right: 7px;}
    .commander:hover, .cancelle:hover, .recuConforme:hover{cursor: pointer;text-decoration: underline;}
    .cancledline{color:red;}
    .reculine{color:green;}
    .toappendbox input {width: auto !important;margin-top: 15px;}
    .secondlevel li{padding-left: 10px;font-weight: normal;}
    .grasPaddingli{font-weight: bold; margin-top: 10px;}
    .popuptextarea{height: 100px !important;background:#e9e9e9; cursor:text; resize: vertical;}
    .unlockbox.productionPop{width: 500px; max-height:560px;}
    .pauseicone, .getHistoriqueCourriel, .envoyerApprobation{cursor: pointer;}
    .redcolor{color:red;}
    .affectera, .affecteraetape,.affectera2, .affecteraetape2{float: right;top: 9px;position: relative; max-width: 60px;}
    .box.gris{background: #C3C3C3;}
    .toggle-button, .toggle-buttonEtat { background-color: white; margin: 5px 0; border-radius: 20px; border: 2px solid #D0D0D0; height: 24px; cursor: pointer; width: 50px; position: relative; display: inline-block; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
    .toggle-button button, .toggle-buttonEtat button { cursor: pointer; outline: 0; display:block; position: absolute; left: 0; top: 0; border-radius: 100%; width: 30px; height: 30px; background-color: white; float: left; margin: -3px 0 0 -3px; border: 2px solid #D0D0D0; transition: left 0.3s; }
    .toggle-button-selected, .toggle-button-selectedEtat { background-color: #83B152; border: 2px solid #7DA652; }
    .toggle-button-selected button,.toggle-button-selectedEtat button  { left: 26px; top: 0; margin: 0; border: none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); }
    .texttoggle{position: relative;top: -15px; font-weight: bold;color: #000;font-size: 12px;text-transform: uppercase;padding: 40px 0 25px;font-weight: bold;}
    .greenFont{color:green}
    .redFont{color:red}
    .chooseproject {display: table; z-index: 99999 !important; top:20px !important; margin-top:0 !important; height: 600px !important; width: 700px !important;}
	.chooseproject form{overflow: auto;height: 600px;}
    .ligneproject {display: table-row;}
    .leftproject, .rightproject, .middleproject { display: table-cell;}
    .titreprojectchoose{font-weight: bold;color:red;}
    .titreAchatchoose{position:relative; padding-left: 20px;color:green;top:3px;}
    .tableAchat{}
    .naturelivrable{padding-bottom: 10px;}
    .tableAchat th{background-color: #C3C3C3;}
    .tableAchat {position: relative; text-align: center;left: 30px; top: 5px; /*border-width:1px; border-style:solid; border-color:black;*/}
/* //.tableAchat td {border-width:1px; border-style:solid; border-color:black;} */
    .selectedline{background-color: #ffcccc;}
    .selectEtape{width: 30px;border:1px solid #cccccc;color:#cccccc;cursor:pointer;margin:0 2px;padding: 0 5px;}
    .selectEtape.active{border:1px solid black;color:black;}
    .tempTodo{position: relative;top: -26px;left: 88px;}
    .appliquerTous{font-weight: bold; cursor: pointer; text-decoration: underline; padding-left: 28px; }
    .qtedesactive{background: #D7D1D1;}
    .egalrepetetives {background:#D5D1D1;}
    .egalrepetetives > label{color:red !important;}
    .noncompleter{font-weight: bold; padding-top: 12px; text-align: center; color:red; }
    .thischamp{background-color: #D6D4D4; color:red;}
    .thischamp .champ input ,.thischamp .champ.editmode .select>a, .addtacheDIv.champ.editmode .select>a  , .addtacheDIv .champ input{border: solid 1px #000;}
    .thischamp .champ.editmode .select ul, .addtacheDIv .champ.editmode .select ul{width: 474px;}
    .thischamp  strong{padding-left: 195px;}
    .infolivrable{color: #ff0033;}
    .livrablesADDEdit input:not(.browse-click), .addtacheDIv input{width: 472px;}
    .addtacheDIv{width: 500px;}
    .boldh{font-weight: bold; text-decoration: underline; font-size: 11px; color: #000;}
    i{cursor: pointer;}
    .boldAsterix{color: green; font-weight: bold; font-size: 9px;}
    .tempsInputHeure,.tempsInputMinute,.tempsInputSecond, .tempsInputHeureadded,.tempsInputMinuteadded,.tempsInputSecondadded{max-width: 25px !important; border: 1px solid black !important;}
    .tempsInputHeure.errorbg,.tempsInputMinute.errorbg,.tempsInputSecond.errorbg{max-width: 25px !important; border: 1px solid red !important;}
    .deletecompany, .deleteindividu, .deletereseautage, .deleteprospection {display:block; padding-top: 19px; padding-left: 10px; cursor: pointer; color: red; font-weight: bold;}
    
    .tempsProdTB{width: 825px !important;}
    .tempsProdTB th,
	.tempsProdTB td {text-align:left;padding:3px;font-size:14px; vertical-align: top;}
	.tempsProdTB th {background:#b5b5b5; color:white; font-size:10px; text-transform:uppercase; font-weight:bold;padding:15px 10px;}
    .tempsProdTB tr {border-bottom:2px solid #e9e9e9;}
    .tempsProdTB a { color: black;}
    .loadergiftransaction{background: rgba(255,255,255,0.5) url('../img/ajax-loader_transaction.gif') no-repeat center center;position: fixed;width: 100%;height: 100%;z-index: 9999;top: 0;left: 0;}
    .differentChamp{color: red; font-weight: bold;}
    .boldcompany{color:#D1313B; font-weight: bold; font-size: 15px;}
    .centerTotal{text-align: center; text-decoration: underline;}
    .raisonRefusClient{padding-bottom: 10px; padding-left: 30px; font-weight: bold; color: red;}
    .spacelink{padding-left: 5px; color:#D1313B}
    .dupliquerProjet, .dupliquerSoumisisn{font-weight: bold; color:#D1313B; cursor:pointer; font-size: 12px; text-decoration: underline;}
    /**TEMP TODO*/
    .tabtototemps{width: 100%; border: 1px solid #000;}
    .tabtototemps th{  vertical-align: middle;text-align: left ;height: 40px; background: #C3C3C3;color:#FFF;font-weight: bold; padding: 5px;}
    .tabtototemps td{padding:3px; }
    
/** DEBUT NOUVEAU DESIGN*/
.s_mandat{background: #000;}
.s_mandat a,.s_mandat h3{color:#FFF;}
.s_mandat .arrow{border: none;}
.nature_m, .nature_prop_m{background: #a2a2a2; border : 4px solid #736d6d;}
.nature_m a{color:#FFF;}
.nature_m a input{background: #FFF; width:230px;}
.nature_m a input:disabled{color:#000; font-weight: bold;}
.name_n_titre{padding-right: 10px;width: 180px; display: inline-block;}
.col4 label{font-weight: bold;}
.editmode .datepicker{border: 1px solid #000; margin-right:5px; width: 90px;}
.col4 > label{ color: #D1313B !important; padding-bottom: 5px; font-size: 11px !important; font-weight: bold;}
.annex_s_nature{color: #000 !important; font-weight: bold;}
.s_evalu{background: #D1313B;}
.s_evalu .arrow {border: none;}
#apporterinfosoumission, #pdfgenerate, #draftgenerate{background: #D1313B; color: #000; border:none; width: 80px; height: 12px; text-align: center; padding-top: 6px;}
#pdfgenerate:hover, #draftgenerate:hover{text-decoration: underline; color:#FFF;}
.livrtosort{border: 2px solid #000;}
.livrtosort a input{border: 1px solid #000; color:#000;}
.livrtosort h3{font-size: 13px; border-top : 1px solid #000; border-bottom : 1px solid #000 !important; padding-bottom: 1px; padding-top: 1px; margin-top: 12px; margin-bottom: 12px;}
.get_wysiwyg {background: #636262; color:#FFF; font-size: 13px; height: 22px; padding-top: 10px;}
.nature_prop_m textarea{color:#000; font-weight: bold; font-size: 13px;}
.default_nom_cls{background: #c3bfbf !important;}
.propositiontextarea{color: #000;}
.aeval_cls{color:#FFF !important;}
.livrtosort .openingArrowBox{margin: -10px;}
.livrableTR{border: 1px solid #000;}
.tohideTRLIv{display: none !important;}
.nature_prop_m  .tabEvaluation th{background: none !important; color:#000; border:1px solid #000; color: #CB1521;height:0; font-size: 12px;}
.withBorder, .withBorder td{border: 1px solid #000;}
.demandeev th{background: #FFF !important;  border:1px solid #000; color: #CB1521; font-size: 11px; text-align: center;}
.demandeev tr td{color: #000; border:1px solid #000;}
.demandeev tr td input{border:1px solid #000; color: #000; font-weight: bold;}
.withBordertr, .trbg{/*border: 1px solid #000; background: #cccccc;font-weight: bold;*/ }
.priceHis span{color:#000;}
.priceHis .cumulH, .priceHis  .prixH{/*color :#D1313B;*/ font-size: 15px; font-weight: bold;}
.priceHis .prixAchats{ display: table; height: 15px; background: #FFF; width: 100%; border:1px solid #000; }
.priceHis .prixAchatsInput{ display: table; height: 40px;}
.priceHis .prixAchatscolumn {display: table-cell;color: #D1313B;font-size: 11px;font-weight: bold;text-align:center; vertical-align:middle;width: 109px;}
.priceHis .prixAchatscolumn.widthT{max-width: 107px;min-width: 107px;}
.priceHis .prixAchatscolumn.widthT2{width:65px;padding-right: 8px}
.priceHis .prixAchatsInput input{width: 50%;border:none;border: 2px solid #000;text-align: center;vertical-align:middle;}
.achatsDiv{margin:0 !important; margin-top: 5px !important; margin-left: 23px !important; border: 1px dotted #000;}
.achatnoncompleter {position: relative; left: 20px; color: red; padding-top: 27px; font-weight: bold;}
.livAchatDes{margin:0 !important; margin-top: 5px !important; margin-left: 23px !important; border: 1px dotted #000;}
.achatsoum {padding: 0 !important;}
.achatsoum h3{color: #D1313B; font-size: 12px; }
.achatsoum textarea{background: #e9e9e9}
.achatsoum .container2 .column{padding : 2px;}
.fornisseurName{text-decoration: underline; color:#000;}
.column textarea{width: 241px;}
.achatsTab{width: 100%}
.achatsTab th{ font-size: 11px; vertical-align: middle;text-align: center ;height: 10px; background: #FFF;color:#000;font-weight: bold; padding: 5px; border: 1px solid #000;}
.achatsTab td{/*padding: 10px; height: 25px;*/padding:12px;border: 1px solid #000;}
.achatsTab .secondChild{width: 10%;}
.achatsTab input{border: none; width: 55%; border:1px solid #000;}
.achatsTab .editmode input{ border:1px solid #000;}
.sortable .ligne, .rstLivrable .box {border:2px solid #CB1521; margin-bottom: 10px;}
.sortable .ligne  .box{margin-bottom: 0; }
.spnrtache{padding-left: 10px; display: block;}
.spnrtacheliv{padding-left: 40px; display: block;}
.livrtosort  .arrowBoxPanel{border:none;}
.livAchatDes  .openingArrowBox {border : 1px dotted #000;}
.col4.cacheques.editmode{display:inline-block;}
.col4.cacheques {display:none;}
.trbg td {vertical-align: top;}
.arrow.white{background-position: -66px -165px;}
.open i.arrow.white{background-position: -66px -135px;}
i.remove.insom{background-position: 0px -80px;}
.disablednature .name_n_titre{text-decoration: line-through; color: #000; }
.Classheurea { background: #C3C3C3 !important; color : #FFF !important;}
.tabEvaluationProjet tr th{font-size: 10px !important;}
.inlineselect{display:inline-block !important;}
.livrableTR td:last-child{border-right: 1px solid black;}
.livrableTR.prodc td{border: 1px solid #000;}
.tabEvaluation .tempreeltd{border: none !important; background: none !important; color: #000 !important;}
.tmpligne{font-weight: bold; color:black; text-decoration: underline;}
.tabtototemps.reglages{width:122%;}
.tabtototemps.reglages .datetimepicker3{width: 55px;}
.tabtototemps.reglages, .tabtototemps.reglages tr td{background: #FFF;color:#000; border: 1px solid #000;}
.tabtototemps.reglages th{background: #FFF; color:#000; font-weight: normal;border: 1px solid #000;}
.tempTot{padding: 10px 10px; color: #000;}
.tempTot span{font-weight: bold; }
.configuretime{display: none;color: #D1313B; font-weight: bold; margin-top: 8px; position: relative; cursor:pointer; text-decoration: underline;  padding-bottom: 10px;}
.livtache li, .tempsreglage li{padding: 4px; /*border-bottom: 1px solid black;*/}
.livtache li span{display: block;}
.livtache li input, .tempsreglage li input{padding-right: 10px; text-align: center;}
.nottoday td{background: #ffcccc !important;}
.nottoday2 td{background: #ffcccc !important;}
.rstajaxTodo{padding: 7px 7px; cursor: pointer; max-height: 150px; overflow-y: scroll;}
.rstajaxTodo p{border-bottom: 1px dotted  black; padding: 5px 5px;}
.addtimepopup p, .divcatpTach, .divcatpTach ul{padding: 10px 10px;}
.addtimepopup p span{width: 78px; display: inline-block}
.addtimepopup a, a.change_log{color: #d1313b; cursor: pointer;}
.addtimepopup a:hover, a.change_log{text-decoration: underline;}
.redmsg, .redmsgavecchev{color: red; text-align: center;}
.divjournnea {padding: 10px 10px;}
.divjournnea a{font-size:15px ; display: block; cursor:pointer; color:#FFF; padding-bottom: 10px;width: 250px; margin-bottom: 10px; background: #D1313B; padding : 5px 5px; border: 1px solid #000;}
.recupererLajournee{background:  green !important;}
.erreurJSTemps, .chevauchement {padding: 14px 14px; text-align: center; color: red; font-weight: bold;}
.tempsreglage li span{width: 200px; display: inline-block; color:#D1313B;}
/** FIN NOUVEAU DESIGN*/
/** TICKETS */

.addticket {margin: 10px 10px; background: red;}
.textareaticket, .inputticket, .selectticket{width: 100% !important; padding: 12px 20px; margin: 8px 0;display: inline-block;border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.textareaticket{background: #FFF; height: 350px !important;}
.rstclt{display: none; padding-left: 30px; padding-top: 5px; padding-bottom: 11px; background: #c3c1c1;margin: 5px 10px;}
.rstclt a {color: #D1313B;}
.addticket label{display: block; color: black;}
.status_nouveau{background: #fcbdbd !important;}
.status_commentaire{background: #e3b7eb !important;}
.status_accepte{background: #ffcd85 !important;}
.status_confirme{background: #fff494 !important;}
.status_affecte{background: #c2dfff !important;}
.status_resolu{background: #d2f5b0 !important;}
.status_ferme{background: #c9ccc4 !important;}
.todosoumission{text-align: left; /*border: 1px solid #000;*/ padding: 10px 10px; color:#000;    width: 100%;}
.todosoumission tr{line-height: 25px;}
.todosoumission td{padding: 5px 5px;}
.todosoumission td:nth-child(2){width:250px;}
.todosoumission tr td, .todosoumission tr th{ border: 1px solid #000}
.todosoumission th{ font-weight: bold; color: #000; text-align: center;}
.filtreTodo{padding: 10px 10px;}
.filtreTodo p{color:#000;}
.filtreTodo  span{font-weight: bold;  display: block; text-decoration: underline; color:#9E1728;}
.fermerLajournee{width: 250px !important;}
.validetmpModi{cursor:pointer; color:#000;font-weight: bold;}
.userList{display: none;}
.projets_ouverts, .lancerbtn, .tauxClick, .fermerClick{text-decoration: none; display: block; cursor: pointer; color: #FFF;padding-bottom: 10px; width: 130px;margin-bottom: 10px; background: #D1313B;padding: 5px 5px; border: 1px solid #000;}
.statsTemps{width: 95%; text-align: center; color: #000;}
.statsTemps a{color: #000;}
.statsTemps tr:not(:first-child){line-height: 2; border: 1px solid #000; font-size: 13px; background: #FFF;}
.statsTemps td:not(:first-child){border: 1px solid #000;}
.statsTemps strong{color:#000; text-decoration: underline;}
.descriptionTemps{background: white; color: #D1313B;}
.tnpuser, .tnpdate{margin: 10px 10px;color: #000;}
.tnpuser label, .tnpdate label{width: 140px; display: inline-block; color: #000; font-weight: bold;}
.minustd .dashedlog td{border-bottom: 1px dashed #000; line-height: 1.5;}
.tempTble .grid_12{padding-bottom: 15px; margin-top: 10px;}
.nameEmpl{padding-bottom: 10px; text-align: left;}
.totalCal td{color: #D1313B; font-weight: bold; font-size: 15px}
.selecuserstat{width: 200px; display: inline-block; padding-bottom: 10px; color: #000;padding-left: 20px;}
.userinactif {display: none;}
.divcatpTach  .livtache li{color:#000;}
.formCatalogue textarea{width: 500px; height: 200px;}
.adddatetimeps{width: 25px;}
.backupetape{width: 120px;}
.tempsInputHeureadded.error, .tempsInputMinuteadded.error, .tempsInputSecondadded.error{border : 1px solid #d1313b !important;}
.retireRouge{color:#ff3333  !important;}
.linelivrable{display: block;}
input.minchamp{width: 16px !important; background: #FFF !important; color: #000 !important;}
.journeenonfermer{font-weight: bold;}
.tonewtrtemps td{border: 2px solid #ff0000 !important;}
.lineprosoum{font-weight: bold; color:#000; text-align: center;}
.factureinput{max-width: 70px;}

.annuler-facture {cursor:pointer;}

.livestats, .tblfacturation{background: #ffffff !important; width: 100%;}
.livestats {color : #000;}
.livestats tr td , .tblfacturation tr td { border: #000 solid 1px; text-align: center; padding: 5px 5px; }
.livestats tr th , .tblfacturation tr th{color:#000; padding: 5px 5px; border: #000 solid 1px; font-weight: bold;}
.tblfacturation tr th{color:#000; padding: 5px 5px; border: #000 solid 1px;}
.tblfacturation tr td textarea{min-height: 50px;}
.statusFac{padding-bottom: 20px;}
.statusFac label{font-size: 12px; font-weight: bold; color:#000;}
tr.addedlinefac td{border:#ff0000 solid 2px !important;}
.noticefac{margin-top: 10px; color: #000; font-size: 11px; font-weight: bold; margin-bottom: 8px;}
.fermeradmin{background: #666666; color:#000;}
.noteadmin{font-weight: bold; padding: 10px 10px;}
.fermeadmin{display: none;}
.checkFa{font-weight: bold; color: #000;  padding: 10px 10px;}
.barre{text-decoration: line-through !important; color:red !important;}
.barre.active{color:#000 !important;}
.projetstats{ color: #000 ; background: #cccccc;}
.totalprod{background: white; font-weight: bold; color:#000; padding:5px 5px;}
.etatduprojet  h2{padding: 0px !important;}
.pourcentageprojet{width: 60px !important;}
.readonlydepo{background: #999999;}
.isdepot{padding: 10px 10px; color: #000;}
.solde_atteindre{background: #37BC9B; color:#000; font-weight: bold;}
.facturerevenue{color:#000; background: #FFF; font-weight: bold;position: absolute;margin-left: -281px;width: 150%; line-height: 1.5; margin-bottom: 10px !important; top:400px}
.facturerevenue tr th, .facturerevenue tr td{/*border: 1px solid #000 !important; width:5% !important;*/ text-align: center; }
.facturerevenue tr.total td{border: 1px solid #000 !important;} 
.facturerevenue tr th:first-child, .facturerevenue tr td:first-child{width:20% !important; text-align: center;}
.blacktitle{background: #D1313B;color: #FFF; line-height: 2; font-size: 25px}
.lineseparate {background: #000 ;color: #FFF; line-height: 2; }
.lineseparatebig td{background: #000 url(../img/header.png) no-repeat right top; height: 18px;}
.etapelivrableprix{font-weight: normal;}
.facturerevenue input{width: 45px; font-size: 11px !important;}
.gris{background: #c3c0c0  !important;}
.achats textarea,.etapelivrableprix textarea{height: 50px !important; width: 150px !important;}
.facturerevenue tr.total{background: #999999 !important; line-height: 35px !important;}
.facturerevenue tr.achats {/*background: #0099cc !important;*/}

form.sendfacturer{overflow-y: scroll;max-height: 537px;width:840px;/*width: 617px*/}
.totalrecufacture , .factcreation, .topopupfac, .topopupfacSimulation {line-height: 1.5; width: 816px; max-height: 600px; }
.totalrecufacture  .firstlinetr , .topopupfac  .firstlinetr, .topopupfacSimulation .firstlinetr{background: #000;}
.totalrecufacture  .firstlinetr td , .topopupfac  .firstlinetr td, .topopupfacSimulation .firstlinetr td{color:#FFF;}
.preview, .validefacture, .approuvefacture{background: #D1313B ; padding: 5px 5px; color: #FFF; cursor: pointer; margin-right: 5px;}
.topopupfac p, .topopupfacSimulation p {color: #000; font-weight: bold;}
.createfac {
	float: left; width: 50%;
} 
.afacturer{width: 100px !important ;}
.factcreation tr td input{width:70px !important;}
.separ{border-bottom: 1px solid #000;}
.firstprojses td{font-weight: bold; color: #000;}
.createfac{color: #D1313B !important;}
.courrielDesti, .adresseEnv{display: none;}
.envtitle {color: #D1313B !important; font-weight: bold; padding-bottom: 10px;}
.modeenvoidiv label{color:#000;}
.modeenvoidiv p, .modeenvoidiv p span {padding: 5px 10px;}
.envoyerpayement, .envoyermodefact, .envoyermodefactemail, .envoyercourrielfct {float: right; background: #D1313B; color: #FFF; padding: 5px 10px; font-weight: bold; cursor: pointer;}
.ajouterligne{cursor: pointer;}
.addedligne {/*background: #ffcccc !important;*/}
.boldblack{color:#000 !important;}
/* .redfact  input {background: red !important; } */
.redfact{background: url(../img/barre-rouge.jpg)  repeat; }
.linegray , .linegray input{background: #999999;}
.chapprouverdepot{display: none;}
.print_fact, .sysComptable{color:#D1313B; font-weight: bold; cursor: pointer;}
.stotaux{font-weight: bold; color: #000;}
.titrefcfirst{color:#000 !important;}
.lignedevalidation td{padding-top: 20px;}
.factcreation, .courrielDesti, .adresseEnv{color: #000;}
.courrielDesti label, .adresseEnv label{font-weight: bold;}
.nottransferedComptable td{background: #ffcccc}
.voirlesligne_aaprouver{cursor: pointer; color: #D1313B; font-weight: bold; font-size: 15px;}
.formproduction .openingArrowBox a input{width: 100px !important;}
.toappendbox ul:first-child{overflow-y: scroll !important; height: 300px !important;}
.divcatpTach{height: 200px !important; overflow-y: scroll !important;}
.infored{color:#D1313B !important;}
.infoquestionachat span{ font-weight: bold; color:#000;}
.withoutSend{padding-right: 5px;}
.fromInfosgen textarea{/*background: #ccffcc;*/}
.aCtiontdo a{color: #FFF;display: block; padding-bottom: 10px; width: 80px; margin-bottom: 10px; background: #D1313B; padding: 5px 5px; border: 1px solid #000; text-align:center;}
.facturerevenue{border:1px solid #000; width: 120%;}
.headprixFct th, .headprixFct td{background: #000 url(../img/header.png) no-repeat center top; color: #FFF;}

.facturerevenue tr th.hasright, .facturerevenue tr td.hasright{border-right: 20px double  #000 !important;}
.facturerevenue  textarea{height: 25px !important;  margin-top: 5px;}
.headprixFct td, .headprixFct th{border: 1px solid #FFF;}
.txtappr{font-size: 12px; font-weight: bold;}
.prinfotxt{font-size: 12px !important;}
#tabs{width: 120% !important;}
.addelinename{color: #000; font-weight: bold; background: #ffcccc}
/*
.facturerevenue  tbody {height: 800px; overflow-y: auto;}
.facturerevenue thead, tbody { display: block; }

*/

#farecevoir input[type=submit]  {
	text-align: center;
    cursor: pointer;
    color: #fff;
    padding-bottom: 10px;
    width: 200px;
    margin-bottom: 10px;
    background: #D1313B;
    padding: 5px 5px;
    border: 1px solid #000;
}


.popdescription {width: 700px !important;}
.topopupfacSimulation{width:850px;}
.topopupfacSimulation textarea{display: none;}
.simulationFacture {display: block; text-align: center; cursor: pointer; color: #000; padding-bottom: 10px;width: 200px; margin-bottom: 10px;    background: #D1313B; padding: 5px 5px; border: 1px solid #000;}
.infosoumferme{margin-top: 20px;border-top: 1px dotted #000;}
.infosoumferme label, .infosoumferme p{color: #000; padding-top: 10px;}
.infosoumferme textarea, .noteSuiviGe{background: #FFF; height: 80px !important;}
.deleteLine, .deletetemps, .infosoumferme a, .redemarrer{cursor: pointer;}
.deleteLine:hover, .deletetemps:hover, .redemarrer:hover {text-decoration: underline;}
.prospectionBox input, .prospectionBox textarea, .prospectionBox .prospectionContact em, .prospectionBox .prospectionCom em {color:#000;}
.link_prospe{display: block; margin-bottom: 10px;}
.prixtmpsommaire{position: relative; float:right; right: 5px; color:#ffffff !important; padding-top: 10px !important;}
.totalSoumisionnature{background: #ffffff; padding: 5px 5px; color: #000; font-weight: bold;}
.totalSoumisionnature p{padding-bottom: 5px;}
.totalSoumisionnature p em{float: right;}
.totalSoumisionnature span{min-width: 150px !important; display: inline-block;}
.noticenature{color: #D1313B !important; font-size: 14px !important; font-weight: normal !important;}
.inactif {background:#A2A2A2 !important;}
.otherMode{display: none;}
/* SLIDER RANGE*/
.time-slider input[type=number] {
    display: none; 
}
.time-slider .timeLabel{
    position: relative;
    top: -38px;
}
input[type=range] {
    height: 10px;
        width: 61%;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  background: #D1313B; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}
/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 25px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -2px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 25px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 25px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
.soum_heure_toto, .soum_minute_toto, .soum_sec_toto{width: 40px;}
.intervBreifing{display: none;}
.directinput{width: 25px;}
.pTotalValider{font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.totalAvalider{float: right;padding-right: 130px; }
.validetmpModi{font-size: 15px; display: block; cursor: pointer; color: #FFF; padding-bottom: 10px; width: 55px; margin-bottom: 10px; background: #D1313B; padding: 5px 5px; border: 1px solid #000;}
.malConfigure{color:red; font-weight: bold;}
.acceptpaiement{/*display: block;*/ max-height: 600px !important; overflow-y: auto; overflow-x: hidden;}
.nfacSpam{font-size: 12px; font-weight: bold;}
.tdnonfacturable{background:  #cfc9c9;}
.redfinal{background: #D1313B; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background: #DBD6D6 !important; border: none !important;}
.totalFactureentre{font-weight: bold; display:inline-block; width: 340px;}
.prevFactEntr{display: table;  color:#000; width: 100%;}
.rowprev{display: table-row; padding-bottom: 10px;}
.columnprev{ display: table-cell; width: 20%; padding-bottom: 10px; /*font-size: 12px;*/}
.columnprev span{font-weight: bold; }
.columnprev:first-child{width:50%;}
.prevFactEntr{background: white; font-weight: bold; color:#000; padding:5px 5px;}
.tablesorter-default tfoot th, .tablesorter-default tfoot td{ font-size: 18px; font-weight: bold; color:#000; border: none !important;}
.seeTA{cursor: pointer; color:#000; text-decoration: underline;}
.sendsuivi, .sendsuivisms{color: #000 ; font-weight: bold; text-decoration: underline; padding-top: 10px; display: block; cursor: pointer;}
.popnotesuivi{width: 550px !important;}
.ckeditorSuivi{height: 100px;}
.factcreation tr td{width: 15% !important; padding: 8px 0px 8px 8px;}
.projettododiv{position: relative; left: -306px;width: 202%;}
.projettododiv table tr th {text-align: center}
.delete_fileDoc{color: #000; padding-left: 15px; cursor: pointer; font-weight: bold;}
.uploadFilesignature{background: #D1313B; color:#000; cursor: pointer;}
.dupRenouvellement{ color:#ffffff; padding: 10px; display: block; background: #D1313B; width: 70px; cursor: pointer;}
.small-input{width: 50px;}
.txt_renv{color:#000; font-weight: bold; padding: 20px 20px;}
.sortableLivrable a input.datetimepicker3{width: 85px;}
.type_clients, .type_projet_search{display: none; /*padding-bottom: 20px;*/ margin-bottom: 20px;}
.rstClients, .rstProjets{border:1px solid black; color: #000; padding: 5px 5px; margin: 15px; width: 310px; cursor: pointer; float: left; /*display: none;*/}

.rstProjet, .rstClient {padding-left: 50px; }
.rstProjet li, .rstClient li{padding : 5px  5px; border-bottom: 1px dotted #000;}
.rstProjet li:hover, .rstClient li:hover{background: #D1313B;}
.addedClients, .addedProject{width: 400px; float: left;}
.deletethisligne{color:#000;font-weight: bold; cursor:pointer;}
.divRecherche{clear: both;margin: 15px 15px; display: block;}
.notmodQte{color: red; font-weight: bold; font-size: 10px; padding: 5px 5px;}
.tauxerror{color: red; font-weight: bold;}
#fapprouveeabnm{display: none;}
.voirListeAbonement{padding: 5px 5px; color:#D1313B; margin-bottom: 10px; cursor: pointer;}
.canceled { color: white;}
.livInactif .editmode {text-decoration: line-through; }
.livInactif, .livInactif .box, .livInactif .openingArrowBox {background:#C3C3C3;}