body {margin:0; font-family:hind; font-size:14px; font-weight:400;}
h1 {text-align:center; font-weight:normal;  font-family:hind; font-size:36px}
h2 {text-align:center; font-weight:normal;   font-family:hind;font-size:24px}
h3 {text-align:left; font-weight:normal; font-family:hind !important; font-size:15px; text-transform:uppercase}
input[type="file"] {font-family:hind;}
b {font-weight:600}
.egwii {left:0;right:0; color:#000; z-index:0; top:0; margin-left: auto; margin-right: auto; font-size:500px;font-family: 'Righteous', cursive; padding-top:0px; text-align:center; position:absolute }
.egwii2 {display:none; color:#000; z-index:0; top:0; left:0;right:0;margin-left: auto; margin-right: auto; font-size:500px;font-family: 'Righteous', cursive; padding-top:20px; text-align:center; position:absolute}
/*=admin menu top */
.menufixed {background:#fff; position:fixed; width:100%; height:60px; z-index:11; padding:10px; padding-top:0px; top:0px; padding-left:0px; border-bottom:1px solid #E9E9E9}
.user {padding:7px; margin:0px; float:right; color:#333; margin-top:7px; margin-right:10px;}
.home {padding:13px 7px 7px 7px; margin:0px; float:left; margin-left:30px; margin-top:7px;color:#333; }
.homelng {padding:10px 7px 7px 7px; margin:0px; float:left; margin-left:30px; margin-top:7px;color:#333;}
.home a {color:#333}
.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}

/*=admin menu left */
.menuleft {background :#FFF;  border:1px solid #E9E9E9;width:180px; padding:5px; padding-top:0px; float:left; height:100%; z-index:12; top:0px;  position:fixed; text-align:center; overflow-y:auto;}
.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:10px; padding-top:8px; padding-bottom:8px; margin-bottom:10px; border-top:0px; }
.menuleft ul li {list-style:none; border-bottom:1px solid transparent; padding-top:5px; padding-bottom:5px; padding-left:5px; line-height:19px}
.menuleft ul li:hover a{color:#238AE6}


.menuleft ul li a {color:#333; text-decoration:none}
.menuleft ul li.active a{color:#238AE6}
.menuleft h2 {color:#333;text-align:left; background:#FFF; line-height:25px; font-weight:normal; text-transform:uppercase;  margin:0px; margin-top:15px;font-size:15px; border:1px solid #999;  padding:5px;}
#collapse {display:none}
#closemenuleft {display:none}


/*=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: 14px;
    color: #fff;
    padding: 9px 10px 7px 10px;
    float: right;
    font-weight: 400;
    background: #238AE6;
    border-radius: 0px; border:none;}



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


.cartouche {background:#fff;margin-top:3px; height:40px; padding:5px; font-weight:400; border-radius:0px}
.main1{position:absolute; top:0px; padding:50px;left:0; right:0; margin:0 auto;width:100%;z-index:12; background:rgba(0,0,0,0.5); min-height:100vh}

/*=admin add_post page */
.addpost {padding-top:5px; text-transform:uppercase; text-align:left; font-size:20px; font-weight:normal}
.addpostinput {width:250px; margin-bottom:20px; padding:10px}
a.add {font-size:14px; color:#fff; padding:11px 10px 7px 10px; margin-top:-1px; float:right; font-weight:400; background:#238AE6; border-radius:0px;}
.clear{clear:both}
.liste {padding:5px; float:left}
.imgliste {float:right;padding:5px;}
.postliste {border:1px solid #a6a6a6; margin-top:3px; min-height:30px; padding:5px; font-weight:400; border-radius:0px;  background: #FFF;
}
.postliste:hover {background: #fafafa; }
.postliste .fa {color:#000}
.fa {font-size:20px !important;}
.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; cursor:pointer}
#addpostnew h2 {text-align:left}
#addpostnew textarea {width:90%; height:200px}
#addpostnew input {width:100%; height:40px; font-size:14px;}
#addpostnew input[type="submit"] {background:#da513d; border:0px; color:#fff; width:100%;}
#addpostnew input[type="radio"] {width:20px; height:20px; margin-left:15px; margin-top:5px}
#addpostnew input[type="checkbox"] {width:20px; height:20px; margin-left:15px; margin-top:5px}


.addpostnew h2 {text-align:left}
.addpostnew textarea {width:90%; height:200px}
.addpostnew input {width:100%; height:40px; font-size:14px;}
.addpostnew input[type="submit"] {background:#da513d; border:0px; color:#fff; width:50%;}
.addpostnew input[type="radio"] {width:20px; height:20px; margin-left:15px; margin-top:5px}
.addpostnew input[type="checkbox"] {width:20px; height:20px; margin-left:15px; margin-top:5px}


.template {max-width:calc (100% - 15px); display:block;  background:#fff; border-bottom:1px solid #565656; text-align:center; margin-bottom:10px; margin-right:15px; }
.template img {padding-bottom:15px; max-width:100%; 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; border:1px solid #999;}
.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: #238AE6; border-radius: 0px; color:#fff; margin:0 auto; font-size:16px; text-transform:uppercase; text-align:center; padding:5px; width:auto}
.contentbox { border:1px solid #666; background:#fff;border-bottom: 0px; border-top: 0px; padding:5px; width:auto}
.footerbox {border:1px solid #666; border-top: 0px; text-align:center; padding:5px; background:#fff; width:auto}
.close {color:#fff; float:right; margin-left:10px;margin-right:-10px; font-size:1rem}
.success {display:none; float:right; text-transform:uppercase; font-size:12px; padding:11px; 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;
}
ul#list-post li{
 margin-left:0px; 
 cursor:move;
}


ul#list-photos{
  list-style:none;
 
}
ul#list-photos li{
  border:1px solid #ddd;
  padding:10px;
  cursor:move;
  height:50px;
  margin-bottom:10px;
  width:98%;
  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:10px 15px; cursor:pointer;  font-family:hind;}


.addpostnew select{-webkit-appearance: none;
border-radius: 0; border:1px solid #999; padding:10px 15px; width:100%; cursor:pointer;  font-family:hind;}
.addpostnew select option { font-family:'hind' !important;}

.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: 3px 0; padding: 5px 10px; color: #333; text-decoration: none;border:1px solid #a6a6a6;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    background:    -moz-linear-gradient(top, #fff 0%, #fff 100%);
    background:         linear-gradient(top, #fff 0%, #fff 100%);
    -webkit-border-radius: 0;
            border-radius: 0;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover {  background: #fafafa; }
.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; height: 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; }
.brdesk {display:none}
.gestion {float:left; margin-top:5px;}

@media (max-width: 1280px) {
.egwii {font-size:300px; bottom:20px;}	
}

@media (max-width: 790px) {
	.brdesk {display:block}
	.gestion {float:left; margin-top:0px;}
#menuleft {display:none;}
.menuleft {padding-top:60px}
.menufixed {padding-left:0px; top:0px; z-index:1000; border-top:1px solid #E9E9E9 }
.menufixed div {}
.logo {display:none}
#collapse {display:block; background:#fff; border-bottom:1px solid #F0F0F0; z-index:30; left:5px; position:fixed; top:10px; padding:5px; padding-top:8px; width:40px; cursor:pointer}
#closemenuleft {display:block; float:right; color:#999}
.content {margin-left:0px; margin:0 auto; width:100%; max-width:98%;}
#addpostnew input {width:100%; height:40px}
#addpostnew select{padding:15px; width:100%;}
.addpostnew input {width:100%; height:40px}
.addpostnew select{padding:15px; width:100%;}
.titlelist {width:70%}
.egwii {display:none; }
.egwii2 {display:block;}

}