*{
margin:0;
padding:0;
}

/*@import url('http://fonts.googleapis.com/css?family=Vollkorn:700italic,400italic&subset=latin&v2');*/

html{
    background:url('../img/bg.png') fixed;
    /*background: url('http://bradjasper.com/subtle-patterns-bookmarklet/patterns/darkdenim3.png') fixed;*/
    height:100%;
    font-family: 'Trebuchet MS';
    overflow-y:scroll;
}
body{
    height:100%;
}
header,footer,section,article{display:block;}

ul,li,ol{
    list-style:none;
}

/*_ header _*/
#header{
    position:fixed;
    z-index: 500;
    width:100%;
    min-width: 302px; /*3 boutons: 230+36+36*/
    height:36px;
    background-color: #282828;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));
    background-image:         linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));
    box-shadow: 0 1px 3px rgba(0,0,0,.7);
    border-bottom: 1px solid black;
}
#headerNew{
    position:fixed;width:100%;bottom:0;
}
#header ul{
    padding:0;
}
#header ul li{
    float:left;
    height: 36px;
    font-weight: bold;
    font-size: 1.1em;
    background:url('../img/iconNavHeader.png') no-repeat 10px 0;
}
#header ul li.right{
    float: right;
}
#header ul li.none{display:none;}/*temp*/
#header ul li a{
    display:block;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    padding: 0 15px 0 40px;
    color: whitesmoke;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    text-decoration: none;
}
#header ul li a:hover,
#header ul li a:focus{
    background:rgba(255,255,255,.1);
}
#header ul li.first{
    width: 230px;
}
#header ul li.stage{
    background-position: 10px -36px;
}
#header ul li.stats{
    background-position: 10px -72px;
}
#header ul li.deconnect{
    background-position: 10px -108px;
}
#header ul li.recherche{
    background-position: 10px -144px;
}

/*_ footer _*/
#footer{text-align:center;font-size:0.7em;color:#666;text-shadow:0 1px 0 #bbb;padding-top:3px;margin:0 0 50px 0;}
#footer a{color:#666;}
#footer a:hover{color:#555;}


/*_ wrapper _*/
#wrapper{
    display: table;
    table-layout: fixed;
    width:100%;
    height:100%;
}
#wrapper > div{
    display: table-cell;
    vertical-align: top;
}
/*_ navLeft _*/
.hack{
padding-top:38px;
}
/*height+margin=100%*/
#navLeft{
width:230px;
height:100%;
background:#444;
border-right:1px solid rgba(255,255,255,0.8);
}
#navLeft .deconnect{font-size:0.6em;text-align:right;font-style: italic;padding-right:10px;}
#navLeft .deconnect a{color:#888;}

#navLeft h2,.box h2{text-transform:uppercase;font-size:0.9em;padding:10px;color:#000;text-shadow:0 1px 0 rgba(255,255,255,0.1);}
#navLeft h2.no-uppercase{text-transform: none;}
#navLeft h2.invert{ color: #ccc; text-shadow: 0 1px 1px rgba(0,0,0,.5);}
#navLeft h2 small{color:rgba(0,153,204,0.7);}
ul{padding:0 15px 15px 15px;font-size:0.9em;}
#navLeft ul.sep{padding-bottom:40px;}
#navLeft ul.sep:after{content:'';position:absolute;margin:25px 0 0 8px;
width:200px;height:0px;border-top:1px solid #1d1d1d;border-bottom:1px solid rgba(255,255,255,0.1);}
ul li.fiche{
    position: relative;
    color: #ccc;
    min-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0 0px;
    text-shadow:1px 1px 0 black;width:auto;
}
ul li.fiche a{
    text-decoration: none;
    color: #ccc;
    padding: 2px 0 2px 25px;
    background: url('../img/iconNavLeft.png') no-repeat 0 0;
    -webkit-transition:color 0.2s ease;
            transition:color 0.2s ease;
}
ul li.fiche a:hover{
    background-color: #444;
    color: #09c;
    color: #51C3FA;
    box-shadow: 0 0 2px #444;
    width: auto;
    padding-right: 10px;
}
ul li.fiche.suivi{height: 40px;}
ul li.fiche:hover{overflow:visible;z-index:10;}
ul li.off,
ul li.fiche.add a,
ul li.fiche.all a,
ul li.info{
    font-style: italic;
    font-size: 0.8em;
    color: #aaa;
    text-shadow: 0 1px 0 #111;
}
ul li.fiche.add a{background-position: 0 -20px;}
ul li.fiche.all a{background-position: 0 -40px;}
ul li.fiche.add a:hover,
ul li.fiche.add a:focus,
ul li.fiche.all a:hover,
ul li.fiche.all a:focus{ color: #51c3fa; text-decoration: underline;}

ul li.on,
ul li.on a{
    /* color: #09c; */
}

/*cosmetique*/
ul li.fiche .v2,
ul li.fiche .annul{
    position:absolute;
    display:block;
    top:0;left:8px;
    width:8px;height:12px;
    text-align:center;
    background:#444;
    font-size:0.7em;
    font-weight:bold;
    line-height:1.1em;
    border-radius: 15px;
    padding:0 2px;
    color:#ccc;
    text-shadow:none;
}
ul li.fiche .v2.on{
    background: #09c;
    color: #fff;
}
ul li.fiche .annul.mais{
    color: orange;
}
ul li.fiche .annul{
    top:8px;
    left:-2px;
    background:none;
    z-index:100;
    color:#f00;
}
ul li.fiche a .infos{
    position:absolute;
    color:#ccc;
    font-size:0.8em;
    top:-9999px;left:80px;
    margin-top:3px;
    background: black;
    background:rgba(0,0,0,.8);
    padding:5px 15px;
    border-radius:3px;
    z-index:500;
}
ul li.fiche a .infos:after{ content:'';position:absolute;left:25px;margin-left:-3px;top:-6px;width:0;height:0;border-bottom:6px solid rgba(0,0,0,.8);border-right:6px solid transparent;border-left:6px solid transparent;}
ul li.fiche a:hover .infos{ top:20px; }

/*timeline dans une fiche*/
/*
ul li.fiche .timeline{display: table; table-layout: fixed; width: 100%; border-spacing:1px;height:3px;margin:4px 0 ;}
ul li.fiche .timeline div{display: table-cell;height:3px;background:#555;margin-right:2px;}
ul li.fiche .timeline div.on,
ul li.fiche .timeline div.acc{background:#09c;}
ul li.fiche .timeline div.ref{background:#c00;}
ul li.fiche .timeline div.mais{background:#f08e10;}
ul li.fiche .timeline p{clear:left;font-size:0.7em;color:#555;font-style:italic;margin:3px 0 0 0;}
ul li.fiche .timeline p strong{color:#09c;font-weight:normal;}
*/
.timeline{display: table; table-layout: fixed; width: 100%; border-spacing:1px;height:3px;margin:4px 0 ;}
.timeline div{display: table-cell;height:3px;background:#555;margin-right:2px;}
.timeline div.on,
.timeline div.acc{background:#09c;}
.timeline div.ref{background:#c00;}
.timeline div.mais{background:#f08e10;}
/*.timeline p{clear:left;font-size:0.7em;color:#555;font-style:italic;margin:3px 0 0 0;}
.timeline p strong{color:#09c;font-weight:normal;}*/

/* liste de fiches dans une .box */
.box ul li.fiche{color:#222; text-shadow:0 1px 0 white;}
.box ul li.fiche a{color:#222; -webkit-transition: padding .5s; transition: padding .5s;}
.box ul li.fiche a:hover{background-color:#f4f4f4;box-shadow:none;padding-left: 35px;}
.box ul li.fiche .v2{color:#444;background:#f4f4f4;}
.box ul li.fiche .annul{color:#f00;}
.box ul li.fiche .annul.mais{color:orange;}
.box ul li.fiche a .infos{text-shadow: none;}
.box ul li.off,
.box ul li.fiche.add a,
.box ul li.fiche.all a,
.box ul li.info{
    color: #444;
    text-shadow: none;
}
.box ul li.fiche.add a:hover,
.box ul li.fiche.add a:focus,
.box ul li.fiche.all a:hover,
.box ul li.fiche.all a:focus{ padding-left: 25px; }
.box ul li.fiche .v2.on{
    background: #09c;
    color: #fff;
}
.box ul li.fiche.archive .v2{ color: #f4f4f4;}

.box h2{ text-shadow:0 1px 0 white; }
.box h2 .numTodo{background:rgba(0,0,0,.4);margin-top:3px;box-shadow:0 1px 0 rgba(0,0,0,.4) inset;}
h2 .numTodo{display:block;float:right;font-size:0.7em;padding:0 8px;margin:1px 0 0 0;border-radius:10px;background:#222;color:#eee;text-shadow:none;box-shadow:0 -1px 0 rgba(255,255,255,0.2) inset;}

/*_timeline_*/
.circuit .timeline{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-spacing: 0;        
    height: 18px;
    padding: 8.833333% 10% 20px 10%;
    background: url('../img/suivi.png') no-repeat top center;
    background-size: 80% auto;
}
.circuit .timeline div{
    background: url('../img/iconFlash.png') no-repeat center -90px;
    height: 18px;
}
.circuit .timeline div.on,.box .timeline div.acc{background-position: center 0px;}
.circuit .timeline div.moi{background-position: center -36px;}
.circuit .timeline div.ref{background-position: center -18px;}
.circuit .timeline div.mais{background-position: center -72px;}

.tableau-de-bord{width:100%; border-bottom: 1px solid #ccc;}
.tableau-de-bord .menu{width: 100%;}
.tableau-de-bord .menu.todo{background: #dbedf1;}
.box .menu.todo ul li.fiche a:hover{background-color: #dbedf1;}
.tableau-de-bord .menu ul{ padding: 0 30px 15px 30px;}

.tableau-de-bord ul li.fiche .timeline{height:7px;opacity: .5;}
.tableau-de-bord ul li.fiche:hover .timeline{opacity: 1;}
.tableau-de-bord ul li.fiche .timeline div{ border: 1px solid #bbb; background: none; }
.tableau-de-bord ul li.fiche .timeline div.on,
.tableau-de-bord ul li.fiche .timeline div.acc{background: #666; border: none;}
.tableau-de-bord ul li.fiche .timeline div.ref{background: #c00; border: none;}
.tableau-de-bord ul li.fiche .timeline div.mais{background: #f08e10; border: none;}



/*_ content _*/
#content{
    padding-bottom:50px;
}

/*_ box(s) _*/
.box{
    margin:50px auto 0;
    padding:0 0 25px 0;
    background:#f4f4f4;
    border-radius:3px;
    box-shadow:0 0 5px black;
}
.box.small{ max-width:400px; }
.box.large{ max-width:600px; margin:25px 0 0 25px; }
.box.suivi > div{
    overflow: hidden;
    padding-bottom: 10px;
}
.box.suivi > div.blocJS{
    padding-bottom: 0px;
}


.box.suivi .demiSuivi{float:left;width:220px;}
.box.suivi .demiSuivi:first-child{width:380px;}
.box.suivi .demiSuivi h2{border:none;}
.box .demiSuivi p{padding:0 15px;text-shadow:0 1px 0 white;color:#999;font-style:italic;text-indent:0;}
.demiSuivi .eleveStage,
.demiSuivi .prStage{color:#888;}
.box.suivi .circuit{clear:left;}
/*.box.suivi a.simulSubmit{color:#09c;text-shadow:0 1px 0 white;}*/


/*.box .boxWrap{padding:25px 0;}*/
.box h1,
.box h2{
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 #bbb;
    padding: 10px;
}
.box h1{
    font-size: 2em;
    letter-spacing: -1px;
    border-bottom: 1px solid #555;
    background: #888;
    background: -webkit-linear-gradient(#999,#888);
    background:         linear-gradient(#999,#888);
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -1px 0 #bbb;
}
.box h1 small{
    color: #555;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
}
.box h2{
    color: #555;
    font-size: 1em;
    padding: 15px;
    text-shadow: 0 1px 0 #fff;
    border-top:1px solid #ccc;
}
/*ajoute en JS*/
.box h2 a{
    display: block;
    text-decoration: none;
    color: #555;
    padding: 15px;
}
.box h2 a:hover,
.box h2 a:focus{
    background: #c5c5c5;
    background: -webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
    background:         linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
}
.box h2 a small{
    text-transform: none;
    color: #d00;
    padding-left: 15px;
    font-size: 0.8em;
    font-weight: normal;
}
.box h2 a small.bleu{
    color: #09c;
}
.box h2 em{
    text-transform: none;
    color: #09c;
}
.box p{
    font-size: 0.8em;
    padding: 0 25px;
}
.box fieldset{
    border: none;
    padding: 0 25px 0 25px;
}
.box.small fieldset{
    padding: 0 25px;
}
.box fieldset legend{
    display:none;
}
.box input{
    border:none;
}
.box .input{
    position: relative; /* pour les points d aides */
}
.box.small label{
    width:115px;
}
.box label{
    display:inline-block;
    vertical-align: top;
    width: 150px;
    font: italic bold .95em "Trebuchet MS",sans-serif;
    color:#fff;
    text-shadow:0 1px 0 rgba(255,255,255,0.3);
    min-height:20px;
    margin: 5px 0;
    padding: 4px 0 4px 5px;
    border-radius: 2px 0 0 2px;
    background: #777;
    background: -webkit-linear-gradient(#525252,#959595);
    background:         linear-gradient(#525252,#959595);
    box-shadow: 0 1px 0 white,0 1px 1px rgba(0,0,0,0.4) inset;
    text-shadow: 0 0 1px black;
}
.box .checkbox label{
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    text-shadow: none;
    color: #444;
}
.box input,
.box textarea,
.box select,
.box .divInput{
    display: inline-block;
    vertical-align: top;
    font: .95em "Trebuchet MS",sans-serif;
    text-shadow: 1px 1px 1px #666;
    color: #e3e3e3;
    width: 220px;
    height: 28px;
    margin: 5px 0 5px 0px;
    padding: 0 0 0 10px;
    border-radius: 0 2px 2px 0;
    background: #999;
    background: rgba(0,0,0,.4);
    box-shadow: 0 1px 0 white,0 1px 1px rgba(0,0,0,0.4) inset;
}
.box.large input,
.box.large .divInput{
    width: 385px;
}
.box .checkbox input{
    width: auto;
    height: auto;
    margin: 5px 5px 5px 160px;
}
.box .textarea textarea,
.box .select select{
    width: 385px;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    min-width: 385px;
    max-width: 385px;
    border: none;
    padding: 5px 10px 10px 10px;
    border-radius: 0 2px 2px 2px;
}
.box .select select{
    width: 385px;
    min-width: 385px;
    max-width: 385px;
    height: 28px;
    min-height: 28px;
    padding: 0 0 0 10px;
    margin-left: 0 /*-5px*/; /*a cause de inline-block et la generation automatique des inputs et select*/
}
.box .select select[multiple]{
    height: 150px;
    min-height: 150px;
    padding: 5px 10px 10px 10px;
    -webkit-appearance: none;
}
.box .select select option[selected='selected']{
    /*background: #313131;*/
    text-indent: 10px;
}
.box .submit{
    padding: 25px 15px 0;
    text-align: right;
}
.box .submit + .submit{
    padding-top: 15px;
}
.box .submit input,
.simul-submit,
.box .valid{
    display: inline-block;
    width: auto;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
    margin: 0 3px;
    border-radius: 2px;
    text-decoration: none;
    color: white;
    border: 1px solid rgba(0,0,0,.7);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.3) inset, 
                0 1px 0 rgba(255,255,255,.4) inset, 
                0 1px 0 rgba(255,255,255,.2),
                0 1px 2px rgba(0,0,0,.5);
    background-color: #09c;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,0));
    text-shadow: 0 -1px 0 rgba(0,0,0,.7);
}

.box .submit input.sous-bouton,
.simul-submit.sous-bouton,
.box .valid.sous-bouton{
    background: #c5c5c5;
    background: rgba(0,0,0,.05);
    border: none;
    box-shadow: none;
    color: #111;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.box .valid{
    margin-top: 25px;
}

.comments .submit input.OK{
/*linear-gradient*/
background:-webkit-linear-gradient(#0a0,#007800);
background:        linear-gradient(#0a0,#007800);
-pie-background:        linear-gradient(top,#0a0,#007800);
}
.comments .submit input.NOK{
    right:150px;
/*linear-gradient*/
background:-webkit-linear-gradient(#f00,#800000);
background:        linear-gradient(#f00,#800000);
-pie-background:        linear-gradient(top,#f00,#800000);
}

.box .submit input:hover,
.box .submit input:focus,
.simul-submit:hover,
.simul-submit:focus,
.box .valid:hover,
.box .valid:focus{
    /* background-color: #51c3fa; */
    background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
}
.box .submit input:active,
.simul-submit:active,
.box .valid:active{
    /* background-color: #09c; */
    background-image: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
    box-shadow: 0 0 1px 1px rgba(0,0,0,.3) inset, 0 1px 0 rgba(255,255,255,.1);
    color: #111;
    text-shadow: 0 1px 0 rgba(255,255,255,.1);
}
.box .submit input.sous-bouton:hover,
.box .submit input.sous-bouton:focus,
.simul-submit.sous-bouton:hover,
.simul-submit.sous-bouton:focus,
.box .valid.sous-bouton:hover,
.box .valid.sous-bouton:focus{
    /*background: none;*/
    text-decoration: underline;
}
.box .submit input.sous-bouton:active,
.simul-submit.sous-bouton:active,
.box .valid.sous-bouton:active{
    background: rgba(0,0,0,.1);
    box-shadow: none;
}

/* bouton actions navLeft*/
#navLeft .submit{
    text-align: center;
}
#navLeft .simul-submit{
    width: 170px;
    max-width: 170px;
    margin: 15px auto 15px auto;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.3) inset, 
                0 1px 0 rgba(255,255,255,.4) inset, 
                0 1px 0 rgba(255,255,255,.2);
}
#navLeft .simul-submit:active{
    box-shadow: 0 0 1px 1px rgba(0,0,0,.3) inset, 0 1px 0 rgba(255,255,255,.1);
}

.ficheInfos{ padding:15px 0; }

.box .comments{padding:15px;}
.box .comments p{padding:10px 5px 0 5px;}
.box .comments span{ display: inline-block; vertical-align: top;}
.box .comments span:first-child{ width: 90px;}
.box .comments span.quand{color:#888;}
.box .comments span.qui{color:#09c;}
.box .comments span.quoi{color:#555;}
.box .comments span.acc,
.box .comments span.ref{font-weight: bold;}
.box .comments span.acc{color:#0a0;}
.box .comments span.ref{color:red;}
.box .comments span.res{color:#f08e10;}


/*_timeline allFiche_*/

.box .votreAvis fieldset{
background: none;
border:none;
padding-bottom: 0;
}

/* input des dates */
.box .date{
/*padding-top: 1px;*/
}
.box .datesInput{
    position: relative;
}
.box .datesInput .date input{
    position: absolute;
    z-index: 100;
    width: 120px;
    background: transparent url('../img/iconCal.png') no-repeat right;
    cursor:pointer;
    box-shadow: none;
}
.box .datesInput #StageDateDebut,
.box .datesInput #StageDateEtrDebut{ top: 0; left: 190px; background: none;}
.box .datesInput #StageDateFin,
.box .datesInput #StageDateEtrFin{ top: 0; left: 360px; background: none;}
.box .du,
.box .au{
    position: absolute;
    font-size:0.8em;
    color:#333;
    font-style:italic;
    top:10px;
}
.box .du{ left: 170px;}
.box .au{ left: 340px;}


/*message d'aide*/
.ptAide{
    position:absolute;
    left: 130px;
    top: 11px;
    z-index:400;
    text-decoration: none;
}
.ptAide.on{
    display:none;
}
.ptAide span{
    display: inline-block;
    width:15px;
    height:0px;
    padding-top:16px;
    overflow:hidden;
    background: url('../img/iconExcl.png') no-repeat;
}
.ptAide div{
    display: none;
}
.ptAide:hover div,
.ptAide:focus div{
    display: block;
    width:auto;
    font-size:0.9em;
    background:black;
    background: rgba(0,0,0,0.8);
    padding:10px;
    margin:-50px 0 0 18px;
    border-radius:5px;
    color:white;
    box-shadow:0 2px 2px black;
}

.box input[disabled=disabled],
.box input[readonly],
.box textarea[disabled=disabled],
.box textarea[readonly],
.box .divInput[disabled=disabled],
.box select[disabled=disabled],
.box .divInput.disabled {
    background: #fff;
    background: rgba(0,0,0,.1);
    box-shadow: none;
    border: none;
    color: #404040;
    -webkit-text-fill-color: #404040;
    opacity: 1;
    /* font-weight:bold; */
    text-shadow:0px 1px 0px white;
}

input[disabled=disabled].diff,
input[readonly].diff,
textarea[disabled=disabled].diff,
textarea[readonly].diff,
.box .divInput[disabled=disabled].diff,
select[disabled=disabled].diff,
.box .divInput.disabled.diff,
.box .datesInput .date input[disabled=disabled].diff,
.box .checkbox input[disabled=disabled].diff + label {
    color:black;
    -webkit-text-fill-color: #000;
    background:#aad9e8;
    text-shadow:0 1px 0 rgba(255,255,255,.9);
}

#StageBilanFinancier{
    background:transparent;
    transition:all 3s;
}
#StageBilanFinancier.on{
    transition-duration:.3s;
    background:rgba(0,153,204,.3);
}

/*_ errors _*/
.message{
font-size:0.8em;
width: 600px;
margin:25px;
/*linear-gradient*/
background:-webkit-linear-gradient(#fff,#e3e3e3);
background:        linear-gradient(#fff,#e3e3e3);
-pie-background:   linear-gradient(top,#fff,#e3e3e3);
/*background:rgba(0,0,0,0.5);*/
border:1px solid rgba(255,255,255,1);
outline:1px solid rgba(0,0,0,0.2);
color:#0d0;
text-shadow:0 1px 0 white;
}
.message p{
    padding:25px;
}
.connection .message{
    font-size: 1em;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    -pie-background: none;
    border: none;
    outline: none;
}
.connection .message p{
    padding: 0;
}

.message.messOK{color:#0a0;}
.message.messNOK{color:#d00;}

.message > p:first-child:before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -4px;
    margin-right: 10px;
    background: url('../img/iconFlash.png') no-repeat top left;
}
.message.messNOK > p:first-child:before{
    background-position: 0 -18px;
}
.message .multiple {
    padding-top: 20px;
}
.message .multiple ul {
    padding-left: 40px;
}
.message .multiple li {
    list-style: disc;
}

/* sous les champs required */
.error-message{font-size:0.8em;color:#d00;margin-left:160px;}
.divDiff{position:relative;border: 1px solid #DD0000;margin:0 0 30px 155px;padding: 10px;width: 373px;min-height:35px;}
.divDiff p{padding:0;}
.divDiff .rouge{color:#d00;}
.divDiff .pDate{padding-left: 5px;}
.divDiff .pDate em{padding-right: 10px;}
.divDiff .pDate span{position:absolute;left: 184px;}

#ajaxControle{
height:0;overflow:hidden;-webkit-transition:height 0.5s ease;
}



/* JS enabled: bloc depliable */
.box .blocJS{
    position: relative;
    overflow:hidden;
    /*
    background: #f4f4f4;
    background: -webkit-linear-gradient(#f4f4f4,rgba(244,244,244,0));
    background:         linear-gradient(#f4f4f4,rgba(244,244,244,0));
    */
}
.box .ssBlocJS{
    /*overflow: hidden;*/
    padding: 0 0 15px 0;
    -webkit-transition:all .5s;
            transition:all .5s;
}
.box .ssBlocJS.off{
    height: 0 !important;
    padding: 0;
}
.btnSlideDown{
    position: absolute;
    pointer-events: none;
    right: 15px;
    margin-top: 15px;
    width: 19px;
    height: 19px;
    background: url('../img/btnSlide.png');
    cursor: pointer;
}
.btnSlideDown div{
    width: 19px;
    height: 19px;
    background: url('../img/btnSlideText.png');
    -webkit-transition: all .5s;
    -webkit-transform: rotate(180deg);
            transition: all .5s;
            transform: rotate(180deg);
    
}
.btnSlideDown.off div{
    -webkit-transform:rotate(0);
            transform:rotate(0);
}


.btns{background:#888;height:24px;padding:0 10px;border-top:1px solid #aaa;border-bottom:1px solid #555;}
.btns a{padding:0 10px;margin-left: 2px;text-decoration:none;color:#ccc;font-size:0.8em;float:right;margin-top:2px;border:1px solid #555;
background:#666;}
.btns a:hover{border-color:#333;background:#555;}
.btns a:active{background:#252525;box-shadow:0 1px 1px #000 inset,0 1px 0 rgba(255,255,255,.3); }

.box.imprimer{
    margin: 25px auto;
    border-radius: 0;
    background: #f4f4f4;
    width: 95%;
    max-width: 800px;
}
.box.imprimer h1{
    background: none;
    text-shadow: none;
    border: none;
    box-shadow: none;
    text-align: center;
    padding: 40px;
    /* border-bottom: 1px solid #888;
    border-bottom: 1px solid rgba(0,0,0,.5); */
    margin-bottom: 15px;
}
.box.imprimer h2{
    border:none;
    padding: 15px 20px;
}
.box.imprimer h3{
    font-style: italic;
    text-decoration: underline;
    font-size: .9em;
    color: #555;
    padding: 0 40px;
}
.box.imprimer p{
    padding: 5px 40px;
}
.box.imprimer p strong{
    /* font-size: 1.3em; */
    /* font-weight: normal; */
}
.box.imprimer .logo{
    float: left;
    padding: 10px;
}
.box.imprimer ul{
    padding: 0 100px 15px 100px;
}
.box.imprimer li{
    list-style-type: disc;
}
.box.imprimer li.no-puce{
    list-style-type: none;
}
.box.imprimer .encart{
    background: #ccc;
    background: rgba(0,0,0,.1);
    margin: 20px 50px;
}
.box.imprimer .encart p{
    padding: 5px 20px;
}
.box.imprimer .encart ul{
    padding: 0 40px 15px 40px;
}
.box.imprimer .left{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    width: 49%; /* :/ */
    vertical-align: top;
    margin: 40px 0;
}
#flashMessage.imprimer{
    width: 95%;
    max-width: 800px;
    margin: 25px auto;
    color: black;
}
#flashMessage.imprimer p:before{
    display: none;
}

.radioset {
    display: grid;
    grid-template-columns: repeat(2, 20px 1fr);
    width: 540px;
    gap: 10px;
    align-items: center;
}

.radioset * {
    margin: 0;
}

.radioset-triple {
    grid-template-columns: repeat(3, 20px 1fr);
}

.radioset.error {
    grid-template-columns: repeat(2, 20px 1fr) 1fr;
}

.radioset-triple.error {
    grid-template-columns: repeat(3, 20px 1fr) 1fr;
}

.radioset input[type="radio"], .radioset label {
    width: 100% !important;
    box-sizing: border-box;
}

h3, h4 {
    color: #555;
    text-shadow: 0 1px 0 #bbb;
    padding: 10px 5px;
    font: italic bold .95em "Trebuchet MS",sans-serif;
}

#save-reminder {
    position: fixed;
    top: 50px;
    left: 10px;
    right: 10px;
    background-color: #a00a;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
    padding: 15px;
    display: flex;
    justify-content: center;
}

#save-reminder span {
    font-weight: bold;
}

#save-reminder button {
    background: transparent;
    border: 0;
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px;
    transition: 0.2s ease-in-out background-color;
}

#save-reminder button:hover {
    background-color: #0005;
}

.hcenter {
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media print{
    html, body{
        background: none;
    }
    #header,
    #flashMessage,
    .no-print{
        display: none;
    }
    /*Pied de page: fonctionne dans FF et IE
    
    */
    #footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 1,5cm;
        font-size: 8pt;
        color: #888;
        font-style: italic;
        text-align: left;
        text-shadow: none;
        padding: 0;
        margin: 0;
        margin-top: 1cm;
        border-top: 1px solid #888;
    }
    
    .box.imprimer {
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        background: none;
        font-size: 10pt;
    }
    .box.imprimer h1{
        /* padding-top: 0; */
    }
    .box.imprimer h2{
        text-shadow: none;
    }
    /*
    .box.imprimer h1,
    .box.imprimer h2,
    .box.imprimer h3{
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    .box.imprimer h1 + *,
    .box.imprimer h2 + *,
    .box.imprimer h3 + *{
        page-break-before: avoid;
        page-break-inside: avoid;
    }
    */
    .box.imprimer .no-break{
        page-break-inside: avoid;
    }
    .box.imprimer.break{
        page-break-after: always;
    }
    .box.imprimer .encart{
        background: none;
        border: 1px solid #888;
        border: 1px solid rgba(0,0,0,.5);
    }
}
/* Hack pour cibler Chrome, Safari 3+ 
   - N'affiche pas le footer lors de l'impression.
*/
@media print and (-webkit-min-device-pixel-ratio:0) {
    #footer{
        display: none;
    }
}