@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
.fieldtext{border:solid 1px #333;padding:5px;font-size:12px}
.nodisplay{display:none}
.error{color:red}
.good{color:green}
.overlowunset{overflow:unset}
.strong{font-weight:bold}
.relative{position:relative;overflow:unset}

.fielderror{border:solid 1px red !important}
body{font-family:'Arial'}
select{font-family:'Arial'}
header{width:100%;background-color:#111d2d;text-align:center;height:70px;position:fixed;top:0;left:0;z-index:500;padding:0}

header .logo{padding:10px 0;display:inline-block}
.HeadBtnAction{float:right;margin-right:2.5%;width:30px;height:30px;background:#111d2d;border-radius:90%;padding:10px;border:solid 2px #fff;text-align:center;line-height:30px}
header .menumobile{float:left;padding:15px 0 10px 2.5%}
header .menumobile a {color:#fff;line-height:30px;font-size:18px;text-transform:uppercase}
header .menumobile a span.icon{float:left;display:block;width:45px;margin-right:30px}
header .menumobile a span.icon span{display:block;height:2px;width:100%;background-color:#fff;margin-bottom:10px}
header .menumobile a span.croix{float:left;display:block;width:45px;height:45px;margin-right:30px;margin-top:10px}
header .menumobile a span.croix .cline0{display:block;height:1px;width:45px;background-color:#fff;transform: rotate(45deg);}
header .menumobile a span.croix .cline1{display:block;height:1px;width:45px;background-color:#fff;transform: rotate(-45deg);}
header::after{content:''}

.Menu{display:none;background-color:#111d2d;position:fixed;top:70px;left:0;width:201px;z-index:1000;height:100%;overflow:visible}
.Menu li{color:#fff;text-transform:uppercase;background-color:#111d2d;border-bottom:solid 1px #fff;overflow:visible}
.Menu li a {padding:10px 15px;color:#fff;display:block}
.Menu li:hover {background-color:#fff;color:#111d2d}
.Menu li:hover a{color:#111d2d}
.Menu li .SousMenu{position:absolute;left:200px;}
.Menu li .SousMenu li{padding:0;background:#111d2d;border-bottom:solid 1px #fff}
.Menu li .SousMenu li:hover {background-color:#fff}
.Menu li .SousMenu li:hover a{color:#111d2d}
.Menu li .SousMenu li a{padding-left:35px}


.NewElement{float:right;background:#111d2d;font-size:36px;padding:15px;width:20px;height:20px;border-radius:90%;color:#fff;line-height:20px;text-align:center;font-family:Open Sans}
.NewElement:hover{background-color:#333}
.Onecolon{margin:25px 2.5%;width:95%;background-color:#fff;border-radius:5px}


.BoutonA{padding:10px 20px;font-size:14px;background-color:#111d2d;color:#fff;text-transform:uppercase;margin-right:2.5%}

.listeMenu{margin-top:60px}
.listeMenu h1{text-align:center;text-transform:uppercase;font-size:30px;font-weight:300}

.colon{margin:25px 2.5%;background-color:#fff;}
.colon h2{background:#111d2d;color:#fff;text-transform:uppercase;border-bottom:solid 1px #333;padding:10px 2.5%;text-transform:uppercase}
.colon h2 a{color:#fff;}
.colon .content{padding:15px 2.5%;width:95%}
.colon .content .field2col{width:33%;margin:0 0 15px 0}
.colon .content .field2col label{float:left;width:35%;display:inline-block;padding-top:5px;font-size:14px}
.colon .content .field2col input{background:#ddd;padding:5px 2.5%;width:50%;font-size:14px}
.colon .content .field2col textarea{background:#ddd;padding:5px 2.5%;width:50%;font-size:14px}
.colon .content .ligne{width:100%}
.colon .content h3{text-transform:uppercase;border-bottom:solid 1px #999;padding-bottom:5px;margin-bottom:5px}
.colon .content .ligne h3{border-bottom:solid 1px #999;padding-bottom:5px;margin-bottom:5px}
.colon .content table{width:100%}
.colon .content table tr th{background-color:#111d2d;color:#fff;;padding:10px;text-align:left}
.colon .content table tr td{padding:10px;}
.colon .content table tr.color td {background-color:#ccc}
.Onecolon{width:95%}
.TwoColon{width:45%;}
.TwoColon .content .field2col{width:50%}
.TwoColon .content .ligne{width:100%}

.colon .content .ligne .fieldbig{width:94.5%}

.Onecolon table{width:100%}
.Onecolon table tr th{background:#111d2d;color:#fff;text-align:left;padding:10px}
.Onecolon table tr td{padding:15px}

.Onecolon .listecommande tr td{border-bottom:solid 1px #F5F5F5}
.Onecolon table tr .fait{background:#F5F5F5}

.TwoColon table{width:100%}
.TwoColon table tr td{padding:5px}

.bien{position:relative;width:100%;padding-bottom:80px;margin-top:25px}

.ohters{margin:0 2.5%;width:95%}
.ohters a{float:right;background:#111d2d;font-size:36px;padding:15px;width:50px;height:50px;border-radius:90%;color:#fff;line-height:20px;text-align:center;font-family:Open Sans;margin-left:2.5%}
.ohters a:hover{background:#333}
.caseacocher{border-radius:3px;width:14px;height:14px;border:solid 1px #e7e7e7;margin:0 5px 0 0;display:inline-block}
.caseacocher{border:solid 1px #000}
.caseacocher-s{border-radius:3px;width:14px;height:14px;border:solid 1px #000;margin:0 5px 0 0;display:inline-block;background:#111d2d;}


.searchenginefixed{position:fixed;top:110px;left:0;height:60px;width:100%;background-color:#fff;padding:0;margin:0;z-index:400;height:50px}
.searchenginefixed .colon{margin:15px 0;width:calc(100% - 2px);border:solid 1px #111d2d;border-radius:0}
.searchenginefixed .colon h2{float:left;width:200px;padding:20px 0;text-align:center;margin:0;}
.searchenginefixed .colon .content{float:left;width:calc(100% - 200px);padding:0}
.searchenginefixed .colon .content .field2col{width:calc(14.66% - 7px);margin:10px 1% 0 1%}
.searchenginefixed .colon .content .styled-select{width:calc(95% - 2px)}
.searchenginefixed .colon .content .field2col input{width:calc(95% - 22px);padding:10px}

.searchenginefixed .colon .content .colon7{width:calc(12.28% - 7px);margin:10px 1% 0 1%}
.searchenginefixed .colon .content .colon8{width:calc(10.5% - 7px);margin:10px 1% 0 1%}
.searchenginefixed .colon .content .colon9{width:calc(10.11% - 7px);margin:10px 0.5% 0 0.5%}
.searchenginefixed .colon .content .colon10{width:calc(9% - 7px);margin:10px 0.5% 0 0.5%}
.searchenginefixed .search{border-radius:0;padding:10px;width:20px;height:20px;background-size:20px;margin:5px 0}

.itemlist{width:100%;margin:15px 0;;background:#eee;position:relative;min-height:200px}
.itemlist .photo{float:left;width:30%;margin-right:2.5%;}	
.itemlist .photo img{display:block}
.itemlist h2{margin:15px 0;text-align:left;text-transform:uppercase;font-weight:bold}	
.itemlist table {margin-bottom:15px}
.itemlist table tr td{width:calc(25% - 10px);padding:10px;font-weight:bold}
.itemlist table tr td label{display:inline-block;margin-right:15px;font-weight:300!important}
.itemlist  p{padding:0 10px;line-height:18px}
.itemlist .actions{position:absolute;bottom:0;right:0;width:70%;overflow:unset}
.itemlist .actions li{float:left;width:14.28%;;text-transform:uppercase;position:relative;overflow:unset}
.itemlist .actions li a{display:block;border-top:solid 2px #fff;border-left:solid 2px #fff;;text-align:center;padding:10px 0;color:#000}
.itemlist .actions li a:hover{background-color:#fff}
.itemlist .actions li:first-child a{border-left:0}
.itemlist .actions li:hover ul{display:block}
.itemlist .actions li ul{display:none;position:absolute;bottom:36px;right:0;width:100%}
.itemlist .actions li ul li{width:100%;background:#eee;}


.itemcontact{width:100%;margin:15px 0;;background:#eee;position:relative}
.itemcontact .GetMore{padding:5px 10px;font-size:24px;background-color:#111d2d;color:#fff;position:absolute;top:5px;right:15px;text-align:center}

.itemcontact .validerclient{padding:5px 10px;font-size:14px;background-color:#111d2d;color:#fff;position:absolute;top:5px;right:60px;line-height:28px;text-transform:uppercase}
.itemcontact .ligne{padding:15px;font-size:15px}
.itemcontact .ligne div{width:19%;margin-right:1%}
.itemcontact .ligne div.field6col{width:15.66%;}
.itemcontact .ligne div.field7col{width:11.5%;}
itemcontact .colon{background-color:none}
.itemcontact .FormAchat{display:none}
 .itemcontact .photo{float:left;width:30%;margin-right:2.5%;}	
  .itemcontact .photo img{display:block}
 .itemcontact h2{margin:15px 0;text-align:left;text-transform:uppercase;font-weight:bold}	
 .itemcontact table {margin-bottom:15px}
 .itemcontact table tr td{width:calc(25% - 10px);padding:10px;font-weight:bold}
 .itemcontact table tr td label{display:inline-block;margin-right:15px;font-weight:300!important}
 .itemcontact  p{padding:0 10px;line-height:18px}
 .itemcontact .actions{width:100%;overflow:unset}
 .itemcontact .actions li{float:left;width:12%;text-transform:uppercase;position:relative;overflow:unset}
 .itemcontact .actions li a{display:block;border-top:solid 2px #fff;border-left:solid 2px #fff;;text-align:center;padding:10px 0;color:#000}
 .itemcontact .actions li a:hover{background-color:#fff}
 .itemcontact .actions li:first-child a{border-left:0}
 .itemcontact .actions li strong{display:block;border-top:solid 2px #fff;border-left:solid 2px #fff;;text-align:center;padding:10px 0;color:#000}
 .itemcontact .actions li.favori{position:absolute;bottom:0;right:0;width:60px}
 .itemcontact .actions li.favori a{padding:3px}
  .itemcontact .actions li:hover ul{display:block}
 .itemcontact .actions li ul{display:none;position:absolute;top:-36px;right:0;width:100%}
.itemcontact .actions li ul li{width:100%;background:#eee;}
 
  .itemcontact .commentaire{margin-top:15px}
    .itemcontact .commentaire textarea{margin-bottom:15px}
  .itemcontact .commentaire .item{padding:5px 2.5%;;border:solid 1px #fff;width:89%}
  .itemcontact .commentaire .item p{margin:0 0 5px 0}
 
.navigationresult{float:right;line-height:30px;margin:15px 0}
.navigationresult a{display:inline-block;padding:5px 8px;color:#fff;background:#111d2d;font-size:18px;}

.date-pick{border:solid 1px #999}
.styled-select{float:left;background:#ddd;padding:5px 2.5%;width:50%;border:solid 1px #999}
.styled-select select {
   background: transparent;
   width: 95%;
   padding: 5px 2.5%;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   
   }
   
#Content{float:none;width:95%;padding:100px 2.5% 15px 2.5%}

.saveform{position:fixed;bottom:1.5%;right:5%;width:40px !important;z-index:100;border-radius:90%;background-color:#111d2d;padding:15px}
.saveform:hover {background-color:#333}
.saveform input{width:40px;height:40px;padding:0}


.piecesparpieces .content table tr td select{font-size:12px}
.piecesparpieces .content table tr td .fieldtext{border:solid 1px #333;padding:5px;font-size:12px}
.piecesparpieces .content table tr td p{margin-bottom:5px}
.piecesparpieces .AddPiece{background:#111d2d;font-size:12px;color:#fff;padding:5px 10px;margin-top:22px}

#ListePiece{width:100%;margin:25px 0}
#ListePiece tr th{padding:5px;background:#111d2d;color:#fff;line-height:25px;text-align:left}
#ListePiece tr td{padding:5px;border-bottom:solid 1px #333;line-height:25px}

.switcher .label{margin-top:7px;display:inline-block}
.switch{width:50px;background:#ccc;border-radius:20px;border:solid 1px #333}
.switchactif{background:#8ce196}
.switch .onoff{border-radius:90%;width:25px;height:25px;background:#fff;border:solid 1px #333}

.galeriephoto{width:95%;padding:25px 2.5%}
#GALERIE{width:99%;padding:0;margin:15px 0;}

/*#GALERIE ol{display:flex;flex-wrap:wrap;
  grid-gap:24px;  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#GALERIE ol > li{width:calc(100% - 2px);position:relative;margin:0}
#GALERIE ol > li .ligne .photo{width:100%;margin:0 0 15px 0}
#GALERIE ol > li .ligne .del{float:none;margin:0;position:absolute;bottom:10px;right:10px}
#GALERIE ol > li .ligne .legende{width:100%}*/
.Validerbtn{background:#111d2d;padding:10px 15px;font-size:18px}
div.addfile {
    width: 60px;
    height: 60px;
    background:#111d2d url(/manager/img/upload.png) center center no-repeat;
    background-size:45px;
    overflow: hidden;
    border-radius:90%
}
div.addfile input {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
div.addfile:hover{cursor:pointer}

.listingdocs .ligne{line-height:60px;height:60px;margin-bottom:20px}
.listingdocs .ligne .name{line-height:60px;width:40%}
div.deldoc {
    width: 60px;
    height: 60px;
    background:#111d2d url(/manager/img/delete2.png) center center no-repeat;
    overflow: hidden;
    background-size:55px;
    border-radius:90%
}
div.seedoc {
    width: 60px;
    height: 60px;
    background:#111d2d url(/manager/img/view.png) center center no-repeat;
    overflow: hidden;
    background-size:55px;
    border-radius:90%
}

div.search {
    width: 60px;
    height: 60px;
    background:#111d2d url(/manager/img/search.png) center center no-repeat;
    overflow: hidden;
    background-size:35px;
    border-radius:90%
}
div.search  input{display:block;background:none;color:none;line-height:60px;font-size:1px;width:100%;height:100%}

.UploadPhoto{width:40%;border:solid 2px #111d2d;padding:15px 2.5%;margin:0 0 25px 0;border-radius:5px}
.UploadPhoto p{text-align:left;margin-bottom:15px}

.Bouton {
    width: 60px;
    height: 60px;
    background:#111d2d;
    overflow: hidden;
    background-size:55px;
    border-radius:90%;
    text-align:center
}
.Bouton input {
    width: 5px;
    
}
.colonMenu{position:fixed;bottom:0;left:0;width:85%;background:#111d2d;border-top-right-radius:5px;z-index:500;overflow:visible}
.colonMenu ul{overflow:visible}
.colonMenu ul li{float:left;border-right:solid 1px #fff;position:relative;overflow:visible}
.colonMenu ul li a{padding:10px;display:inline-block;color:#fff;text-transform:uppercase;font-size:12px}
.colonMenu ul li ul{display:none;position:absolute;bottom:37px;left:0;width:100%}
.colonMenu ul li:hover ul{display:block}
.colonMenu ul li:hover ul li{float:none;width:100%;background-color:#111d2d;border-bottom:solid 1px #fff;display:block}

.RedDate{

     opacity:1 !important;

}
.RedDate a{
   background-color : red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   opacity:1 !important;
   
}

.RedDate span{
   background-color : red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   opacity:1 !important;
   
}

.GreenDate a{
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
}
.entete{margin-left:5%}
.entete h1{font-size:18px;text-transform:uppercase}
.searchengine{float:right;margin-right:5%;border:solid 1px #808080;padding:5px 5px 5px 50px;border-radius:3px;background:url(/manager/img/search.png) 7px center no-repeat;background-size:30px;margin-left:5%}
.searchengine .field{padding:10px;font-size:12px;width:200px;border-radius:3px}
.searchengine .submit{margin-left:10px;padding:10px;border:0;border-radius:3px}

.GoTo{float:left;width:23%;margin:15px 5%;padding:50px 0;border:solid 1px #ccc;background:#111d2d;text-align:center;height:40px;}
.GoTo a{color:#fff;text-transform:uppercase;} 

.SliderLangue{position:relative;width:100%;height:auto}

.navslider{text-align:center}
.navslider a{display:inline-block;border:solid 1px #111d2d;padding:7px 10px;margin:0 10px;text-transform:uppercase}
.navslider a.activeSlide{background:#111d2d;color:#fff}

.MenuContent{height:1000px}
.MenuContent .colon{height:1000px}

.ArticleContent{height:1350px}
.ArticleContent .colon{height:1350px}


.BienContent{height:3000px}
.BienContent .colon{height:3000px}

.ProduitContent{height:1450px}
.ProduitContent .colon{height:1450px}

#MyRecap .acts{background:#111d2d;color:#fff;padding:5px 10px;display:block}

#DetailCommande table{width:100%;margin:25px 0}
#DetailCommande table tr th{background:#111d2d;color:#fff;padding:5px 10px;}
#DetailCommande table tr td{padding:10px;border-bottom:solid 1px #111d2d}

.TwoColon .ligne{margin:0 0 10px 0}
.TwoColon .ligne .label{float:left;width:25%}
.TwoColon .ligne .input{margin-left:5%}
.TwoColon .ligne .input input{border:solid 1px #111d2d;padding:10px 5%;width:88%}

#Panier {background:#fff;margin:0 2.5%;border-radius:10px;display:none}
#Panier .content{padding:15px}
#Panier .content .libelle{display:none}
#Panier .content .whitefond{float:left;width:30%;margin-right:5%}
#Panier .content .actions{display:none}
#Panier .content .price{background:#111d2d;color:#fff;padding:5px 10px;}

.tri{float:right;margin-left:5%;border:solid 1px #808080;padding:10px;border-radius:5px}
.tri input{background:#888;color:#fff;text-transform:uppercase;padding:5px 10px;font-size:14px;margin-left:5px}
.tri select{height:30px}

.format{float:left;width:150px;padding:25px;border:solid 1px #808080;margin:25px;text-align:center}
.format label{text-transform:uppercase;display:block;padding:10px 0;border-bottom:solid 1px #808080}
.format img{margin:15px 0}
.format p{margin-top:10px}
.format p span{padding-top:5px;display:inline-block}
.format p .field{border:solid 1px #808080;padding:5px;width:30px;text-align:center}
.tool{float:left;width:150px;padding:25px;border:solid 1px #808080;margin:25px;text-align:center}
.tool label{margin-left:15px}

.ariane{float:left;margin-left:2.5%;}
.ariane a{}
.ariane a:hover{color:#000}
.speedMenu{display:none}

.SliderLangue{float:left;width:47.5%}
.SliderLangue .OneColon{width:98%}
.nodisplay{display:none}

#FormAcheter{width:100%;border-right:solid 1px #111d2d}
#FormAcheter .content{padding:50px 2.5%;width:95%;}
#FormAcheter h2{color:#111d2d;padding:15px 0;text-align:center;font-size:24px;text-transform:uppercase;font-weight:300;margin:0px 0 50px 0;line-height:30px}
.FormAchat{color:#111d2d}
.FormAchat .semicolum{width:47.5%;}
.FormAchat .semicolum p {margin:0 0 25px 0}
.FormAchat .semicolum p input{padding:15px 2.5%;width:89%;color:#111d2d;font-size:16px;border:solid 1px #111d2d;}
.FormAchat .field{margin-bottom:10px;border:0}
.FormAchat .field input{padding:15px 2.5%;width:89%;color:#111d2d;font-size:16px;border:solid 1px #111d2d;}
.FormAchat .semicolum p input::placehoder{color:#111d2d}
.FormAchat .semicolum p select{padding:15px 2.5%;width:94.5%;color:#111d2d;font-size:16px;border:solid 1px #111d2d;    -webkit-appearance: textfield;border-radius:0;background-color:#fff;}
.FormAchat .semicolum .textfield{padding:15px 2.5%;width:89%;height:120px;border:solid 1px #ccc;font-size:16px;color:#111d2d}
.FormAchat .submit{background-color:#448bcb;color:#fff;padding:10px 25px;font-size:18px;text-transform:uppercase;float:right;margin-top:15px;margin-right:2.5%}
.FormAchat .submit:hover{background-color:#fff;border:solid 1px #448bcb;color:#448bcb}
.FormAchat #Quoi{width:100%;margin-bottom:25px}
#ContentV .crit{float:left;width:20%;margin-right:5%;}
#ContentV .crit a {border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block}
#ContentV .crit a:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
#ContentV .crit a span{display:block;margin-top:10px;font-size:18px}
#ContentV .crit a span.icon-maison{font-size:30px}
#ContentV .crit a span.icon-propriete{font-size:30px}
#ContentV .crit a span.icon-terrain{font-size:30px}
#ContentV .crit a span.icon-appartement{font-size:30px}
#ContentV .crit .critcheck{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
#ContentV .crit .critcheck svg path{fill:#448bcb}



.FormAchat .critcheck2{float:left;width:17%;border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block;margin-bottom:15px;margin-right:2.5%;}
.FormAchat .critcheck2:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
.FormAchat .critcheck2:hover span{cursor:pointer;display:none}
.FormAchat .critcheck2 .caseacocher{cursor:pointer;display:none}
.FormAchat .critcheck2 .caseacocher-s{cursor:pointer;display:none}



.FormAchat .criteres .etiquette2{clear:both;margin-top:15px !important;text-transform:uppercase}
#secteur .crit a span{display:none}
#secteur .crit a{padding:35px 2.5%}
.FormAchat .semicolum p .searchbyville{width:90%}
.FormAchat  #Budget{width:100%;margin-bottom:15px}
.FormAchat  #Budget .fprix{width:47.5%;}
.FormAchat  #Budget .fprix input{border:solid 1px #111d2d;padding:10px 2%;width:75%;margin-right:2.5%}
.FormAchat  #Budget .fprix .icon-euro{vertical-align:middle;font-size:24px;line-height:40px}
			
.FormAchat .caracs .content{padding:25px 0 0 0}
.FormAchat .caracs .content p {float:left;width:33.33%;margin-bottom:10px;font-size:18px;line-height:24px}
.FormAchat .caracs .content p .caseacocher{float:left;background-color:#fff;width:15px;height:15px;display:inline-block;margin-right:15px;margin-top:4px;}
.FormAchat .caracs .content p  .caseacocher-s{float:left;background-color:#448bcb;margin-top:4px;width:15px;height:15px;display:inline-block;margin-right:15px}

.FormAchat  .crit{float:left;width:20%;margin-right:5%;}
.FormAchat  .crit a {border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block}
.FormAchat  .crit a:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
.FormAchat  .crit a span{display:block;margin-top:10px;font-size:18px}
.FormAchat  .crit a span.icon-maison{font-size:30px}
.FormAchat  .crit a span.icon-propriete{font-size:30px}
.FormAchat  .crit a span.icon-terrain{font-size:30px}
.FormAchat  .crit a span.icon-appartement{font-size:30px}

.FormAchat .critchecked{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}

.FormAchat .crit .critcheck{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}


.FormAchat  .critgeo{float:left;width:17%;margin-right:2.5%;}
.FormAchat .situation .idx4{clear:both}
.FormAchat .situation .idx8{clear:both}

.FormAchat .semicolum p.etiquette2{margin:25px 0 10px 0}

.notqualified{color:red}
.notqualified .ligne div{font-weight:bold}
.qualified{color:#139246;}
.qualified .ligne div{font-weight:bold}
.qualified .ligne div a{color:#139246;}
.encours{color:#000}


.DashColon{float:left;width:30.5%;margin:45px 0.33% 25px 2.5%;background-color:#eee}
.DashColon .header{background-color:#111d2d;color:#fff;padding:10px 2.5%;text-transform:uppercase}
.DashColon .item{padding:15px 5%;border-bottom:solid 2px #fff;;line-height:20px}
.DashColon .item h2{font-size:14px;text-transform:uppercase;margin-bottom:5px;}
.DashColon .item p{line-height:20px}
.DashColon .item .date{font-weight:bold}

.listingdoc tr td{font-size:16px;}

.CitiSelected span{display:inline-block;margin-right:15px;padding:5px 25px 5px 0;background:url(/manager/img/croix.png) right no-repeat;background-size:15px;margin-bottom:5px}
.CitiSelected span:hover{cursor:pointer}

.TagSelected{overflow:unset}
.TagSelected span{display:inline-block;margin-right:15px;padding:5px 25px 5px 0;background:url(/manager/img/croix.png) right no-repeat;background-size:15px;margin-bottom:5px;text-transform:uppercase}
.TagSelected span:hover{cursor:pointer}

.TagSelected .selectionville{display:inline-block;margin-right:15px;padding:10px 30px 10px 10px;background:url(/manager/img/croix.png) 90% center no-repeat;background-size:15px;margin:10px 10px 10px 0;text-transform:uppercase;
-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);overflow:unset;}
.TagSelected .selectionville:hover{cursor:pointer}
.TagSelected .selectionville a{margin:0 5px}

.inputsearch{border:solid 1px #ccc;padding:10px;width:calc(98% - 22px);margin:25px 0}
.lowercase .selectionville{text-transform:lowercase!important}
@media screen and (max-width: 800px) {
header p{text-align:center;}
header p a img{height:80px;width:auto}
.center{width:100%}
.login h1{text-transform:uppercase;text-align:center}
.login div h2{text-transform:uppercase;padding:5px 0;margin-bottom:10px}
.login{width:100%;margin:100px 0}
.login div{width:89%;padding:5%}
.login div p{margin:10px 0}
.login div p label{display:block;margin-bottom:5px}
.login div p .text{width:89%;padding:10px 5%}

header .HeadBtnAction{display:none}
.menuMobile{position:absolute;top:40%;right:15px;width:30px}
.menuMobile span{display:block;background:#111d2d;height:5px;margin-bottom:5px}
.Menu{position:fixed;display:none;top:70px;left:0;width:100%;margin:0}
.Menu li{float:none;width:100%}
.Menu li:hover{background:none}
.Menu li .SousMenu{position:relative;margin:0px 5%;width:90%;top:0!important;left:0!important;background:none}
.Menu li .SousMenu li{width:100%}
.entete{margin-left:0}
.ariane{margin-left:0}
.rank1{margin-left:2.5%}
.sortable li .ligne .visible{clear:right}

.speedMenu{position:fixed;bottom:0;left:0;width:95%;padding:0 2.5%;z-index:100;background-color:#fff;}
.speedMenu a{padding:10px;display:inline-block;font-size:16px;background:url(/manager/img/add.png) left no-repeat;background-size:25px;padding-left:35px}

.searchengine{float:none;width:80%;margin:10px 0}
.searchengine .field{width:60%}

.ohters{float:none;}
.ohters a{width:25px;height:25px;font-size:14px;padding:2%;margin:2%}
.ohters a img{width:25px;height:auto;}
.colon{margin:0}
.item_article .photo{width:100%;float:none;margin-bottom:10px}
.item_article .libelle{width:100%;margin:0 0 10px 0}
.item_article .etiquette{font-style:italic}

.speedback{padding:10px 2.5% 10px 2.5%;border-bottom:solid 1px #111d2d;margin-bottom:15px}
.speedback a{font-size:16px;text-transform:uppercase}
.speedback a img{background-color:#111d2d;padding:5px;width:25px;height:25px;border-radius:90%;margin-right:15px;vertical-align:middle}

.sortable li .ligne .photo{float:none;width:100%}
.sortable li .ligne .del{margin-top:0}
.sortable li .ligne .legende{margin-top:10px;width:100%}
.sortable li .ligne .legende p input.titre{width:94%;padding:5px 2.5%}


.UploadPhoto{width:90%}
.Onecolon{width:95%;margin:15px 2.5%}
.editMenu p label{width:30%}
}

.messagerie{margin-top:2px}
.SliderMessagerie{float:right;width:89.3%;}
			.conversation{width:100%;color:#111d2d;position:relative;height:100%;border-left:solid 1px #eee;background-color:#fff !important;}
			.conversation .nego{background:#eee;padding:15px 2.5%}
.conversation .nego .photonego{float:left;border-radius:90%;width:50px;margin:0 auto;height:50px;border:solid 2px #fff;margin-right:5%}
.conversation .nego .photonego img{width:100%;height:auto}	
.conversation .nego .name{text-transform:uppercase;font-size:24px;float:left;margin-right:5%;line-height:30px}
.conversation .nego .secteur{text-transform:uppercase;fint-size:18px;float:left;margin-right:5%}
.conversation .nego .tel{float:right;text-transform:uppercase;font-size:18px}

.conversation .listemsg{overflow:scroll;}
.conversation .message{background:#eee;padding:20px 2.5%;width:45%;clear:both;margin:2.5%;line-height:24px}
.conversation .message:last-child{margin-bottom:200px}
.conversation .message .date{font-size:12px;font-style:italic;margin-bottom:15px}
.conversation .message .objet{font-size:18px;font-weight:bold;margin-bottom:15px}
.conversation .message .item{float:left;width:33.33%;}
.conversation .message .item a img{border:solid 1px #fff;display:block}
.conversation .message .item a img{width:100%;height:auto}
.conversation .repondre{clear:both;border-top:solid 1px #eee;width:87.25%;background:#fff;position:fixed;bottom:0;right:0;padding:10px 1%;border-left:solid 1px #eee}
.conversation .repondre .fieldtext{width:98%;padding:1%;margin-bottom:10px;font-size:16px}
.conversation .repondre textarea{width:98%;padding:1%;font-size:16px}
.conversation .repondre .submit{background-color:#448bcb;color:#fff;padding:10px 25px;font-size:18px;text-transform:uppercase;float:right;margin-top:15px}
.conversation .repondre .submit:hover{background-color:#fff;border:solid 1px #448bcb;color:#448bcb}

#Pager{float:left;width:10.5%;}
#Pager ul li{padding:5%;width:90%;margin-bottom:2px;background:#eee}
#Pager ul li.activeSlide{background:#448bcb;color:#fff}
#Pager ul li.activeSlide a {color:#fff}
#Pager ul li img{width:33%;height:auto;float:left;margin-right:5%;border-radius:90%}
#Pager ul li a span{display:inline-block;line-height:45px;;font-size:12px}
#Pager ul li a .countnotread{float:right;background-color:#111d2d;padding:5px 10px;color:#fff;display:inline;line-height:20px;margin-top:12px}
.SeeAllC{display:none}

.campagne{clear:both;margin:50px 0}
.campagne div.options{width:100%;border:solid 1px #ddd;padding:10px 2.5%;width:calc(95% - 2px)}
.campagne div.options h3{font-size:18px;text-transform:uppercase}
#MyRecapBien{border:solid 1px #111d2d}
#MyRecapBien tr th{background:#111d2d;color:#fff;padding:10px}
#MyRecapBien tr td{border-bottom:solid 1px #111d2d;padding:10px;height:auto}
#MyRecapBien tr td .BoutonA{padding:5px 10px;font-size:12px}
.bandeaunav{position:fixed;top:70px;left:0;width:100%;background-color:#ccc;z-index:400}
.bandeaunav .retour{float:left;display:inline-block;padding:15px;border-right:solid 2px #fff;text-transform:uppercase}
.bandeaunav h1{font-size:18px;line-height:44px;margin-bottom:0;text-align:center;text-transform:uppercase;}
.bandeaunav .NewAction{float:right;display:inline-block;padding:15px;text-transform:uppercase;background-color:#111d2d;color:#fff}
.positionOne{top:70px;}
.selectioncmpt{position:fixed;top:45%;right:0;;background:#111d2d;color:#fff;padding:10px 15px;z-index:100;font-size:16px}
.selectioncmpt a{color:#fff}

.backpage{float:left;display:inline-block;padding:5px 10px;font-size:30px;line-height:30px;margin-right:2px;background-color:#ccc;color:#333;width:20px;text-align:center}
.posts{margin-top:70px;;width:100%;overflow-y:scroll;}
.posts h2{padding:5px 10px;font-size:18px;line-height:30px;background-color:#ccc;color:#111d2d;;font-weight:300;text-transform:uppercase;text-align:center}
.posts .post{float:left;width:28.33%;margin:15px 2.5% 15px 2.5%;}
.posts .post picture img{width:100%;height:auto}
.posts .post h3{text-transform:uppercase;font-weight:400;margin:10px 0 0 0;text-transform:uppercase;line-height:24px}
.posts .post h3 a{color:#111d2d}
.posts .post h4{font-weight:300;font-size:12px;margin:5px 0;}
.posts .post .ligne{margin:5px 0}
.posts .post .ligne input{border:solid 1px #eee;padding:10px;width:calc(100% - 22px);}
.posts .post .ligne textarea{border:solid 1px #eee;padding:10px;width:calc(100% - 22px);}
.posts .post .btn{font-size:18px;margin-top:5px;color:#111d2d}
.posts .post .btn i{color:#111d2d}
.posts .indx0{clear:both}
.posts .indx3{clear:both}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.fileinput-button{border:solid 1px #111d2d;background:url(/manager/img/upload2.png) center 20px no-repeat;background-size:50px;color:#111d2d;position:relative;width:85%;padding:70px 5% 40px 5%;margin:2.5%;text-transform:uppercase;text-align:center;font-weight:normal}
.fileinput-button .input-file {  
      position: absolute;  
      top: 0; left: 0;  
      width: 100%;  
      padding: 50px 0;  
      opacity: 0;  
      cursor: pointer;  
}
.files{margin:0 2.5%;width:95%}
@media screen and (max-width: 1280px)  {
.backtolistepage{font-size:12px}
}
@media screen and (max-width: 800px)  {

header .logo img{height:40px}

header .menumobile{width:45px;height:30px}
.DashColon{clear:both;float:none;width:100%;margin-left:0;margin-right:0}	
.backtolistepage{width:25%}
.SliderMessagerie{width:100%}
.SeeAllC{float:left;font-size:18px;width:10%;;padding:10px 0;background:#eee;text-align:center;height:44px;display:block;line-height:44px;margin-right:1px}
#Pager{position:absolute;top:50px;left:0;width:100%;height:100%;background:#fff;z-index:50;}
.conversation .nego .photonego{float:left;border-radius:90%;width:30px;margin:0 auto;height:30px;border:solid 2px #fff;margin-right:5%}
.conversation .nego .name{font-size:16px}
.conversation .nego .tel a {width:40px;height:30px;display:block}
.conversation .nego .tel a span{font-size:30px;display:block}
.conversation .nego .secteur{display:none}
#Pager ul li img{width:50px;height:auto;float:left;margin-right:5%;border-radius:90%}
.conversation .repondre{width:98%;border-left:0}
.openCon{z-index:100!important}

.itemlist .photo{float:none;width:100%;margin-bottom:25px}
.itemlist .actions{position:relative;width:100%}
.itemlist .actions li{width:33.33%}

.colon .content .field2col{float:none;width:100%}
.SliderLangue{width:100%}
.TwoColon{width:100%}
.AddPieceForm table tr td{width:100%;display:inline-block}

.searchenginefixed .content{display:none;position:fixed;top:155px;left:0;z-index:600;background-color:#fff;padding:15px 2.5%!important;width:95%!important}
.searchenginefixed .colon .content .field2col{width:100%;clear:both}
.itemcontact .ligne div.field6col{width:100%}
.FormAchat .semicolum{width:100%}
}

#map_canvas{width:100%;height:600px;margin-bottom:25px}
#map_canvas *{overflow:unset}
#search{background-color:#eee;padding:15px 2.5%;width:50%;margin:0 auto}
#search .field{width:10%;margin-right:2.5%;font-size:14px;padding:10px 2%}
#search select{width:14%;margin-right:2.5%;font-size:14px;padding:10px 1%;line-height:30px}
#search .submit{margin-right:0;width:14%;}

.prixmoyen{background-color:#eee;;padding:15px 2.5%;float:left;width:calc(45% - 2px);text-align:center;font-size:18px}
.prixmcarre{background-color:#eee;;padding:15px 2.5%;float:right;width:calc(45% - 2px);text-align:center;font-size:18px}
#travaux{width:100%;margin:15px 0;}
.lignetravaux{width:calc(95% - 2px);padding:5px 2.5%;border:solid 1px #333}
.lignetravaux span{display:inline-block;float:left;width:25%;;line-height:30px}
.loader{position:fixed;top:0;left:0;width:100%;padding:20% 0;height:60%;font-size:24px;line-height:30px;text-align:center;display:none;background-color:rgba(255,255,255,0.8);z-index:400 }

.tableau{width:calc(100% - 2px);margin:0 0% 15px 0%;border:solid 1px #333;overflow:visible;}
.tableau .head{background:#111d2d;color:#fff;padding:10px}
.tableau .ligne {margin-bottom:0}
.tableau .ligne div{padding:10px}
.tableau .idx1{background-color:#eee}

#DivTra .field2col{width:25%}
.t3col .head div{padding:10px;width:calc(45% - 20px);font-weight:bold;text-transform:uppercase}
.t3col .head div.last{padding:10px;width:calc(10% - 20px);text-align:center}
.t3col .ligne div{padding:10px;width:calc(45% - 20px)}
.t3col .ligne div.last{padding:10px;width:calc(10% - 20px);text-align:center}

.t4col .head div{padding:10px;width:calc(30% - 20px);font-weight:bold;text-transform:uppercase}
.t4col .head div.last{padding:10px;width:calc(10% - 20px);text-align:center}
.t4col .ligne div{padding:10px;width:calc(30% - 20px)}
.t4col .ligne div.last{padding:10px;width:calc(10% - 20px);text-align:center}

.t5col .head div{padding:10px;width:calc(14% - 20px);font-weight:bold;text-transform:uppercase}
.t5col .head div.last{padding:10px;width:calc(14% - 20px);text-align:center}
.t5col .ligne div{padding:10px;width:calc(14% - 20px)}
.t5col .ligne div.last{padding:10px;width:calc(14% - 20px);text-align:center}


.popup{display:none;position:fixed;top:0;left:0;width:95%;height:100%;background-color:#ffff;z-index:1000;;padding:2.5%;overflow-y:scroll}

#ListeNego p{margin:5px 0;font-size:14px}
#ListeNego p label{display:inline-block;margin-left:10px}

.PlanImg{position:relative;display:inline-block}
.PlanImg .close{position:absolute;top:0;right:0;z-index:50;background-color:#111d2d;padding:2px}


.btnActif{font-weight:bold}
.spannoaction{line-height:20px;text-transform:uppercase}
.spannoaction span{display:inline-block;width:18px;height:18px;background-color:red;border:solid 1px #eee;float:left;margin-right:10px}

.rapprochementsend{background-color:#eee}
.rapprochementsendandsee{background-color:#bcffd7}
.pagesee{background-color:#088fce}
.noaction{background-color:red}
.spanrapprochementsend {line-height:20px;text-transform:uppercase}
.spanrapprochementsend span{display:inline-block;width:20px;height:20px;background-color:#eee;float:left;margin-right:10px}
.spanrapprochementsendandsee {line-height:20px;text-transform:uppercase}
.spanrapprochementsendandsee span{display:inline-block;width:20px;height:20px;background-color:#bcffd7;float:left;margin-right:10px}
.spanpagesee {line-height:20px;text-transform:uppercase}
.spanpagesee span{display:inline-block;width:20px;height:20px;background-color:#088fce;float:left;margin-right:10px}

.ListeAgences{border:solid 1px #000;width:95%;position:absolute;top:89px;left:0;;background-color:#fff;max-height:168px;overflow-y:scroll} 
.ListeAgences p {margin:0!important;padding:0}
.ListeAgences p a{display:block;padding:7px 2.5%;}
.ListeAgences p a:hover{background-color:#eee}

.fieldError{border:solid 1px red}
.textarea{border:solid 1px #000;padding:10px 2.5%;width:calc(95% - 2px);height:100px}

#ResultSearchEngine{display:none;position:fixed;top:70px;left:0;height:auto;z-index:510;background-color:#fff;padding:0;margin:0;width:209px;border-left:solid 1px #ccc;border-bottom:solid 1px #ccc}
#ResultSearchEngine .filter{background-color:#f1f1f1;}
#ResultSearchEngine .filter a{float:left;display:inline-block;padding:5px 0;width:25%;text-align:center;color:#000;height:33px;line-height:33px}

#ResultSearchEngine .filter a.selected{background-color:#203859;color:#fff}
#ResultSearch{overflow-y:scroll;height:300px}
#ResultSearch li{width:100%;clear:both}
#ResultSearch li a{display:block;padding:5px;font-size:12px;color:#000;line-height:40px}
#ResultSearch li.twoligne a{line-height:20px}
#ResultSearch li.bien{padding:2%;margin:0}
#ResultSearch li a img{float:left;margin-right:10px;vertical-align:middle}
#ResultSearchEngine .close{float:right;font-size:70px;}

#SearchEngine{position:relative;padding:15px 2.5%}
#SearchEngine input{padding:13px 10px 12px 10px;width:calc(100% - 20px)}
#SearchEngine:hover{background-color:#203859}
#SearchEngine .closeres{position:absolute;right: 3%;
    top: 5px;font-size:24px;z-index:510;padding:15px;color:#fff;}
#SearchEngine .closeres:hover{text-decoration:none}
.activesearch{background-color:#203859}

#ListeSection{width:95%;padding:2.5%;border:solid 1px #000}

#ListeSection .row{margin:10px 0}
#ListeSection form .col{float:left}
#ListeSection form .nbcol8{width:12.5%}
#ListeSection form .col .checkbox{float:left;margin-top:10px;margin-right:10px}

#ListeSection form label{padding:10px 0;margin-right:1.5%;width:12%;display:inline-block}
#ListeSection textarea{width:100%;height:auto}
#ListeSection form .fieldtext{border:solid 1px #000;width:80%;padding:5px 2.5%}

.FormulaireDocument .ligne{position:relative}
.FormulaireDocument .ligne .style{display:none;position:absolute;background-color:#fff;padding:10px;top:0;right:0;}

.groupdoc{border:solid 1px #ccc;margin:10px 0}
.groupdoc h3{background-color:#111d2d;color:#fff;padding:10px;}
.groupdoc form{padding:5px 10px;border-bottom:solid 1px #ccc;margin-bottom:0px!important}
.groupdoc form .seedoc{height:40px;width:40px;background-size:35px}
.groupdoc form .deldoc{height:40px;width:40px;background-size:35px}
.groupdoc form .addfile{height:40px;width:40px;background-size:35px}

.stats{margin:0 1.5% 20px 1.5%}
.Stats1tiers{float:left;width:47%;}
.Stats1tiers span{font-size:14px;text-align:center;text-transform:uppercase;display:block;margin-bottom:15px}
.stats .pourcent{background-color:#111d2d;color:#fff;padding:10px;font-size:14px;border-radius:90%;width:40px;height:40px;margin:0 auto;text-align:center;line-height:40px}

.documentrecap{width:100%;}
.documentrecap tr th{border:solid 1px #fff;padding:2px;background-color:#111d2d;color:#fff;font-size:12px;width:5%}
.documentrecap tr td{border-bottom:solid 1px #eee;vertical-align:middle;padding:2px}


.MenuBienPieces li .ligne {overflow-x:scroll}



.float-left{float:left}
#grid{margin-top:15px}
.list-wrapper{margin:0 1.5% 0 0;min-height:100%;
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
}
.list-wrapper .liste{padding-top:10px;width:calc(100% );min-height:100vh}
.list-wrapper:hover .liste{background-color:#e9ecef;}

.list-wrapper .entete {position:relative;font-size:12px;background-color:#e9ecef;overflow:hidden;font-weight:bold;text-transform:uppercase;margin:0}

.list-wrapper .entete .libelle{padding:15px;position:relative;font-size:14px;height: 36px; overflow: hidden;margin-bottom:5px}
.list-wrapper .entete  span{font-size:10px}
.list-wrapper .entete  .counter{margin-left:-8px}
.list-wrapper .entete  .montanttt{margin-right:24px}
.onhover{display:none}
.list-wrapper:hover .onhover{display:block}
.list-wrapper:first-child .liste{margin-left:0;width:calc(100%);}
.list-wrapper:first-child .entete .counter{margin-left:0}

.list-wrapper .offreitem{margin:5%;padding:2%;border:solid 1px #ccc;font-size:12px;position:relative;}
.list-wrapper .offreitem .row{margin:0}
.list-wrapper .offreitem h2{font-weight:bold}
.list-wrapper .offreitem:hover{background-color:#ddd}



#detailoffre{margin:15px -2.5% 0 -2.5%;font-size:14px}
#detailoffre .header{background-color:#e9ecef;padding:15px 2.5%}
#detailoffre  label{padding-top:5px;display:inline-block}

.navonglet{margin:0;background-color:#eee;margin-left:-2px}
.navonglet ul{display:block;height:36px}
.navonglet ul li{float:left;display:inline-block;border-right:solid 3px #fff;text-transform:uppercase}
.navonglet ul li a{padding:10px 15px;display:block}
.navonglet ul li a.selected{background-color:#ccc}
.notaires form{width:90%}
.notaires form .field{width:95%;padding:13px 15px}

.notaires h2{margin-top:25px;text-transform:uppercase}
.notaires .item{margin:15px 0;border:solid 1px #ccc;padding:10px 2.5%}

.acquereur form{width:90%}
.acquereur form .field{width:95%;padding:13px 15px}

.onglet{border:solid 2px #ccc;padding:15px 2.5%}
.onglet *{line-height:1.5em}
.onglet h2{font-weight:bold;font-size:18px}
.pipediv{margin:3px 0;background: #e9ecef;font-size:14px;border-left:0;position:relative;overflow:hidden;}
.pipediv:hover label{cursor:pointer}
.pipediv::first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pipediv::before{
	    width: 45px;
    height: 50px;
    position: absolute;
    right: -0px;
    top: 3px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: scaleX(.5) rotate(45deg);
    content: " ";
    cursor: pointer;
    background: #e9ecef;
}
.lastpipe::before{ right: -17px;}
.pipediv label{padding: 5px 35px 5px 5px;
    height: 45px;
    margin: 0;
    line-height: 35px;
    font-size: 14px;
    display: block!important;text-transform:uppercase;
    text-align: center;}
.pipediv input{display:none}



.pipeselected label{background-color:#08a742;color:#fff;}
.pipeselected::before{ background: #08a742;z-index:20}
.pipeselected::after{
	       width: 41px;
    height: 55px;
    position: absolute;
    right: -20px;
    top: 0;
    /* border-bottom: 5px solid #fff; */
    /* border-left: 5px solid #fff; */
    /* transform: scaleX(-.5) rotate(45deg); */
    content: " ";
    cursor: pointer;
    background: #e9ecef;
    z-index: 15;
}

.lastpipe::after{display:none}
.fondvert{background-color:#08a742;color:#fff}
.fondvert::before{background-color:#08a742;}
.fondvert::after{display:none}

.groupdoc .ligne{padding:10px}
.groupdoc .ligne .name{width:50%}
.groupdoc .ligne:hover{background-color:#eee}

.activite{display:block;border:solid 1px #ccc}


.countertask{position:absolute;bottom:5px;right:5px}
.countertask a{display:block;border-radius:90%;padding:5px;color:#000;width:15px;height:15px;text-align:center;line-height:12px;font-size:12px;color:#fff}
.countertask button{display:block;border-radius:90%;padding:5px;color:#000;width:15px;height:15px;text-align:center;line-height:12px;font-size:12px;color:#fff}

.h-counter{position:absolute;right:5px;top:30%;border-radius:90%;color:#000;width:26px;height:26px;text-align:center;line-height:26px;font-size:9px;color:#fff;background-color:red}

.notask a{background-color:#ccc}
.taskgreen a{background-color:green}
.taskred a{background-color:red}

.notask button{background-color:#ccc}
.taskgreen button{background-color:green}
.taskred button{background-color:red}

.popupactivite{width:250px;position:fixed;top:50%;left:50%;transform:translate(50%,50%);z-index:400;background-color:#fff;display:none;top:0;border:solid 2px #333;height:220px;overflow-y:scroll}
.popupactivite .title{background-color:#f1f1f1;padding:10px;text-transform:uppercase}

.popupactivite .libelle{font-size:12px}
.popupactivite .col-12{padding:0px!important}
.popupactivite  hr{margin:5px 0!important}

#NewPrixBaseDvf{display:flex;flex-wrap:wrap;margin-bottom:50px}
#NewPrixBaseDvf .col{width:30.33%;margin-right:3%;margin-bottom:10px}
#NewPrixBaseDvf .col input{width:calc(100% - 22px);padding:10px}
#NewPrixBaseDvf .col select{width:calc(100%);padding:10px}
#NewPrixBaseDvf button{float:right;margin-left:calc(97% - 77px);padding:10px 15px}

.cke_notification_warning{display:none!important}