@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: #555;
}

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: 8pt;
	color: #000000;
	background-color:#FFFFFF;
}

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;
    width:100%;
}

table#body_tbl{width:100% !important}

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

.ui-widget-content #body a {
	font-family: arial, geneva, sans-serif;
	font-size: 14px;
	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;
}

input#body{font-size:18px;padding:10px 0;}

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

#nameRub input#f_name{width:96%}

/*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:623px}
.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;
}
form[name=form_menu] a.bouton{
    display: inline-block;
}
table .selection{width:20px;}

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



/* MODERATION */
.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;}
.chooseDoc form#recherche .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;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}



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

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

.btn-rotate-abs{top: -10px;right: 50px;border: 3px #fff solid;position: absolute;top: -10px;right: -13px;z-index: 10;background: #333330;padding: 3px 5px;border-radius: 40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}

.btn-sup{top: -10px;border: 3px #fff solid;position: absolute;top: -10px;left: -13px;z-index: 10;background: #333330;padding: 3px 5px;border-radius: 40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}
.btn-recadrer{top: -10px;border: 3px #fff solid;position: absolute;top: -10px;left: 23px;z-index: 10;background: #333330;padding: 3px 5px;border-radius: 40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}
.btn-prod{top: -10px;border: 3px #fff solid;position: absolute;top: -10px;left: 59px;z-index: 10;background: #333330;padding: 3px 5px;border-radius: 40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);}

.img90 {
	width:90px;
}
.img-video-real {
	position: relative;
	overflow: hidden;
	z-index: 1;
	display: block;
}
.img-video-real::before {
	content: "";
	display: block;
	background: rgba(11,23,33,0.70);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 10px;
}
.img-video-real::after {
	content: "";
	display: block;
	background: url(media-video.svg) no-repeat center center;
	background-size: 60px 60px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border-radius: 10px;
}

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

#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 */

.encart__choice {
	padding: 5px;
	display: flex;
	align-items: center;
	border: 1px #ddd dotted;
}


.encart__choice input{
	margin-right: 5px;

}

.txtHub{
	min-height:233px;

}