html{min-height:100%;height:100%}
body{margin:0;padding:0;height:100%;font-family:"Helvetiva Neue", Arial, Verdana;font-size:12px}
img{border:0}
a{color:#2486d9}
input, select{font-family:"Helvetiva Neue", Arial, Verdana;font-size:12px}
textarea{height:70px;font-family:"Helvetiva Neue", Arial, Verdana;font-size:12px;resize:none}
input,select,textarea{padding-left:5px;padding-right:5px;border:1px solid #bbb;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
input[type=text],input[type=password],input[type=file],select,textarea {width:200px}
input[type=submit]{width:212px}
input[type=submit],input[type=button],input[type=text],input[type=password],input[type=file],select{height:35px}
label{cursor:pointer}
li{padding-left:20px}
h1{display:inline;font-size:18px;color:#fff}
h2{font-size:15px;color:#242a29}
h3{display:block;font-size:12px;color:#242a29;}

#zone_gauche{position:fixed;top:0;left:0;width:230px;height:100%;background-color:#242a29}
#logo{display:inline-block;width:250px;text-align:center;margin-bottom:35px;background-color:#bbb}
#manage{padding-top:0px;height:35px;color:#bbb;text-align:center;margin-bottom:5px}
#menu_bas{position:absolute;bottom:0px;left:0px}
#zone_droite{margin-left:230px;}
#titre{position:relative;padding:20px;background-color:#2486d9;text-align:center}
#feedback, #feedback_js {padding:10px;background-color:#fcf7d2;text-align:center}
#feedback_js {display:none}
#contenu{position:relative;height:100%;background-color:#fff;padding:20px}

#udid{cursor:pointer}
#show_filtreusers,#show_testusers,#show_udid{display:none}

.fond{padding:20px;background-color:#f1f1f1;text-align:justify}

.case_menu{width:200px;padding-left:30px;padding-top:5px;height:30px;border-top:1px solid #3f4443;border-bottom:1px solid #202524}
.case_menu_icone,.case_menu_bas_icone{float:left;width:25px;height:25px;margin-right:5px}
.case_menu_icone img,.case_menu_bas_icone img{width:25px;height:25px}
.case_menu_texte{float:left;width:170px;height:20px;padding-top:5px;color:#bbb}
.case_menu_texte a{color:#bbb;text-decoration:none}
.case_menu_bas{width:200px;padding-left:30px;padding-top:5px;height:30px;border-top:1px solid #c3c3c3;border-bottom:1px solid #a4a4a4;background-color:#bbb}
.case_menu_bas_texte{float:left;width:170px;height:20px;padding-top:5px;color:#242a29}
.case_menu_bas_texte a{color:#242a29;text-decoration:none}

.form_table {display:table;width:100%;border:0;border-spacing:0.5em;border-collapse:separate;}
.form_tr {display:table-row}
.form_td {display:table-cell;vertical-align:top}
.form_td textarea {width:50%;height:100px}
.form_td_label {display:table-cell;vertical-align:top;width:150px;}
.form_ligne{position:relative;min-height:30px;padding-top:10px;vertical-align:top}
.form_ligne_special{position:relative}
.form_ligne_champ{position:absolute;width:800px;top:0px;left:250px}
.form_ligne_champ_special{position:absolute;width:800px;top:0px;left:250px}
.form_ligne_champ_cke{width:500px;height:300px;top:0px;margin-left:250px;margin-bottom:1.5em}
.form_ligne_champ_carte{position:absolute;width:800px;height:300px;top:0px;left:250px}

.table tr:nth-child(even) {background-color:#f8f8f8}
.table .th {font-weight:bold}
.table td {padding:0.5em}

.liste_resume{position:relative;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #f1f1f1;cursor:pointer}
.liste_boutons{position:absolute;top:0px;right:0px}
.apercus{display:none;position:absolute;width:800px;min-height:300px;padding:20px;background-color:#ddeeff;z-index:100}
#contacts_liste, #clients_liste {display:none;position:absolute;width:250px;height:150px;overflow-y:auto;background-color:#fff;border:1px solid rgba(0,0,0,0.2);z-index:1000}
.contacts_liste_item, .clients_liste_item {cursor:pointer;}

.secondaire {color:#888}
.italique {font-style:italic}

.cke{width:400px;height:200px}

#progress {display:none;position:fixed;top:50%;left:40%;width:20%;padding:1em;background-color:#fcf7d2;border:rgba(0,0,0,0.25);box-shadow:5px 5px rgba(0,0,0,0.25);text-align:center;font-weight:bold}

/* ANALYTICS */
#analytics_periode {background-color:#f1f1f1;border-spacing:1em;margin-bottom:2em}
#total_general td {padding:0.5em;font-size:1.2em}
#total_general td.tg_titre {background-color:#f1f1f1;font-weight:bold}
#total_content td {padding:0.5em;font-size:1.2em}
#total_content td.tc_titre {background-color:#f1f1f1;font-weight:bold}
#content {width:100%;border-spacing:1px;background-color:#f1f1f1}
#content th {background-color:#f1f1f1;font-weight:bold;padding:0.5em}
#content td {background-color:#ffffff;text-align:right;padding:0.5em}

/* Boutons */
.bouton-noir{padding:0 2em;text-transform:uppercase;font-size:11px;color:#bbb;border-top:1px #080808 solid;border-right:1px #080808 solid;border-bottom:1px #080808 solid;border-left:1px #080808 solid;background:#242a29;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#242a29', endColorstr='#080808');background:-webkit-gradient(linear, left top, left bottom, from(#242a29), to(#080808));background:-moz-linear-gradient(top, #242a29, #080808);text-shadow:#000 0 1px 2px;-webkit-text-shadow:#000 0 1px 2px;-moz-text-shadow:#000 0 1px 2px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c}
.bouton-noir.hovered, .bouton-noir:hover{background:#080808;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#080808');background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#080808));background:-moz-linear-gradient(top, #000000, #080808);border-top:1px #080808 solid;border-right:1px #080808 solid;border-bottom:1px #080808 solid;border-left:1px #080808 solid;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808}
.bouton-noir:active, .bouton-noir.pressed{background:#009edb;border-top:1px #444 solid;border-right:1px #444 solid;border-bottom:1px #444 solid;border-left:1px #444 solid;background:#00a7e7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1866a6', endColorstr='#00a7e7');background:-webkit-gradient(linear, left top, left bottom, from(#1866a6), to(#00a7e7));background:-moz-linear-gradient(top, #1866a6, #00a7e7);-moz-box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4;-webkit-box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4;box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4}
.bouton-rouge{text-transform:uppercase;font-size:11px;color:#fff;border-top:1px #a10405 solid;border-right:1px #a10405 solid;border-bottom:1px #a10405 solid;border-left:1px #a10405 solid;background:#dd0000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#b60202');background:-webkit-gradient(linear, left top, left bottom, from(#dd0000), to(#b60202));background:-moz-linear-gradient(top, #dd0000, #b60202);text-shadow:#880000 0 1px 2px;-webkit-text-shadow:#880000 0 1px 2px;-moz-text-shadow:#880000 0 1px 2px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #eb8283;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #eb8283;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #eb8283}
.bouton-rouge.hovered, .bouton-rouge:hover{background:#d20000;border-top:1px #a10405 solid;border-right:1px #a10405 solid;border-bottom:1px #a10405 solid;border-left:1px #a10405 solid;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #ffffff;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #ffffff}
.bouton-rouge:active, .bouton-rouge.pressed{background:#d20000;border-top:1px #a10405 solid;border-right:1px #a10405 solid;border-bottom:1px #a10405 solid;border-left:1px #a10405 solid;background:#dd0000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#dd0000');background:-webkit-gradient(linear, left top, left bottom, from(#bb0000), to(#dd0000));background:-moz-linear-gradient(top, #bb0000, #dd0000);-moz-box-shadow:0 0 0 #000, inset 0 2px 2px #bb0000;-webkit-box-shadow:0 0 0 #000, inset 0 2px 2px #bb0000;box-shadow:0 0 0 #000, inset 0 2px 2px #bb0000}
.bouton-bleu{padding:0 2em;text-transform:uppercase;font-size:11px;color:#bbb;border-top:1px #080808 solid;border-right:1px #080808 solid;border-bottom:1px #080808 solid;border-left:1px #080808 solid;background:#123846;text-shadow:#000 0 1px 2px;-webkit-text-shadow:#000 0 1px 2px;-moz-text-shadow:#000 0 1px 2px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #868d8c}
.bouton-bleu.hovered, .bouton-bleu:hover{background:#123846;border-top:1px #080808 solid;border-right:1px #080808 solid;border-bottom:1px #080808 solid;border-left:1px #080808 solid;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808;box-shadow:0 1px 1px rgba(0, 0, 0, .3), inset 0 0 3px #080808}
.bouton-bleu:active, .bouton-bleu.pressed{background:#123846;border-top:1px #444 solid;border-right:1px #444 solid;border-bottom:1px #444 solid;border-left:1px #444 solid;-moz-box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4;-webkit-box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4;box-shadow:0 0 0 #000, inset 0 2px 2px #3d65a4}

/* Améliorations */
.clearfix{clear:both}
.maj{text-transform:uppercase}
.transparence{min-height:1px;opacity:.42;filter: alpha(opacity=42); -moz-opacity: 0.42;}
.arrondi{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.ombre{-webkit-box-shadow: 0px 1px 5px 0px #333;-moz-box-shadow: 0px 1px 5px 0px #333;box-shadow: 0px 1px 5px 0px #333;filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=120, Strength=3);zoom:1}
.nodeco{text-decoration:none}

/* DYN */
.case_hover {border:4px solid #FFEEDD;border-style: inset;}
.case_drag, .case_drop {display:inline-block}
.case_dragging {width:200px;height:200px;border:2px dotted #444;}
.case_carte {position:relative;display:inline-block;width:100px;height:100px;margin:0.5em;background-color:rgba(0,0,0,0.1);background-repeat:no-repeat;background-size:contain;background-position:center center;}
#fiche_supp_zone, #contact_supp_zone {display:none}
#fiche_supp_annuler, #contact_supp_annuler {cursor:pointer}
.case_photo, .case_audio, .case_video {display:inline-block;position:relative;width:150px;height:150px;margin-top:1em;background-repeat:no-repeat;background-position:center center;background-size:100%;border:1px solid #ccc;text-align:center;font-weight:bold;font-style:italic}
.case_audio, .case_video {height:75px}
.case_audio audio, .case_video video {width:100%}
.case_supp {position:absolute;top:-0.5em;right:-0.5em;width:20px;height:20px;text-align:center;line-height:20px;background-color:#ccc;border-radius:50%;cursor:pointer}
.publication_on {background-color:#00FF00}
.publication_off {background-color:#FF0000}
#map {position:relative;width:100%;height:200px}