body {margin:0; font-family:hind; font-size:16px; font-weight:400;}
h1 {text-align:center; font-weight:normal; font-size:36px}
h2 {text-align:center; font-weight:normal; font-size:24px}
h3 {text-align:left; font-weight:normal; font-size:24px}
input[type="file"] {font-family:hind;}
b {font-weight:600}

/*=admin menu top */
.menufixed {position:fixed; width:100%; background:#fff; height:35px; z-index:1009; padding:10px; padding-top:0px; top:0px; padding-left:12%;}
.user {padding:0px; margin:0px; float:right; margin-right:10px; color:#000; margin-top:0px;}
.user  .fa{color:#000;}
.home {padding:0px; display:none;margin:0px; float:left; margin-left:5px; margin-top:10px;color:#fff}
.home a {color:#000; display:none}
.homeicon {margin-right:10px}
.logoOpssmall { margin:0 auto;float:left; width:24px;}
.logoOpssmall  img{ width:26px; padding-left:3px;}
.validationdesc {background:#0095dd; text-align:center; color:#fff; padding:10px 50px 10px 50px; width:100%; cursor:pointer; display:none}
.valid {background:#0095dd; text-align:center; color:#fff; padding:10px 50px 10px 50px; width:100%; cursor:pointer; display:none}
#changelogo{border:1px solid #fff; padding:15px}
.fa-pencil-square-o:hover{color:red}
/*=admin menu left */
.menuleft {background :#fff; width:12%; padding:5px; float:left; height:100%; z-index:1010; top:0px;  position:fixed; text-align:center; overflow-y:auto; border-right:2px solid #e9e9e9;}
.menuleft img { text-align:center; margin:0 auto; max-width:140px; width:75%; float:none}
#menuleft i {margin-right:5px}
.menuleft ul { text-align:left; padding-left:0px; margin:0px; margin-bottom:0px; border-top:0px solid #555; }
.menuleft ul li {list-style:none; }
li.active {background:#5797AB; border-bottom:1px solid #fff}
.menuleft ul li a { text-decoration:none; color:#000; font-size:14px; font-family:hind; border-bottom:1px solid transparent; padding-top:5px; padding-bottom:5px; display:block; padding-left:5px; line-height:19px}
.menuleft ul li.active a { text-decoration:none; color:#fff}
.menuleft ul li a:hover { color:#000;;text-decoration:none; background:#5797AB; color:#fff;}
.menuleft h2 {color:#fff; display:none;text-align:left; background:#000; line-height:25px; font-weight:normal; text-transform:uppercase;  margin:0px; margin-top:15px;font-size:15px; border:1px solid #555; border-bottom:0px solid #555;  padding:5px;}
#collapse {width:35px; padding:5px; float:left; height:100%; z-index:1010; top:0px;  position:fixed; text-align:center; overflow-y:auto; cursor:pointer;}
#closemenuleft {}
td.last{position:relative;}

/*=admin login page */
.contentlogin {width:300px; margin:0 auto;}
.formlogin {margin:0 auto; margin-top:20px}
.container .logoOps { margin:0 auto; margin-top:20px; font-size:40px; color:#fff; text-align:center; width:100%; }
input.login  {float:right; width:100%; height:40px; font-size:18px; padding-left:10px}
input.psw  {float:right; width:100%; height:40px; font-size:18px; padding-left:10px}
input.loginvalider {float:right; text-align:center; width:100%; font-size:18px;height:40px}



/*=admin home page */
.content {max-width:100%; margin-left:12%; margin-right:0px; padding:0px 0px 5px 0px; overflow:auto}
.container {width:100%; margin:0;}
.board {margin-top:30px}
h1.homepage {padding-top:5px; font-size:20px; text-transform:uppercase; text-align:left; margin-left:20px; font-size:25px; font-weight:normal}
.homepage img{height:35px; padding-bottom:4px;}

.SUD {background:#c3e7f8}
.Montagne {background:#f3f3f3}
.Paris {background:#f8ebc3}
#ajouthotel {display:none; z-index:1000; position:absolute; width:977px; margin:0 auto; background:#FFF; border:2px solid #666}

#Autre {display:none}
#Europe {display:none}
#Montagne {display:none}
#GrandSud {display:none}
#clickme {cursor:pointer}
#clickme1 {cursor:pointer}
#clickme2 {cursor:pointer}
#clickme3 {cursor:pointer}
.cartouche {background:#5797AB ;border:1px solid #a6a6a6; margin-top:3px; height:40px; padding:5px; color:#fff; font-weight:400; border-radius:0px}


/*=admin add_post page */
.addpost {padding-top:5px; text-transform:uppercase; text-align:left; margin-left:20px; font-size:25px; font-weight:normal}
.addpostinput {width:250px; margin-bottom:20px; padding:10px}
a.add {font-size:14px; color:#fff; padding:9px 10px 7px 10px; float:right; margin-right: 10px;font-weight:400; background:#5797AB; border-radius:1px;}
.clear{clear:both}
.liste {padding:5px; float:left}
.imgliste {float:right;padding:5px;}
.postliste {border:0px solid #a6a6a6; margin-top:0px; max-height:40px; padding:0px 5px 0px 5px; font-weight:400; font-size:14px; border-radius:0px;  background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);}
.postliste:hover {background: #fff; }
.postliste .fa {color:#000; font-size:20px; margin-top:5px}
.titreid {text-transform:uppercase; font-weight:600; max-width:60px; width:100%; display:inline-block; float:left}
.titlelist {padding:5px; float:left; width:50%}
.cancel {float:right; color:#fff}
.modif {float:right; margin-right:10px}
.see {float:right; margin-right:10px}
#addpostnew h2 {text-align:left}
#addpostnew textarea {width:90%; height:200px}
#addpostnew input {width:50%; height:40px; font-size:14px;}
#addpostnew input[type="submit"] {background:#5797AB; border:0px; color:#fff; width:50%; -moz-box-shadow: 1px 2px 2px 1px #999;
-webkit-box-shadow: 1px 2px 2px 1px #999;
-o-box-shadow: 1px 2px 2px 1px #999;
box-shadow: 1px 2px 2px 1px #999;}
#addpostnew input[type="radio"] {width:20px; height:20px; margin-left:15px; margin-top:5px}
#addpostnew input[type="checkbox"] {width:10px; height:10px; margin-left:15px; margin-top:5px}
.template {max-width:300px; display:inline-block;  background:#fff; text-align:center; margin-bottom:10px; margin-right:15px;  -moz-box-shadow: 0px 5px 15px 0px #656565;
-webkit-box-shadow: 0px 5px 15px 0px #656565;
-o-box-shadow: 0px 5px 15px 0px #656565;
box-shadow: 0px 5px 15px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=15);}
.template img {padding-bottom:15px; max-width:290px; margin-top:10px}
h3.temp {text-align:left; font-size:18px; margin:0px; padding:5px;}
.radtemp{float:right; padding-top:0px; margin-top:0px}
.grey {background:#fff ; margin-bottom:30px; padding:10px;  -moz-box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
-o-box-shadow: 1px 1px 2px #999;
box-shadow: 1px 1px 2px #999;}
.grey ul {margin-left:0px; padding-left:0px; padding-top:30px}
.main  { max-width:100%; border-radius: 10px 10px 0 0; display:none; text-align:center;  left: 50%; margin-left: -125px; float:middle; position:absolute}
.headbox {background: #0095dd; border-radius: 10px 10px 0 0; color:#fff; text-align:center; padding:5px}
.contentbox { border:1px solid #666; background:#fff;border-bottom: 0px; border-top: 0px; padding:5px}
.footerbox {border:1px solid #666; border-top: 0px; text-align:center; padding:5px; background:#fff;}
.close {color:#fff; float:right}
.success {display:none; float:right; text-transform:lowercase; font-size:20px; padding:5px; background:#d6fdd6}
.url { max-width:437px;}


ul.menu {  list-style:none;}
ul.menu li {}

.menu {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.menu:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
ul#list-post{
  list-style:none;
  padding-left:0px;
  border:1px solid #e9e9e9; 
}
ul#list-post li{
 margin-left:0px; 
 cursor:move;
 min-height:40px;
}


ul#list-photos{
  list-style:none;
 
}
ul#list-photos li{
  border:1px solid #ddd;
  padding:10px;
  cursor:move;
  height:145px;
  margin-bottom:10px;
  width:95px;
  float:left;
  margin-right:10px;
  background:#fff;
  color:#212326;
  font-size:12px;
  -moz-box-shadow:2px 2px 5px #ccc;
}
ul#list-photos li.highlight{
  background:#f2f2f2;
  border:1px dashed #212326;
}

li.highlight{
  background:#f2f2f2;
  border:1px dashed #212326;
}
/*=admin languages page */
.languages {height:40px; max-width:250px}

/*admin options page */
#addpostnew select{-webkit-appearance: none;
border-radius: 0; border:1px solid #999; padding:15px; width:50%; cursor:pointer}


.dd { position: relative; display: block; margin: 0; padding: 0; width: 100%; list-style: none; font-size: 14px; line-height: 30px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 40px; font-size: 14px; line-height: 30px; cursor:move}
.dd-handle { display: block; height: 40px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; line-height: 19x;  font-weight:600; font-size:17px; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; font-size:17px; line-height: 19px; font-weight:600; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 40px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
/**
 * Nestable Extras
 */
.nestable-lists { display: block; clear: both; padding: 10px 0; width: 100%; border: 0; }


@media only screen and (min-width: 700px) {
    .dd { float: left; width: 48%; }
    .dd + .dd { margin-left: 2%; }
}
.dd-hover > .dd-handle { background: #2ea8e5 !important; }
/**
 * Nestable Draggable Handles
 */
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: 600; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 30px; }
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

td {padding-left:10px; padding-right:10px; text-align:center; font-size:14px; min-width:150px}
		td input[type="text"]{text-align:center; font-size:14px; background:#fff; border:1px solid #f0f0f0}

#cmd{cursor:pointer}
#cmd:hover{text-decoration:underline}
@media (max-width: 790px) {
#menuleft {display:none; position:fixed; max-width:160px; width:150px;}
.menufixed {padding-left:0px; }
#collapse {}
#closemenuleft {display:block; float:right; color:#999}
.content {margin-left:0px; margin:0 auto; width:98%}
#addpostnew input {width:100%; height:40px}
#addpostnew select{padding:15px; width:100%;}
.titlelist {width:70%}
}

#modifyuser{display:none}

@media print {
#menuleft {display:none;}
.content {margin-left:0px;}
.content table {width:100%; font-size:30px}
.content table tr td {
  font-size: 30pt; 
}
td.last{position:relative;}
#collapse {display:none}
.menufixed {display:none}
 }