body{
font-family:arial;
font-size:80%;
margin:0;
background:#ddd;
padding:0;
}

h1{color:#009de1}
h2{color:#666}
p{color:#333;}

a{color:#009de1;}
a:hover{color:#333;}

#Global{
margin-top:100px;
}

#LogBoxMaster{
background:white;
width:30%;
min-width:280px;
padding:15px;
margin:auto;
box-shadow: 0px 8px 14px 2px rgba(0, 0, 0, 0.5);
border-radius:8px;
}

#LogBoxMaster span{
color:#009de1;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}

#LogBoxMaster .error{
color:red;
text-align:center;
font-size:18px;
}

#LogBox{
clear:left;
margin-top:10px;
margin:auto;
}

#LogBox fieldset{
border:none;
margin-top:10px;
}

#LogBox legend{
font-size:14px;
color:#666;
}

#LogBox fieldset input{
width: 99%;
padding:5px 0 5px 5px;
border:none;
font-size:1.4em;
border:1px solid #666;
cursor:pointer;
border-radius:5px;
}

#LogBox fieldset input:focus{
background:#eee;
}

#LogBox form{
text-align:center;
}

#LogBox .submit{
margin-top:10px;
width:auto;
height:30px;
font-size:16px;
border:1px solid #aaa;
color:#666;
border-radius:5px;
cursor:pointer;
}
#LogBox .submit:hover{
background:#009de1;
color:white;
}

#MenuHaut{
float:left;
width:100%;
height:90px;
}

#MenuHaut .quit{
position:absolute;
top:10px;
right:1em;
}
#MenuHaut .quit{
float:left;
margin-left:10px;
font-size:12px;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}
#MenuHaut .quit a{
color:#666;
text-decoration:none;
}
#MenuHaut .quit a:hover{
color:#009de1;
}
#MenuHaut .quit img{
width:24px;
margin-right:5px;
margin-left:15px;
vertical-align:middle;
height:auto;
}

#MenuHaut h2{
margin-left:1em;
text-transform:uppercase;
color:#666;
font-size:13px;
}

#MenuHaut p{
margin-left:1em;
font-size:15px;
}
#MenuHaut p a{
text-decoration:none;
color:#666;
}
#MenuHaut p a:before{
content:' | ';
color:#bbb;
}
#MenuHaut p a:first-child:before{
content:'';
}
#MenuHaut p a:hover{
color:#009de1;
text-decoration:underline;
}

#bc_menu{
width:33%;
min-width:320px;
float:left;
}

#bc_menu h1{
margin-left:15px;
font-size:18px;
text-transform:uppercase;
} 

#bc_menu h2{
font-size:12px;
text-transform:uppercase;
}

#bc_menu ul li{
line-height:13px;
}

#MnuDragnDrop .multimenu{
float:left;
width:18px;
height:18px;
margin:2px;
line-height:18px;
display:inline-block;
text-align:center;
left:-24px;
position:absolute;
cursor:pointer;
}


#MnuDragnDrop .view img{
float:left;
width:18px;
height:18px;
margin:2px;
line-height:18px;
display:inline-block;
text-align:center;
left:0px;
position:absolute;
cursor:pointer;
}

/* MENU */

#MnuDragnDrop ul{
position:relative;
padding:0;
margin-left:15px;
list-style-type:none;
color:#009de1;
}
#MnuDragnDrop li .colorniv{
display:inline-block;
margin-left:20px;
margin-right:5px;
width:12px;
height:12px;
background:red;
border-radius:3px;
}

#MnuDragnDrop li a{
font-size:15px;
line-height:24px;
text-decoration:none;
color:black;
display:block;
border-radius:5px;
padding:0 6px;
}

#MnuDragnDrop li a:hover,
#MnuDragnDrop li a.activ{
/*font-weight:bold;*/
background:#fff;
}

#MnuDragnDrop li a.activ{
color:#009de1;
}

#MnuDragnDrop li:first-child{
border-top:1px dotted #009de1;
}

.placeholder-menu{
border:1px dotted #999;
background:#eee;
display:block;
border-radius:5px;
padding:0 6px;
height:24px;
}

#bc_edit{
width:66%;
margin-bottom:20px;
float:left;
}

#editcontent{
clear:left;
float:left;
background:white;
border-radius:0 0 10px 10px;
padding:2.5%;
width:95%;
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}

.breadcrumb{
width:100%;
float:left;
margin:0;
border-radius:5px;
background:#aaa;
margin-bottom:15px;
height:24px;
}

#bc_edit .breadcrumb p{
padding-left:10px;
line-height:24px;
color:#fff;
font-size:14px;
margin:0;
}

#bc_edit .breadcrumb .separation{
width:12px;
height:24px;
float:left;
margin:0 5px;
}

#bc_edit .breadcrumb .separation img{
float:left;
}

#bc_edit .breadcrumb a{
text-decoration:none;
line-height:24px;
color:#fff;
font-size:14px;
float:left;
}
#bc_edit .breadcrumb a:hover{
color:#666;
}

.btnMenu{
float:left;
padding:10px;
text-transform:uppercase;
cursor:pointer;
border-radius:5px 5px 0 0;
color:white;
background:#aaa;
transition-timing-function: ease-in;
transition: 0.35s;
}

.btnMenu:hover{
background:#009de1;
color:white;
}

.btnMenu.actif,
.btnMenu.actif:hover{
background:white;
color:black;
}

.SaveEnable,
.savePop{
background:#000;
border:none;
font-size:16px;
border-radius:5px;
cursor:pointer;
color:white;
text-transform:uppercase;
padding:4px 16px;
transition:background ease-in 0.15s;
}

.SaveEnable:hover,
.savePop:hover{
background:#009de1;
}


#bc_edit h2{
color:#009de1;
margin-left:0;
font-size:16px;
font-weight:normal;
margin-bottom:0;
}

#bc_edit h3{
color:#009de1;
margin-left:0;
font-size:16px;
font-weight:normal;
margin-bottom:0;
}

#bc_edit h4{
color:#666;
margin-left:0;
font-size:14px;
font-weight:normal;
margin-top:5px;
margin-bottom:0;
float:left;
width:100%;
}

#bc_edit h2 small{
text-transform:none;
}



.button{
text-transform:uppercase;
line-height:40px;
width:40%;
float:left;
cursor:pointer;
}

.button img{
width:32px;
margin-right:8px;
vertical-align:middle;
}

.EditInput{
border-radius:5px;
float:left;
width:99%;
font-size:16px;
margin-bottom:10px;
border:1px solid #bbb;
padding:5px;
cursor:pointer;
transition:background 0.2s ease-in;
font-family:arial;
font-size:14px;
}

.EditInput:hover{
background:#eee;
}

.EditInput:focus{
border:1px solid #009de1;
}

.MultiFile{
margin-bottom:10px;
}
.MultiFile-wrap{
margin-bottom:5px;
}
.MultiFile-label{
margin-left:5px;
}
.MultiFile-title{
font-size:16px;
}
.MultiFile-remove{
font-size:16px;
width:16px;
height:16px;
display:inline-block;
text-align:center;
text-decoration:none;
background:red;
color:white;
line-height:16px;
border-radius:3px;
}
.MultiFile-remove:hover{
background:#009de1;
color:white;
}


#ObjImage,
#ObjDiaporama,
#ObjFiles,
#ObjVideo{
width:100%;
float:left;
clear:left;
}

.interactionObj{
float:left;
width:32px; /*same size as img declared below*/
}

#ObjImage,
#ObjDiaporama,
#ObjFiles,
#ObjVideo{
border:1px dotted #999;
border-radius:5px;
float:left;
margin:5px 0 15px 0;
min-height:150px;
padding:0;
}

#ObjImage li,
#ObjDiaporama li,
#ObjFiles li,
#ObjVideo li{
list-style-type:none;
float:left;
}

#ObjImage img,
#ObjDiaporama img,
#ObjFiles img,
#ObjVideo img{
width:32px;
margin-right:5px;
margin:10px 5px 0px 5px;
vertical-align:middle;
}

#ObjImage .preview,
#ObjDiaporama .preview,
#ObjVideo .preview{
width:128px;
margin:10px;
border:1px solid #aaa;
border-radius:5px;
background:url(/adbluev3/icons/damier.png);
}

#ObjFiles .preview{
width:76px;
margin:10px;
border-radius:5px;
}
#ObjVideo .preview{
height:128px;
}

.preview:hover{
cursor:grab;
}

.placeholder{
width:176px; 
height:144px; 
border:3px dashed #ddd;
float:left;
border-radius:5px;
}

#ObjFiles .placeholder{
width:76px; 
height:76px; 
border:3px dashed #ddd;
float:left;
border-radius:5px;
}

#ObjFiles .ObjFiles.object,
#ObjVideo .ObjFiles.object{
word-wrap: break-word;
}

.interactionObj img:hover{
cursor:pointer;
}

#popupBox{
font-family:arial;
font-size:14px;
width:50%;
position:fixed;
background:white;
padding:2.5%;
border-radius:15px;
box-shadow:0px 5px 50px rgba(0,0,0,0.5);
z-index:999;
}
#popupBox h3,
#popupBox h4{
margin:0;
padding:0;
color:#009de1;
text-transform:uppercase;
font-weight:normal;
}
#popupBox h3{
font-size:16px;
}
#popupBox h3 small{
text-transform:none;
color:#999;
font-size:16px;
}

#popupBox h4{
font-size:14px;
}

#popupBox .referPop p{
margin-top:0;
}

#popupBox .infosPop{
width:45%;
padding-right:5%;
float:left;
}

#popupBox .referPop{
width:50%;
float:left;
}

#popupBox .previewPop img{
max-width:90%;
max-height:240px;
padding:2.5%;
}
#popupBox .previewPop{
text-align:center;
border:1px solid #ccc;
border-radius:5px;
}

#popupBox .infosPop p a img{
vertical-align:bottom;
margin-right:5px;
}

#popupBox .infosPop select{
width:95%;
padding:2px;
font-size:14px;
}

#popupBox .infoFileRef{
margin-top:10px;
}


#popupBox .infoFileRef p{
text-transform:uppercase;
font-size:12px;
}

#popupBox .infoFileRef input,
#popupBox .infoFileRef textarea{
padding:4px 8px;
border-radius:5px;
border:1px solid #ccc;
transition:background 0.2s ease-in;
cursor:pointer;
font-family:arial;
font-size:14px;
width:90%;
}

#popupBox .infoFileRef input:hover,
#popupBox .infoFileRef textarea:hover{
background:#eee;
}

#popupBox .saveBtn{
text-align:center;
width:100%;
float:left;
margin:0;
padding:0;
}

#popupBox .saveBtn input.savePop:first-child{
margin-right:5%
}

.product-box{
clear:left;
float:left;
width:100%;
margin-bottom:20px;
}
.product-box h1{
margin-bottom:-10px;
}
.product{
width:30%;
margin-right:3%;
float:left;
height:55px;
}
#PageValues .product h3{
font-size:15px;
}
.product-cat{
width:100%;
margin-bottom:0;
}

.agenda-titre{
font-size:16px;
margin-right:10px;
width:120px; 
height:32px;
line-height:32px;    
float:left; 
text-align:right;   
}
.agenda-input{
width:400px;
font-size:16px;  
border:1px solid #ddd; 
padding:4px 8px;      
}
select.agenda-input{
width:420px;
} 

#datepicker{
background-image:url(../icons/calendar.png);
background-size:contain;
background-repeat:no-repeat;  
background-position:right center;
cursor:pointer;
}

.agenda-input:focus{
background:#eee;   
}
/*
responsiv
width<800
menu haut actif
avec arbo dedans
*/
@media screen and (max-width: 1280px) {
/*3 par ligne*/
fieldset span{
width:31.333%;
}

#popupBox .saveBtn input.savePop{
white-space: normal;
width: 200px;
}
#popupBox .saveBtn input.savePop{
white-space: normal;
width: 200px;
}
}



@media screen and (max-width: 1024px) {
/*3 par ligne*/
fieldset span{
width:31.333%;
}
}

@media screen and (max-width: 800px) {
#bc_menu{display:none;}
#bc_edit{
width:100%;
}
}

@media screen and (max-width: 640px) {
.button{
width:95%;
}
}

@media screen and (max-width: 480px) {
/*2 par ligne*/
.EditInput{
float:left;
width:91.5%;
}
}