body {font-family: system-ui, sans-serif, Helvetica, Arial; font-size: 14px; background: #000; min-width: 280px;}/*459ea7*/
.btn-default {border-color: #0085a6;}
a.btn-default:hover {background-color:#0085a6; color:#fff;}
mark {background-color: yellow; background: yellow;}
::-webkit-scrollbar {width: 10px; height: 10px; background:rgba(0, 0, 0, .05);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1); border-radius: 0px; }
::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0 0 4px rgba(225,226,83,1);}
*:focus {outline: none;}
h1{font-size: 25px; font-weight: 300;}
.taille-20{font-size: 20px;}
h2{font-size: 20px; letter-spacing: 1px; font-weight: 400;/*text-shadow: 0px 0px 2px #c7c571;*/ }
h3{margin-top: 6px; font-size: 19px; font-weight: 300; text-shadow: 0px 0px 1px #ccc; /*color: gainsboro;*/ /*text-shadow: 0px 0px 10px #000;*/ }
h4{margin-top: 6px; font-size: 16px; /*color: gainsboro;*/ /*text-shadow: 0px 0px 10px #000;*/ }
h6{line-height: 0.1; color: black;}
.ouvre{background-image: url(/img/ouvre.png);background-position: 97% -9%; background-repeat: no-repeat;height: 20px;display: flex;
    float:right; margin-left: 15px; width: 30px;}
.uplbx{background-image: url(/img/photoNote.png);background-position: 5px 33px;background-repeat: no-repeat; height: 146px;}
.toglclose{transform: rotate(180deg);}
.toglopen{transform: rotate(90deg);}
#error_explanation {color: #bababa;}
#mydiv {position: absolute;z-index: 1111;}
.pos, .neg, .fut{
    font-size: 16px;
    font-weight:600 ;
}
.neg{
    color: red ;
}
.fut{
    color: hotpink;
}
#navhisto {display: block; position: relative; margin-bottom:24px; background: #5c5c5c; padding-left: 6px;}
ul#histo360 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
ul#histo360 > li {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #8f6666;
}
a.histo:focus, a.histo:hover {text-decoration: none; color: lightyellow;}
a.histo{
    color: #7deba4;
    /*text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8);*/
    font-size: 105%;
    
    padding: 0 5px;
    margin-left: -15px; 
}


#mydiv {position: absolute; z-index: 1111;} 
.editor {border:solid 1px #ccc; padding: 20px; height:640px; overflow: auto; background:#fff;}
.sample-toolbar{border:solid 1px #ddd; background:#f4f4f4; padding: 5px; border-radius:3px;} 
.sample-toolbar > span {cursor:pointer;}
.sample-toolbar > span:hover {text-decoration:underline;}
.tool{
    font-size: x-large;
    margin: 1px 6px 1px ;
}
#mydivheader {
padding: 10px;
cursor: move;
z-index: 10;
background-color: rgb(0,0,0,.82);
border-radius: 12px 12px 0 0;
color: #fff;
}
.minbtn{font-size: 10px;
    border: 1px solid;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 4px;
    cursor: pointer;
    }
.edit_pdximport{margin-left:1px; margin-right:1px;}
.mamopx{font-weight: 400; text-shadow: 0px 0px 1px #000;} 
.glyphicon-transfer{-ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); /* Standard syntax */ }
.timec1 {width: auto; height: 72px; overflow-y: auto; border: 1px solid black; margin: 10px; background-color: white; color:black;}
.occus{color: yellow; display: block;}
.chkbx{width:24px;}
#edit_area_toggle_checkbox_pdximport_libelcmpta{width:24px;}
.ssln{border-style: solid; border-width: 0px 0px 4px 0px;border-color: #399de4; padding-bottom:4px;}
.ssla{border-style: solid; border-width: 0px 0px 4px 0px;border-color: #222; padding-bottom:4px;}
a.ssla:focus, a.ssla:hover {border-style: solid; border-width: 0px 0px 4px 0px;border-color: #e9ff00f2; padding-bottom:4px;}
.baba{color: #bababa;}
.babal{color:#eaeaea;}
.cnlbox{display: table; border: 1px solid #5b5d52; margin: 12px 12px 12px 0; background-color: #fff; /*7a7c66;*/ }
.homeacc{font-size: 18px; padding: 8px; margin: 0 2px; word-break: break-word;}
hr{margin-top: 12px; margin-bottom: 12px; border: 0; border-top: 1px solid #bababa;}
.big-font{font-size: 33px; padding: 20px 45px;}
.pdbx0{padding: 12px;}
.pd24bx{box-sizing: border-box; margin-bottom:0px; margin-top:20px; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.5); border-color: #ddd; padding: 0 24px;}
.pdbx{box-sizing: border-box; margin-bottom:20px; margin-top:20px; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.5); border-color: #ddd; padding: 12px;}
.pdbx-mexp{box-sizing: border-box; border: 1px solid transparent; border-radius: 16px; box-shadow: 0 1px 1px rgba(0,0,0,.5); border-color: #ddd; padding: 12px; background: white; width: 85%; height: 150px; overflow-y: auto; overflow-x: hidden;}
.pdbx-exp{box-sizing: border-box; border: 1px solid transparent; border-radius: 16px; box-shadow: 0 1px 1px rgba(0,0,0,.5); border-color: #ddd; padding: 12px; background: #e2e2b7; float: right; width: 85%; height: 150px; overflow-y: auto; overflow-x: hidden;}
.pdbxit{display: block; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-color: #bababa; padding: 0; /*background: white;*/ overflow: hidden;}
.pdbxli{display: table; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-color: #bababa; padding: 12px 24px; margin-bottom: 4px;}
.clasrhome{cursor: pointer; margin-left: -15px;}
.pdbxi{display: table; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-color: #bababa; height: 400px; width: 298px; padding: 0; margin-left: 12px; margin-top:20px; background: white; overflow: hidden;}
.pdbxcmt{display: table; box-sizing: border-box; border: 1px solid transparent; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-color: #bababa; height: auto; width: 320px; padding: 0 6px 6px 0; margin-left: 12px; margin-top:20px; background: white; overflow: hidden;}
.pdbxhome{display: block; background: #f9f7f7; box-sizing: border-box; border: 1px solid transparent; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-color: #bababa; width: 300px; padding: 0 24px 24px; margin-left: 12px; margin-top:20px; cursor: pointer; float: left; /*height: 158px;*/ overflow-y: auto;}
.pdbxhome:hover, .pdbxhome:focus{background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 96%, rgba(91,93,82,1) 96%, rgba(91,93,82,1) 100%);}
.pd-info{box-sizing: border-box; margin-bottom:20px; margin-top:20px; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.5); background: white; border-color: #ddd;padding: 0 6%;}
.bg-info{background-color: #f0f0f0; background-image: url("/img/Info.png"); background-repeat: no-repeat;
  background-position: top;
    background-position-x: right;
    padding: 48px 34px 1px 24px;}
.tiny-txthome{font-size: 90%;}
.tiny-txtmail{font-size: 86%;}
.fn-home{padding: 12px 0 0; line-height: 36px;}
.fn-hsiz{font-size: 28px; vertical-align: middle;}
.btm-33p{position: absolute; bottom: 33px;}
.btm-2p{position: absolute; bottom: 3px; right: 0px;}
.top-right{position: absolute; top: 2px; right:2px;}
.tainer_a{background: #f5f5f5;}
.tainer_1{background:#474747;;}
.tainer_2{background:#818179;}
.tainer_3{background:#a5a599;}
.tainer_4{background:#dadac3;}
.tainer_blanc{background:#fff;}
.tainer_video{background:#fff; margin: 0 -15px;}
.tainer_5 {background:#ffff4e38;}
.iframe-container {overflow: hidden; padding-top: 100%; position: relative;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.simplien:focus, .simplien:hover {text-decoration: none; color: #31708f;}
.home-public{display:block; padding: 12px 0;}
.limg {position: relative; line-height: 24px; min-height:115px;}
.padding-top-bottom{padding: 24px 0;}
.padding-left-right{padding: 0 24px;}
.pad-lr6{padding: 0 6px; font-weight:600; font-size: 19px;line-height: 29px;}
blockquote {padding: 10px 20px; margin: 0 0 20px 74px; border-left: 5px solid #c6c6c6; font-size: 14px;}
.impacte{font-family: impact;}
.legende{color: grey; font-size: 84%; display: block;}
#memo-pagin .pagination{/*margin: 0;*/ margin-top: 24px; font-size: 2em;}
#memo-pagin .page a{color: #fff; padding: 0 2px; text-decoration: none;}
#memo-pagin span.page_gap{padding: 0 2px;}
#memo-pagin .page a:visited{color: yellowgreen; padding: 0 2px;}
#memo-pagin span.page.current{color: #000; padding: 2px; background: #fff;}
#memo-pagin .page a:hover{color: #777; /*  padding: 0 2px;*/ background: #fff;}
#memo-pagin span .first, #memo-pagin span .last{color: #fff;}
#memo-pagin .first a, #memo-pagin .last a{color: yellow;}
#memo-pagin .first a:visited, #memo-pagin .last a:visited{color: yellowgreen;}
#memo-pagin .first a:hover, #memo-pagin .last a:hover{color: #fff; text-decoration: none;}
.memu{font-weight: 500; font-size: 110%;}
.memu:focus, .memu:hover {text-decoration: none; color: #fff;}
a.memu{font-weight: 500; color: #ccc; font-size: 110%; padding: 0 4px;}
a.memu:focus, a.memu:hover {text-decoration: none; color: #fff;}
.zonotes{display: inline-block; background-color: #fff; padding: 24px; border-radius: 6px; border: 1px dashed #bababa; word-break: break-word;/*break-all;*/}
.hand-r{display: inline-block; font-size: 24px; background: wheat;}
.text-deco{text-decoration: none;}
.lien{font-weight: 500; color: white; /*font-size: 110%;*/ }
.lien:focus, .lien:hover {text-decoration: none; color: yellow;}
a.lien{font-weight: 500; color: white; /*font-size: 110%;*/ }
a.lien:focus, a.lien:hover, a.lien-bg:focus, a.lien-bg:hover {text-decoration: none; color: yellow; cursor: pointer;}
.lien-bg{font-weight: 500; color: #bababa;/* #c8aded;*/ font-size: 110%;}
.mahtr {border-radius: 12px; border: none; background: #a9aaad; margin: 0 0 0 8px; overflow-x: hidden;}
.bot{border: 1px solid lightblue; font-size: 14px; padding: 4px 16px;}
.symbolbg{background-image: url("/img/symbolall.png"); background-repeat: no-repeat; display: block; position: relative; width: 45px; height: 45px; background-size: 40px; float: left;}
.inline-flex{display: inline-flex;}
.width318{width: 318px;}
.width250{width: 250px;}
.mark{background-color: yellow; background: yellow;}
#offre {font-weight: 500; color: black; font-size: 110%;}
#offre a:focus, #offre a:hover {text-decoration: none; color: black; font-weight: 600;}
#offre a:visited, #offre a:link {color: black;}
.mark {background-color: yellow; padding: 0;}
.btn-legend{text-align: left; color: white; /*padding: 1px 24px;*/ }

.isoclasseur {display: block; border: 0.5px solid blue; border-radius: 4px; margin: 12px; padding: 12px; float: left; height: 160px; width: 35px; border-left-color: #6d5151; border-right-color: antiquewhite; border-top-color: antiquewhite; border-bottom-color: #a28b8b; border-top-style: none;}
.isoring {display: block; position: relative; bottom: -16px; border: 2px solid #9dd8d8; border-radius: 16px; width: 14px; height: 14px; background: #000; margin: 0 0 0 -1.8px; border-left-color: #f2f3eb;}
.isoetiket {display: block; background-color: #fff; border: 1px solid #999; margin: 0px 0 0px -6px; padding: 10px; height: 89px; overflow: hidden; font-size: 6px; font-weight: 400; white-space: normal;}
.isotext-vertic {text-orientation: upright; writing-mode: tb-rl; text-transform: uppercase; height: 80px; float: left; background-color: #fff;}
.remarque{display: block; width: 93%; left: 5%; padding: 12px 10% 12px 10%; position: absolute; font-size: 90%;}
.sauve{color: #df4747;}
.noir{color: #000;}
.donnsync{border: 1px solid #df4747; line-height: 1; border-radius: 88px; font-size: 29px; height: 120px; width: 120px; position: relative;}

.btn-save, .btn-save-back {color: #fff; background-color: #444; border: 1px solid #df4747; line-height: 25px; border-radius: 59px; font-size: 29px; height: 59px; width: 59px;}
.btn-save {position: fixed; bottom: 10px; right: 14px;}
.btn-lgnd-save{bottom: 34px; right: 78px;}
.btn-save-back {position: fixed; bottom: 10px; right: 157px;}
.btn-lgnd-back{bottom: 34px; right: 219px;}
.btn-save:hover {color: #fff; background-color: #301e1e; border: 1px solid #df4747; text-decoration: none;}
.btn-save:active {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-save:focus {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-save-back:hover {color: #fff; background-color: #301e1e; border: 1px solid #df4747; text-decoration: none;}
.btn-save-back:active {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-save-back:focus {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-lgnd-save, .btn-lgnd-back{font-size: 16px; position: fixed; background-color: grey; padding: 0 4px;}

.btn-sav, .btn-sav-back {color: #fff; background-color: #444; border: 1px solid #df4747; line-height: 24px; border-radius: 59px; font-size: 24px; height: 45px; width: 45px; position:static;}
.btn-sav:hover {color: #fff; background-color: #301e1e; border: 1px solid #df4747; text-decoration: none;}
.btn-sav:active {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-sav:focus {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-sav-back:hover {color: #fff; background-color: #301e1e; border: 1px solid #df4747; text-decoration: none;}
.btn-sav-back:active {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-sav-back:focus {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.sauv{color: #df4747;}

.add-sprec{display: block; position: relative;}
.qinfo{line-height: 20px; padding: 0 14px;}
.font-size-14{font-size: 14px;}
.pdc{display: block; float: left; position: relative; width: 87px; height: 100%; margin-left: -15px;}
.pdx{position: relative; left: 24px;}
.binders{display: block; position: relative;}
.width298{width: 295px;}
.width300{width: 29%; min-width:242px;}
.width320{width: 100%;}
.width24pro{width: 24%;}
.width76pro{width: 74%;}
.width600{width: 48%; /*width: 606px;*/ }
.tiers{width: 33%; margin-top: 53px;}
.deuxtiers{width: 67%;}
.zoneplus{display: block; /*text-align: right;*/ float:left; position: relative; top: 7px; height: 34px; width: 100%;}
.plusone{font-size: 12px;}
.growplus {transition: all .2s ease-in-out; z-index: 0;}
.growplus:hover {z-index: 1; width: 100%; height: 720px; overflow: auto; position:relative; background-color: rgba(110, 109, 119);}
.zoneplusket{display: block; margin-left:-8px; height: 34px; overflow: hidden;}
.classeur{display: block; border: 1px solid blue; margin: 12px; padding: 12px; float: left; height: 320px; width: 70px; border-left-color: #6d5151; border-right-color: antiquewhite; border-top-color: antiquewhite; border-bottom-color: #a28b8b; border-top-style: none;}
.btnliens{display: block; float: left; width: 30%;}
.ring{display: block; position: relative; bottom: -64px; border: 5px solid #9dd8d8; /*silver */ border-radius: 16px; width: 28px; height: 28px; background: #000; margin: auto; border-left-color: #f2f3eb;}
.btnring {display: grid; background: transparent; text-align: center; height: 24px; width: 24px; margin: -3px; border-radius: 24px;}
.btnring a{color: black;}
.btnring a:hover{text-decoration: none; background: #0d0d0d69; text-align: center; margin: -3px; border: 1px solid white; border-radius: 24px;}
.grow-1 { transition: all .2s ease-in-out;}
.grow-1:hover {transform: scale(1.1); width: 320px; position:relative; z-index: 2; /*left: -13px;*/ }
.grow-2 { transition: all .2s ease-in-out;}
.grow-2:hover {transform: scale(1.1); width: 320px; position:relative; left: -107px;}
.etiket{display: block; background-color: #fff; border: 1px solid #999; margin: 12px 0 -12px 0; padding: 12px; height: 160px; overflow: hidden; font-size: 12px; font-weight: 600; white-space: normal;}
.text-vertic{/*  writing-mode: vertical-rl;*/ text-orientation: upright; writing-mode: tb-rl; text-transform: uppercase; height: 161px; float:left; background-color: #fff;}
.envoyer{display: inline-block; margin-bottom: 2px; height: 39px; width: 46px; background: url(/css/send.png); background-size: contain; /* background-size: 100% auto; */ /* background-size: cover; */ background-repeat: no-repeat; background-position-x: 5px; margin-top: 5px;}
.imprimer{display: inline-block; margin-bottom: 2px; height: 39px; width: 46px; background: url(/css/print.png); background-size: contain; /* background-size: 100% auto; */ /* background-size: cover; */ background-repeat: no-repeat; background-position-x: 5px; margin-top: 5px;}
.oeillet{background-color: #fa3e3e; border-radius: 24px; box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.3); color: #000; cursor: default; font-size: 13px; height: 24px; line-height: 10px; position: relative; text-align: center; top: -4px; padding: 4px 8px;}
.oeil_2ch{padding: 6px 2px;}
.oeil_1ch{padding: 1px 4px;}
#classec .etiket li a{color: #000;}
#classec .etiket li a:visited{color: darkgreen;}
#classec .etiket li a:link, a:hover{/*text-decoration: none;*/ }
.marcdr{display: block; position: relative; width:100%; text-align:center;line-height: 0.6;}
.marq{color:#000;font-size:14px; line-height: 1;}
.color-1{background-color: #BADEF5;}
.color-2{background-color: #FAF0AB;}
.color-3{background-color: #B1E6B7;}
.color-4{background-color: #E6C3B3;}
.color-5{background-color: #F7BAFF;}
.color-6{background-color: #A9F5C8;}
.color-7{background-color: #FADDB9;}
.color-8{background-color: #E6E5A1;}
.color-9{background-color: #EB9DB3;}
.color-10{background-color: #C6B8FF;}
.color-11{background-color: #EDEDED;}
.color-12{background-color: #fff;}
.color-13{background-color: #8a908c;}
.color-14{background-color: #93B79E;}
.color-15{background-color: #63EB8B;}
.color-16{background-color: #729E7F;}
.color-17{background-color: #4D6B56;}
.color-88{background-color: #BABABA;}
.color-89{background: #d9edf7}
.text-color-1{color: #571a19; /*#f2dede;*/ }
.text-color-2{color: #193419;/*#1f5520;*/ }
.text-color-3{color: #173e51;}
.padding-notice{padding: 0 12px;}
.marginoe{position: relative; top:-15px;}
.margin-21{margin-top: -21px; margin-right: -21px;}
.dash-title{font-weight: 500; margin-right: 12px; font-size: 17px; /*text-shadow: 1px 1px 0px #000;*/ padding: 4px 0 3px 12px;}
.dash-title:focus, .dash-title:hover {text-decoration: none; background: #a9a0a0; cursor:pointer;}
.dash-mailbx-title{font-weight: 600; margin-right: 12px; font-size: 17px; /*text-shadow: 1px 1px 0px #000;*/ padding: 4px 0 3px 12px;}
.dash-mailbx-title:focus, .dash-title:hover {text-decoration: none;}
.lift{height:300px; overflow-y: auto; overflow-x: hidden; margin-right: -15px; margin-bottom: 12px;}
.lift-mailbox{max-height:366px; overflow-y: auto; overflow-x: auto; margin-right: -15px; margin-bottom: 12px;}
.dash1, .dash2, .dash3{background: rgb(255,255,255);}
.dash1{height: 455px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
.dash2{height: 455px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
.dash3{height: 455px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
.dashmailbox{background-color: #fff; /*height: 455px;*/ border-radius: 6px; margin-top: 14px; margin-right: 14px;}
.dash_mail{border-radius: 6px;}
.lift_mail{height:812px; overflow-y: auto; overflow-x: hidden; margin-right: -15px; margin-bottom: 12px;}
.form-agenda{border: 1px solid grey;padding: 6px 0;}
.jolidate {display: block; padding: 6px; border: 1px solid lightgrey;}

@media print and (width: 21cm) and (height: 29.7cm) {@page {/*margin: 3cm;*/ }
}
/* style sheet for "letter" printing */ @media print and (width: 8.5in) and (height: 11in) {@page {/*margin: 1in;*/ }
}
@media print {tr {/*background-color: #1a4567 !important;*/ -webkit-print-color-adjust: exact;}
tr:nth-child(odd) {background-color: #fff !important;}
tr:nth-child(even) {background-color: #f2f2f2 !important;}
td {padding: 10px; font-size: 70%;}
th{background-color: #9ce2d4 !important; padding: 10px; font-size: 50%;}
a[href]:after {content: none !important;}
}
#printmarginbtm p{margin-bottom: 2px;}
/*table css 4 tableau */ #tablo table {border-spacing: 20px;}
#tablo tr:nth-child(odd) {background: #fff;}
#tablo tr:nth-child(even) {background: #f2f2f2;}
#tablo td {padding: 10px; font-size: 70%;}
#tablo th{background: #9ce2d4; padding: 10px; font-size: 50%;}
#pdtab table {border-spacing: 20px;}
#pdtab tr:nth-child(odd) {background: #fff;}
#pdtab tr:nth-child(even) {background: #f2f2f2;}
#pdtab td {padding: 10px; font-size: 70%;}
#pdtab th{background: #f1f1f1; padding: 10px;}
#pdtab table{table-layout: fixed; width: 25000px; word-wrap:break-word; border-spacing: 20px;}
.word-wrap{word-wrap: break-word;}
#pdtab table th > div {height: 41px; overflow-y: auto; width: 150px;}
#pdtab table td > div {font-size: 15px;height: 41px; overflow-y: auto; width: 150px;}
#pdtab thead{display: block; width: 25000px;}
#pdtab .fixed_headers {width: 25000px; table-layout: fixed; /*border-collapse: collapse;*/ }
#pdtab .fixed_headers thead {/*  background-color: #333; color: #FDFDFD;*/ }
#pdtab .fixed_headers thead tr {display: block; position: relative;}
#pdtab .fixed_headers tbody {display: block; overflow: auto; width: 25000px; height: 400px;}
article {-webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; margin: 0 24px;}
.sortable { color:#428bca; cursor:pointer;}
.disabled-btn { opacity:0.4;}
.ancre{display: block; position: relative; top: -125px; visibility: hidden;}
.ancre_lift{display: block; position: relative; top: -125px; visibility: hidden;}
.minibox{background: #999;}
.spot_home{font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; color: #000; text-shadow: none; margin: 4px; /*margin-right: 15px;*/ }
.spot_home p{text-shadow: none; width:auto;}
.spot_home a{text-decoration: none; color: #fff;}
.spot_home a:visited{color: #f2f2f2;}
.spot_home a:hover{color: #777; background: #fff;}
.spot_btm{font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; color: #777; text-shadow: none; font-size: 13px; margin: 4px;}
.spot_btm p{text-shadow: none;}
.spot_btm a{text-decoration: none; color: #fff;}
.spot_btm a:visited{color: #f2f2f2;}
.spot_btm a:hover{color: #777; background: #fff;}
.pdmscrol{overflow-x: hidden; overflow-y: hidden; white-space: nowrap;}
.triptic{margin: 12px 24px;}
.record_upload_area{/*width:82%;*/ margin: 0 24px;}
select#pdximport_nsletr_name{width:180px;}
select#pdximport_Categories{width:180px;}
select#pdximport_Priorite{width: 66px;}
.actions{padding: 10px 0 0 25px;}
.msg_bodybox{display:block; border-style: inset; background: white;}
.msg_border{display: block;}
#pdx-accordion.panel-group{margin-bottom: 10px; padding: 0;}
.uppercase{text-transform: uppercase;}
.pastille{font-size: 66%;}
.no_page{color: yellow;}
.background-white{display:block; position:relative; background: #fff; height: 80px;}
#nbresults{position: relative; padding: 6px 20px; top: -14px;}
#nbresults span{display: block; position: relative; text-align: justify; padding: 6px 20px; margin: 0 12px; opacity: 0.8; /*filter: invert(100%);*/ background: #fff;}
#necplus{margin-bottom: 24px;}
.zebtn{padding: 4px 2px 0 46px;}
#error_explanation h2{font-size: 20px;}
.jumbotron{background: #fff;}
.jumbotron p{color: #000; font-weight:400; font-size: 14px;}
.nav navbar-nav{background-color: rgba(255, 255, 0, 0.5);}
.alink {color: #f2f2f2;}
.alink:hover{color: #fff; text-decoration: none;}
.text-white{color:#f2f2f2;}
.text-whitesmoke{color:whitesmoke;}
.text-small{font-size: 92%;}
.text-ssmall{font-size: 66%;}
.text-big{font-size: 120%;}
.z-index-100{position:relative; z-index: 100;}
.z-index-10{position:relative; z-index: 10;}
.z-index-1{position:relative; z-index: 1;}
.z-index-0{position:relative; z-index: 0;}
.opacity-05{opacity: 0.5;}
.btnplus{top: 17px; position: relative;}
.margin-bottom{margin-bottom: 28px;}
.doubletri a{color: #000; text-decoration: none; text-shadow: 0px 0px 10px #fff;}
.row-horizon {overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.list-group{display: grid; margin-bottom: 0px;}
.list-group a{display: -webkit-flex; -webkit-flex-direction: row; -webkit-align-items: stretch; color: #fff; /* text-shadow: 0px 0px 12px #FAFB86;*/ }
.list-group a:hover{color: #fff; text-shadow: 0px 0px 2px #FAFB86;}
.grid {display: -webkit-box; -webkit-box-orientation: horizontal; -webkit-box-align: stretch; display: -webkit-flex; -webkit-flex-direction: row; -webkit-align-items: stretch; display: -ms-flexbox; -ms-flex-direction: row; -ms-align-items: stretch; display: flex; flex-direction: row; align-items: stretch;}
#maison_a{display: block; float: left; background-color: #f2dede; padding: 27px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
#business_a{display: block; float: left; background-color: #dff0d8; padding: 27px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
#other_a{display: block; float: left; background-color: #d9edf7; padding: 27px; border-radius: 6px; margin-top: 14px; margin-right: 14px;}
.agendalight{display:block; position: relative ; float:left; width:100%; padding: 20px; margin-bottom: 10px 0 24px;}
.supra_fn{position: relative; top: 8px; right:8px;}
.width-33{width:33%; margin: 0 24px;}
.width-50{width:50%;}
.width-48{width:48%;}
/*les class de la pagination*/ .accordeon {/*next non clicable sans*/ margin: 0px 1px;}
/*.margin-paginate{position: fixed; width:100%;}*/
.padding-xpx{padding: 2px;}
.margin-024px{margin: 26px 16px;}
.block-100{display: block; width: 100%;}
.tab-pagin{position: fixed; top: 93px; font-size: 120%;}
#next-prev .pagination{width:100%;display:block;}
#next-prev .page, #next-prev span.page_gap, #next-prev span.first, #next-prev span.last{display:none; position:absolute;}
#next-prev .next{float: right; text-align: right;}

#next-prev .prev{float: left; text-align: left;}
#next-prev .prev a, #next-prev .next a{display: block; text-decoration: none; 
    margin: -92px -12px; color: #fff; opacity: 0.7; 
    font-size: 200%; text-shadow: 5px 0px 1px #ddd; }
#next-prev .prev a{padding: 87px 0px 1926px;}
#next-prev .next a{padding: 87px 2px 1926px 0;}
#next-prev .prev a:hover, #next-prev .next a:hover{opacity: 0.9; color: #d4baba; text-shadow: 5px 0px 2px #ddd; background: #f0ffff2e; }
.prec a, .suiv a {color: #fff; font-size: 165%; line-height: 24px; text-decoration: none;}
.prec a:hover, .suiv a:hover{opacity: 0.9; color: #fff; text-shadow: 5px 0px 2px #ddd;}
@media only screen and (min-width: 1012px) {#sel12{display: none;}}
#first-last .pagination{margin: 0;}
#first-last .page a{color: #fff; padding: 0 2px; text-decoration: none;}
#first-last span.page_gap{padding: 0 2px;}
#first-last .page a:visited{color: #yellowgreen; padding: 0 2px;}
#first-last span.page.current{color: #000; padding: 2px; background: #fff;}
#first-last .page a:hover{color: #777; background: #fff;}
#first-last span .first, #first-last span .last{color: #fff;}
#first-last .first a, #first-last .last a{color: yellow;}
#first-last .first a:visited, #first-last .last a:visited{color: yellowgreen;}
#first-last .first a:hover, #first-last .last a:hover{color: #fff; text-decoration: none;}
/*entete*/ .panel-default {background-color: #fff;}
div.panel-title{/*background-image: url("/css/opendown.png");*/ background-position: 50% 100%; background-repeat: no-repeat; overflow: hidden;}
/*.panel-title :hover {background-image: url("/css/opendown.png"); background-position: 50% 100%; background-repeat: no-repeat;}
.panel-title :active {background-image: url("/css/closeup.png"); background-position: 50% 100%; background-repeat: no-repeat;}
*/ .panel-title a{text-decoration: none;}
.panel-default>.panel-heading {color: #333; background-color: #fff; border-color: #ddd;}
.panel-heading {padding: 0; /*background-color: #fff;*/ text-decoration: none; color: #333; border-style: none;}
.panel-heading :hover {background-color: #c5e2f1; /*#9ce2d4;*/ }
.heads_infos{padding: 1.5% 2.3%;}/*duplica de panel-title*/
.head{padding: 0 2.3%;}
.shownames{line-height: 27px; /*margin: 8px 0 0 0px;*/ color: #222; font-weight: 500;}
.shownames a.visited{color: yellow; font-weight: 500;}
.shownames_group_item{background: antiquewhite; padding: 12px; text-indent: 12px; border-radius:12px; line-height: 27px; margin: 8px 0; padding: 0 8px; width:82%;}
.showtel{background: none; padding: 12px 0; line-height: 27px; color: chocolate;}
.showpictfiles{background: none; padding: 6px; margin: 0;}
.show_exp{background: none; margin: 0;}
.cat{padding: 12px; background-color: aliceblue; color: cadetblue; text-align: center; display: block; border: 1px solid; /*margin: 24px 0;*/ }
.entete_btn{position: relative; display: block; text-align: right;}
/*fin entete */ .chrono{/*  font-size:70%; color:darkgray; text-align:right;*/ /*margin-top:-15px;*/ }
.catego{font-size:90%; /*color:darkgray;*/ color: #777; text-align:left; float:left; width:100%;}
.catego h6{float: right;}
iframe#nsletr_name{margin-left: -15px;}
input, select{margin: 6px 0;}
.field{/*padding: 12px 0;*/ }
input#q.form-control{margin: 6px 0px;}
.btn{margin: 6px 0px;}
.print_courrier{font-size: 66%;}
a.f-legend{font-size: 133%; padding: 6px; border: 1px solid grey; border-radius: 12px; background: -moz-linear-gradient(top, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.83) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.83) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.83) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ffffff', endColorstr='#d4ffffff',GradientType=0 );}
.img_list{display:block; /*float:left;*/ margin: 12px; border: 1px dashed grey;}
.imget{float:left; text-align: right; font-size:80%; width: 100px; overflow-x:scroll; white-space: nowrap; text-indent: -49%; margin-left: 9px;}
#copy{height: 100%; width: 90%; overflow: scroll;}
#copychild{width: 100%; height: 100%; overflow-x: scroll; padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */ }
.imget_del{float:right;}
.actions-onedit{display: block; float: left;}
a.mail_btn{margin: 0 24px 12px 0; float:right; text-decoration: none;}
del{color: gainsboro;}
i.i{color: gainsboro;}
a.mail_this_btn{/*margin: 0 24px 12px 0;*/ text-decoration: none;}
/*.iframe-div{/*padding: 0 0 0 23px;*/ /*margin: 0 -4.6%;*/ /*left: 1px;*/ }*/
/*#mypdf{position: relative; width: 99%; height: 120px; border:none; overflow-y: auto;}*/
#articles2bill{position: relative; width: 100%; height: 555px; margin: 0 -15px; border:none;}
.pictpico{width: 33px;}
.pictmaxo{height: 75px;}
.pictmacro{width: 100%;}
.pictfull{max-width: 100%;}
.no-padng{padding: 0; text-align: right;}
.subinfo{display: block; min-height: 24px; float:left; padding: 8px;}
a.subinfo{color: chocolate;}
.paragjustif{text-align: justify;}
.printfont{font-family: Courier New, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:120%;}
.save_btn{padding: 12px;}
.navbar-brand{/*  color: #ccc; text-shadow: 1px 1px 14px #FAFB86; text-decoration: none; font-weight: 400;*/ }
.navbar-brand:hover{color: #fff; text-shadow: 0px 0px 12px #FAFB86;}
/*reglg hauteur*/ .navbar-nav > li > a, .navbar-brand {padding-top:5px !important; padding-bottom:0 !important; height: 30px;}
.navbar {min-height:30px !important;}
.navbar-toggle {padding: 0 0; margin-top: 8px; margin-bottom: 0;}
@media only screen and (min-width: 2px) {#doubletri {display: block;}
}
.border-1px{border-style: dotted none none none; border-color: #fff; margin-top: 24px; margin-bottom: 12px }
.inline{display: inline;}
.float-left{float:left;}
.float-none{float:none;}
.flo-droit{float: right;}
.float-right{float: right;}
.margin-right{margin-right: 36px;}
.maRgin-24{margin-right:24px;}
.textalign-droit{text-align: right;}
.updated_at{float: right; font-size: 69%; bottom: 10px; position: relative;}
#delimiteur{border-color: coral; padding: 27px; border-style: none dashed dashed none; margin-bottom: 24px; border-radius: 0 0 14px 0;}
#chbtn{display:block; position:absolute; left:100%; z-index: 2;}
label{color: #000; font-weight: 400; letter-spacing: 1px; margin-left: 9px; margin-bottom: 6px; top: -5px; position: relative; font-size:92%; font-style: italic;}
#Blanco{background-color: rgba(255, 255, 255, 0.8);margin-bottom: 28px; border-radius: 0;}
.text-black{color: black;}
.blanc-transpa{background-color: rgba(255, 255, 255, 0.8);}
#Blacko{background-color: #222;}
.filtro{background-color: rgba(255, 255, 255, 0.9);}
#Agenda{padding: 4px 7px; width: 100%; margin-bottom: 28px; border-radius: 12px;}
#Disposition{/*background-color: rgba(255, 0, 0, 0.2);*/ padding: 4px 7px; width: 100%; border-radius: 12px; margin-bottom: 28px;}
.white-div{background-color: rgba(255, 255, 255, 0.81); border-radius: 12px;}
.memhauteur{height: 680px;}
#Personne, #Mobilo, #Mailo, #Memo, #Connotations, #HomeGeo, #BusinessGeo, #OtherGeo, #Perso, #Comptablo, #Communico{padding: 4px 7px; width: 100%; border-radius: 12px; margin-bottom: 28px;}
.width100{width:100%;}
input#user_authentication_token {width:100%;}
input, textarea{width:100%;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
/*reglage hauteur headers*/ .notice{background: #bababa; padding: 23px; border-radius: 8px; color: #333; font-size: 116%;}
.margeuniq{height: 138px;}
.pdm-1st{height: 49px;}
.pdm-2nd{top: 41px; z-index: 10; padding: 8px 0; height: 24px;}
.pdm-home{top: 48px;}
.navbar-default{border-color: transparent; background: none;}
#navme{transition: top 0.3s;}
.pdmenu{top: 31px; z-index: 10; padding: 0; height: 59px; background: #222;}
.jump{/*top: 89px;*/ top: 112px; z-index: 1; background: #222;}
.pdm-3rd{top: 102px; z-index: 3; background: #fff;}
.pdm-4th{height: 88px;}
.pdm-11th{height: 0px;}
.pdm-5th{height: 105px;}
/*hauteurs onedit*/ .pdm-6th{height: 36px; margin-top: 8px;}
.pdm-7th{height: 12px;}
.pdm-8th{height: 136px;}
.pdm-9th{/*height: 51px;*/ }
.pdm-10th{/*margin-top:-19px;*/ }
.pdm-12th{height: 42px;}
.pdm-13th{height: 145px;}
.pdm-14th{height: 133px;}
.pdm-15th{height: 1920px;}
.pdm-16th{height: 100px;}
.pdm-17th{height: 104px;}
.pdm-18th{height: 403px;}
.pdm-19th{height: 109px;}
.pdm-pad{padding: 8px 0 0 0; top:-20px; margin-bottom: 0;}
#navbar li.dropdown{z-index: 1;}
#pd-pos{position: absolute; top: -3px; margin-left: 3px;}
#menusforms{position: relative; top:-3px;}
.actuel-info {display: block; position: relative; text-align: center; font-weight: 300; opacity:0.8; height: 35px; white-space: nowrap;}
.search_mini{display: inline-block; color: yellow; background: none; clear:both; border: 0; margin:0; padding:0;}
.simple_search{text-decoration:none; color:#fff; background:lightseagreen;}
.simple_search a{text-decoration:none;}
.simple_search a:hover{text-decoration:none;}
button.close{background: #fff; position: relative; font-size:26px; top: 8px; right: 9px; margin-bottom: 1px;}
.btn-search{color: #fff; background: none; position: absolute; left: 55px; bottom: -13px;}
.btn-search a:hover{color: #fff;}
.form-active{text-shadow: 0px 0px 12px #FAFB86;}
.onedititle{font-size: 24px; color: whitesmoke; float: left;}
.tiny-txt{font-size: 80%; color: grey;}
.tinytext{font-size: 4mm;}
.bg-white{background-color: #fff; border-radius: 24px; box-shadow: 8px 5px 3px 0px rgba(0,0,0,0.5);}
.gold-bg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */ background: rgb(254,252,234); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgb(254,252,234) 0%, rgb(241,218,54) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.attache_case{display: block; border-radius: 24px; border: #fff 4px ridge; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bababa+0,000000+100&0.65+0,0+34 */ background: -moz-linear-gradient(-45deg, rgba(186,186,186,0.65) 0%, rgba(123,123,123,0) 34%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(186,186,186,0.65) 0%,rgba(123,123,123,0) 34%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(186,186,186,0.65) 0%,rgba(123,123,123,0) 34%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bababa', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.renfort, .valise, .couture{display: block; background: none; color: black; text-align: center;}
.poignee{display: block; background: #bababa; border-color: aliceblue; color: #3B5957; text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,1); border-radius: 24px 24px 0 0; border-style: ridge ridge none ridge; box-shadow: 8px 5px 3px 0px rgba(0,0,0,0.5); border-right-width: 0px;}
h7{font-size: 15px; margin: 8px 0; display: block;}
.poing{display: block; position: relative; left: 2px; text-shadow: none; background: #474747; color: white; border-radius: 24px 24px 0 0; padding: 15px 0; border-color: #e8dddd; border-style: none solid none none; height: 58px; border-bottom-width: 5px; box-shadow: -8px 5px 3px 0px rgba(0,0,0,0.5);}
.couture{border-radius: 16px 16px 0 0; padding: 12px;}
.valise{padding: 28px;}
.renfort{padding: 4px; border-radius: 0 0 16px 16px;}
#myBtn {display: none; position: fixed; bottom: 164px; right: 1.2%; z-index: 99;}
#myBtn:hover {background-color: #555;}
#Btnbotm {display: block; position: fixed; top: 150px; right: 1.2%; z-index: 99;}
#Btnbotm:hover {background-color: #555;}
.spot_memo p{text-shadow: none; width:auto;}
.spot_memo a{text-decoration: none; color: #fff;}
.spot_memo a:visited{color: #f2f2f2;}
.spot_memo a:hover{color: #decccc; background: #000;}
.livresk{display: block; position: relative; height:64px;}
.btn-transparent:hover, btn-transparent:visited{background: none; color: whitesmoke;}
.z-index-0{position:relative; z-index: 0;}
.myb{height: 166px; /*  border: 1px #000; border-style: none none none solid; box-shadow: 5px 5px #0000001a; background: bisque;*/ }
.dash_info{background-color: transparent; height: 240px; margin-top: 24px; margin-right: 14px;}
.width290{width: 29%; min-width:242px;}
.btn-downl{position: relative; color: #fff; background-color: #444; border: 1px solid #df4747; line-height: 25px; border-radius: 59px; font-size: 29px; height: 59px; width: 59px;}
.ico-dwnl{padding: 7.5px 0;}
.btn-downl:hover {color: #fff; background-color: #301e1e; border: 1px solid #df4747; text-decoration: none;}
.btn-downl:active {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.btn-downl:focus {color: #fff; background-color: #301e1e; border: 1px solid #df4747;}
.curs{font-size: 24px; cursor: pointer; color: #999;}
span.curs:hover, span.curs:focus {text-decoration: none; color: #fff; cursor: pointer;}
.btn-pdx {color: #fff; background-color: #444; border-color: #000;}
.btn-pdx:hover {color: #fff; background-color: #301e1e; border-color: #444; text-decoration: none;}
.btn-pdx:active {color: #fff; background-color: #301e1e; border-color: #333;}
.btn-pdx:focus {color: #fff; background-color: #301e1e; border-color: #333;}
.btn-pdw {color: #000; background-color: #fff; border-color: #fff; outline: none;}
.btn-pdw:hover {color: #000; background-color: whitesmoke; border-color: #fff; text-decoration: none;}
.btn-pdw:active {color: #000; background-color: whitesmoke; border-color: #fff;}
.btn-pdw:focus {outline: none; color: #000; background-color: whitesmoke; border-color: #fff;}
.parent-section-rep{margin:10px 0;}
.parent-section-0{background:#BABABA;}
.parent-section-1{background:#d9edf7;margin:10px 0;}
.parent-section-2{background:#FAF0AB;margin:10px 0;}
.parent-section-3{background:#B1E6B7;margin:10px 0;}
.section-0,.section-1,.section-2,.section-3{padding: 115px 0 60px;}
.secx{font-size: xx-large; text-align: center;}
.mdcmpt{line-height: 27px;}
.mbody{background: white; padding: 1px; overflow: auto;}
.fsiz{font-size: 11px;}
.bludef{padding-right: 8px; font-size: 24px; color:#e0e897;}
.bludef:hover, .bludef:focus{color: #a0e897;}
.jour{border:1px dashed grey; padding:3px; border-radius: 6px;}
.input-group-addon{cursor: pointer;}
.out-line{outline-style: outset;}