@import url(common.css);
/*-------------------------------------------------------------------- */


@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* GLOBAL
---------------------------------------------------------------------- */
* {
    margin:0;
    padding:0;
}
span.ico-pwd,span.ico-id,#user-bar a,span.ico-deconnexion,#groupes ul li.module a,span.ico-modo-menu,a#btn-modo{
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

body {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   color: #1e1e1e;
   background:#fff;
   font-weight:300;
    margin:0;
    padding:0;
}

#c-entete-module{border:none;background:#1e1e1e;line-height:20px;border-radius:0;color:#9c9992;}
#c-entete-module h1{color:#fabc20;margin-bottom:0}
.c-entete-module__head {padding:40px;}
.c-entete-module__info {background:#353431;padding:30px 40px;color:#bbbbbb;}
.c-entete-module__info p {font-size:14px;margin:0 0 12px;line-height:1.6}
.c-entete-module__info p:last-child,
.c-entetemodule p:last-child{margin-bottom:0}
.c-entete-module__info--filters {background:#eee;color:#1e1e1e;padding:20px 40px}
.c-entete-module__info__titre{color:#fff;font-size:18px;margin-bottom:7px;}
.c-entete-module__info__text,
.ui-widget-content p.c-entete-module__info__text,
.ui-widget p.c-entete-module__info__text{margin:0}
#contenu-du-module{position: relative;padding:40px}
#contenu-du-module .animated.alert{margin-left:30px;width:calc(100% - 60px)}
#contenu-du-module h2.simuh1{margin:30px 0 15px}

.u-split__nb{display: flex;color:#fff;font-size:14px;}
.u-split__nb__total{color:#bbbbbb}
.u-split__nb__gfx{width:30px;border-bottom:1px #d9d6d1 solid;margin:0 12px;position: relative;top:-6px}


h1 {
   font-family: 'Roboto', Arial, sans serif;
   font-weight: normal;
   color: #373737;
   font-size:26px;
}


h1.ui-widget-header{margin-top:0}

h2 {
   font-family: 'Roboto', Arial, sans serif;
   font-weight: bold;
   color: #373737;
   color: #373737;
   font-size:20px;
}

td h3{margin:0; font-size:1em; margin-top:1em;}

th {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
}

tr.obligatoire th{background-color:#36738F;font-weight:bold}

td {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   border: solid 0 #d8d8d8;
   background-color: #f0f0f0;
   padding:3px;
}

form {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   margin:0;
   padding:0;
}
input {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 12px;
   color: #000000;
   background-color:#FFFFFF;
}

button {
    cursor: pointer;
}
b,strong {font-weight: 700;}
input#body{font-size:16px}

select {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   color: #000000;
   background-color:#FFFFFF;
}

textarea {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   color: #000000;
   background-color:#FFFFFF;
}

.ui-widget-content a, a {
   font-family: 'Roboto', Arial, sans serif;
   font-size: 13px;
   text-decoration: none;
}
a{color:#fabc20;text-decoration:none;font-weight:bold;font-family: 'Roboto', Arial, sans serif;}
a.text-gray-dark {
    color: #292b2c !important;
}
a:visited {
   text-decoration: none;
}
a:not(.btn):hover {
   text-decoration: none;
   color:#373737
}

/* a.btn:focus, a.btn:hover{color:#373737}
a.btn:focus, a.btn:hover{color:#fff} */

img { border:none; }

table { border: 0}

fieldset { margin: 3px; padding: 5px;}

#aide {font-family: 'Roboto', Arial, sans serif; font-size: 12px; background-color: #EEEDED;color:#373737}
.aidePadding{padding:20px;}
#aide input{background:#f5f5f5;border:1px #d6d6d6 solid;color:#373737;padding:4px 6px;margin:3px;cursor:pointer;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#aide input:hover{background:#373737;color:#fff;border-color:#373737}
#categ { font-family: 'Roboto', Arial, sans serif; font-size: 13px; border: solid 1px #d8d8d8; background-color: #B4DCDE;}
#logo { background:#fff;text-align: center;padding:30px 10px;}
#menu { font-family: 'Roboto', Arial, sans serif; font-size: 13px; border: solid 1px #d8d8d8; background-color: #ffffff;}
#outils { width: 600px; background: #ebebeb; border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; margin: 0; }
#titre { background-color:#23495C; color:#ffffff; font-family: 'Roboto', Arial, sans serif; font-size: 12pt; }
.out { border: 1px solid buttonface; margin: 1px; }.over { border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; margin: 1px; }
#message { width:400px; margin:20px; padding:1em; border:1px solid #000; background-color:#FFAB9F; font-weight:bold; }
#message.valide {background-color:#C9FDB3;}

#bandeaux_index{padding:0}
#message-accueil{padding:0;font-size:16px;line-height:24px;/*max-width:600px*/}

/* New logo */


.svg__main-logo{width:180px;height:60px;}
.svg__main-logo .st2{fill:#008f36}
.svg__main-logo .st3{fill:#009ddf}
.svg__main-logo .st4{fill:#013f56}
.svg__main-logo .st5{fill:#d7181e}

 /*End new logo*/

input.error, select.error, textarea.error{
    border: 1px solid #FF0000;
}
label.error, .error-image, .error-video{
    display: inline;
    color: #FF0000;
}
label.info{
    display: inline;font-weight: lighter;color: #105d87;
}
.help-block{
    color: #FF0000;
}
/*p {
    width:630px;
    background-color:#fcfcfc;
    border:1px solid #000;
    padding:0.5em;
    font-size:0.8em;
}*/
.radio > label {

    display: inline;

}
#groupes {
    padding: 10px;
    margin: -20px 0 0;
    background: #27282c;
    border-top-right-radius: 16px;
    width: 100%;
    box-sizing: border-box;
}
#groupes * {padding:0;margin:0}
#groupes ul li{list-style-type:none}
#groupes ul li.groupe {text-align:left;font-weight:600;color:#fff;padding:7px;font-size:15px;}
#groupes ul li.groupe a{text-align:left;font-weight:600;color:#fff;padding:7px;font-size:16px;font-weight:bold;}
#groupes ul li.module {text-align:left;color:#fff;padding:0;}
#groupes ul li.module a {display:block;padding:5px 5px 5px 5px; color:#999;font-size:15px;margin-left:40px;border-top:1px #111 dotted}
#groupes ul li.module a:hover,#groupes ul li.module a.actif{color:#fff;}

tr.ligne td {padding:0;}

.ui-widget{font-size:12px !important;margin-bottom:1em;}

.ui-widget-content p,.ui-widget p{margin:5px; font-size:14px;}
.ui-widget-content table{width:100%;border:0;}

table#tabExMdp{margin:20px 0 10px;}
table#tabExMdp td{padding:6px;background:#f5f5f5}
table#tabExMdp td.bis{background:#e5e5e5}

a#btn-modo{display:block;background:#fff;border-top-left-radius:10px;border-bottom-right-radius:10px;margin:20px;font-size:15px;padding:10px;color:#191919;font-weight:bold;}
a#btn-modo:hover{background:#fabc20;color:#fff;}
a#btn-modo span.ico-modo-menu{width:20px;height:15px;background-position:-130px -10px;position: relative;top: -2px;left: 4px;}
a#btn-modo:hover span.ico-modo-menu{background-position:-130px -30px}


input.transparent{background-color:transparent;width:16px;vertical-align:middle}

.messages{width:800px}
.center{text-align:center}

.bouton span.ui-icon{
   left:0.2em;
   margin:-8px 5px 0 0;
   position:absolute;
   top:11px;
}
a.bouton{
   padding:0.4em 1em 0.4em 20px;
   position:relative;
   text-decoration:none;
   display:inline-block;
}
a#action-page{top:0}
div.ui-widget-header a.bouton,div.ui-corner-bottom a.bouton{top:-4px;}

table .selection{width:20px;}

.left{float:left}
.right{float:right}

div.hl-txt{border:1px #999 dotted;padding:20px;background:#eee;font-size:14px;line-height:24px;}
div.hl-txt ul{margin-left:20px}

#ChangePasswordType,.ChangePasswordType,.tpl-droits_utilisateurs .form-group,.tpl-profils .form-group, .formExport{border:1px #999 dotted;padding:20px;background:#eee;font-size:14px;line-height:24px;}
#ChangePasswordType .form-group,.ChangePasswordType .form-group,.tpl-droits_utilisateurs .form-group,.tpl-profils .form-group, .formExport{display:flex;flex-direction:row; flex-wrap: wrap;}
#ChangePasswordType .form-group label,.ChangePasswordType .form-group label,.tpl-droits_utilisateurs .form-group label,.tpl-profils .form-group label{width:25%}
.form-group input:not([type='checkbox']), .form-group select{width:75%}
#ChangePasswordType .btn-important,.ChangePasswordType .btn-important{width:100%;margin-top:20px;}


/* MODERATION */

#moderation{margin:30px 10px;padding:10px;background:#ddd}
#moderation p.ui-widget-header{padding:10px;}
#moderation #inputs{padding:10px;}
#moderation textarea{margin:0 0 10px}
#intModo{width:98%;padding:1%;}
#moderation p#titletextarea{background:#ccc;margin-bottom:0;width:300px;padding:5px;}

/* FENETRE ATTRIBUTION DES PAGES DANS MODULE BANDEAU */

#attribPage .ui-widget-header{padding:10px;}
form#attribPage p.lineInput,form#attribPage p.lineInputBis{padding:5px;border-color:#ccc}
p.sendButton{padding-top:25px;}
p.sendButton input{padding:10px 30px;}
/*div#fancy_title{opacity:0;display:none !important;}*/

#contentAdmin #menu-config{margin:30px;display:flex;flex-wrap: wrap}
#contentAdmin #menu-config .col{max-width:31%;width:31%;flex-basis: auto;}
.menu-users-config #menu-config-top{margin:0}

#bloc-google-analytics p{text-align:justify;}
#bloc-google-analytics h2{color:#333}


/* */

.stop td {
   background-color:#FFB9B9;
}
.attention td {
   background-color:#FFDEB9;
}
.etat {
   color:#333;
}
td.offline {
   background-color:#FF3333;
}
td.online {
   background-color:#1EB101;
}
.publi {
   text-align:center;
}
.etat {
   width:70px;
   text-align:center;
   font-weight:bold;
}
.demande {
   width:70px;
   text-align:center;
   font-weight:bold;
}


.clear{clear:both}

.padding5{padding:5px}

.couleur-fonce{color:#2576B1}

#reclasse table td.ligneRub{padding:0 0 0 10px;}
#reclasse table td.ligneRub a{position:relative;top:4px;}
#reclasse table td.ligneRub div.dep{float:right;cursor:pointer;background:url(../images/rub_mov.gif) no-repeat 0 0;width:37px;height:25px;}
#reclasse table td.ligneRub div.dep:hover{background-position:0 -25px;}
tr.ligne div.deplacementLine{margin:1px 4px 0 1px;float:left;cursor:pointer;background:url(../images/mov_line.gif) no-repeat 0 0;width:37px;height:25px;}
tr.ligne div.deplacementLine:hover{background-position:0 -25px;}

#adminTools a, #adminTools a:hover, #adminTools a:visited {color:#fff !important}
#adminTools a span.ui-icon{margin-top:-2px;}

.ui-tabs .ui-tabs-nav li a {font-size:0.8em;}

/* SKIN PASS */


p.hight{background:#fabc20;color:#fff;padding:10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
ul.listeGestion li{list-style:none;border-bottom:1px #ddd solid}
ul.listeGestion{border-top:1px #ddd solid;padding-left:0;}
ul.listeGestion li a{border-left:4px #d2cec9 solid;display:block;background:#e5e5e5;color:#373737;padding:5px;}
ul.listeGestion li a:hover{border-color:#fabc20;color:#fabc20;}

.inputTab input.send{background:#f5f5f5;border:1px #d6d6d6 solid;color:#373737;padding:4px 6px;margin:3px;cursor:pointer;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.inputTab input.send:hover{background:#373737;color:#fff;border-color:#373737}

.btn_input_header{background:#f5f5f5;border:1px #d6d6d6 solid;color:#373737;padding:4px 6px;margin:3px;cursor:pointer;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.btn_input_header:hover{background:#fabc20;color:#fff;border-color:#373737}

@media print{
   .cache {display: none;}
}

/* filemanager chooseDoc */

.chooseDoc{padding:10px;}
#tabs .chooseDoc form .ligne select{width:94%;background:#fff;border:1px #ddd solid;margin:2% 3% 1%}
.ui-widget-content #treeDoc p,.ui-widget #treeDoc p{margin:10px 5px}
#treeDoc .ui-widget-header a,#treeDoc .ui-widget-header a:hover{text-decoration:none;text-transform:uppercase}
.ui-widget-content #treeDoc p.file{margin:3px 5px;padding:4px 10px 6px;border-bottom:1px #ddd solid;}
.ui-widget-content #treeDoc p.file input{margin-right:5px;}

#ajoutDeFichier p label{padding:0 10px;font-weight:bold;}

/* FORMULAIRE */
.style1{color:#3F3F3F}
.style1 input{color:#3F3F3F}
span.handle{display:block;float:left;height: 25px;width:37px;background:url(../img/gestionnaire/handle.gif) no-repeat 0 0;cursor:move;margin-right:15px;}
span.separateurLab{display:block;float:left;height: 25px;width:2px;background:url(../img/gestionnaire/separateur.gif) no-repeat 0 0;margin:0 2px 0 4px;}
span.handle:hover{background-position:0 -25px}

span.edit,span.sup,span.obli{float:left;cursor: pointer;margin:4px 2px 0;}
span.obli{margin:4px 5px 0}

div.elementForm{display: block;clear: both;min-height: 18px;margin-bottom: 3px}
.titleSection{padding:7px 0}
.titleSection p{padding-left:10px;}
.titleSection p.bouton{position:relative;padding-left:20px;}
p.bouton span.ui-icon{top:8px;left:4px;}
.titleInPage{margin-top:20px;}

form.style1 .norm{display:block;width:200px;float:left;text-align:right;}
form.style1 .stand{width:500px;float:left;margin-left:15px;}
form.style1 .stand input.check{width:20px;}
form.style1 .stand input,form.style1 .stand textarea{font-size:12px;padding:5px;width:450px;border:1px #ccc solid}

.lineBorder{padding:10px;border-bottom:1px #ddd solid;margin:0 10px}
#receveurNewMail p,div.stand p{margin:5px 0 0;}

.elementForm{margin:10px;background:#f6f6f6;padding:10px;border:1px #eeeded solid}
.elementForm:hover{border:1px #fff solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.elementForm textarea{width:100%;margin-top:10px}
.elementForm label{margin:4px 7px 0 0}
.elementForm input.radio, .elementForm label, .elementForm input.checkbox{margin-top:4px}
.elementForm select,.elementForm input.textuel{font-size:12px;width:300px;margin-top:4px}
.elementForm .infosOpt input.textuel{width:185px;}
.elementForm input.textuel{padding:3px;margin-top:0}
.elemFormTextarea label{display:block;float:left;margin-top:3px;}
.elementForm select{margin-top:2px}

.btnValidationForm{width:100%;padding:15px;text-align:center;color:#fff;}
.btnValidationForm input{width:20%;margin:auto;background:#414141;color:#fff;padding:3px 10px;font-weight:bold;text-transform:uppercase;border:1px #959595 solid;border-bottom:1px #2b2b2b solid;border-right:1px #2b2b2b solid;cursor:pointer;}

span.clear{display:block;clear:both}
.infosOpt{float:left;margin-right:10px;width:322px;}
.infosOpt label{display:block;float:left;text-align:right;margin-right:15px;margin-top:0;width:95px;}
.elementForm  p.infosOpt{margin:0 5px;}
#listeOptions{padding-bottom:30px;}
.sur1Ligne,form.style1 .sur1Ligne,form.style1 .lineBorder p.norm .sur1Ligne{margin-top:10px;display:block;}
form.style1 .lineBorder p.norm .sur1Ligne{margin-top:7px;}
form.style1 .lineBorder p.infosOpt label.sur1Ligne{margin-top:7px;}
form.style1 .infosOpt .sur1Ligne{margin-top:6px}

#emplacementFormulaire{padding-bottom:25px}

#elemAjouts{background:#1c1c1c;padding:8px 6px 6px;}
#elemAjouts a{cursor:pointer;}


/* /-/-/-/-/-/-/-/-/ GEOLOCALISATION /-/-/-/-/-/-/-/-/-/-/-/ */

.lineCoord{float:left;width:45%;padding:2% 0 2% 5%}
.lineCoord p.norm{padding:10px 10px 0 0}
.lineCoord input{background:#373737;color:#fff;border:none;padding:10px;width:240px;vertical-align:middle;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.gm-style-iw{overflow:hidden !important}
.gm-style-iw div{overflow:hidden !important}

.gm-style-iw h1#firstHeading{background:none;padding-bottom:7px;margin-bottom:7px;margin-top:3px;border-bottom:1px #ddd solid;padding-left:0;}


/* --------------------------------------------------------- */

/* tooltip */
.lttip{display:block;float:left;height:26px;position:relative;margin-right:3px;}
a#addRadio,a#addCheck{width:28px;}
a#addTexte,a#addTextarea,a#addSelect{width:38px;}
span.toolTipMaison{display:block;width:150px;padding:7px 10px;background:#000;color:#fff;border:1px #333 solid;text-align:center;position:absolute;top:-32px;left:0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
a#addSelect span.toolTipMaison{width:100px;}
a#addCheck span.toolTipMaison{width:170px;}



/* /-/-/-/-/-/-/-/-/ BOUTON DOCUMENTATION /-/-/-/-/-/-/-/-/-/-/-/ */
a#dl-doc{margin-top:8px;float:right;margin-right:20px;display:block;background:#fff;padding:6px 10px 6px 48px;position:relative;font-size:15px;border-radius:6px;}
a#dl-doc,a#dl-doc span.fleche{
   transition:all .2s linear;
   -o-transition:all .2s linear;
   -moz-transition:all .2s linear;
   -webkit-transition:all .2s linear;
}
a#dl-doc span.headline,a#dl-doc span.subline{display:block;font-size:11px;}
a#dl-doc span.headline{font-size:15px;font-weight:bold}
a#dl-doc span.ico-doc{display:block;position:absolute;top:0;left:0;width:35px;height:45px;background:url(../images/btn-doc.png) no-repeat 0 0}
a#dl-doc span.fleche{display:block;position:absolute;top:23px;left:23px;width:18px;height:16px;background:url(../images/fleche-doc.png) no-repeat 0 0}
a#dl-doc:hover span.fleche{top:28px;}
a#dl-doc:hover{text-decoration:none;background:#d2cec9;}

/** MENU **/
#menuAdmin {
    overflow: hidden;
    padding-left:0;
    min-width:250px;
    position:fixed;
    left:0;
    height:100%;
}

#menuAdmin #intAdmin {
    overflow: auto;
    height:100%;
    width: calc(100% + 17px);
    background-color: #27282c;

}

#menuAdmin #logo img {max-width:100%;}

#menuAdmin .realisation {color:#fff;
   position: absolute;
   text-align: center;
   width: 100%;
   bottom: 0px;
}
#menuAdmin .deconnexion {
   text-align:center;
}
#menuAdmin .realisation a,#menuAdmin .deconnexion a {color:#fff;}

/* menu top **/
#user-bar{position:fixed;left:0;top:0;background:#fff;width:100%;display:flex;flex-direction:row;z-index: 999999;}


#groupes span.ico-svg{width:30px;height:24px;background-position:-100px -100px;margin-right:7px;position:relative;top:-1px;}
#groupes span.ico-bandeaux{background-position:-100px -100px;}
#groupes span.ico-contenu{background-position:-140px -100px;}
#groupes span.ico-formulaires{background-position:-180px -100px;}
#groupes span.ico-mediatheque{background-position:-220px -100px;}
#groupes span.ico-referencement{background-position:-260px -100px;}
#groupes span.ico-statistiques{background-position:-300px -100px;}
#groupes span.ico-services{background-position:-340px -100px;}

/* barre haute */
#user-bar span.ico-pwd{width:15px;height:18px;background-position:-40px -100px}
#user-bar span.ico-deconnexion{width:18px;height:18px;background-position:-70px -100px}
#user-bar span.ico-id{width:18px;height:18px;background-position:-10px -100px}

#user-bar a:hover span.ico-pwd{background-position:-40px -125px}
#user-bar a:hover span.ico-deconnexion{background-position:-70px -125px}
#user-bar a:hover span.ico-id{background-position:-10px -125px}


/** Contenu ADMIN **/

#contentAdmin {margin-left:250px;}

#contentAdmin.c-config__menu {
    padding:0 0 30px;
}

#contentAdmin .btn-left {
    margin-top:-10px;
}
.btn-important, .form-group .btn-default, button#creerListe, .u-btn__add {
   background-color: #373737;
   border: 2px #252525 solid;
   color: #fff;
   font-weight: normal;
   font-size: 14px;
}

.btn-important:hover, .form-group .btn-default:hover, button#creerListe:hover, .u-btn__add:hover {
    background-color: #fabc20;
    border-color: #d29c14 ;
    color: #27282c;
}
.u-btn__add svg path{
    fill: #27282c;
}
.u-btn__add:hover svg path{
    fill: #fff;
}
.btn-important a  {
   color: #fff;
}

legend {
   color:#333;
   font-size:21px;
}

label {
   font-weight:700;
}

.well {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*** Page login **/
#form-login {
   width:400px;
   margin:50px auto 0 auto;;
}

#form-login img {
   height:auto;
}

#form-login form {
   margin-top:20px;
}

.form-group {
   display:flex;
   align-items: center;
}

#form-login .form-group label{
   width:22%;
}

#form-login .btn-important{
    margin:7% 2% 0;
    width:96%;
    border-radius:30px;
    background:#27282c;
    padding:12px 20px;
    color:#fff;
    text-transform:uppercase;
    border:none;
    font-weight:bold;
    font-size:15px;
}

#form-login .btn-important:hover{
    background:#fabc20;
    color:#27282c
}

#form-login .form-control{border:none;background:transparent;}
#form-login .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}
#form-login .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}
#form-login .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}
#form-login .form-control:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}
#form-login .form-group{position:relative;display:block;border-bottom:1px #ddd solid;padding:1% 2%;padding-left:30px;}
#form-login .form-group span.ico-svg{position:absolute;top:8px;left:6px;}

#form-login legend{text-align:center;display:block;font-size:15px;margin-top:40px;margin-bottom:20px;padding:10px 0;border-top:1px #ddd dotted;border-bottom:1px #ddd dotted;letter-spacing:2px;color:#999;background:#eee;}

/** Tableau **/

.table>thead>tr>th {
    border: 1px solid #dddddd;
    color: white;
    background-color: #333;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}

.table a{
    color: #333
}

.table i:not(.fa-2x){
    font-size:18px;
}

.table .td-modif-suppr {
    text-align: center;
}

.table .fa:not(.fa-2x) {
    font-size:16px;
}
.tpl-liste_langues td {
    text-align: center;
}

#menu-config a.liste-item{
   padding: 40px 25px 35px;
   color: #333333;
   text-align: center;
   text-transform: uppercase;
   font-size: 16px;
   font-weight: bold;
   display: block;
   transition: all .2s linear;
   -o-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -webkit-transition: all .2s linear;
    background-color: #f1f1f1;
    margin:10px;
    border-radius:4px
}

#menu-config a.liste-item:hover {
   background: #fabc20;
   text-decoration: none;
}


#menu-config a.liste-item svg {
   display: block;
   margin: 0 auto 15px;
   font-size:36px;
}



#top {
    float:right;
    display:none;
}

#top .nom-user {
    font-weight:bold;
}
/*.liste-item:first-child{
   margin-left:0;
}

.liste-item:last-child{
   margin-right:0;
}*/

/** Formulaires **/
.tpl-droits_utilisateurs form .icheckbox_flat, .tpl-liste_modules form .icheckbox_flat , .tpl-profils form .icheckbox_flat {
    float:none;
}
/*.tpl-droits_utilisateurs .btn-enregistrer {
    position: fixed;
    left: 230px;
    background: #f0f0f0;
    bottom: 0;
    width: 100%;
    text-align: center;
}*/

.tpl-droits_utilisateurs .btn-enregistrer, .tpl-liste_modules .btn-enregistrer{
    text-align:center;
}

.tpl-droits_utilisateurs .btn-enregistrer button, .tpl-liste_modules .btn-enregistrer button {
    margin: 20px auto;
    display: flex;
    text-align: center;
    align-items: center;
}

span.ico-svg{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/icos-admin.svg) no-repeat 0 0;background-size:600px 600px;}
span.ico-pwd{width:20px;height:24px;background-position:-40px -10px}
span.ico-deconnexion{width:20px;height:24px;background-position:-40px -10px}
span.ico-id{width:24px;height:24px;background-position:-10px -10px}
.on-focus span.ico-pwd{background-position:-40px -40px}
.on-focus span.ico-id{background-position:-10px -40px}
span.ico-save{width:18px;height:18px;background-position:-100px -10px;margin-right:0}

span.span-save {
    margin-left: 10px;
    font-size:16px;
}

.tpl-droits_utilisateurs #contentAdmin {
    margin-bottom: 40px;
}
form .icheckbox_flat  {
   float:right;
}
.form-group label{
   width:12%;
}

.modal{
    z-index: 99999998;
}

.modal-body .form-group label {
   width:25%;
   text-align: left;
}

.modal-body{
   text-align:center;
}

.modal-body .btn-important{
    margin: auto
}

.modal-header h4 {
   margin:auto;
    display:block;width:100%;text-align:left;
}

.modal-header button.close{position:absolute;top:20px;right:20px;}

#LangueType .checkbox, #UtilisateurType .checkbox{
   width:100%;
   display: flex;
   align-items: center;
   text-align: left;
}

.modal-body #LangueType .checkbox label, .modal-body #UtilisateurType .checkbox label{
   width: 25%;
}

.modal-body #LangueType .checkbox label{width:auto;}


#LangueType .checkbox .input-checkbox, #UtilisateurType .checkbox .input-checkbox{
   float: right;
   margin-left:10px;
   margin-top: 4px;
}
/** Pages configuration ProfilsFilter */

.table .td-width-10 {background:#f0f0f0;}
.table td.famille-modules {background-color:#dadada;font-weight:bold; }

.table>tbody>tr>td{background:#fff;border:1px #eee solid;}
.table>tbody>tr:nth-child(even)>td{background:#f6f6f6;}
.table>tbody>tr>td.highlight a{display:block;padding:6px 12px;border-radius:4px;background: #e5e5e5;border: 1px #ddd solid;font-size: inherit;font-weight:bold;color:#454545}
.table>tbody>tr>td.highlight a:hover{background:#ddd;text-decoration:none;}
.table>tbody>tr:hover td{background:#f9f5f5;}
.table .td-page--souspage{padding-left:40px;position:relative}
.table .td-page--souspage:before{content:"";display:block;width:10px;height:1px;background:#333;position: absolute;top:50%;left:20px}
.table .td-page--souspage:after{content:"";display:block;width:1px;height:7px;background:#333;position: absolute;top:50%;margin-top:-3px;left:20px}

/*.table>tbody tr:nth-child(2n+1)>td{background:#f9f9f9;}
.tab_utilisateurs>tbody>.tr-module>td{background:#fff;}
.tab_utilisateurs>tbody .tr-module:nth-child(2n+1)>td{background:#f9f9f9;}*/

#loader-gif {
   text-align: center;
}

.tab_utilisateurs .tr-moderation {
   text-transform: uppercase;
   font-weight: bold;
}

.tab_utilisateurs .checkbox-users, .tab_pages .checkbox-profils {
   text-align: center;
}

iframe {
   width:100%;
   height:100%;
}

@media (min-width: 768px){
   .modal-dialog {
      max-width: 600px;
      margin: 30px auto;
   }
}

.alert-success {
    width:100%;
    display:inline-block;
}

/** Menu config **/
.menu-users-config{
    width:100%;
    padding-left:250px;
    background-color:#353431;
    padding-top:36px;
}

#menu-config-top a.liste-item{
    padding: 19px 15px 11px;
    color: #bbbbbb;
    text-align: center;
    display: block;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin:0;
    line-height:14px;
    font-size:13px;
    font-weight:normal;
    border-top:2px #353431 solid
}

#menu-config-top a.liste-item.actif{
    color:#1e1e1e;
    background:#fabc20;
    position:relative;
    border-top:2px #353431 solid
}

#menu-config-top a.liste-item.actif:after{
    content:"";
    display:block;
    width:0;
    height:0;
    border-top:6px #fabc20 solid;
    border-left:6px transparent solid;
    border-right:6px transparent solid;
    position:absolute;
    bottom:-6px;
    left:50%;
    margin-left:-3px;
}

#menu-config-top a.liste-item:hover {
    color:#333333;
    background:#fabc20;
    text-decoration: none;
    border-top:2px #353431 solid
}


#menu-config-top a.liste-item svg {
    display: block;
    margin: 0 auto 8px;
    font-size:16px;
}

#bloc-google-analytics {
    width: calc(100% - 60px);
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin: 30px auto 0;
    align-items: center;
}

#bloc-google-analytics .col p {
    padding:10px 0;
}

#bloc-google-analytics .bloc-infos-gg {
    display: block;
    margin: 30px 0;
    text-align: center;
}

#bloc-google-analytics .bloc-infos-gg b {
    font-size:16px;
}

#bloc-google-analytics .bloc-infos-gg i{
    margin-right: 10px;
    font-size:16px;
}

.img-responsive {
    max-width: 100%;
}

h2.simuh1{
margin:0 30px;
    border-top:1px #999 dotted;
    border-bottom:1px #999 dotted;
    padding:10px;
    color:#373737;
    font-style:italic;
    font-size:15px;
    margin-bottom:15px;
    background:#fff;
          }

h1 strong.bienvenue{font-size:38px;font-weight:700;text-transform:uppercase}

#UtilisateurType .alert, #UtilisateurModifType .alert {
    width:100%;
    margin-top:20px;
}

.tpl-login .form-group input {
    width:100%;
}

/* #################################################################################### */
/* Révision du module de bandeaux par Nidal ------------------------------------------- */

div.removeItem:hover, div#active:hover,.modifBandeau:hover, div.active:hover, div.zoom:hover{cursor: pointer; opacity: .8;}
div.removeItem, div#active,.modifBandeau, div.active{opacity: 1; display: inline;}
#bandeauItem .icheckbox_flat{margin-right: 10px; float: left !important;}
#bandeauItem textarea{width:75%;resize: none}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */

/* #################################################################################### */
/* Skin module de bandeau Florent ------------------------------------------- */

/* utility -- */
.u-btn__add{background-color: #fabc20;border: 2px #d29c14  solid;color:#1e1e1e;   }
.u-btn-add.u-btn-alone { display: flex;align-items: center;width: min-content;}
.u-btn__add svg{margin-right:5px;    -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.u-btn__add svg path {webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.u-btn__cancel{padding:8px 15px;font-size:15px;font-weight:bold;border-radius:6px}
.u-btn__add:hover{background-color: #373737;border-color: #252525; color:#fff}
.u-btn__cancel:hover{background-color: #fabc20;border-color: #d29c14 ;;}
.u-btn__add{padding:8px 15px;font-size:15px;font-weight:bold;border-radius:6px}
.u-btn__add--save{background-color: #373737;border-color: #252525;}
.u-btn__add--save:hover{background-color: #fabc20;border: 2px #d29c14  solid;}

/* components -- */
.c-listing-bandeaux{border:1px solid #e3e3e3;margin:20px 0}
.c-listing-bandeaux .fa-2x{font-size:1.5em}
.c-listing-bandeaux--accueil .fa-2x{color:#373737;display: block;}
.c-listing-bandeaux__table>thead>tr>th.c-listing-bandeaux__t-attrib{padding-left:25px}
.c-listing-bandeaux__table>thead>tr>th{padding:5px;text-align:left;font-weight:normal;border:none;background:#373737}
.c-listing-bandeaux__table>tbody>tr>td{border:1px #ddd solid;border-left:none;border-right:none;background:#fff;padding:16px 0;}
.c-listing-bandeaux__table.c-listing-programs>tbody>tr>td{padding:5px 0!important;}
.c-listing-bandeaux__table>tbody>tr:hover td{background:#eef5f9}
.c-listing-bandeaux__table>tbody>tr>td:first-child{border-left:1px #ddd solid}
.c-listing-bandeaux__table>tbody>tr>td:last-child{border-right:1px #ddd solid}
.c-listing-bandeaux__table{margin-bottom:0}
.c-listing-bandeaux__table tr[data-pied="true"]{opacity:0.5;}
.tpl-list_pages_profils .c-listing-bandeaux__textes{display:flex;align-items: center;}
.c-listing-bandeaux__typeRub{font-weight:bold;margin-left: 15px; border: solid 1px #e3e4e5;display:flex;align-items: center;padding:8px 10px;border-radius:5px;font-size:11px;}
.c-listing-bandeaux__typeRub svg{margin-right: 10px; }
.c-listing-bandeaux__attribution{display:flex;align-items:center;height:100%;padding:0 15px 0 25px;flex-flow:row wrap}
.c-listing-bandeaux__attribution .rubrique.left{position: relative;padding:5px;background:#fff;border:1px #d5d5d5 dotted;margin:5px 5px 5px 0;display:flex;flex-direction:row;align-items:center;border-radius:5px}
.c-listing-bandeaux__attribution .icheckbox_flat{order:1}
.c-listing-bandeaux__attribution label{order:2;font-size:11px;display: block;padding:0 8px;font-weight:normal;}
.c-listing-bandeaux__attribution .btnPages{order:3;border-radius:3px;padding:0px 5px;background:#f1d0d0;color:#fff;display:inline-block;vertical-align:middle;font-weight: bold;font-style: inherit;transition:all .3s ease}
.c-listing-bandeaux__attribution .btnPages--nb,.c-listing-bandeaux__attribution .btnPages:hover{background:#fabc20;color:#fff}
.c-listing-bandeaux__attribution .btnPages--nb:hover{background:#373737;color:#fff}
.c-listing-bandeaux__title{font-size:18px;}
.c-listing-programs .c-listing-bandeaux__title{font-size:16px;}
.c-listing-bandeaux__icon-actions{display: inline-block;padding:10px;background:#eee;border:2px #fff solid;border-radius:50%}
.col-sm-8 .c-listing-bandeaux__icon-actions{margin-right:15px}

.c-entete-module__info .ico-rubrique, #contenu-du-module .ico-rubrique{
    width: 18px;
    height: 18px;
}
#c-entete-module.ui-widget{margin-bottom:0}

#bandeauItem .u-admin__conteneur{border-bottom:1px #ddd solid;margin-bottom:40px}
.u-form__champ{padding:20px;background:#fff;border-top:1px #ddd solid;margin:0;}
.u-form__champ a:hover,.u-form__champ a:visited{text-decoration:none;}
.u-form__champ label{width:auto}

.iradio_flat input,.iradio_flat .iCheck-helper{margin-right:5px}

.c-bandeau__recadrage .btn-info {background-color: #fabc20;border-color: #d29c14 ;}
.c-bandeau__recadrage .btn-info:hover {background-color: #373737;border-color: #252525;}

.c-bandeau__recadrage{max-width:890px}

.card-body video{margin:15px auto}


/* #################################################################################### */
/* Classes communes par Nidal ------------------------------------------- */

.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-25{margin: 25px;}
.margin-30{margin: 30px;}
.margin-35{margin: 35px;}
.margin-40{margin: 40px;}
.margin-45{margin: 45px;}
.margin-50{margin: 50px;}

.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-35{margin-top: 35px;}
.margin-top-40{margin-top: 40px;}
.margin-top-45{margin-top: 45px;}
.margin-top-50{margin-top: 50px;}

.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-25{margin-right: 25px;}
.margin-right-30{margin-right: 30px;}
.margin-right-35{margin-right: 35px;}
.margin-right-40{margin-right: 40px;}
.margin-right-45{margin-right: 45px;}
.margin-right-50{margin-right: 50px;}

.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-35{margin-bottom: 35px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-45{margin-bottom: 45px;}
.margin-bottom-50{margin-bottom: 50px;}

.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-25{margin-left: 25px;}
.margin-left-30{margin-left: 30px;}
.margin-left-35{margin-left: 35px;}
.margin-left-40{margin-left: 40px;}
.margin-left-45{margin-left: 45px;}
.margin-left-50{margin-left: 50px;}

.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-25{padding: 25px;}
.padding-30{padding: 30px;}
.padding-35{padding: 35px;}
.padding-40{padding: 40px;}
.padding-45{padding: 45px;}
.padding-50{padding: 50px;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-top-25{padding-top: 25px;}
.padding-top-30{padding-top: 30px;}
.padding-top-35{padding-top: 35px;}
.padding-top-40{padding-top: 40px;}
.padding-top-45{padding-top: 45px;}
.padding-top-50{padding-top: 50px;}

.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-25{padding-right: 25px;}
.padding-right-30{padding-right: 30px;}
.padding-right-35{padding-right: 35px;}
.padding-right-40{padding-right: 40px;}
.padding-right-45{padding-right: 45px;}
.padding-right-50{padding-right: 50px;}

.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-25{padding-bottom: 25px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-35{padding-bottom: 35px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-45{padding-bottom: 45px;}
.padding-bottom-50{padding-bottom: 50px;}

.padding-left-5{padding-left: 5px!important;}
.padding-left-10{padding-left: 10px!important;}
.padding-left-15{padding-left: 15px!important;}
.padding-left-20{padding-left: 20px!important;}
.padding-left-25{padding-left: 25px!important;}
.padding-left-30{padding-left: 30px!important;}
.padding-left-35{padding-left: 35px!important;}
.padding-left-40{padding-left: 40px!important;}
.padding-left-45{padding-left: 45px!important;}
.padding-left-50{padding-left: 50px!important;}

.margin-none{margin: 0!important;}.margin-top-none{margin-top: 0!important;}.margin-right-none{margin-right: 0!important;}.margin-bottom-none{margin-bottom: 0!important;}.margin-left-none{margin-left: 0!important;}
.padding-none{padding: 0!important;}.padding-top-none{padding-top: 0!important;}.padding-right-none{padding-right: 0!important;}.padding-bottom-none{padding-bottom: 0!important;}.padding-left-none{padding-left: 0!important;}
.clearfix{clear: both;}
.hide{display: none;}
label.hide{display: none!important;}
.vertical-align-middle{vertical-align: middle!important;}
.cursor-pointer{
    cursor: pointer;
}
.cursor-move{
    cursor: move;
}
.border-bottom{
    border-bottom: 1px solid #eceeef;
}

.pgn-wrapper{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999999;
}
.pgn-wrapper .alert {
    border-radius: 0px;
}

.loadingAjax{
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    display: none;
    z-index: 100;
}
.loadingAjax > div{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    border-radius: 80px;
    box-shadow: 0 1px 0 0 #969696;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}
.pos-r{position:relative;}

/** End Classes communes **/


/** DROPZONE **/
#dropzone{margin-bottom: 3rem;}
.dropzone{
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
}
/** End Dropzone **/

/** Mediathèque **/
.galery .galeryElement{padding:5px}
.galery .galeryElement .imgGaleryElement{position:absolute;top:10px;bottom:10px;left:10px;right:10px;overflow:hidden;padding:40px}
.galery .galeryElement .imgGaleryElement a{height:100%;width:100%}
.galery .galeryElement:hover{box-shadow:rgba(0,0,0,.4) 0 0 5px}
.highlight,.multi-highlight{cursor:pointer;position:relative}
.highlight i,.multi-highlight i{font-size:75px;color:#333;margin-bottom:10px}
.highlight.active,.multi-highlight.active{border:4px solid #fabc20!important}
.highlight.active.inner,.multi-highlight.active.inner{box-shadow:0 0 0 3px #fabc20 inset;border:none}
.highlight.active:after,.multi-highlight.active:after{position:absolute;display:block;border-top:20px solid #fabc20;border-left:20px solid transparent;content:"";top:0;right:0;z-index:101}
.highlight.active:before,.multi-highlight.active:before{position:absolute;display:block;content:"\f00c";color:#fff;font-family:FontAwesome;font-size:8px;top:-2px;right:0;z-index:102}

.datepicker thead th.dow {
    background: #57bada;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker thead th {
    width: 35px;
    height: 30px;
    color: #353535;
}
table.dataTable thead td,table.dataTable thead th{
    padding: 0.75rem !important;
}

.hidden {
    display:none!important;
}


/** Module metas **/

#metaHome input {
    width:100%;
}
#accordionMetas .card-body, #metaHome .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

#accordionMetas .card-body ::placeholder, #metaHome .card-body ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#b4b4b4;
}

#accordionMetas .text-muted.meta-danger, #metaHome .text-muted.meta-danger {
    color: #e31318 !important;
}

#accordionMetas .valideMeta, #metaHome .valideMeta {
    float:right;
}

#accordionMetas .valeurDefaut, #metaHome .valeurDefaut {
    padding-top:8px;
}
#accordionMetas .control-label, #metaHome .control-label{
    width: 100%;
}
#accordionMetas .form-group, #metaHome .form-group{
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    align-items: flex-start;
}
#accordionMetas .form-group input,#accordionMetas .form-group textarea{
    width: 100%;
}

/* ********************************************************************************************
*********************************
**********   SVG COULEURS
************************************************************************************************* */

.fill-black {fill:#000000;}
.fill-white {fill:#ffffff;}
.fill-1e1e1e {fill:#1e1e1e;}
.fill-333333 {fill:#333333;}
.fill-e73c49{fill:#e73c49;}
.fill-343434{fill:#343434;}
.fill-66b554{fill:#66b554;}
.fill-e83c49{fill:#e83c49;}
/* ********************************************************************************************
*********************************
**********   MODULE OPTIMISATION METAS
************************************************************************************************* */

.c-admin__opt-metas .nav-link{color:#fff;padding:15px;}
.c-admin__opt-metas .nav-tabs .nav-link.active,
.c-admin__opt-metas .nav-tabs .nav-item.show .nav-link{font-weight:bold}
.c-admin__opt-metas .nav-tabs .nav-item{background: #373737;}
.c-admin__opt-metas .nav-tabs .nav-link:focus, .c-admin__opt-metas .nav-tabs .nav-link:hover{ background: #444; color: #fff;border-color: transparent;}
.c-admin__opt-metas .nav-tabs .nav-link.active {background: #444; color: #fff;border-color: transparent;}
.c-admin__opt-metas .nav-tabs .nav-item:first-child{border-top-left-radius: 0.25rem;}
.c-admin__opt-metas .nav-tabs .nav-item:last-child{border-top-right-radius: 0.25rem;}
.c-admin__opt-metas .card{border-radius:0}
.c-admin__opt-metas .card-header{padding:0}
.c-admin__opt-metas .card__sous-page .card-header{padding-left: 30px}
.c-admin__opt-metas .card__sous-page2 .card-header{padding-left: 60px}
.c-admin__opt-metas .card-header h5{display:flex;position:relative;}
.c-admin__opt-metas .card-header .btn:before,.c-admin__opt-metas .card-header .btn:after{content:"";display:block;width:0;height:0;border-left:5px transparent solid;border-right:5px transparent solid;top:50%;left:15px;position:absolute;left:15px;transition:all .3s ease}
.c-admin__opt-metas .card-header .btn:before{border-bottom:5px #333 solid;margin-top:-7px;}
.c-admin__opt-metas .card-header .btn:after{border-top:5px #333 solid;margin-top:1px;}
.c-admin__opt-metas .card-header .btn:hover:before{margin-top:-9px;}
.c-admin__opt-metas .card-header .btn:hover:after{margin-top:3px;}

.c-admin__opt-metas .card-header .btn{display:flex;padding:30px 30px 30px 40px;width:100%;color:#333;}
.c-admin__opt-metas .card-header:hover{background:#fff;}
.btn-link:focus, .btn-link:hover{color:#333;text-decoration:none;box-shadow:none;}


/* ----------------------------------------------------
-- REWORK ADMIN AVRIL 2020
------------------------------------------------------ */

/* font

font-family: 'Cabin', sans-serif;
font-family: 'Roboto', sans-serif;

*/

body, html,
.c-docs__file-var .c-docs__intitule,
.c-docs__titre{font-family: 'Roboto', sans-serif;}

a{transition:all .3s ease}

.c-entetemodule__titre,
.c-docs__intitule,
#groupes ul li.groupe,
.c-doc__consult__titre,
.u-admin__submit,
#c-entete-module h1,
#form-login .btn-important,
#reclassement p#headline,
.modal-header h4,
.c-entete__title,
.c-last-page__title,
.c-fast-tool
.c-listing-liens__title,
.c-alerte__msg{font-family: 'Cabin', sans-serif;}

.modal-header h4{font-weight:bold;}

.l-admin__global{padding-top:80px}
.c-topbar{height:80px;background:#fff;box-shadow:0px -2px 12px 0px #cccccc}
.c-topbar__logo{flex:1;display:flex;align-items:center;}
.c-topbar__logo>a{display: flex;height: 64px;width: auto;background:#fff !important;}
.c-topbar__links{display: flex;}
.c-topbar__link{display:flex;align-items:center;justify-content:center;width:280px;color:#2e2e2e;border-left:1px #e3e4e5 solid}
.c-topbar__link:nth-child(odd){background:#f7f7f7}
.c-topbar__link:hover{background:#fabc20;color:#1e1e1e;}
.c-logo__img{display:block;height:100%;margin-left:16px}

.c-entetemodule{background:#18191d;border-top:2px #101115 solid;padding:20px 20px 20px 40px;}
.c-entetemodule--flex{display:flex;align-items:center;}
.c-entetemodule__main{flex:1}
.c-entetemodule__titre,#c-entete-module h1{color:#fabc20;font-size:36px;font-weight:700}
.c-entetemodule__text{color:#888;font-size:15px;}

.c-entetemodule__tabdatas{color:#9c9992;display:flex;align-items:center;}
.c-entetemodule__data{display:flex;align-items:center;margin-right:10px;}
.c-entetemodule__pages{position: relative;}

.svg__folder{width:19px;height:16px}
.svg__file{width:16px;height:18px}
.svg__addfolder{width:23px;height:23px}
.svg__addfile, .svg__file-publi-off, .svg__file-publi-on{width:23px;height:23px}
.svg__move{width:37px;height:23px}
.svg__lock{width:18px;height:18px}
.svg__folder .st0,
.svg__file .st0{fill:#fabc20}
.svg__addfolder .st0,
.svg__addfile .st0,
.svg__move .st0,
.svg__lock .st0{fill:#18191d}
.c-docs__intitule .svg__lock .st0{fill:#c94b27}

.c-jauge{width:150px;height:10px;border-radius: 5px;background:#434347;position: relative;}
.c-jauge__niveau{width:100px;height:4px;border-radius:2px;background:#fabc20;position: absolute;top:3px;left:3px;}
.c-entetemodule__jauge strong{color:#fff;}

.u-ico__place{margin-right:6px;}
.u-admin__cta{display:flex;align-items:center;background:#fabc20;color:#18191d;border-radius:5px;padding:10px 13px 10px 10px;font-size:14px;font-weight:400}
.u-admin__cta--delete{background:#c94b27;color:#fff;}
.u-admin__cta:hover{background:#dea71d;color:#18191d}
.u-admin__cta--delete:hover{background:#e24b20;color:#fff;}
.u-admin__cta--tab{margin-right:10px;}

.c-entetemodule__ctas{display:flex;}

/* -- tree docs -- */
.svg__tree-ico{width:25px;height:25px;}
.svg__bin{width:21px;height:22px;}
.svg__bin--gpe{width:24px;height:25px}
.svg__deplacement{width:15px;height:15px;}
.svg__folder-pub-off,.svg__folder-pub-on{width:19px;height:19px;}
.svg__lien{width:17px;height:17px}
.svg__oeil{width:18px;height:12px}
.svg__close-gen{width:17px;height:17px}
.svg__docdl{width:22px;height:30px}
.svg__checkbox{width:14px;height:14px}
.svg__tree-ico .st0,.svg__deplacement .st0,.svg__close-gen .st0,.svg__docdl .st0{fill:#2e2e2e}
.svg__tree-ico .st1{fill:#5c5c5c}
.svg__bin .st0,.svg__folder-pub-off .st0, .svg__file-publi-off .st0{fill:#e73c49}
.svg__folder-pub-on .st0, .svg__file-publi-on .st0{fill:#5a9c4e}
.svg__bin .st1,.svg__folder-pub-off .st1,.svg__folder-pub-on .st1, .svg__file-publi-off .st1, .svg__file-publi-on .st1, .svg__lien .st0,.svg__oeil .st0{fill:#18191d}
.svg__bin--gpe .st1{fill:#fff}
.svg__bin .st2,.svg__folder-pub-off .st2,.svg__folder-pub-on .st2, .svg__file-publi-off .st2, .svg__file-publi-on .st2{fill:#fff}
.c-docs__ico-action{display:flex;align-items:center;text-align:center;width:35px;padding:0 7px;height:100%;transition:all .3s ease}
.c-docs__ico-action--hasfiles{opacity:.5;cursor:no-drop}
.c-docs__ico-action>svg{transition:all .3s ease}
.c-docs__ico-action:hover>svg{transform:scale(1.2);}
.c-docs__ico-action--hasfiles:hover>svg{transform:scale(1);}
.svg__checkbox .st0{fill:#fff}
.svg__checkbox .st1{fill:#fff}
.svg__checkbox .st2{fill:#2e2e2e}

.c-docs__inside{position: relative;}
.c-docs__toolbar{position: absolute;top:-20px;right:0;display:flex;z-index:2}
.c-docs__toolbar__deplier{display:flex;align-items:center;margin-right:13px;font-weight:300;font-size:13px;background:#efece5;color:#1e1e1e;border-radius:5px;padding:7px 10px}
.c-docs__toolbar__deplier span{transition:all .3s ease;color:#1e1e1e}
.c-docs__toolbar__deplier:hover{background:#1e1e1e;color:#fff;}
.c-docs__toolbar__deplier:hover span{color:#fff;}
.svg__deplier{width:10px;height:13px;margin-right:8px;}
.svg__deplier .st0{fill:#1e1e1e;transition:all .3s ease}
.c-docs__toolbar__deplier:hover .svg__deplier .st0{fill:#fff}

.c-docs__search{display:flex;border-bottom:2px #d5d5d5 solid;}
.c-docs__search input{background:transparent;border:none;font-size:14px;font-style:italic;outline:none}
.c-docs__search input:focus{outline:none}
.c-docs__search input[type="submit"]{cursor:pointer;background:transparent url(../img/doc-search.svg) no-repeat center center;background-size:17px 17px;border:none;width:17px;}

.c-docs__tree{padding:40px 40px 65px;}
.c-docs__tree--sub{padding:20px 0 30px 25px;display:none;}
.c-docs__tree--sub.js__sub--on{display: block;}
.c-docs__titre{position:relative;top:-7px;font-size:14px;font-weight:300;padding-left:6px;}
.c-docs__inside{border-left:2px #e3e4e5 solid;padding-left:12px;position:relative;padding-bottom:40px}
.c-docs__tree--sub .c-docs__inside{padding-bottom:0}
.c-docs__inside:before{content:"";display: block;width:10px;height:10px;border-radius:5px;background:#dea71d;position:absolute;top:-5px;left:-6px}
.c-docs__tree--sub .c-docs__inside:before{width:2px;height:25px;left:-2px;top:-25px;background:#e3e4e5}
.c-docs__folder{position:relative;background:#efece5;border:1px #e3e4e5 solid;display:flex;margin-bottom:5px}
.c-docs__file-var{background:#fff;margin-bottom:-1px}
.c-docs__folder:before{content:"";display:block;width:12px;height:3px;background:#e3e4e5;position:absolute;top:50%;margin-top:-1px;left:-13px;}
.c-docs__folder__ico{width:45px;padding:10px;}
.c-docs__intitule{font-weight:700;font-size:16px;color:#2e2e2e;margin:0 0 0 0;padding:10px}
.c-docs__file-var .c-docs__intitule{font-weight:500;font-size:13px;}
.c-docs__types{font-size:13px;color:#888888;margin:0 10px 0 0;font-weight:300}

.c-docs__folder__label,
.c-docs__folder__actions{display:flex;align-items:center;}
.c-docs__folder__label{flex:1}
.c-docs_link-label{display:flex;align-items:center;background:#fff;padding:5px 9px;border-radius:6px;color:#18191d;margin-left:6px;}
.c-docs_link-label .svg__folder{width:15px;height:12px;}
.c-docs_link-label .svg__file{width:11px;height:14px;}
.c-docs_link-label .svg__folder .st0,
.c-docs_link-label .svg__file .st0{fill:#18191d}

.l-docs__actionsgroup{position:fixed;bottom:0;left:250px;width:calc(100% - 250px);background:#fff;box-shadow: 0px -2px 12px 0px #cccccc;border-top:1px #eee solid;padding:15px 40px;}
.l-docs__actionsgroup:before{content:"";display: block;position: absolute;width:2px;background:#e3e4e5;height:40px;top:0;left:40px;}
.l-docs__actionsgroup:after{content:"";display: block;width:10px;height:10px;border-radius:5px;background:#dea71d;position: absolute;top:34px;left:36px;}
.c-docs__actionsgroup{padding-left:55px;position:relative;display:flex;align-items:center}
.c-docs__actionsgroup:before{content:"";display: block;position: absolute;width:40px;background:#e3e4e5;height:3px;top:50%;left:-4px;}

.l-doc__windowed{position:fixed;width:100%;height:100%;background:rgba(45,45,47,0);display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:999999;transition: background .3s ease;visibility:hidden;transform:translateY(-100%)}
.l-doc__windowed--on{visibility:visible;background:rgba(45,45,47,0.85);transform:translateY(0)}
.l-doc__consult{transform:translateY(30px);opacity:0;width:760px;background:#fff;border-radius:15px;padding:30px 30px 0;position: relative;transition: all .3s ease;transition-delay:.2s;}
.c-doc__consult__intitule{margin-bottom:20px;}
.c-doc__consult__titre{font-weight: bold;color: #373737;font-size: 20px;padding: 10px 15px;background: #efece5;border:1px #888 solid;width:94%}
.c-doc__consult__close{position: absolute;top:18px;right:18px;}
.c-doc__consult__champ{border:1px #ddd dashed;border-radius:7px;padding:20px;margin-bottom:10px;display:flex;align-items:center;}
.c-doc__consult textarea{width:100%;font-size:15px;line-height:1.6;color:#373737;font-weight:300;padding:15px;background:#efece5;}
.c-doc__consult__dl{display: flex;align-items:center;font-weight:700}
.c-doc__consult__dl .u-ico__place{margin-right:10px;}
.c-doc__consult__ifile{padding:10px;}

.l-doc__windowed--on .l-doc__consult{transform:translateY(0);opacity:1;}

.c-doc__valider{display:flex;align-items:center;justify-content:center;}
.u-admin__submit{display: block;background:#27282c;border:2px #fff solid;padding:15px 35px;color:#fabc20;font-weight:700;cursor:pointer;border-radius:12px;font-size:18px;transform:translateY(30px)}

.c-docs__folder__ico{position: relative;cursor:pointer}
.js__doc-check,.svg__checkbox{position:absolute;bottom:7px;right:7px;/*opacity:0;*/transition:all .3s ease}
/*.js__doc-selected .svg__checkbox{opacity:1;visibility:visible}*/
.svg__checkbox .st1{opacity:0;visibility:hidden;transform:scale(1.3);}
.svg__checkbox .st1,.svg__checkbox .st0{transition:all .3s ease}
.js__doc-selected .svg__checkbox .st1{opacity:1;visibility:visible;transform:scale(1)}
.js__doc-selected .svg__checkbox .st0{fill:#2e2e2e;}
.js__doc-check{opacity:0;visibility:hidden}

/*----------------------------------
RESET POUR REWORK
----*/

#menuAdmin{width:250px;}
#menuAdmin #intAdmin{width:100%}
#groupes{margin:0 0 20px}
#groupes ul li.groupe{display:flex;align-items:center;text-transform:uppercase;margin:25px 0 0 0}
#groupes ul li.groupe:first-child{margin-top:0}
.c-asidemenu{padding-top:20px;background:#27282c;}
#groupes span.ico-svg{margin-right: 10px;width:33px}
#groupes ul li.module a{font-size: 14px;}
#groupes ul li.groupe{padding:5px}
.menu-users-config{padding-top:0}
#groupes ul li.module a{position:relative;}
#groupes ul li.module a:before{content:"";display:block;width:18px;height:3px;background:#656361;position:absolute;top:50%;left:-22px;margin-top:-1px;transition:all .3s ease}
#groupes ul li.module a:hover:before{background:#fff;}
#groupes ul li.module a.active{color:#fabc20;}
#groupes ul li.module a.active:before{background:#fabc20;}

/* --------------
MODIF ADMIN - MODULES POUR REWORK
---------- */

/* gestion hauteur iframe */
.tpl-cms-iframe{overflow-y:hidden}
/*------------------------*/


a#dl-doc{position: absolute;top:50%;margin-top:-37px;right:20px;background: #27282c;display: flex;padding:15px;}
a#dl-doc:hover{background:#fff;color:#27282c}
a#dl-doc span.ico-doc{position: relative;top:auto;left:auto;margin-right:10px;}
a#dl-doc span.subline{color:#bbb;font-size:13px;transition:all .3s ease}
a#dl-doc:hover span.subline{color:#27282c}

#bloc-google-analytics{background:#fff;border:none;}
#bloc-google-analytics .col-logo{padding:40px;}
#bloc-google-analytics .col-logo .img-responsive{width:200px;}
#bloc-google-analytics .col-infos{display:flex;flex:1;flex-flow:row wrap}
#bloc-google-analytics .col-infos p{width:50%;text-align:center;margin:0;border:1px #fff solid;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px #e3e3e3 solid;padding:60px 0}
#bloc-google-analytics .col-infos p a{display:inline-block;margin-top:10px;background:#27282c;color:#fff;padding:7px 15px;border-radius:4px;}
#bloc-google-analytics .col-infos p a:hover{background:#fabc20;color:#27282c;}

.publierMedia svg,
.publierTheme svg,
.publierAlbum svg,
.publierBandeau svg,
.col-sm-8 a>svg{margin-right:6px}

.btn-info{background-color:#27282c !important;border-color:#27282c !important;color:#fff !important;}
.btn-info:hover{background-color:#111 !important;border-color:#111 !important;color:#fff !important;}
.btn-info+.info{display: inline-block;margin-left:10px}

/* -- mediatheque -- */
.dz-remove,.btn-standard{display:block;background:#27282c;color:#fff;padding:7px;text-align:center;padding:6px;font-size:12px;text-decoration:none !important;border-radius:4px;transition:all .3s ease}
.dz-remove:hover,.btn-standard:hover{background:#fabc20;color:#27282c}
.btn-standard{display: inline-block;padding:7px 15px}
.dz-nameFile{padding:5px;border:1px #ddd dotted;margin:6px 0;border-radius:5px;}
.dz-nameFile:before{display:block;content:"Légende";margin:5px 0 -5px;font-size:11px;font-weight:bold;}
.dz-nameFile input{border:1px #eee solid !important;margin-bottom:5px;}

.table.tab_themes{border-collapse: collapse;border-bottom:1px #eee solid}
.tab_themes.table>tbody>tr>td{border:none;border-top: 1px #eee solid;padding: 13px !important;}
.tab_themes.table>tbody>tr>td.td-page--souspage{padding: 13px 13px 13px 40px !important;}

.c-entete-module__info .control-label{margin-bottom:0;}

.table.tab_pages-liees>thead>tr>th{background:#27282c}
.table.tab_pages-liees>thead>tr>th,
.table.tab_pages-liees>tbody>tr>td{border:none;}
.table>thead>tr>th.header-pages-liees{text-align:left;}
.guide-check-pages-liees{width:45px}
.header-pages-liees-empty, .famille-modules-empty{position:relative;}
.header-pages-liees-empty:before, .famille-modules-empty:before{content:"";display:block;width:26px;height:3px;background:#fabc20;position: absolute;top:50%;margin-top:-1px;left:50%;margin-left:-13px;}
.famille-modules-empty:before{background:#27282c;}

/* ------ */
.splitLabels{padding: 5px;margin: 0px;}
.splitLabels label{width: 150px !important;float: left;text-align: right;padding-right: 10px;padding-top: 2px;}
.splitLabels input,.splitLabels select{width:350px !important;box-sizing:border-box;padding:4px}
.splitLabels hr{height:1px;border:0px;border-top:1px dotted #A6C9E2;}
.splitLabels label.u-blocklegende__check{display: flex;width: 100% !important;float: none;text-align: left;padding: 7px 6px 5px;border: 1px #ccc dotted;margin-top: 6px;box-sizing: border-box;align-items: center;}
span.u-blocklegende{display: inline-block;width:350px;margin:1px;}
.splitLabels input[type="checkbox"],
.splitLabels input[type="radio"]{width:auto !important;margin-right:6px;}
.splitLabels #grp1 label{float:none;width:auto !important;}
.leg-tab-img{background:#fff;padding:10px;}
.leg-tab-img>div{display:flex;width:100%;align-items:center;justify-content:center;}
.tdnopad{padding:0 !important}
.img-w100{width:100%;display: block;}
.img-h100{display:flex;align-items:stretch;max-height:100%}
.recadrer-img-fx{display: flex;width:100%;height:100%;align-items:center;justify-content:center}

.ttl-input{background:#eee;padding:10px;}
.ttl-input>input#body{width:100%;padding:9px;box-sizing:border-box}
.ttl-options{border:10px #eee solid;border-top-width:2px;display: flex;justify-content:center}
.ttl-options__opt{border-right:2px #eee solid;padding:10px 0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.ttl-options__opt input[type="checkbox"],
.ttl-options__opt input[type="radio"]{margin-right:5px;}
.ttl-options__select{border-right:0;}
.ttl-options__opt select{padding:4px 5px;width:80px;}
.ttl-options__select select{width:40px;margin:0 5px}
.ttl-th{background:#373737;color:#fff;margin-bottom:0;border-bottom:0}
.ttl-th-display{padding:6px;text-align:center;box-sizing:border-box}


/* 570px à répartir */
.ttl-th-display__seo, .ttl-options__seo{width:110px}
.ttl-th-display__seo{width:107px}
.ttl-th-display__affichage{width:204px;border-left:2px #eee solid;border-right:2px #eee solid;}
.ttl-options__affichage{width:100px}
.ttl-options__affichage--first{border-right:2px #eee dotted}
.ttl-th-display__masquage, .ttl-options__select{width:280px}

/* - pages liées bandeaux haut page correctif - */
#getPagesByPageProfil .modal-body{padding:0}
#setBandeauxPages{padding-bottom:30px;}
#savePagesByProfil{margin-top:20px;}
#setBandeauxPages .row.form-group{margin:0 !important}
#setBandeauxPages input[type="checkbox"]{margin-right:5px;}
#setBandeauxPages label{display:flex;width:100%;padding:14px;box-sizing:border-box;align-items:center;margin:0}
#setBandeauxPages .row-subpage label{padding-left:40px;position: relative;background:#f2f2f2}
#setBandeauxPages .row-subpage label:before{content:"";display: block;position: absolute;top:50%;margin-top:-1px;width:11px;height:2px;background:#27282c;left:21px;}
#setBandeauxPages .row-subpage label:after{content:"";display: block;position: absolute;top:50%;width:2px;height:8px;margin-top:-8px;background:#27282c;left:21px;}
.liens-bandeau__page{display:flex;align-items:center;width:100%}


/* ********************************************************************************************
*********************************
**********   ACCUEIL TDB
************************************************************************************************* */

.svg__check{width:19px;height:16px;}
.svg__date{width:30px;height:29px;}
.svg__alerte{width:56px;height:50px;}
.svg__plus{width:15px;height:15px;}
.svg__date .st0,.svg__check .st0{fill:#505050}
.svg__alerte .st0,.svg__plus .st0{fill:#2e2e2e}
.svg__alerte .st1{fill:#eee}

.u-zoom-img{position:relative;overflow:hidden;}
.u-zoom-img__home-admin{max-height: 386px;}
.u-zoom-img img,.c-last-page__title,.c-listing-lien,.c-fast-tool{transition:all .5s ease-in-out;}
.u-zoom-img:hover img{transform:scale(1.3)}

.u-w100{display: block;width:100%}


.c-entete__title{font-size:15px;color:#2e2e2e;position:relative;margin:0 0 30px;}
.c-entete__title:after,.c-last-page__dates:after{content:"";display: block;width:40px;height:2px;background:#fabc20;position: absolute;bottom:-15px;left:0}

.c-last-pages{display:flex;margin-bottom:60px;align-items:flex-start;justify-content:space-between}
.c-last-page{display:flex;flex-direction:column;width:calc(33.3334% - 25px);color:#2e2e2e}

.c-last-page .u-zoom-img{margin-bottom:25px;}
.c-last-page__title{font-size:26px;margin-bottom:5px}
a:hover .c-last-page__title{color:#fabc20}
.c-last-page__subtitle{font-size:15px;font-weight:300}
.c-last-page__subtitle strong{font-style:italic}

.c-last-page--inc,.c-alerte{background:#fff;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;padding:40px 30px}
.c-last-page__dates{margin-bottom:30px;position: relative;}
.c-last-page__dates:after{bottom:-15px;left:50%;margin-left:-20px}

.c-last-page__dates{font-size:16px;font-weight:400;margin-bottom:40px}
.c-last-page__dates strong{font-size:18px;font-weight:700}
.c-last-page__dates svg{margin-right:6px}
.c-last-page--inc .c-last-page__subtitle{margin-bottom:10px;}
.c-last-page--inc .u-zoom-img{margin:15px 0 -120px;border-radius:7px}

.c-fast-tools{background:#eee;padding:30px;border-radius:150px;display:flex;justify-content:space-between;margin-bottom:60px}
.c-fast-tool{display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;width:calc(25% - 22px);background:#fabc20;color:#2d2d2f;border-radius:100px;font-weight:300;font-size:17px;border:2px #fabc20 solid;}
.c-fast-tool:hover{background:#eee}
.c-fast-tool svg{margin-right:5px}
.c-fast-tool strong{margin-left:5px}

.c-col-100,.c-col-50{margin-bottom:60px}
.c-col-50{display:flex;justify-content:space-between}
.c-col-50>*{width:calc(50% - 30px)}

.c-listing-liens__title{font-size:36px;margin-bottom:15px}
.c-listing-liens__mos{border-top:1px #ddd solid;}
.c-listing-lien{display:flex;align-items:center;border-bottom:1px #ddd solid;padding:13px 5px 11px;color:#2e2e2e;font-weight:400;font-size:15px}
.c-listing-lien>*:first-child{flex:1}
.c-listing-lien svg{margin-right:10px}
.c-listing-lien__auteur{color:#9c9992;font-size:14px;font-style:italic}
.c-listing-lien:hover{background:#eee}

.c-alerte{padding:40px;flex-direction:column;margin-top:30px}
.c-alerte svg{margin:0 0 20px}
.c-alerte__msg{font-size:20px;max-width:500px;text-align:center;}
.c-alerte__type{position: relative;padding-top:20px;margin:30px 0 0}
.c-alerte__type:after{content:"";display: block;width:40px;height:2px;background:#fabc20;position: absolute;top:-15px;left:50%;margin-left:-20px}


/* ************************************************************************************************* */


/** PARAM SITES **/

.c-admin__param-sites .ChangePasswordType>form{display:flex;flex-direction:column}

.c-admin__param-sites .fade:not(.active) {
    position:fixed;right:-20000px;
    opacity: 0;
    transform:translateY(30px);
}
.c-admin__param-sites .fade { transition: transform,opacity, .6s ease;}
.ChangePasswordType{transition:all .6s ease}

.c-admin__param-sites form > .active {
    opacity: 1;
    position:relative;right:auto;
    order:-1;
    transform:translateY(0);
}

.c-admin__param-img-block {
    padding:20px;
    margin:20px 0;
    background: #fff;
    border:1px dotted #999999;
    width:75%;
    margin-left:25%;
}
.c-admin__param-img img {
    max-width:300px;
    margin:10px 0;
}

.c-admin__param-sites .form-group.btn-save.active{order:3}

/*.tpl-parametres_site #contentAdmin,.tpl-utilisateurs #contentAdmin,.tpl-droits_utilisateurs #contentAdmin,.tpl-liste_groupe_modules #contentAdmin,.tpl-liste_modules #contentAdmin,.tpl-config #contentAdmin{
    margin-top: 0;
}*/
/*
.tpl-parametres_site .menu-users-config,.tpl-utilisateurs .menu-users-config,.tpl-droits_utilisateurs .menu-users-config,.tpl-liste_groupe_modules .menu-users-config,.tpl-liste_modules .menu-users-config,.tpl-config .menu-users-config{
    margin-top: 80px;
}*/
.ligneActiveExclusive .checkbox, .structureColSer .checkbox{float: left;margin-right: 10px;}
.ligneActiveExclusive #ligne,.structureColSer #structure{padding-left:0;}



.listImages #sortable, .listImages #sortableDeletable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.listImages #sortable li, .listImages #sortableDeletable li { margin: 5px 10px 5px 0; padding: 1px; float: left; width: 100px; height: 100px; font-size: 4em; text-align: center; }
.listImages #sortable li .removeImgItem,.listImages #sortableDeletable li .removeImgFile{position: absolute;top: 0px;right: 2px;padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;float: right;font-size: 1.5rem;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5; }
.listImages #sortable li .removeImgItem:hover,.listImages #sortableDeletable li .removeImgFile:hover {color: #000;text-decoration: none;cursor: pointer;opacity: .75;}

.listImagesInfos #sortable, .listImagesInfos #sortableDeletableInfos { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.listImagesInfos #sortable li, .listImagesInfos #sortableDeletableInfos li { margin: 5px 10px 5px 0; padding: 1px; float: left; width: 100px; height: 100px; font-size: 4em; text-align: center; }
.listImagesInfos #sortable li .removeImgItem,.listImagesInfos #sortableDeletableInfos li .removeImgFile{position: absolute;top: 0px;right: 2px;padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;float: right;font-size: 1.5rem;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5; }
.listImagesInfos #sortable li .removeImgItem:hover,.listImagesInfos #sortableDeletableInfos li .removeImgFile:hover {color: #000;text-decoration: none;cursor: pointer;opacity: .75;}
.swal2-container{
    z-index: 99999999!important;}

/*th .icheckbox_flat.checked{border: 1px solid #ccc;border-radius: 6px;background: #fff;}*/
.headerCheckAll{background-color: #f9f5f5 !important;}
.pull-right{float: right;}
.pull-left{float: left;}
table.dataTable thead th{border-bottom: 0px !important;border-top: 0px !important}
table.dataTable.no-footer{border-bottom: 0px !important}

.removeItemDeco{
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.7;
}
.removeItemDeco:hover{
    opacity: 1;
}
.itemDeco{
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.itemDeco:last-child{
    border-bottom: none;
}
/*.itemDeco:first-child{
    padding-top: 0;
}*/
/*.itemDeco:first-child .removeItemDeco{
    top: 30px;
}*/

.itemsDeco{border: 1px solid #ccc;border-radius: 5px;}
.display-f{display: flex;}
.display-i-f{display: inline-flex;}

.display-f .radio,.u-form__champ .checkbox{margin-right: 10px;}

.removeImg{position: absolute;top: 5px;right: 20px;font-size: 20px;color: #bb6262;background: #ffffff;padding: 0px 7px;border-radius: 50%;cursor: pointer;opacity: .7;}
.removeImg:hover{opacity: 1}

.radio label.error{display: inline-block;
    width: 200px;
    margin-top: 20px;}
.produitQteBox {
    margin-bottom: 10px;
    align-items: baseline;
}