.boxshadow{-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);}

.bg-light{background-color:#fff!important}
a:hover{text-decoration:none}


ul {
	list-style: none;
}
.nodisplay{display:none}

#header{position:fixed;top:0;left:0;width:100%;z-index:500;background-color:#f1f1f1;height:54px}
#header .logo{float:left;background:#f1f1f1;height:54px}
#header .logo img{height:39px}
#header .account{position:relative}
#header .itsme{background-color:#f1f1f1;border-radius:90%;width:40px;height:40px;line-height:40px;text-align:center;border:solid 1px #000;display:inline-block;color:#000}
#header .itsme i{line-height:36px}
#header ul{margin-bottom:0}

.account-menu{top:14px !important;right:0!important;border-radius:0;transform:translate3d(-63px, 40px, 0px)!important}
.account-menu li a{display:block;padding:5px 10px;color:#000}

i{color:#000}


i.red{color:red}

.switcher .label{margin-top:2px;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}

.app{margin-top:54px}
.navigation{margin:0;padding:0}
.navigation ul{padding-left:0}
.navigation li{float:left;text-transform:uppercase;line-height:54px;position:relative}
.navigation li.cl-activites{padding-right:35px}
.navigation li a{display:block;padding:0 10px;color:#000}
.navigation li a i{margin-right:5px;display:inline;}
.navigation li.active{background-color:#d3d5d8}
.navigation li:hover{background-color:#d3d5d8}
.ssdropdown{display:none;position:absolute;left:0;width:200px;font-size:14px;background-color:#d3d5d8}
.ssdropdown li{float:none;width:100%;clear:both;line-height:18px;font-size:14px!important;border-bottom:solid 1px #fff} 
.ssdropdown li  a{padding:5px 10px}
.ssdropdown li .libelle{font-size:14px!important} 

.account-menu{transform:translate3d(-56px, 30px, 0px)!important;border:0;background-color:#f1f1f1}

#SearchEngine{margin-bottom:0;padding-top:10px}
ul.ListeD{float:left;width:100%;margin:15px 0 0 0;padding:0}
ul.ListeD li{}
ul.ListeD li a{display:block;float:left;border-radius:0}
ul.ListeD li .btn-add{border-radius:0;} 
ul.ListeD li.selected{background:#000}
ul.ListeD li a.addMenu{background:url(/app/img/add.png) 5px 2px no-repeat;padding:7px 10px 7px 35px}
ul.ListeD li a.delete{padding:7px 5px 7px 0}
ul.ListeD li a.delete:hover{background:0;border:0}
.ListeValeur{clear:both;width:86%;margin:0px 5%;border:solid 1px #000;padding:10px 2%}
.ListeValeur h1{font-weight:normal;;margin:0 0 10px 0}

.NewListe{position:absolute;top:200px;left:center;border:solid 5px #000;background:#fff;padding:20px;width:300px;z-index:100}
.NewListe input,select{border:solid 1px #CCC}

.ui-helper-hidden-accessible{display:none !important}
.ui-autocomplete {z-index:10000  !important;position:absolute !important;background:#fff;border:solid 1px #ececec;padding:5px;display:block;max-height:93px;overflow-y:scroll}
.ui-autocomplete li{padding:5px 0;text-transform:uppercase;font-size:14px}
.ui-autocomplete li a{display:block}

.resultatsearch{display:none;width:97%}
.resultatsearch ul{padding:0}

.icone-categorie{font-size:30px;}
.block{display:block}
.activeboxradio{background-color:#ccc}
.soustitre{line-height:30px}
.soustitre i{font-size:24px}
.soustitre a{color:#212529}
.soustitre a.edit{color:#007bff}
.libelle{font-size:18px;text-transform:uppercase;}

.filtrer{background:#F1F1F1;}

#SearchEngine{position:relative}
#SearchEngine:hover{background-color:#d3d5d8}
#SearchEngine .closeres{position:absolute;right:1rem;top:.5rem;font-size:18px;z-index:510;padding:5px 10px;color:#000;}
#SearchEngine .closeres:hover{text-decoration:none}
.activesearch{background-color:#d3d5d8}
#ResultSearchEngine{display:none;position:fixed;top:54px;left:0;height:auto;z-index:510;background-color:#fff;padding:0;margin:0}
#ResultSearchEngine .filter{background-color:#f1f1f1;}
#ResultSearchEngine .filter a{float:left;display:inline-block;padding:5px 0;width:25%;text-align:center;color:#000;height:50px;line-height:40px}

#ResultSearchEngine .filter a.selected{background-color:#d3d5d8}
#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}
#ResultSearchEngine .close{float:right;font-size:70px;}
.error{color:red!important}
.error a{color:red!important}
.isok{color:green!important}
.isok a{color:green!important}
.lignetb a{color:#212529}

.fielderror{border:solid 1px red!important}

.countertask{margin-top:20px}
.countertask a{display:block;border-radius:90%;padding:5px;color:#000;width:20px;height:20px;text-align:center;line-height:12px;font-size:12px;color:#000}
.countertask button{display:block;border-radius:90%;padding:5px;color:#000;width:24px;height:24px;text-align:center;line-height:12px;font-size:12px;color:#000}

.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:#000;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}

#chargement{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8)}
#chargement .content{margin:10% auto;border:solid 1px #F1F1F1;background-color:#fff;padding:50px 5%;;width:25%;text-align:center}
#grid{margin-top:15px}
.list-wrapper{margin:0;min-height:100%;}
.list-wrapper .liste{margin-left:-18px;margin-top:-5px;padding-top:10px;width:calc(100% - 4px);min-height:100%}
.list-wrapper:hover .liste{background-color:#e9ecef;}

.list-wrapper .offreitem{margin:5%;padding:2%;border:solid 1px #ccc;font-size:12px;position:relative;}
.list-wrapper .offreitem .row{margin:0}
.list-wrapper .entete {position:relative;font-size:12px;background-color:#e9ecef;overflow:hidden}
.list-wrapper .entete::before{
	      width: 60px;
    height: 60px;
    position: absolute;
    right: -9px;
    top: 5px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: scaleX(.5) rotate(45deg);
    content: " ";
    cursor: pointer;
    background: #e9ecef;z-index:20;
}
.list-wrapper .entete .libelle{position:relative;font-size:12px; margin-right:20px;   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% - 22px);}
.list-wrapper:first-child .entete .counter{margin-left:0}

#list45 .liste{margin-left:0;width:calc(100% - 22px);}
#list45  .entete .counter{margin-left:0}
#list41 .entete::before{
	      content:'';
	      display:none
}
.offreitem a{color:#000}
.offreitem a:hover{text-decoration:none}

.popupactivite{width:250px;position:absolute;z-index:400;background-color:#fff;display:none;top:0;border:solid 1px #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}

.breadcrumb{margin-bottom:0}

.isfait{-webkit-animation: hidediv 1s;animation: hidediv 1s;animation-iteration-count: 1;}
.isfait *{text-decoration: line-through;}
@-webkit-keyframes hidediv {
  0% {
    opacity: 1;
    height:auto;display:block
  }
  100% {
    opacity: 0;
    height:0;
    display: none;
  }
}

.relative{position:relative!important}
.selectperso {}

.filterhtml{float:left;margin-right:15px}
.filterhtml .icon{display:inline-block;margin-right:5px;}
.filterhtml input{display:none}
.selectedfilter{font-weight:bold}
.smallfilter{font-size:13px;margin-right:0;margin-left:15px;line-height:2em}
.specialrate{position:absolute;right:-10px;top:20px;background-color:#F1F1F1;padding:2px 10px}

.ui-timepicker-standard{z-index:10000!important}
.btn-success i{color:#fff}

#sharedossier{position:absolute;left:0;background-color:#fff;padding:10px;z-index:500;}
#sharedossier ul{height:200px;overflow-y:scroll}

.pipediv{background: #e9ecef;font-size:12px;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: 38px;
    height: 38px;
    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: 10px;
    display: block;
    text-align: center;}
.pipediv input{display:none}
.fondvert{background-color:#08a742;color:#fff}
.fondvert::before{background-color:#08a742;}
.fondvert::last-child::after{width: 38px;
    height: 45px;
    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;
    background-color:#08a742;opacity:1;}
.fondvert a{color:#fff}
.fondvert i{color:#fff;font-size:24px;margin-right:10px}

.pipeselected label{background-color:#08a742;color:#fff;}
.pipeselected::before{ background: #08a742;z-index:20}
.pipeselected::after{
	       width: 38px;
    height: 45px;
    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;
}
.rotate90{
	-webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     
}
.mode{font-size:25px;}
.modeactif{background-color:#e9ecef}
.mode input{display:none}
 
 #GridView #prev{display:none}
 #GridView #next{display:none}
 
 .avancement .close{display:none}
 .avancementoffre .close{display:none}
 .googlealert{display:none}
 @media screen and (max-width: 800px){
 .account{padding:0;margin:0;width:60px}
#ResultSearchEngine{left:0!important;width:100%}
.monmenu{position:fixed;bottom:0;left:0;background-color:#fff;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);}
.monmenu li{width:calc(25% - 2px);background-color:#f1f1f1;height:50px;margin-right:2px;}
.monmenu li a{padding:10px;text-align:center}
.monmenu li a i{font-size:24px}
.monmenu li a .libelle{display:none}
#GridView{position:relative}
#GridView #prev{display:inline-block;position:absolute;top:0;left:0;z-index:50;font-size:24px;padding:24px 15px;border-right:solid 2px #fff;background-color:#e9ecef;color:#fff}
#GridView #next{display:inline-block;position:absolute;top:0;right:0;z-index:50;font-size:24px;padding:24px 15px;border-left:solid 2px #fff;background-color:#e9ecef;color:#fff}

#grid{background-color:#FFF}
.list-wrapper{width:100%!important;margin:0;background-color:#FFF}
.list-wrapper .liste{width:100%;margin:2.5%}
.list-wrapper .entete::before{display:none}
.list-wrapper .entete{padding-left:65px!important;padding-right:65px!important}
.list-wrapper .entete .counter{margin-left:0}
#list45 .liste{margin-left:0;width:calc(100% );}

.pagination{margin-bottom:80px;    margin-bottom: 80px;
    width: 100%;
    overflow: hidden;
    display: block;}
.pagination li{float:left;width:11.11%}

#chargement .content{width:80%}
.filtermob{display:none;margin-bottom:25px}
#Filtrer .col-5{flex-direction: column;display: flex;}
#FilterActivite{flex-direction: column-reverse; display: flex;}

.pipediv{float:none;width:100%!important;margin-bottom:2px}
.pipediv::before{display:none;}
.pipediv::after{display:none;}
.avancementoffre{display:none;position:fixed!important;top:50px;left:0;z-index:100;background-color:#fff;padding:15% 5%!important;height:90%}
.avancementoffre .close{float:right;margin:10px 0;font-size:24px;display:inline-block}

#Feed{margin-bottom:100px}
}


#calendar{border-bottom:solid 1px #ccc;clear:both}

#DetailEvent{position:fixed;top:54px;left:-50%;width:50%;z-index:400;background-color:#fff;border-right:solid 1px #d3d5d8;padding:2.5%;height:95%;overflow-y:scroll}

#DetailEvent .col-12{border:solid 1px #fff;clear:both;margin-top:10px;}
.colorwhite{color:#fff}

.backtoevent{position:absolute;top:-4%;left:4%;padding:10px;background-color:#f1f1f1}
.btnlight{background-color:rgba(0,0,0,0.1)}

#OptionsActions{position:absolute;right:0;top:50px;background-color:#fff;box-shadow:0 0 0 0.2rem rgba(130,138,145,.5);border-radius:2px;z-index:500}
#OptionsActions ul {margin:0;padding:0}
#OptionsActions ul li a{display:block;padding:10px;}
#OptionsActions ul li a:hover{background-color:#e9ecef}

#DeleteOffre{display:none;position:fixed;bottom:0;left:0;width:100%;padding:10px;text-align:center;box-shadow:0 0 0 0.1rem rgba(130,138,145,.5);background-color:#fff;z-index:50}
#DeleteOffre p{margin:0}
#DeleteOffre:hover{background-color:red;}

.Menu li .SousMenu{display:none;position:absolute;z-index:100;width:200px;font-size:12px;background:#708090}
.Menu li .SousMenu li{float:none;border-bottom:solid 1px #F5F5F5;width:200px;padding:16px 3%;}
.Menu li .SousMenu li:hover{background:#e34b4b;}
.Menu li .SousMenu li a{display:block;color:#fff}

.sortable{width:90%;margin:0 5%;}

.sortable li .ligne{cursor: move;}
.sortable li .ligne .libelle{cursor: pointer;}
.sortable li .ligne{border:solid 1px #999;padding:2px 10px;margin:2px 0;line-height:25px}
.sortable li .ligne:hover {background:#ccc;}
.MenuList li .ligne div{line-height:25px;height:25px}
.sortable li .ligne .edit{margin:0 10px}
.sortable li .ligne .visible{margin:0 0 0 10px}
.ligne .see{margin:3px 10px}
.rank0{margin: 10px 5%}

.rank1{margin:5px 0 5px 15px}
.right{float:right}
.left{float:left}
ol,ul{list-style:none}

.sortable li .ligne{display:block;height:35px;}

.sortable li .ligne::after{content:' ' }

.MenuList{margin-top:50px}

.NewElement{float:right;background:<?php echo $siteparam->textcolor?>;font-size:36px;padding:15px;width:20px;height:20px;border-radius:90%;color:<?php echo $siteparam->bgcolor?>;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}

.colon{border-radius:5px;margin:25px 2.5%;background-color:#fff;}
.colon h2{background:<?php echo $siteparam->textcolor?>;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;border-radius:5px;padding:5px 2.5%;width:50%;font-size:14px}
.colon .content .field2col textarea{background:#ddd;border-radius:5px;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}


.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:<?php echo $siteparam->textcolor?>;color:<?php echo $siteparam->bgcolor?>;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}
.ck.ck-editor{width:100%!important}

.ohters{position:fixed;top:40%;width:60px;font-size:24px;right:0;z-index:200;background-color:#fff}
.ohters a {display:block;text-align:center;padding:10px;transition:.5s}
.ohters a:hover{background-color:rgba(0,0,0,0.2);}

.saveform{position:fixed;bottom:0%;font-size:16px;right:calc( 0%  );z-index:200;background-color:#fff}
.saveform button {display:block;text-align:center;padding:10px;transition:.5s;text-decoration:none;color:#000;text-transform:uppercase;line-height:18px;border:0}
.saveform button i{font-size:24px;margin-right:5px}
.saveform:hover a:hover{background-color:rgba(0,0,0,0.2);}

.phototool{background-color:#fff;}
.phototool a{display:inline-block;padding:5px 10px;background-color:rgba(0,0,0,0.1);margin-right:1px}
.phototool a:hover{background-color:rgba(0,0,0,0.2);}



.ListGa{
	width:100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.ListGa li .ligne{height:auto}

.boxshadow iframe{width:100%}
.CreateElement div{float:left;width:30.33% !important;margin:0 1.5%}
.CreateElement a{padding:25px;display:block;text-align:center;text-transform:uppercase;color:#000}
.CreateElement a i{margin-top:10px}

.grid-col-1{display:grid;
width:100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;}
  .grid-col-2{display:grid;
width:100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;}
  
  .grid-col-3{display:grid;
width:100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;}
  
  .speedmenu{display: grid;padding-top:10%;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;;margin:0 15%;width:70%}
  .speedmenu .item a{display:block;text-align:center;padding:15px 0;color:#000;text-transform:uppercase} 
  .speedmenu .item i{font-size:30px;display:block;height:40px}
  .speedmenu .item a span{font-size:11px;display:block}
  
  #UsersSelected{width:100%;margin-top:15px}
  #UsersSelected a{background-color:#f1f1f1;padding:2%;color:#000;display:inline-block;border-radius:3px;margin:0 10px 10px 0;text-transform:uppercase}
  #UsersSelected a span{padding:0 5px}
  #UsersSelected a:hover{background-color:#ccc}