@import url(common.css);

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

/* GLOBAL
---------------------------------------------------------------------- */

body {
   font-family: arial, geneva, sans-serif;
   font-size: 10pt;
   color: #000000;
   background:#f0f0f0;
}

h1 {
   font-family: arial, geneva, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   background-color:#d2cec9;
   color:#373737;
   padding:3px;
   margin-top:0;
   margin-top:10px;
}
h1.ui-widget-header{margin-top:0}

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

th {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   color: #FFFFFF;
}

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

td {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   border: solid 0px #d8d8d8;
   background-color: #f0f0f0;
   padding:3px;
}

form {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   margin:0;
   padding:0;
}
input {
   font-family: arial, geneva, sans-serif;
   font-size: 12px;
   color: #000000;
   background-color:#FFFFFF;
}

input#body{font-size:16px}

select {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   color: #000000;
   background-color:#FFFFFF;
}

textarea {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   color: #000000;
   background-color:#FFFFFF;
}

.ui-widget-content a, a {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   text-decoration: none;
}
a{color:#e31318;text-decoration:none}

a:visited {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   text-decoration: none;
}
a:hover {
   font-family: arial, geneva, sans-serif;
   font-size: 8pt;
   text-decoration: underline;
}

img { border:none; }

table { border: 0px}

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

#aide {font-family: arial, geneva, 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: arial, geneva, sans-serif; font-size: 8pt; border: solid 1px #d8d8d8; background-color: #B4DCDE;}
#logo { background-color: #ffffff;}
#menu { font-family: arial, geneva, sans-serif; font-size: 8pt; 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: arial, geneva, sans-serif; font-size: 12pt; }
.out { border: 1px solid buttonface; margin: 1; }.over { border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; margin: 1; }
#message { width:400px; margin:20px; padding:1em; border:1px solid #000; background-color:#FFAB9F; font-weight:bold; }
#message.valide {background-color:#C9FDB3;}

/*p {
    width:630px;
    background-color:#fcfcfc;
    border:1px solid #000;
    padding:0.5em;
    font-size:0.8em;
}*/

#groupes {padding:0;margin:0}
#groupes * {padding:0;margin:0}
#groupes ul li{list-style-type:none}
#groupes ul li.groupe {margin-top:2px;background-color:#437883;text-align:center;font-weight:bold;color:#fff;padding:2px}
#groupes ul li.module {border:1px solid #d2cec9;border-top:0}
#groupes ul li.module a {display:block;padding:2px}
#groupes ul li.module a:hover,#groupes ul li.module a:active {text-decoration:none;background-color:#d2cec9;color:#373737}

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:12px;}
.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}


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}


/* highlight form */
.encart_highlight{display:flex;flex-direction:row;padding:5px 0}
.encart_highlight .style-hl{box-sizing:border-box;padding:5px;font-size:11px;color:#444;border:1px #ccc dotted;}
.encart_highlight input,.encart_highlight label{display:inline-block;vertical-align:middle;}
.encart_highlight input{margin-right:5px;}

/* 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;}*/

/* */

.stop td {
   background-color:#FFB9B9;
}
.attention td {
   background-color:#FFDEB9;
}
.etat {
   color:#FFFFFF;
}
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:#e31318;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:0px;}
ul.listeGestion li a{border-left:4px #d2cec9 solid;display:block;background:#e5e5e5;color:#373737;padding:5px;}
ul.listeGestion li a:hover{border-color:#e31318;color:#e31318;}

.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:#e31318;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.dup,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}

#emplacementFormulaire .elementForm label{display:inline-block;padding:1px 0 0 5px }

.btnValidationForm{width:100%;padding:15px;text-align:center;color:#fff;text-align:center;}
.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:-28px;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;}


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

#listImagesDiapo form.bb-form{margin:10px;border:1px #999 dotted;padding:10px;border-radius:6px;}
#listImagesDiapo form.bb-form input[type="submit"]{background:#454545;cursor:pointer;color:#fff;padding:2px 6px 4px;display:inline-block;margin-left:10px;border-radius:4px;border:none;font-weight:bold;}
#listImagesDiapo form.bb-form input[type="submit"]:hover{background:#d9262b}
#listImagesDiapo .ui-progressbar{height:0.6em !important;}
#listImagesDiapo .ui-progressbar .bar{opacity:.1}
#listImagesDiapo #status{display:none;}

/* -/-/-/ AUDIO MP3 /-/-/- */
/** Audio player **/
.mp3.deplace{padding: 20px;border:1px #eee solid;}
#audio {width:100%;border:2px #fff solid;border-radius: 20px}
#playlist {margin-top:15px;width:100%;}
#playlist span {transition:all .3s ease;text-align: left;background: #fff;color:#3f3e3e;width: 100%;display: inline-block;border-bottom: 1px #ccc solid;}
#playlist span a {transition:all .3s ease;}
#playlist span:hover {background:#be0a26;color:#fff}
#playlist span:hover a{color:#fff}
#playlist span.active {background:#be0a26;}
#playlist a{font-size: 16px;color:#3f3e3e;font-weight: 500;display: block;text-decoration: none!important;padding: 12px 25px 12px 12px;}
/* FILTRAGE DES ELEMENTS FLASH POUR MAC */