/*reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}



/****************************************************/
:root  {
    /****** Useful colors *****/
    --night-blue:       #121A27;
    --light-gold:       #DCB274;
    --medium-gold:      #AC864C;
    --dark-gold:        #6E5A3D;
     
    /*******************************************/
}
body{
	background : var(--night-blue);
	font-family: Helvetica, Arial, sans-serif;
	margin : 0;
	padding : 0;
	color : var(--night-blue);
	font-weight : 300;
}
header{
	width : 100%;;
	border-bottom : 2px solid white;
}
header #logo {
    display:block;
    margin:20px auto;
    max-width: 350px;
}
#menu {
    border-top: 2px solid var(--medium-gold);
    border-bottom: 1px solid var(--light-gold);
    background:#fff;
    width:auto;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    position:relative;
    top:-4px;
    padding:23px 0;
    margin-bottom:30px;
}
/*#menu.fixer{
    position:fixed;
    width:100%;
    padding:10px 0;
    top:0;
    border:none;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.5);
}*/
#menu a {
    text-align:center;
    display:inline-block;
    vertical-align: middle;
    padding : 13px;
    color:var(--night-blue);
    background: white;
    background: linear-gradient(to right, var(--light-gold), #fff );
    text-decoration: none;
    font-weight: 500;
    transition: backgound 0.3s ease-in-out;
}
#menu a:hover,#menu a:focus,#menu a:active {
    background: var(--light-gold);
    background: linear-gradient(to right, var(--medium-gold), var(--light-gold) );
}
h1{
	font-size : 0.01em;
	font-weight : normal;
    text-align:center;
    padding:0;
    position:absolute;
    left:-100%;
}
h2{
    /*font-size : 1.4em;
    color : #333333;
    font-weight : normal;
    line-height : 0.70em;
    padding-left : 0.25em;
    text-align:center;*/
    font-size : 0.01em;
    font-weight : normal;
    text-align:center;
    padding:0;
    position:absolute;
    left:-100%;
}
h3{
    font-size : 1.4em;
    color : var(--night-blue);
    font-weight : normal;
    line-height : 0.70em;
    padding-left : 0.25em;
    text-align:center;
}

#content {
	width : 100%;
	background : #fefefe;
	text-align : center;
	padding : 40px 0;
    margin : 0 auto;
}
#content.content_accueil{
    padding-top:0;
}

.popMess {
    display : block;
    position : fixed;
    top:0;
    width : 100%;
    padding : 15px 0;
    color : var(--light-gold);
    font-size : 1.2em;
    text-align : center;
    opacity : 0;
    background : var(--night-blue);
    background : rgba(0,0,0,0.6);
    z-index:999;
    -webkit-animation : disapearing 15s;
     -khtml-animation : disapearing 15s;
            animation : disapearing 15s;
}.popMess a {color : var(--medium-gold);}
@keyframes disapearing {
    from {opacity: 1;top:0px;}
    75% {opacity:1;top:0px;}
    to {opacity:0;top:-80px;}
}
@-webkit-keyframes disapearing {
    from {opacity: 1;top:0px;}
    75% {opacity:1;}
    to {opacity:0;top:-80px;}
}
@-khtml-keyframes disapearing {
    from {opacity: 1;top:0px;}
    75% {opacity:1;}
    to {opacity:0;top:-80px;}
}


.taupe{
    background: var(--light-gold);
    background: linear-gradient(to right, var(--medium-gold), var(--light-gold) );
}


#content h3 {
    font-size : 1.8em;
    font-weight: normal;
    margin : 8px 0 10px;
}
#content h3 .small {
    font-size : 0.58em;
    display : block;
    font-weight: normal;
}
#content h4 {
    font-size: 0.83em;
    font-weight: normal;
    color:var(--night-blue);
    margin:5px auto 15px;
}

.sec-80 {width:80%;margin:0 auto;}
.sec-100 {
    width:100%;
    margin:0 auto;
    text-align:left;
}

.spacer {
    display:block;
    width:auto;
}
.space-10{height:10px;}
.space-15{height:15px;}
.space-20{height:20px;}
.space-25{height:25px;}



/*formulaire de connexion / nouveau mot de passe*/
#login, #newPass {
    width : 40%;
    margin : 0 auto;
    padding : 2%;
}
#login label, #newPass label {
    display : block;
    margin : 10px auto 0 auto;
    padding : 5px 0;
    font-size : 0.9em;
    width : 90%;
    text-align: center;
    border-radius: 6px 6px 0 0;
    transition : all 0.4s ease;
}
#login label.focus, #newPass label.focus {
    background :#ccc;
    color:var(--night-blue);
}
#login input, #newPass input {
    display : block;
    width : 90%;
    margin : 0 auto 10px auto;
    font-size : 0.9em;
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    border : 0;
    background : #dedede;
    padding : 8px 1%;
    -webkit-transition: all .37s ease;
       -moz-transition: all .37s ease;
        -ms-transition: all .37s ease;
            transition: all .37s ease;
    box-shadow : 0px 0px 0px #333333;
}
#login input:hover, #newPass input:hover {
    width : 88%;
    background : #ffffff;
}
#login input:focus, #newPass input:focus {
    width : 88%;
    background : #ffffff;
    box-shadow : 0px 1px 4px #333333;
}
#login #submitLogin, #newPass #submitNewPass {
    margin-top : 25px;
    width : 91.5%;
}
#login a.typoLink, #newPass a.typoLink {
    display : block;
    width : 40%;
    text-align : center;
    font-size : 0.8em;
    text-decoration : none;
    color : #ffffff;
    margin : 8px auto;
    padding : 5px 0;
    border:1px dotted white;
    -webkit-transition : all 0.37s ease;
       -moz-transition : all 0.37s ease;
         -o-transition : all 0.37s ease;
            transition : all 0.37s ease;
}
#login a.typoLink:hover,#login a.typoLink:focus,
#newPass a.typoLink:hover, #newPass a.typoLink:focus {
    border:1px solid white;
    background:rgba(255,255,255,0.2);
}
#login .desc, #newPass .desc{font-size:0.7em;}



/* formulaire ajout de clients+ ajout campagnes + ajout user*/
.createBtn{
    display:block;
    width:60%;
    max-width: 380px;
    background: var(--night-blue);
    color: var(--light-gold);
    padding : 10px;
    margin:20px auto 20px auto;
    cursor:pointer;
    transition: 0.3s ease-in-out;
}
a.createBtn {
    text-decoration: none;
    text-align: center;
    background-color: #799c75;
    color: white;
}
.createBtn:hover,.createBtn:focus,.createBtn:active {
    opacity: 0.8;
}
#newClient, #newCamp, #newDoss, #newUser, #newProfilPass, #formThumbnail {
    width : 60%;
    margin : 0 auto;
    padding : 2%;
    background:var(--medium-gold);
    display:none;
}
#formThumbnail {
    margin-top: 20px;
}
#newUser, #newDoss.modif, #newCamp.modif, #newClient.modif, #formThumbnail.modif{display:block;}
#newClient label, #newCamp label, #newDoss label, #newUser label, #newProfilPass label, #formThumbnail label {
    display : block;
    color:white;
    margin : 10px auto 0 auto;
    padding : 5px 0;
    font-size : 0.9em;
    width : 90%;
    text-align: center;
    border-radius: 6px 6px 0 0;
    transition : all 0.4s ease;
}
#newCamp label.forCheck .ui{text-align: left;}
#newClient label.focus, #newCamp label:focus, #newDoss label:focus, #newUser label:focus,
#newProfilPass label:focus, #formThumbnail label:focus {
    background :#ccc;
    color:var(--night-blue);
}
#newClient input, #newCamp input, #newDoss input, #newDoss select,
#newUser input, #newUser select, #newProfilPass input, #formThumbnail input {
    display : block;
    width : 90%;
    margin : 0 auto 10px auto;
    font-size : 0.9em;
    font-family: Helvetica, Arial, sans-serif !important;
    border : 0;
    background : #dedede;
    padding : 8px 1%;
    -webkit-transition: all .37s ease;
       -moz-transition: all .37s ease;
        -ms-transition: all .37s ease;
            transition: all .37s ease;
    box-shadow : 0px 0px 0px #333333;
}
#newClient input:hover, #newCamp input:hover, #newDoss input:hover, #newDoss select:hover,
#newUser input:hover, #newUser select:hover, #newProfilPass input:hover, #formThumbnail input:hover {
    width : 88%;
    background : #ffffff;
}
#newClient input:focus, #newCamp input:focus, #newDoss input:focus, #newDoss select:focus,
#newUser input:focus, #newUser select:focus, #newProfilPass input:focus, #formThumbnail input:focus {
    width : 88%;
    background : #ffffff;
    box-shadow : 0px 1px 4px #333333;
}
#newUser input.halfInput{
    display:inline-block;
    width:45%;
    margin-left:1%;
}
#newDoss input[readonly="readonly"]{background : #aeaeae;color:#555555;}
#newDoss input[readonly="readonly"]:focus,#newDoss input[readonly="readonly"]:hover{width:90%;}
#newClient #submitClient, #newDoss #submitDossier, #newProfilPass #submitProfilNewPass {
    display:none;
    margin-top : 25px;
    width : 91.5%;
}
#newDoss #submitDossier {display:block;}
#newProfilPass #submitProfilNewPass {display:block;}
#newUser .desc,#newProfilPass .desc {
    font-size:0.8em;
    width:90%;
    margin : 0 auto;
    color:#ccc;
}
#newUser .desc a {color:#fff;transition:color 0.4s ease;}
#newUser .desc a:hover,#newUser .desc a:focus{color:#ccc;}
#newUser .erreur,#newProfilPass .erreur,#newProfilPass .valide{
    background : #333333;
    color : #cc0000;
    padding : 5px;
    text-align :center;
    width : 90%;
    font-weight: bold;
    margin : 0 auto;
}
#newProfilPass .valide {color : #00aa00;}
#newProfilPass.affThisForm{display:block;}
#newUser .form_hr{
    width:50%;
    border-bottom:1px solid #ccc;
    border-top:none;
    margin : 0px auto 7px;
    display:block;

}
.dependStat{display:none;}





/*Mise en page du formulaire de contact*/
/*Mise en page du formulaire d'inscription*/
/*Mise en page du formulaire de mot de passe oublié*/
.contactForm form, .inscriptionForm form, .passForm form{width : 100%;}
.inscriptionForm form, .passForm form {margin-top : 15px;}
.contactForm label, .inscriptionForm label, .passForm label {
    display : block;
    margin : 10px 0 3px 0;
    font-size : 0.9em;
}
.contactForm input, .contactForm textarea,
.inscriptionForm input, .inscriptionForm textarea,
.passForm input, .passForm textarea {
    display : block;
    width : 97.5%;
    margin : 0 0 10px 0;
    font-size : 0.9em;
    font-family: Helvetica, Arial, sans-serif !important;
    border : 0;
    background : #dedede;
    padding : 8px 1%;
    -webkit-transition: all .37s ease;
       -moz-transition: all .37s ease;
        -ms-transition: all .37s ease;
            transition: all .37s ease;
    box-shadow : 0px 0px 0px #333333;
}
.contactForm textarea,.inscriptionForm textarea,.passForm textarea {
    resize : vertical;
}
.contactForm input:hover, .contactForm textarea:hover,
.inscriptionForm input:hover, .inscriptionForm textarea:hover,
.passForm input:hover, .passForm textarea:hover {
    width : 95%;
    background : #ffffff;
}
.contactForm input:focus, .contactForm textarea:focus,
.inscriptionForm input:focus, .inscriptionForm textarea:focus,
.passForm input:focus, .passForm textarea:focus {
    width : 95%;
    background : #ffffff;
    box-shadow : 0px 1px 4px #333333;
}
.contactForm #submitContact, .inscriptionForm #submitInscription,
.passForm #submitChangepass {
    margin-top : 25px;
    width : 99%;
}
.contactForm .erreur,.contactForm .valide,
.inscriptionForm .erreur,.inscriptionForm .valide,
.passForm .erreur,.passForm .valide,
 #login .erreur, #newPass .erreur, #newPass .valide{
    background : #333333;
    color : #cc0000;
    padding : 5px;
    text-align :center;
    width : 90%;
    font-weight: bold;
    margin : 0 auto;
}
.contactForm .valide,.inscriptionForm .valide,
.passForm .valide, #newPass .valide {color : #00aa00;}

.formline {
    display : block;
    vertical-align: top;
    position : relative;
    width :100%;
}


/*********************************************************/
/*********************************************************/
/**********************  PAGE ADMIN  *********************/
/*********************************************************/
/*********************************************************/
.div-95{width:95%;}
.div-65{width:65%;}
.div-25{width:25%;}
#profile-panel {
    display:inline-block;
    vertical-align : bottom;
    width : 25%;
    background: var(--night-blue);
    color : var(--light-gold);
    border-right : 5px solid var(--medium-gold);
    padding:15px;
}
.profile-avatar,.profile-infos{
    display:inline-block;
    vertical-align: top;
}
.profile-avatar{width:40%;}
.profile-infos{width:60%;}
.profile-avatar img {width:100%;}
#profile-panel a {
    display:inline-block;
    vertical-align: top;
    width:100%;
    padding:3.8% 0 3.8% 4%;
    text-decoration:none;
    font-size:0.9em;
    color :var(--medium-gold);
    transition:all 0.37s ease;
}#profile-panel a:focus,#profile-panel a:hover {
    color: white;
}
#profile-panel .profile_name{font-size:1.1em;}
#profile-panel #notif {position: relative;
    
}
#profile-panel #notif span {
    border-radius: 50%;
    position:absolute;
    background:red;
    color:white;
    font-size:0.7em;
    font-weight: bold;
    padding:3px;
    top:-2px;
}

#arian {
    display:inline-block;
    vertical-align: bottom;
    width : 70%;
    background:var(--medium-gold);
    padding : 1%;
}
#arian a {
    display:inline-block;
    vertical-align :middle;
    text-decoration: none;
    color:white;
    font-size: 0.9em;
}
#arian a img{
    width : 22px;
    display:inline-block;
    vertical-align: middle;
    margin : 0 5px;
    transition:all 0.37s ease;
}
#arian a img.rolled{
    transform:rotate(180deg);
        -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
       -moz-transform:rotate(180deg);
}
#arian a:hover img, #arian a:focus img{
    transform:rotate(-180deg);
        -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
       -moz-transform:rotate(-180deg);
}
.gen-module{
    display: inline-block;
    vertical-align: top;
    padding: 1.5%;
    padding-top: 20px;
    margin : 2% 1% 2% 1%;
    color : var(--dark-gold);
    background : #efefef;
    border-top:5px solid var(--medium-gold);
    position:relative;
}
.gen-module.div-25{
    background: var(--night-blue);
    color: white;
}
#content .gen-module h3{
    margin-bottom : 30px;
    color : var(--night-blue);
}
#content .gen-module.div-25 h3 {
    color: var(--light-gold);
}
.gen-module a.activClient, #main a.activClient{
    color : var(--dark-gold);
    transition:all 0.4s ease;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.25);
}
.gen-module a.activClient:hover,.gen-module a.activClient:focus,.gen-module a.activClient:active,
#main a.activClient:hover,#main a.activClient:focus,#main a.activClient:active{
    color : var(--medium-gold);
    background : rgba(0,0,0,0.15);
    box-shadow: 0px 5px 7px rgba(0,0,0,0.10);
    -webkit-transform-origin : 50% 50%;
     -khtml-transform-origin : 50% 50%;
       -moz-transform-origin : 50% 50%;
        -ms-transform-origin : 50% 50%;
         -o-transform-origin : 50% 50%;
            transform-origin : 50% 50%;
        -ms-transform:rotate(1deg) scale(1.05);
    -webkit-transform:rotate(1deg) scale(1.05);
       -moz-transform:rotate(1deg) scale(1.05);
         -o-transform:rotate(1deg) scale(1.05);
            transform:rotate(1deg) scale(1.05);
}
.gen-module.div-25 a {
    color: var(--light-gold);
}
.oneClient {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin: 15px;
    position: relative;
}
.activClient {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    color: #ffffff;
    text-decoration: none;
    margin : 15px;
}
.activClient img {
    display: inline-block;
    vertical-align: middle;
    width : 100%;
}

.adminClient {

}



.gen-module a.activCampagne{
    color : var(--dark-gold);
    background : rgba(0,0,0,0.05);
    transition:all 0.4s ease;
}
.gen-module a.activCampagne:hover,.gen-module a.activCampagne:focus,.gen-module a.activCampagne:active{
    color : var(--medium-gold);
    background : rgba(0,0,0,0.15);
}

.activCampagne {
    display: inline-block;
    vertical-align: top;
    width: 235px;
    color: #ffffff;
    text-decoration: none;
    margin : 10px 10px 10px 0;
    position: relative;
}
.activCampagne img {
    display: inline-block;
    vertical-align: middle;
    width : 40%;
    margin-right : 1%;
}
.activCampagne>span {
    display: inline-block;
    vertical-align: middle;
    width : 50%;
}
.activCampagne>span span {
    display: inline-block;
    color:#aaa;
    width : 100%;
    font-size:0.8em;
}

.dossier {
    display:inline-block;
    vertical-align: top;
    width:94%;
    position:relative;
    color:#fff;
    padding:10px 1%;
    margin : 0;
    transition:all 0.4s ease;
    z-index:10;
}
.dossier>span {
    display:inline-block;
    vertical-align: center;
    width:auto;
    color:#fff;
    background:#aaa;
    border-radius: 8px;
    padding:5px;
    position:relative;
}
.dossier>span span {
    display:inline-block;
    vertical-align: center;
    margin-left:20px;
    font-size:0.8em;
}
.dossier.en_cours,.dossier.livre,.dossier.pose,.dossier.bat{background: url("data:image/png;base64,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") no-repeat}
.dossier.en_cours {
    background-color:#cc8f75;
    background-position: 99% 10px;
    border-left:5px solid #4d4739;
}
.dossier.bat {
    background-color:#bc9f65;
    background-position: 99% -303px;
    border-left:5px solid #4d4739;
}
.dossier.livre {
    background-color:#babc65;
    background-position: 99% -91px;
    border-left:5px solid #4b4d39;
}
.dossier.pose {
    background-color:#79ac75;
    background-position: 99% -191px;
    border-left:5px solid #3c4d39;
}
.dossier.en_cours>span {background:#cc8f75;}
.dossier.bat>span {background:#bc9f65;}
.dossier.livre>span {background:#babc65;}
.dossier.pose>span {background:#79ac75;}

.dossier.en_cours .dossier_dates {
    position:absolute;
    left:0px; bottom:-10px;
    font-size:1em;
    background:#4d4739;
    color:white;
    border-radius:0 0 5px 5px;
    padding : 3px 5px;
}
.dossier.en_cours .dossier_dates span,.dossier_dates_title span{
    display:inline-block;
    vertical-align: middle;
    margin:0 15px 0 5px;
}
.dossier_dates_title{
    position:relative;
    display:block;
    top:-15px;
    margin:0 auto;
    width:50%;
    font-size:0.80em;
    background:#4d4739;
    color:white;
    border-radius:0 0 5px 5px;
    text-align: center;
    padding:5px 0;
    border-top:4px solid #9c8f75;
}
.gen-module a.dossier.en_cours:hover,.gen-module a.dossier.en_cours:focus,.gen-module a.dossier.en_cours:active {background-color:#ccbb99;}
.gen-module a.dossier.livre:hover,.gen-module a.dossier.livre:focus,.gen-module a.dossier.livre:active {background-color:#c9cc99;}
.gen-module a.dossier.pose:hover,.gen-module a.dossier.pose:focus,.gen-module a.dossier.pose:active {background-color:#9ecc99;}
.dossier .erreur{font-size:0.7em;text-decoration:none;}

.dossier_manage, .camp_manage, .client_manage, .anim_manage {
    display:inline-block;
    vertical-align: top;
    width:2%;height:35px;
    background:var(--night-blue);
    position:relative;
    min-width: 16px;
}
.camp_manage {
    top: 10px;
    right: 10px;
}
.anim_manage {
    position: absolute;
    top: 0px;
    right: 0px;
}
.client_manage {
    display:block;
    position: absolute;
    top:15px ; right: -30px;
    width: 15px;
}
.dossier_manage .dossier_option,
.camp_manage .camp_option,
.client_manage .client_option,
.anim_manage .anim_option{
    display:block;
    border:0;
    width:9px; height :22px;
    position:absolute;
    right:4px; top:2px;
    background : transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAWCAYAAAASEbZeAAAAPUlEQVQoke3PsQnAIBQAUdfT/UcI3zGejZAmH1IIInhw3TVXyj5QEdOaReEl/kQ9ixo6HrRlH9/cu3PvMgaIqLRnOeqP6QAAAABJRU5ErkJggg==") no-repeat center center;
    transition:all 0.4s ease;
    z-index:11;
}
.dossier_manage .dossier_option:hover,.dossier_manage .dossier_option:focus,.dossier_manage .dossier_option:active,
.camp_manage .camp_option:hover,.camp_manage .camp_option:focus,.camp_manage .camp_option:active,
.client_manage .client_option:hover,.client_manage .client_option:focus,.client_manage .client_option:active,
.anim_manage .anim_option:hover,.anim_manage .anim_option:focus,.anim_manage .anim_option:active {
    cursor : copy;
    opacity:0.5;
}
.dossier_manage .list_status,
.camp_manage .list_status,
.client_manage .list_status,
.anim_manage .list_status {
    display:none;
    width : 150px;
    position:absolute;
    right:15px;
    background:white;
    border:1px solid var(--light-gold);
    z-index:12;
}.dossier_manage .list_status a,
.camp_manage .list_status a,
.client_manage .list_status a,
.anim_manage .list_status a{
    display:block;
    padding:8px;
    text-decoration: none;
    color: var(--medium-gold);
    font-size: 0.8em;
    transition:all 0.4s ease;
}.dossier_manage .list_status a:hover,.dossier_manage .list_status a:focus,.dossier_manage .list_status a:active,
.camp_manage .list_status a:hover,.camp_manage .list_status a:focus,.camp_manage .list_status a:active,
.client_manage .list_status a:hover,.client_manage .list_status a:focus,.client_manage .list_status a:active,
.anim_manage .list_status a:hover,.anim_manage .list_status a:focus,.anim_manage .list_status a:active {
    background:#dfdfdf;
    color: var(--dark-gold);
}
.dossier_manage .list_status hr,
.camp_manage .list_status hr,
.client_manage .list_status hr,
.anim_manage .list_status hr{
    margin:3px auto;
}
hr.hr-bigmargin {
    margin: 50px auto;
}
p.desc_ref {
    background : var(--night-blue);
    color:#fff;;
    font-size: 0.85em;
    text-align: center;
    padding: 5px;
    margin : 0 auto 10px auto;
    width:80%;
}
.dossier_suppr,.camp_suppr,.client_suppr {
    display:none;
    background:var(--night-blue);
    color:white;
    width:90%;
    margin: 0 auto 20px auto;
    padding:12px 8px 8px 8px;
    font-size:0.85em;
    text-align:center;
    border-radius: 0 0 5px 5px;
}.dossier_suppr button,.camp_suppr button,.client_suppr button {
    display: inline-block;
    vertical-align: middle;
    background:#606281;
    color:white;
    padding:8px 15px;
    margin:5px 0 0 8px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
     -khtml-transition:all 0.3s ease;
       -moz-transition:all 0.3s ease;
         -o-transition:all 0.3s ease;
            transition:all 0.3s ease;
}.dossier_suppr button:hover,.dossier_suppr button:focus,.dossier_suppr button:active,
.camp_suppr button:hover,.camp_suppr button:focus,.camp_suppr button:active,
.client_suppr button:hover,.client_suppr button:focus,.client_suppr button:active {
    background:#707291;
}.dossier_suppr a,.camp_suppr a,.client_suppr a {
    color:white;
    font-size:0.8em;
    display: inline-block;
    vertical-align: middle;
    padding:8px 15px;
}.erreur_suppr{color:#cc5555;}
.valid_suppr{color:#55cc55;}
.erreur_suppr,.valid_suppr{margin-top:10px;}

#legendes {
    -webkit-transform-origin : 0 0;
     -khtml-transform-origin : 0 0;
       -moz-transform-origin : 0 0;
         -o-transform-origin : 0 0;
            transform-origin : 0 0;
    -webkit-transform : scale(0.95);
     -khtml-transform : scale(0.95);
       -moz-transform : scale(0.95);
         -o-transform : scale(0.95);
            transform : scale(0.95);
}
#legendes span {
    background: url("data:image/png;base64,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") no-repeat;
    background-size: 50%;
}
#legendes span.en-cours {background-color:#cc8f75;background-position: 50% 23px;}
#legendes span.bat {background-color:#bc9f65;background-position: 50% -214px;}
#legendes span.livre {background-color:#babc65;background-position: 50% -55px;}
#legendes span.pose {background-color:#79ac75;background-position: 50% -132px;}
#legendes span.en-cours,#legendes span.livre,#legendes span.pose,#legendes span.bat {
    display:inline-block;
    vertical-align: top;
    width:60px; height:45px;
    margin : 20px 2px;
    text-align:center;
    font-size: 0.70em;
    color:white;
    border-radius: 8px;
    padding:8px;
}

/* Page prévisualiser */
.imgPrevWrapper {
    position: relative;
    display: block;
    margin: 10px auto;
    width: 80%;
}
.imgPrevWrapper .deleteImg {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 0 0 0 5px;
}
.myPrev {
    display:block;
    width : 100%;
    margin:0 auto;
}
.noPrev {
    display:block;
    text-align: center;
    background : var(--dark-gold);
    color : white;
    padding : 10px;
    width: 70%;
    margin: 20px auto;
}

#uploadZone{
    display:block;
    width : 500px;
    background :var(--medium-gold);
    color:white;
    padding : 10px;
    margin : 30px auto;
}
#uploadZone label {
    display:block;
    width:auto;
    text-align: center;
    margin : 5px auto 10px;
}
#uploadZone input {
    display:block;
    width:auto;
    text-align: center;
}
#uploadZone .desc {
    font-size:0.8em;
}
#uploadZone .line{display:none;}
#uploadZone .line label {
    text-align: left;
    font-size:0.8em;
}
#uploadZone .line .ui {
    text-align: left;
}
.errorUpload {
    color : white;
    font-size: 0.8em;
    background : #990000;
    padding:6px;
    margin : 10px auto;
}
.forPrev img,
.forPrev2 img,
.forPrev3 img,
.forPrev4 img,
.forPrev5 img {
    display:none;
    width : 100%;
    border:1px dotted grey;
    margin : 10px auto;
}
.modif .forPrev img {display:block;}
input#uploadBtn {
    display:none;
    margin:10px auto;
    color:white;
    background : var(--dark-gold);
    padding : 18px;
    transition:all 0.35s ease;
    border:none;
    cursor: pointer;
}
#uploadBtn:hover,#uploadBtn:focus,#uploadBtn:active {
    color:var(--medium-gold);
    background : #000;
}
.downloadBtn,.preventBtn {
    display:block;
    width:500px;
    text-align: center;
    text-decoration: none;
    margin:10px auto;
    color:white;
    background : var(--medium-gold);
    padding : 10px;
    transition:all 0.35s ease;
    border:none;
    position:relative;
}.downloadBtn:hover,.downloadBtn:focus,.downloadBtn:active,
.preventBtn:hover,.preventBtn:focus,.preventBtn:active {
    color:var(--medium-gold);
    background : #000;
}
#listDlBtn{
    display:block;
    width:100%;
    text-align:center;
    margin:0 auto;
}
.downloadBtn.Small {
    display:inline-block;
    vertical-align: top;
    width:200px;
    margin:5px;
}
.downloadBtn.Small.withImg img {
    display:block;
    width: 115px;
    margin: 0 auto 7px auto;
}
.valid_send,.erreur_send{
    display:block;
    width:500px;
    background : var(--dark-gold);
    color:#25cc25;
    padding : 10px;
    margin : 10px auto;
    text-align:center;
}.erreur_send{color:#cc2525;}

#checkboxesMails{
    width:500px;
    margin : 20px auto 20px;
}
#checkboxesMails span.line {
    display:block;
    width:100%;
    position:relative;
    margin : 11px auto;
}
#checkboxesMails label {
    font-size:0.85em;
}

#manualLinks {
    width:500px;
    margin:60px auto 70px;
}
#manualLinks h4, #checkboxesMails h4 {
    color : var(--medium-gold);
    font-weight:normal;
    margin : 20px 0 15px;
    border-bottom:1px solid var(--medium-gold);
}
#manualLinks label {
    display:block;
    font-size:0.8em;
    margin-top :15px;
}
#manualLinks input {
    display:block;
    padding: 8px 1%;
    width:98%;
    border:1px solid grey;
    background:#ccc;
}
#manualLinks .toBeDeleted {
    font-size:0.75em;
    color:white;
    background:grey;
    border-radius:5px;
    padding:3px;
    width:130px;
    text-align: center;
}
#manualLinks .desc, #checkboxesMails .desc{font-size: 0.8em;}




.linkOutil {
    display:inline-block;
    vertical-align : top;
    width: 90%;
    padding : 10px 0 10px 5%;
    text-decoration: none;
    color : var(--dark-gold);
    font-size:0.9em;
    margin : 0 0 15px 0;
    transition:all 0.4s ease;
}
.linkOutil.plus:hover,.linkOutil.see:hover,.linkOutil.lock:hover,
.linkOutil.plus:focus,.linkOutil.see:focus,.linkOutil.lock:focus{
    background:#ddd;
}
.linkOutil.unactiv{color:red;text-decoration: line-through;}


/*Page de recherche search*/
#bigResearch {
    display:block;
    width : 80%;
    margin :20px auto;
    padding : 10px;
    font-size:1.2em;
    color:var(--medium-gold);
}
#asideSearch #bigResearch {
    margin : 10px auto 0;
    width : 60%;
}


/*Page de listage des utilisateurs existants*/
.oneUser {
    display:block;
    width : auto;
    background : #799c75;
    padding : 15px 10px;
    margin : 10px auto 0;
    color:white;
    font-size:0.8em;
    position:relative;
    box-shadow: 0px 3px 5px var(--night-blue);
    z-index:80;
}.oneUser.activ0 {background : #9c8f75;}
.oneUser>span {
    display:inline-block;
    vertical-align: middle;
}
.oneUser .nameUser{width:20%;}
.oneUser .loginUser{width:30%;}
.oneUser .clientUser{width:17%;}
.oneUser .juridUser{width:20%;}
.oneUser .juridUser span{
    display:block;
    width:auto;
    background:var(--night-blue);
    padding:5px;
    margin:2px auto;
    border-radius: 5px;
}
.oneUser .actionUser{width:13%;text-align:center;}
.actionUser button,.notAffMoreBtn{
    background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAAAZCAYAAADHckkOAAAMk0lEQVR4nO2cf3QVxRXHF8EfiCFAIuWHCWlAOG0gEAQJiaEtUUBqkFhPaQq156hFiQeBREEEC0ZF24olcgBDDSgIYvhRLZIIlhgkgAFEAhhKgBASJBFDSkQhwCOf/jGzeZPN7nv7fsWelu85c97uzJ37nTv77u7MndnVNBsAYoFXgX8Ce4E84EWgr536/y0c/28AXgKOyL7s5kX9NsDbCFQBQwLQRo84gGHA91I+2N/taSmodrgTbAssARyY44J0lOt8aEzAOSRPD2Az8K3UqafzQD7Qyxf93qBLly4R+/fv/6y8vPxw//79Y/ypG1hm6MevgS4e6hgk616Uv0v92UZPOYA4eb0ADgM3+Ls9LQGjHa4EbwA+tHAMI7K8bEzAORSuv0k9B4EdwE75WyzzV/ui31N069Yt/ODBg1/qxm3atGmJP/TKPi2w6MPTQLg/eFoawGDgnLTjCND1h26TN/DIDuBZm86h4/deNChgHEAC8GslnQCuAKnAOCX9AXEXPi3Pdfmfe2qPXYSGhnY7cODAIdWw5OTk+/2lH1jtog9LLeq0RowWbpbnjwLTZP/oKRV4GugjZXrgwdPVB44hiFEMQCnQ3aBzJrDQj2km0NrPHK/L/9UWxQ7rGyIQCnxjuHingCeAe4AZwL8N5QeANh5ckIBxAGkIh/MV0+3aYxdBQUEhhYWFu1SSadOmPe0P3cBsoJM8ftHKKJN6o4BKWXyfzHOFyVLmDHAZWG6jbd5y7ABuBe4FjgK3GfS+40aPt/jAjxwNOO25FziGGK18oFkBGGlQ8h0w2CBzH03ncVfxIIgSSA4fO6wJ7NqjIj4+Pig1NTVs3rx5vadMmRKekpISqmlaq+Dg4I6ffvppoao/PT3dL44OvCVV7lPy5pmYNNek7hmlfJbMGwzcDSQak1LPdj95wwEEA7fK46FAmInegMFPHA0oN3OgD/CZkcOswx4xKCowkWmN8GgVY9xdjJbgAJIRQ8sHfUjjgGS79owePXpQZmbmi0VFRduqq6tPXbhw4fzly5frHQ7HpaKioh1hYWHd8vLyNquGzJ49e65d/W7sNd6pi5SyOUq+KR/OIAGIm6HLoTHQlaZz+fM22ugpR0+cT/UfAyUWctUEBqf9xPGsoqcTsNuMw8ywRw2KPjKRaQMcMsg94O5ieAJfOBAXbrMPqY8dnuHDhw/Ly8v78MqVK6bR3erq6m+GDh36s1WrVuWo+RkZGS/41juNdq6wuPg7FJmVuAg8ISKnRlxEhNDVSPL3OJcHVHxro52ecJQgh52IOeEJKw7glxb2+4rf+IEjQ9HRBTGdMuUwM8z4lNpqInM98KVBzvaTww584UCsw/iCkW4o2mdlZb3R0NDQYKXg9OnTVQMHDozNysrKVvPnzJnzwtixY3+1bNmy7Pbt23fyoX/esqDWsRsbSy+YO4gn8NYJzVAJ9JB1woEydxzAFB/bb8RsP3C8otQNR0RCXXIYCScYKmyxkDM6yGh3F8NTeMsB3GWoVwb8Sx7XSb164OcIzYe991jpjoiIiNi9e/ceVbi0tPRYfX19vcPhaCgpKTlYVlZWHhcXN2zhwoVLVLn58+f/NSkpaaz+5CwuLj4QGRnZ24t+Ma4DWmGqDV1mDrIPMWy0A2+d0MhxCnnTAG6j6TWxehLeIX8TgAqb7bXCGWCU1BflA8frSt3bgXJ3HEajooEXDEr3AHcaUjxw0iD3FPBTdxfExgXzmYPmThiPiMgCrKfpTo0eQIxB/m4zvSEhId0PHTp0WBeqqampnTRp0qPJycnDr1y54sjIyHhG07TrgoODO2ZmZi5SFWZlZS3TNE17+OGHx9fU1JzV848ePXo8PDw80oP+seuAL9nUpzvId0A98IbMX2eTxxMntOKoBnrLvNsQkVC3HLLseeXc3ejACu8pOmYADV5yLFbkohC7gNxyqAa9jIhA+oLLuLj7tgSH5DE64Z1AkDxeK2X0P3NXRIepMHPCW9Tlhb17937eq1evKE3TtBkzZkwAePzxx5M1TdPmz5+fqSpbsmTJ0hEjRiRNnz59vKZpWmRk5O3bt2/foZfv27dvf3BwcEdXNsk2v4092HJAqbNG1hkGtEPcoG5C/IHqgc8RN+K9Mu1BPMUuyXp2nNAVx1dATynXGdhglwMRfQT4BAiReQ/QNBDkCpeA38p6bYFcvcALjmVAK1k+SLHZLYdq0EGbDXeHPBcXI+AcksfohLFAB3m8Tsosl+fdgX4G+WZOmJ2d3fgE2rlzZ1FQUFCIXjZ58uQHHQ7H1YSEhMS5c+c2GUmsWLHinX79+t1RW1t7bvr06RMVlUH5+fnbdLk1a9ascWPTcuzheVd6TPTq67XLlbyPZd4sF/VekjJ2nNCK4yzQ2VsOxNRCRwPwiMxvDWx0009bgFukfArihqOjzkOOlTgd8C6cu2JscagGfe6m0XZhuQjZEhxKR6jw2Qlzc3M36YW5ubkfaZrWuKsiPDw8Mikp6f60tLQZqpK1a9euHzBgwOCTJ09WXL169WpYWFhPVWdOTs4GXbagoCDfhT0rbfbLy676xUK3GoL/DHhTOd+HWOZ4zpDm4Lyh2nFCM446nPOtW4BJnnIg9gIbsUEpn2zRT+randkOo2894BiD3EQCjMAZQbbNoRp0zQmdaOaEoaGhXUtLSxuDBRs3bvywc+fOP9LL09PT01UFGzZseD8qKmpAaWnpUYCFCxc27g/t0KFDh5ycnMZli4qKisquXbv2sLClSXTVBWwPQQ36f4joaB0QK8s60zwAZ4sDcwcBqEVGuIFuiCfW14jlp0iZP4ymczZTPjccQ3A+AYcggksec6gGXXNCJ0wDM9HR0QNra2sbt9MdO3bsmKZp7R577LFUtfK2bdsKY2JihpaXl58CWLdu3fuaprXSNE1LTExMKC4u1jeOU1dXd37w4MFxFnb4fQ5owmHmhNtwDqncwVMn/A5IkPmhNF8Lts2BtYPoWGBR7xW7fC44coGbXNhsm0OtdM0JnTB1Qk3TtPj4+ITKysqvANLS0mZMnDhxkrpeWFhYuFPTtKDFixfPy8/PX5OamjouIiKiw9ixYxPXr1+/xuFwNC7sV1VVVScmJjZbDgE6Av+w2RceD0ENXLqDfIOYoy2Q+YGIjlYiHVDmv+YLB+6dULfrz4g52TzEZn3bfBYcHwNtZflEhH1ec6gGXXNCJyydUNM0rU+fPn1SUlJSxo0bN151ql27du3u37//nVlZWa+uXLlywerVq+dv2bIlp6qq6oTRgK1bt+ZbrREinNDOOp1HQRgLLn25JNbAX4MYNhYAWxHvXebL4wKcf047TngWsUMmRMlr7ysH9pzQG7hywgKgvSxLxxk99ZpDNeiaEzrh0gk1TdPGjBkzxuFwNC63FBcXl0RFRQ0oKCjY7qrhZWVlx5988sknNCWwo7S7Fc4dI+1wPVTzeghq4NQjl+8qeboNz7qop7+pYccJvwKSDHk+c2B/Q4Gn+M6CYyfQQeb/0V8cqkH/y07YF7hOHr8rZbLkeRAQYZB36YSjR4++/+LFi43h5uPHj5fHxsb+ZOnSpYsMerh06VJ9RUXFidzc3LVTp04dHxkZ6fKzDIgJ/zPyuC3iLXIj/OKAkkONXB4E3lPODwMLEMNGNS3AuaDu0gkRLxonyeOOQI6/OEz6xW8w4diDmMO2QnyKxW8cqkHuIlR20WzDd0tySJ4Eg/xKQF9APwL8CWf4exHNd6FYblsbNWrUmAsXLuifY+DkyZOVPXv27KtpmjZy5MhOEyZM6DVz5syhhYWFv5g1a1bcQw891Ds6Orqdq/Yq7e6utOF3Mu9mmu499GkOaMIZsOgoYi1tLXAjYiSy158cwN99bLsVNhs49gMf4Pwci185VIOGIV6+9DVZfqynJTgkT5yPHTTcTG/fvn2jz5071zhHqKmpORsTEzPIVVs8AeI1KhXjZf7NiLcJ3vQXl8J5Bt9g5SCtgVVSpjtNX+PxF0cbxMvMi/yY5iCDLpLjRpxD57RAcKgGPYXYmrPNh/QJckeBRacFnEPyhGC9PuMOtVh8tiE7O3uqLlRTU1MbHx+fYCbnLTCPFuovwV7vTy6F09d5VbO5DWLItlyWn8P6uzdec7QETOxoNo/3N2FvIAP4iw/pOQyfIGhpDoUrETEHrUFE59ylGsSww/JNjfDw8MiSkpIvTp06ddTfDijbXG7yB2zyXZUAcPr69oHZJzOWyqI6xFvxfudoCRjt+CHacA0tDOALRAAgE7FJOFzmtwogZxxiflyHCMd7kr4GXjPRiSyPDxRHS8BoRyDwH+d/VbOHdXbWAAAAAElFTkSuQmCC');
    display:inline-block;
    vertical-align: middle;
    width:25px; height:25px;
    border:none;
    font-size:0em;
    text-indent:-100%;
    margin : 0 5px;
    cursor:pointer;
    opacity: 1;
    transition: opacity 0.4s ease;
}
.actionUser button:hover,.actionUser button:focus,.actionUser button:active,
.notAffMoreBtn:hover,.notAffMoreBtn:focus,.notAffMoreBtn:active {
    opacity:0.65;
}
.actionUser button.affSupprUser {background-position : -50px 0px;}
.actionUser button.unactivUser {background-position : -25px 0px;}
.actionUser button.activUser {background-position : 0px 0px;}
.actionUser button.noAnimUser {background-position : -125px 0px;}
.actionUser button.animUser {background-position : -150px 0px;}

.oneUser .trueSuppr {
    display:none;
    text-decoration:none;
    text-align:center;
    color:white;
    background:#333333;
    padding:10px 8px;
    margin : 15px auto 5px;
    width:300px;
    transition: all 0.4s ease;
}
.oneUser .trueSuppr:hover,.oneUser .trueSuppr:focus,.oneUser .trueSuppr:active {
    background:#000;
}
.oneUser .cssload-container{display:none;}
.oneUser .erreur{
    background:var(--night-blue);
    color:#de3333;
    padding:8px 10px;
    margin-top :10px;
}
.subUsers {
    display:block;
    width : 60%;
    background : #799c75;
    padding : 15px 10px;
    margin : 0 auto 15px;
    color:white;
    font-size:0.8em;
    position:relative;
    z-index:79;
    border-radius: 0 0 8px 8px;
}.subUsers.activ0 {background : #9c8f75;}
.subUsers>span {
    display:inline-block;
    width : 100%;
    border-bottom:1px solid #ccc;
    margin-bottom:3px;
}.subUsers>span>span {
    display:inline-block;
    width : 43%;
}.subUsers>span>span.subUserBtns {
    display:inline-block;
    width : 14%;
}
.subUsers>span>span input {
    display:block;
    padding:5px;
}
span.subUserBtns button{
    display:block;
    padding:5px;
    background:var(--night-blue);
    color:white;
}
span.subUserBtns button:hover,span.subUserBtns button:focus,span.subUserBtns button:active{
    background:#555;
}
.userLine.modifUser,.userLine.addUser {display:none;}
.userLine.supprUser {display:none;width:100%;text-align:center;}
.userLine.supprUser button{
    display:block;
    padding:5px;
    background:var(--night-blue);
    color:white;
    margin:5px auto;
}
.userLine.supprUser button:hover,.userLine.supprUser button:focus,.userLine.supprUser button:active{
    background:#555;
}
.userLine a {
    display:inline-block;
    vertical-align: middle;
    width:15px;height:15px;
    background:url('data:image/png;base64,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') no-repeat;
    background-size: 135px;
    margin:0px 2px;
}
.userLine a:hover {opacity:0.8;}
.userLine a.affSupprLine {background-position: 25.5% 50%;}
.userLine a.affModLine {background-position: 50% 50%;}
.userLine a.mailForAnim {background-position: 88% 50%;}
.userLine a.noMailForAnim {background-position: 100% 50%;}
.affAddLine {
    display:block;
    color:white;
    text-decoration: none;
    font-size:1.5em;
    font-weight: bold;
    text-align: center;
    width:50px;
    margin:5px auto 0;
}
.affAddLine:hover,.affAddLine:focus,.affAddLine:active {
    opacity: 0.7;
}



/*listage des ref publiques*/
.oneRef{
    position:relative;
    padding:15px;
    background:var(--night-blue);
    margin:10px auto;
    font-size:0.85em;
    color:#fff;
}
.oneRef>span {
    display:inline-block;
    vertical-align: middle;
    width:18%;
    margin: 0 1%;
}
.oneRef .actionRef {width:10%;}
.oneRef>span>img{width:100%;}
.oneRef .cssload-container{display:none;}
.oneRef .erreur{
    background:var(--night-blue);
    color:#de3333;
    padding:8px 10px;
    margin-top :10px;
}
.notAffMoreBtn {
background-position : -75px 0px;
}



/*Page de profil*/
#monProfil {
    width:auto;
    border-bottom: 5px solid #3b2d40;
    color:white;
    background: var(--medium-gold);
    padding:10px;
}
#monProfil img {
    display:inline-block;
    vertical-align: middle;
    width:20%;
    border-top: 1px dotted #3b2d40;
    border-bottom: 1px dotted #3b2d40;
}
#monProfil > div {
    display:inline-block;
    vertical-align: middle;
    width:75%;
    padding: 30px 0 30px 5%;
}
#monProfil > div span {
    display:block;
    width:auto;
    padding: 8px;
    font-size: 0.9em;
}
#monProfil > div span a {
    color:#ccc;
    transition:color 0.3s ease;
}
#monProfil > div span a:focus,#monProfil > div span a:hover,#monProfil > div span a:active {
    color:#fff;
}


/* Demande d'animation */
#form_animation {
    max-width: 1160px;
    margin: 10px auto;
}
fieldset {
    display: block;
    width: calc(100% - 42px);
    padding: 20px;
    border: 1px solid #ccc;
    margin: 20px auto 55px;
    background: #efefef;
}
fieldset legend {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
}
fieldset.half-fieldset {
    display: inline-block;
    vertical-align: top;
    width: calc(48% - 42px);
    min-height: 480px;
}
fieldset.half-fieldset:nth-child(2) {
    margin-left: 4%;
}
fieldset .head-select {
    background: #b58a58;
    padding: 1px 10px 10px 10px;
    border-bottom: 2px dotted white;
}
fieldset label {
    display:block;
    font-size: 0.9em;
    margin: 15px 0 2px 0;
}
fieldset .head-select label {
    color: white;
}
fieldset input, fieldset select {
    background: white;
    border: 1px solid grey;
    padding: 8px;
    width: calc(100% - 18px);
}
fieldset select {
    width: 99%;
}
fieldset .desc {
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 20px;
}
fieldset a#add_animation_line {
    display: block;
    border: 1px solid #ccc;
    background: #ddd;
    padding: 8px;
    margin: 20px auto;
    cursor: pointer;
    color: var(--night-blue);
    transition: 0.3s ease-in-out;
    text-decoration: none;
    text-align: left;
    width: calc(100% - 18px);
}
fieldset a#add_animation_line:hover,fieldset a#add_animation_line:focus,fieldset a#add_animation_line:active {
    border: 1px solid #999;
    background: #ccc;
    color: #000;
}
fieldset a#add_animation_line span {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 0.5em;
    position: relative;
    top: 1px;
}

fieldset .animation-line {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top:10px;
    padding: 3px 8px;
}
fieldset .animation-line:nth-child(odd) {
    background: #ccc;
}
fieldset .animation-line span:nth-child(1) { flex: 0.4; }
fieldset .animation-line span:nth-child(2) { flex: 1.2; }
fieldset .animation-line span:nth-child(3) { flex: 1.2; }
fieldset .animation-line span:nth-child(4) { flex: 0.4; padding-right: 20px; }
fieldset .animation-line span:nth-child(5) { flex: 1.8; }
fieldset .animation-line span:nth-child(6) { flex: 100%; }
fieldset .animation-line span:nth-child(7) { flex: 100%; margin-top:10px; }

fieldset .animation-line span i {display:none;}
.animation-thumbnails {
    text-align: center;
}
.animation-thumbnails label {
    display:inline-block;
    vertical-align: bottom;
    border:1px solid grey;
    padding: 3px;
    margin-left: 2%;
    cursor: pointer;
}
.animation-thumbnails label img {
    display: block;
    background: white;
    border: 1px dotted #ccc;
    width: 60px; height: 80px;
}
.animation-thumbnails input[type="radio"] {
    display:block;
    margin: 1px auto;
}

fieldset .animation-line label,
fieldset .animation-line input {
    display:inline-block;
    vertical-align: middle;
}
fieldset .animation-format input {
    min-width: 60px;
    max-width: 60px;
}
fieldset .animation-invisible {
    display:none;
}
fieldset .radio-label {
    display: inline;
    position: relative;
    top: 2px;
}
fieldset input[type="radio"] {
    display:inline;
    width: 15px;
}
.info-admin {
    font-size : 0.9em;
    background: #ffffcc;
    border-radius: 5px;
    border: 1px solid #ccccaa;
    color: black;
    padding: 10px;
    margin: 30px auto;
    position: relative;
}
.info-admin::before {
    content:"Info admin";
    font-size: 0.7em;
    position: absolute;
    top:-9px; left: 6px;
}
fieldset input[type="submit"] {
    display: block;
    background: #799c75;
    color: white;
    font-weight: bold;
    cursor: pointer;
    padding: 12px;
    width: 80%;
    margin: 20px auto;
    transition: 0.3s ease-in-out;
}
fieldset input[type="submit"]:hover,fieldset input[type="submit"]:focus,fieldset input[type="submit"]:active {
    border-color: #799c75;
    background: #fff;
    color: #799c75;
}
.loading-bar {
    display: none;
    margin: auto;
}
img.upload_min {
    max-width: 280px;
    max-height: 90px;
    border: 1px solid green;
    margin: 0 auto;
    display: block;
}

/* RECAP ANIMATION*/
#recap-animation > div {
    background: #80829b;
    color: white;
    border-radius: 8px;
    margin: 20px auto 30px;
    padding: 20px;
}
#recap-animation div.half-zone {
    display: inline-block;
    vertical-align: top;
    width: calc(48% - 40px);
    min-height: 150px;
    text-align: center;
}
#recap-animation div.half-zone:nth-child(2) {
    margin-left: 4%;
}
#recap-animation div.half-zone p.title {
    font-size: 1.2em;
}
#recap-animation h3 {
    color: white !important;
}

div.line-animation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 3px 8px;
}
div.line-animation:nth-child(even) {
    background: rgba(0,0,0,0.15);
}
div.line-animation span:nth-child(1) { flex: 0.15; }
div.line-animation span:nth-child(2) { flex: 1.2; }
div.line-animation span:nth-child(3) { flex: 0.8; }
div.line-animation span:nth-child(4) { flex: 0.8; }
div.line-animation span:nth-child(5) { flex: 0.8; }
div.line-animation span:nth-child(6) { flex: 1; }
div.line-animation span:nth-child(7) { flex: 2; }
div.line-animation span strong {
    display:block;
    font-weight: bold;
}
div.line-animation span a {
    transition: 0.3s ease-in-out;
}
div.line-animation span a:hover,div.line-animation span a:focus,div.line-animation span a:active {
    opacity: 0.6;
}
#recap-animation img.img-thumb {
    max-width: 150px;
    max-height: 150px;
    padding: 8px;
    background: #ccc;
    border: 1px solid white;
    position: relative;
    display:block;
}
img.prev_anim {
    max-height: 195px;
    max-width: 195px;
    display: block;
    margin: auto;
    border: 1px solid white;
    padding: 5px;
    background: black;
}
div.date_pose {
    display: block;
    width: 320px;
    margin: 20px auto;
    text-align: center;
}
div.date_pose span {
    display: inline-block;
    color: white;
    background: var(--night-blue);
    border-radius: 3px;
    width: 100px;
    margin: 0 3px;
    padding: 15px 0;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 1px 2px 3px rgb(0,0,0);
}
p.align-center {
    text-align: center;
}
i.icon {
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}

/* Gestion de l'animation client via page campagne */
#anim-zone {
    position:relative;
    background: rgba(150,150,150,0.2);
    padding: 20px;
}
/*Mise en page de la liste des animations en cours*/
/*a.recap-list-anim {
    display: inline-block;
    padding: 10px 18px;
    background: #efefef;
    border:1px solid #80829b;
    color: var(--night-blue);
    transition: 0.3s ease-in-out;
    text-decoration: none;
    border-radius: 0px;
}
a.recap-list-anim:hover,a.recap-list-anim:focus,a.recap-list-anim:active {
    background: #fff;
    border: 1px solid var(--night-blue);
    color: #80829b;
    border-radius: 5px 0px 5px 5px;
}
a.recap-list-anim h4 {
    font-size: 1.2em !important;
    color: #80829b !important;
    font-weight: bold;
    transition: 0.5s ease-in-out;
}
a.recap-list-anim:hover h4,a.recap-list-anim:focus h4,a.recap-list-anim:active h4 {
    color: #333 !important;
}
a.recap-list-anim p {
    font-size: 0.9em;
}
a.recap-list-anim hr {
    margin: 5px auto;
    border-color: #dedede;
}*/

div#asker-list {
    background: rgba(255,255,255,0.5);
    padding: 25px;
    text-align: center;
    margin: 10px auto 30px;
    position: relative;
}
div#asker-list:before {
    content:"Filtrer par demandeur";
    position: absolute;
    top: -5px;
    left: 0px;
    font-size: 0.7em;
    color: grey;
}
div#asker-list a {
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    background : rgba(0,0,0,0.1);
    color:var(--night-blue);
    border-left: 3px solid var(--night-blue);
    border-right: 3px solid rgba(0,0,0,0);
    transition: 0.2s ease-in-out;
    margin-bottom: 5px;
}
div#asker-list a:hover {
    border-left: 6px solid var(--night-blue);
    border-right: 0px solid rgba(0,0,0,0);
}
div#asker-list a.filter-clicked {
    color:white;
    background-color: #799c75;
}
a.recap-list-anim {
    display:inline-block;
    vertical-align: top;
    width: calc(100% - 25px);
    position:relative;
    color:#fff;
    padding:10px;
    margin : 10px auto 22px auto;
    transition:all 0.4s ease;
    z-index:10;
    background-color: #799c75;
    border-left:5px solid #3c4d39;
}
a.recap-list-anim:hover {
    background-color: #9ecc99;
}
a.recap-list-anim h4 {
    position: absolute;
    top: -27px;
    left: -12px;
    color: #3c4d39 !important;
}
a.recap-list-anim > span {
    display:inline-block;
    vertical-align: center;
    width:auto;
    color:#fff;
    background:#aaa;
    border-radius: 8px;
    padding:5px;
    position:relative;
}
a.recap-list-anim > span > p {
    display:inline-block;
    vertical-align: middle;
    width:auto;
    min-width: 200px;
}
a.recap-list-anim > span > p:nth-child(3) {
    font-size: 0.85em;
}
a.recap-list-anim>span {background:#799c75;}


/*Mise en page du formulaire de vignettes*/
#formThumbnail{
    width: 95%;
    max-width: 820px;
}
#formThumbnail .form-line {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top:10px;
    padding: 3px 8px;
}
#formThumbnail .form-line:nth-child(odd) {
    background: rgba(0,0,0,0.15);
}
#formThumbnail .form-line span:nth-child(1) { flex: 0.10; }
#formThumbnail .form-line span:nth-child(2) { flex: 1.0; }
#formThumbnail .form-line span:nth-child(3) { flex: 0.5; }
#formThumbnail .form-line span:nth-child(4) { flex: 1.2; }
#formThumbnail .form-line span:nth-child(5) { flex: 0.20; }
#formThumbnail .forPrevi {
    background: var(--night-blue);
    border-radius: 5px;
    padding: 3px;
    min-height: 50px;
}
#formThumbnail .forPrevi img {
    max-width: 50px;
    margin: 0 auto;
}
#formThumbnail input[type="number"] {
    max-width: 50px;
}
#formThumbnail .thumb-invisible {
    display:none;
}
/*Mise en page des vignettes ajoutées*/
.my-list-thumbs {
    width: 80%;
    margin: 20px auto;
    text-align: center;
}
.my-list-thumbs h4 {
    font-size: 1.5em !important;
    color: #80829b !important;
}
.my-list-thumbs .line-of-thumb img {
    max-width: 150px;
    display: block;
}
.my-list-thumbs .line-of-thumb {
    max-width: 150px;
    display: inline-block;
    margin-bottom: 7px;
    position: relative;
}
.line-of-thumb p {
    display: inline-block;
    padding: 3px;
    width: calc(100% - 6px);
    background: var(--medium-gold);
    border-radius: 0 0 3px 3px;
    color: white;
    font-size: 0.8em;
}
a.delete-this-thumb {
    text-decoration: none;
    background-color: red;
    border: 1px dotted white;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    color: white;
    padding: 3px;
    border-radius: 50%;
    text-align: center;
    display:block;
    width: 10px;
    height: 10px;
    line-height: 0.5em;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: 0.3s ease-in-out;
}
a.delete-this-thumb:hover,a.delete-this-thumb:focus,a.delete-this-thumb:active {
    background-color: var(--night-blue);
    color:red;
}




footer{
	color : var(--light-gold);
	width : 100%;
	text-align : center;
	padding : 2em 0 2em 0;
	font-size : 0.8em;
	line-height : 1.5em;
	font-family : Arial, sans-serif;
    position : relative;
}
footer a,footer .affMentions{
	color : var(--medium-gold);
	text-decoration: underline;
    -webkit-transition : all 0.37s ease;
       -moz-transition : all 0.37s ease;
         -o-transition : all 0.37s ease;
     -khtml-transition : all 0.37s ease;
            transition : all 0.37s ease;
}
footer a:hover, footer a:focus,
footer .affMentions:hover,footer .affMentions:focus{
	color : #fff;
	text-decoration: none;
}
footer .affMentions {
    cursor :pointer;
    background : none;
    border : none;
}
footer #version {
    display : block;
    position : absolute;
    top:0; right:0;
    background : none;
    border :0;
    font-size :2.0em;
    font-weight: bold;
    color:var(--dark-gold);
    cursor : pointer;
}
footer #versioning, footer #mentions {
    display : none;
    width : 280px;
    padding : 10px;
    position : absolute;
    bottom : 70px; right : 10px;
    background:var(--light-gold);
    text-align :right;
    font-size : 0.85em;
    box-shadow : 0 0 10px rgba(0,0,0,0.2);
    z-index: 5;
}
footer #mentions {
    margin : 0 auto;
    bottom : 70px; left :0;
}
footer #versioning .title_version,
footer #mentions .title_mention{
    display : block;
    border-bottom : 1px dotted var(--dark-gold);
    color : var(--night-blue);
    font-weight : bold;
    margin-top : 10px;
}
footer #mentions .big_title{
    font-variant: small-caps;
    color : var(--night-blue);
    font-size : 1.2em;
    display : block;
    border-bottom : 1px dotted #80829b;
    text-align : center;
}
footer #mentions a {
    display : block;
    color : var(--night-blue)
}
footer .desc_version {
    color : var(--night-blue)
}
a.pdf {
    padding-right : 20px;
    background : url("data:image/gif;base64,R0lGODlhEgASAPcAAHkFA20GA3YDA24EA2cGA2ICAawHB7YICLEICP8NDb8ICGcDA3oAAK0HB2QCAsEICHEFA2QEArMICGIDAuULC7wICM8KCtcKCmQFA9QKCmsEA6YHB68ICMwKCrsICG8DA+0MDKgHB5IFBWYDAsoJCd4KCrkICOgMDGMFAm0EA8MICKUHB8sICKoHB2cCAqIHB7gICGMEAuELC7oICM6amnMEA3YFBLdZWb4HB+PCwmkFA7UICL4AAKEPD8VdXZQGBfDR0ZQAANdHR3EFBHQFA5wAALQICHUFBKUmJsgJCZgvLsRkZI0HBH0AAMYAAMYHB7hwb3wGBMiCgtEJCe8MDKMHB4MAAGwAAM6FhdELC8UJCacIB+CWlnsEA55LS7AGBpsgIJEGBfgNDbJXV2sDA4oFBbMAAI4HBWQFAqAeHpMDAo8AANSIiGUDAsAICKY6OmIEApoHBtEKCoIFBGwEA2oFAvIMDPAMDPEMDHQEA5wHB94EBMYJCWMCAoUBAX4EBH8EBNoKCpwwMNkGBr55edtFRbBjYmYAAMaTk90KCsNqangDA/sNDa9AQJUZGZYBAf0NDZ8EBJ4HB3wFBJgDAvQMDHwHBs8BAe2WlqEoJ9cDA5wIB7AQEIACAcsKCoADAngHBYMCAmwDA3kODrlvb4YGBK8KCpgGBc0QEJkHBqIIB6AHB6MAAJcHBoAFA921tdMKCuoMDHIGA+ZRUYsNDHcGA8QFBc1CQpwaGbdqaZMHBfgMDM2Tk/kMDNwKCtwLC7VxcWgAAKgDA4gGBuJUVLAAANOenowHBtaYmMFsbGUEA3MAAHMDA3sIBn4IBqIHBn0ZGYwAAOcLC2QDAuOSkmUCArAICMxVVekMDOcKCuQLC7sBAZ4IB5w9PZoGBt5vb+eJiZsGBoYAAIkGBIAEBMUICMIICMxsbG4FA2gFA2kEAqIzM64ICPMMDLAHB9iKitUKCqcHB6QHB3UEA50HBpshIN8EBLMHB5wBAccJCZUBAKdLS4UAAHIFA3AFA9QJCSH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MjNCOUVDQTAwMDExRTNBNENBREM4RDY1NzI1NDhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0MjNCOUVEQTAwMDExRTNBNENBREM4RDY1NzI1NDhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQyM0I5RUFBMDAwMTFFM0E0Q0FEQzhENjU3MjU0OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQyM0I5RUJBMDAwMTFFM0E0Q0FEQzhENjU3MjU0OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEgASAAAI/wATCEwASUw7ENlk/LowhUU5BTNw7GLUqxKVWBT2DPpngYQWBSYkcLiHx84dENgo2JtFLAuLfA88HEBgwN2JE9K0yUikCVMhVE8eVJjZIISBEiV8BbqQ4RI4IbbcyKQZosoWeBlgybHQwck3attgGLFmIJ4qbs86eCKRhI8KHre4FEPQoMWKVZtS0VNh7oGCCjPMXAPCSdiGF5LitPpxygSMAzskfDH17hybIvgo6VMT5owuDuwaGGjByseSIIqwpMGVqd6xcUw2rJD3IlIPZEga3TD2KgehXII6ldITztujNcmkvFnnSBytfVAMdXPmSoSIaGDG8BrGz0qoOZ8YMHGw1AxUlDJ+BJGioaQJoD+TugAAYOMIEVm1yDEAhsjLskUCzJNHDf1AMIQ/6KADgQDMjALNFR98MEAKKdChgQZ1qKNDOgGIQkYwhywg4ggjtKHMNBFEgAEGKBDgggvVOCBjH30UMMEEcMQQAwpoEBBAQAA7") no-repeat center right;
}
button.closeMentions, button.closeVersion {
    position : absolute;
    top : -2px; right : 1px;
    color : #80829b;
    padding : 5px;
    cursor : pointer;
    -webkit-transition : all 0.37s ease;
       -moz-transition : all 0.37s ease;
         -o-transition : all 0.37s ease;
     -khtml-transition : all 0.37s ease;
            transition : all 0.37s ease;
}
button.closeMentions:hover,button.closeMentions:focus,
button.closeVersion:hover,button.closeVersion:focus {color : #b58a58;}




/*********************************************************/
/*********************************************************/
/*******************   MODULES  **************************/
/*********************************************************/
/*********************************************************/
.hiddenElem{display:none;}
/*unmask system CSS3+JS*/
#acc + .unmask, #newPass + .unmask {  
    position:absolute;
    right: 7%; top: 30px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: #aaa;
    border-radius: 50%;
}#acc + .unmask:hover,#newPass + .unmask:hover {background: #ccc;}  
#acc + .unmask:before,#newPass + .unmask:before {  
    content: "";
    position:absolute;
    top:4px; left:4px;
    z-index:1;
    width: 17px;
    height: 17px;
    background: #e3e3e3;
    border-radius: 50%;
}  
#acc[type="text"] + .unmask:after,#newPass[type="text"] + .unmask:after {  
    content: "";
    position:absolute;
    top:6px; left:6px;
    z-index:2;
    width: 13px;
    height: 13px;
    background: #aaa;
    border-radius: 50%;
}

/*custom checkbox CSS3*/
/* Cachons la case à cocher */  
[type="checkbox"]:not(:checked),  
[type="checkbox"]:checked {  
  position: absolute;  
  left: -9999px;  
}  
/* on prépare le label */  
[type="checkbox"]:not(:checked) + label,  
[type="checkbox"]:checked + label {  
  position: relative; /* permet de positionner les pseudo-éléments */  
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */  
  cursor: pointer;    /* affiche un curseur adapté */
  line-height : 21px;
} 
/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
[type="checkbox"]:not(:checked) + label:before,  
[type="checkbox"]:checked + label:before {  
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 0;
  background: #dedede;
}  
   
/* Aspect général de la coche */  
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 75px;
    cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    left:0; top: -3px;
    width: 65px; height: 30px;
    background: #dddddd;
    -webkit-transition: background-color .27s ease;
       -moz-transition: background-color .27s ease;
        -ms-transition: background-color .27s ease;
            transition: background-color .27s ease;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    width: 20px; height: 20px;
    -webkit-transition: all .27s ease;
       -moz-transition: all .27s ease;
        -ms-transition: all .27s ease;
            transition: all .27s ease;
    background: #af8c8a;
    top: 2px; left: 5px;
}

/* on checked */
[type="checkbox"]:checked + label:before {
    background:#ffffff; 
}
[type="checkbox"]:checked + label:after {
    background: #1bbc9b;
    top: 2px; left: 40px;
}

[type="checkbox"]:checked + label .ui,
[type="checkbox"]:not(:checked) + label .ui:before,
[type="checkbox"]:checked + label .ui:after {
    position: absolute;
    left: 6px;
    width: 65px;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    -webkit-transition: all .27s ease;
       -moz-transition: all .27s ease;
        -ms-transition: all .27s ease;
            transition: all .27s ease;
}
[type="checkbox"]:not(:checked) + label .ui:before {
    content: "Non";
    color: #af8c8a;
    left: 32px
}
[type="checkbox"]:checked + label .ui:after {
    content: "Oui";
    color: #1bbc9b;
}
[type="checkbox"]:focus + label:before {
    border: 1px solid #777;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
} 
[type="checkbox"]:hover + label:before {
    background : #ffffff;
}


/********************************************************/
/********************************************************/
/******************     CSS LOADER    *******************/
/********************************************************/
/********************************************************/

.cssload-container{
    display:none;
    position:absolute;
    top:50%;right:27px;
}
    
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgb(230,213,168);
    border-left-color: rgb(59,45,64);
    border-radius: 549px;
        -o-border-radius: 549px;
        -ms-border-radius: 549px;
        -webkit-border-radius: 549px;
        -moz-border-radius: 549px;
}

.cssload-whirlpool {
    margin: -14px 0 0 -14px;
    height: 27px;
    width: 27px;
    animation: cssload-rotate 1300ms linear infinite;
        -o-animation: cssload-rotate 1300ms linear infinite;
        -ms-animation: cssload-rotate 1300ms linear infinite;
        -webkit-animation: cssload-rotate 1300ms linear infinite;
        -moz-animation: cssload-rotate 1300ms linear infinite;
}

.cssload-whirlpool::before {
    content: "";
    margin: -13px 0 0 -13px;
    height: 24px;
    width: 24px;
    animation: cssload-rotate 1300ms linear infinite;
        -o-animation: cssload-rotate 1300ms linear infinite;
        -ms-animation: cssload-rotate 1300ms linear infinite;
        -webkit-animation: cssload-rotate 1300ms linear infinite;
        -moz-animation: cssload-rotate 1300ms linear infinite;
}

.cssload-whirlpool::after {
    content: "";
    margin: -16px 0 0 -16px;
    height: 31px;
    width: 31px;
    animation: cssload-rotate 2600ms linear infinite;
        -o-animation: cssload-rotate 2600ms linear infinite;
        -ms-animation: cssload-rotate 2600ms linear infinite;
        -webkit-animation: cssload-rotate 2600ms linear infinite;
        -moz-animation: cssload-rotate 2600ms linear infinite;
}



@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}
/********************************************************/
/********************************************************/
/********************************************************/









/********************************************************/
/********************************************************/
/*********************  RESPONSIVE  *********************/
/********************************************************/
/********************************************************/
@media screen and (max-width:1170px){
    #arian{width:65%;}
}
@media screen and (max-width:1024px) {
    div.line-animation span:nth-child(7) {
        flex: 100%;
        margin: 10px auto;
        text-align: center;
    }
    #recap-animation div.half-zone {
        display: block;
        width: calc(100% - 40px);
        min-height: auto;
    }
    #recap-animation div.half-zone:nth-child(2) {
        margin-left: 0%;
    }
}
@media screen and (max-width:980px){
    #login,#newPass{width:60%;}
    #profile-panel{width:35%;}
    #arian{width:57%;}
    .dossier_dates_title{width:60%;}
    
    #formThumbnail .form-line {display: block;}
    #formThumbnail .form-line span {
        display: inline-block;
        vertical-align: middle;
    }
    #formThumbnail .form-line span:nth-child(1) { width: 10%; }
    #formThumbnail .form-line span:nth-child(2) { width: 50%; }
    #formThumbnail .form-line span:nth-child(3) { width: 30%; }
    #formThumbnail .form-line span:nth-child(4) { width: 75%; }
    #formThumbnail .form-line span:nth-child(5) { width: 15%; }
}
@media screen and (max-width: 960px){
    div.line-animation span:nth-child(6) {
        flex: 100%;
    }
    #recap-animation img.img-thumb {
        margin: auto;
    }
}
@media screen and (max-width:800px){
    .div-65{display:block;width:auto;}
    .div-25{display:block;width:auto;}
    .activClient{width:20%;}
    .activCampagne{width:30%;}
    #asideSearch #bigResearch {width : 70%;}
    .dossier_dates_title{width:55%;}

    fieldset .animation-line.line00 {
        display:none;
    }
    fieldset .animation-line span {
        position: relative;
        padding-top: 20px;
    }
    fieldset .animation-line span i {
        display:block;
        font-style: normal;
        position: absolute;
        top: 0;
        font-size: 0.8em;
    }
    fieldset .animation-line span:nth-child(1) { flex: 0.4; }
    fieldset .animation-line span:nth-child(2) { flex: 1.5; }
    fieldset .animation-line span:nth-child(3) { flex: 0.8; }
    fieldset .animation-line span:nth-child(4) { flex: 0.5; }
    fieldset .animation-line span:nth-child(5) { flex: 100%; }

}
@media screen and (max-width:640px){
    #login,#newPass{width:80%;}
    #profile-panel{width:94%;border:none;}
    #profile-panel .profile-avatar{width:25%;vertical-align: middle;}
    #profile-panel .profile-infos{width:75%;vertical-align: middle;}
    #arian{
        width:auto;
        padding:10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#543e1a+0,846b2a+32,846b2a+100 */
        background: #543e1a; /* Old browsers */
        background: -moz-linear-gradient(top,  #543e1a 0%, var(--medium-gold) 32%, var(--medium-gold) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #543e1a 0%,var(--medium-gold) 32%,var(--medium-gold) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #543e1a 0%,var(--medium-gold) 32%,var(--medium-gold) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#543e1a', endColorstr='var(--medium-gold)',GradientType=0 ); /* IE6-9 */
    }
    #asideSearch #bigResearch {width : 80%;}
    .activClient{width:25%;}
    .activCampagne{width:45%;}
    .downloadBtn{width:80%;}
    .preventBtn{width:100%;}
    #manualLinks{width:85%;}
    #checkboxesMails{width:85%;}
    #uploadZone{width:85%;}
    .valid_send,.erreur_send{width:80%;}
    .dossier{
        width :86%;
        padding-right : 8%;
    }
    .dossier.en_cours>span,.dossier.livre>span,.dossier.pose>span{background:none;}
    .dossier_manage {width:3%;}
    .createBtn {width:80%;}
    #newClient, #newCamp, #newDoss, #newUser, #newProfilPass, #formThumbnail {width:80%;}
    .oneUser .nameUser{width:40%;margin :15px 0;}
    .oneUser .loginUser{width:60%;margin :15px 0;}
    .oneUser .clientUser{width:40%;margin :15px 0;}
    .oneUser .juridUser{width:60%;margin :15px 0;}
    .oneUser .actionUser{width:100%;}
    .oneUser .trueSuppr {width:90%;}

    .oneRef span{width:45%;margin:1%;}
    .dossier_dates_title{width:70%;}

    fieldset {width: calc(90% - 42px);}
    fieldset.half-fieldset {
        display: block;
        width: calc(90% - 42px);
        min-height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    fieldset.half-fieldset:nth-child(2) {
        margin-left:auto;
    }
    fieldset .animation-line span {
        margin-bottom : 15px;
    }
    fieldset .animation-line span:nth-child(1) { flex: 100%; }
    fieldset .animation-line span:nth-child(2) { flex: 100%; }
    fieldset .animation-line span:nth-child(3) { flex: 100%; }
    fieldset .animation-line span:nth-child(4) { flex: 100%; }
    fieldset .animation-line span:nth-child(5) { flex: 100%; }

    img.upload_min {
        max-height: 150px;
    }
}
@media screen and (max-width:480px){
    #login,#newPass{width:90%;}
    #profile-panel{width:90%;}
    #asideSearch #bigResearch {width : 90%;}
    .activClient{width:40%;}
    .activCampagne {
        display:block;
        width:320px;
        margin : 10px auto;
    }
    .dossier{
        width :84%;
        padding-right : 9%;
    }
    .dossier_manage {width:4%;}
    .dossier_manage .list_status a {padding:12px;}
    .createBtn {width:100%;}
    #newClient, #newCamp, #newDoss, #newUser, #newProfilPass, #formThumbnail {width:95%;}

    .dossier_dates_title{width:90%;}
    .dossier_manage, .camp_manage, .client_manage, .anim_manage {
        display:inline-block;
        vertical-align: top;
        width:2%;height:35px;
        background:#606281;
        position:relative;
        min-width: 16px;
    }
    .anim_manage { position: absolute; }

    #formThumbnail .form-line span:nth-child(1) { width: 10%; }
    #formThumbnail .form-line span:nth-child(2) { width: 80%; }
    #formThumbnail .form-line span:nth-child(3) {
        display:block;
        width: 60%;
        margin: auto;
    }
    #formThumbnail .form-line span:nth-child(4) { width: 75%; }
    #formThumbnail .form-line span:nth-child(5) { width: 15%; }

    div.line-animation span { text-align: center; }
    div.line-animation span:nth-child(1) { flex: 0.15;}
    div.line-animation span:nth-child(2) {
        flex: 100%;
        margin: 5px auto 15px;
    }
    div.line-animation span:nth-child(6) { margin: 10px auto; }

}
@media screen and (max-width:340px){
    #content {padding:30px 0;}
    #login,#newPass{width:100%;}
    .activClient{
        width:70%;
        display:block;
        margin : 20px auto;
    }
    .dossier_dates_title{width:100%;}
}




/*! jQuery UI - v1.11.4 - 2016-03-10
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 8px 1em 8px .4em;
    cursor: pointer;
    font-size:0.85em;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}