/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

body .dt-center{
  text-align: center!important;
}
body .dt-center *{
  display: inline-block;
  text-align: center;
  margin:0 auto;
}
.audiencol .col2{
  width: 47%;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 1%;
  margin-right: 1%;
}
.subnavintro ul{
  padding-left: 0px;
}
.subnavintro li{
  list-style: none;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
}

.subnavintro li:first-child {
  margin-left: 0px;
}

.subnavintro li div.active{
  text-decoration: underline;
  font-weight: bold;
}

.subnavintro li .btnintro{
  font-size: 16px;
  cursor: pointer;
}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

.cardadmin{
  padding: 25px;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
	background: white;
}
body *{
  font-family: "Poppins", sans-serif;
	font-size: 14px;
}

.lignecard{
  margin-top: 25px;
}

body .contentlinkgene .logobottom{
  max-width: 100px;
}

.plinto{
  padding: 15px;
}

.offspan{
      background-color: #ffd2dd;
    color: #c11b1b;
    padding: 5px;
    font-weight: bold;
      -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}




.boxcardinput p img , .boxcardinput p span{
  display: inline-block;
  vertical-align: middle;
}

.iconsnap , .iconmeta{
  max-width: 25px;
}


body .cardprehome{

}


.cardprehome .logoprehome{
  max-width: 150px;

  display: block;
  margin: 0 auto;

  margin-top: 25px;
  margin-bottom: 25px;
}

.citytable{
  font-size: 12px;
  font-weight: bold;
}

#destroy *{
  color: white!important;
  opacity: 0!important;
}


  #tabs ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
}
#tabs ul li {
    padding: 10px;
    background-color: #eee;
    cursor: pointer;
}
#tabs ul li.active {
    background-color: #ddd;
    font-weight: bold;
}

#example_wrapper{
    display: block;
}




.paramspan{
      background-color: #feea86;
    color: #8b6111;
        padding: 5px;
        font-weight: bold;
        text-transform: capitalize;
      -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}


#popup img{
  max-width: 210px!important;
}
.onspan{
  font-weight: bold;
      background-color: #dbf2bb;
    color: #268403;
    padding: 5px;
      -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.repportingopen .hideopensousnav{
  display: none;
}
.repportingaccueil ul{
  text-align: center;
}
.repportingaccueil ul li.cardhomi{
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  background: white;
  display: inline-block;
  width: auto;
  padding-right: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border:1px solid #F2F2F2;
}

.content-infopdv .col2{
  width: 47%;
  margin-left: 1%;
  margin-right: 1%;
  vertical-align: text-top;
  display: inline-block;
}

body .content-infopdv h5{
  margin-top: 25px;
  display: block;
  margin-bottom: 3px;
}
body .content-infopdv p{
  margin-top: 2px;
  margin-bottom: 2px;
}


.lignebutton{
  display: block;
  text-align: left;
}
.lignebutton .boutonaddaccount{
  cursor: pointer;
}
.lignecta{
  display: block;
}

.lignecta a{
  display: inline-block;
}

.formpdv input{
  width: 100%;
}

.cardteamm{
  padding: 15px;
}
.content-infopdv{
  padding: 15px;
}

.addteampart .col2{
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
  margin-right: 1%;
}

.email-form-inline {
  display: flex;
  align-items: center;
  gap: 10px; /* espace entre input et bouton */
  max-width: 300px;
  flex-wrap: wrap; /* au cas où sur mobile */
}

.email-form-inline input[type="email"] {
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  max-width: 250px;
}

.email-form-inline button.sendemailteam {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #2a68ff;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.email-form-inline button.sendemailteam:hover {
  background-color: #1c50d1;
}

.msgalert.errormsg {
  margin-top: 10px;
  color: #d8000c;
  background-color: #ffbaba;
  padding: 8px 12px;
  border-radius: 5px;
  display: none; /* caché par défaut */
}

.loadingMessage.loadsendint {
  display: none; /* caché par défaut */
  margin-top: 10px;
}

.tabadmin{
  margin-top: 25px;
}

.repportingaccueil ul li.cardhomi a{
  display: block;
  width: 100%;
}

.liste-categories{
  margin-top: 25px;
}

.palleft{
  text-align: left;
}

.imgarround img{
    -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
body .arraypub tr{
  cursor: pointer;
}
body .arraypub tr:hover td{
  background: #EFEFEF!important;
}

body .arraypub tr:hover{
  background: #EFEFEF!important;
}
body aside h4.prezz{
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  margin-left: 15px;
  margin-bottom: 5px;
}

body .cardcatalogue{
  position: relative;
  padding-bottom: 55px!important;
}

.cardcatalogue .btncard{
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.resumepdv{
  text-align: left;
}


body .cardcatalogue .newsproduct{
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 75px!important;
}

.sidebartaille .entrepriseside a{
  font-size: 16px;
}
.inlineprehead {
  display: block;
  text-align: right;
}
.inlineprehead .inl{
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.cardstat{
  padding: 10px;
  background: white;
  text-align: left;
  margin-bottom: 15px;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}


body .boxcardinput h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}

body .boxcardinput p {
  font-size: 38px;
  font-weight: 600;
}

body .cardstat{
  text-align: left;
}
body .cardstat h3{
      font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}

body  .cardstat p , body  .cardstat p span{
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}


body .center.mininfo{
  text-align: center;
}

body .previewadss h6 , body .previewadss h6 span{
    font-size: 28px;
    line-height: 32px;
}

.sidebartaille a.active{
  background: white;
  width: 100%;
  padding-left: 5px!important;
   -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.phone{
  text-align: center;
  padding: 5px;
      -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  position: fixed;
  z-index: 9999;
  background: orange;
  bottom: 25px;
  right: 25px;
}
.daterep{
  font-style: italic;
  font-size: 12px;
}
.profil{

  -webkit-transition: height 1s; 
  -moz-transition: height 1s; 
  -ms-transition: height 1s; 
  -o-transition: height 1s; 
  transition: height 1s;  
}
.hideheih{
  height: 0px;
  overflow: hidden;

    
  -webkit-transition: height 1s; 
  -moz-transition: height 1s; 
  -ms-transition: height 1s; 
  -o-transition: height 1s; 
  transition: height 1s;  

}



.contentmdp{
  padding: 15px;
  max-width: 650px;
  background: white;
  margin: 0 auto;
  text-align: center;
  margin-top: 55px;
  display: block;
   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;

}

.contentmdp .butttton{
      background: #4D9DE0;
    display: inline-block;
    text-align: center;
    padding: 3px 4px;
    border:0px;
    color: white !important;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
}

.profil:hover .hideheih{
  height: auto;
}


.contentmdp h1{
  font-weight: bold;
  font-size: 22px;
}
.contentmdp label{
  font-size: 16px;
  font-weight: 500;
}

.profil:hover .paramhover{
  display: none;
}
.contentlinkgene a *{
  display: inline-block;
  vertical-align: middle;
}

.wp-block-heading{
  text-align: center;
  font-size: 30px;
  margin-top: 25px;
}

#login h1{
  display: none!important;
}

.addteampart #email{
  outline: none;
  padding: 3px 4px;
  box-shadow: inherit;
  border:0px;
  background: #FAFAFA;
  line-height: 22px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 40px;
}
.msgalert{
  display: none;
}


.userlist p {
  font-style: italic;
  color: #666;
  padding: 10px;
  background-color: #f9f9f9;
  border-left: 4px solid #ccc;
  border-radius: 4px;
}


.sendemailteam{
  display: block;
  margin:0 auto;
}

.errormsg p {
  color: #FF0000!important;
}



.content-prehome ul{
  padding-left: 0px;
  list-style: none;
}
.content-prehome ul li{
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 25px;
}

.content-prehome ul h2{
  width: auto;
  background: #F1F1F1;
  margin:0 auto;
  display: inline-block;
  padding: 10px 15px;

      -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#example .imgpicto { 
  position:absolute;
  top: 50%;
  left: 50%;
    -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
   }

#allads td{
  line-height: 30px;
  text-align: left;

}

#allads tr{
  position: relative;
  cursor: pointer;
}

#allads td.col-titre {
  position: initial;
}


#allads td.col-titre .status {
  position: absolute;
  right: 10px;
  top: 50%;
  color: white;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#allads td.col-titre  .status.encours{
  color: white;
}

#allads .col-plateforme{
  max-width: 50px;
}

#allads .col-thumbnail img{
  width: 100%;
}


table.arraypub tr{
  position: relative;
}

.tabuser{
  margin-top: 35px;
  width: 100%;
}


.infobulle{
  text-align: left;
}

.tabuser td , .tabuser th{
  text-align: left;
}

.tabuser td , .tabuser th{
  border-bottom: 1px solid #F2F2F2;
}

#example .seeprev{
  background: #edf1f7;
  padding: 5px;
      -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

body .wp-block-heading strong{
  font-size: 30px;
}
header{
  display: none!important;
}

header.headerlp{
  display: block!important;
}
footer{
	position: fixed;
	bottom: 0px;
  text-align: center;
	width: 100%;
	left: 0px;
  background: white;
}
footer ul li{
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
footer p, footer a{
	color: #333;
}


.catalogue .slides{
  margin-top: 55px;
  padding-left: 0px;
}

body .card .mt50{
  margin-top: 35px;
}

.cardcatalogue h3{
  margin-top: 15px;
}



.cardcatalogue img{

    -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;

}

body .catacata h3{
  display: block;
  margin-top: 15px;
  font-size: 14px;
  line-height: 16px;
  margin-top: 0px;
}


.catacata li{
  box-shadow: 0px 2px 5px #0000000D;
}

body .cardcatalogue img{
  max-width: inherit!important;
  width: 100%;
}

.popuporder{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,0.3);
}

.popuporder iframe{
  margin:0 auto;
  width: 100%;

  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.content-pop-order{
  position: relative;
  width: 70%;
  height: 100%;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}

.closepopup{
  position: absolute;
  top: 15px;
  cursor: pointer;
  z-index: 8888;
  right: 35px;
}

.wrappercatalogue{

}
.closepopup p{
  font-size: 22px!important;
  color: black;
  font-weight: bold;
}
.catacata ul{
  text-align: left;
}
.catacata ul li {
  cursor: pointer;
    margin-left: 1%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-bottom: 25px;
  width: 22%;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.catacata ul li .cardcatalogue p{
  text-align: center;
}

.catacata ul li:hover{
    background: #EFEFEF;
}


.posrelat{
  position: relative;
}

.contactclob{
  background: white;
  padding: 15px;
    -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}

    .historique-container {
        max-width: 600px;
        margin: 20px auto;
        background: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
    }

    .historique-item {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }

    .toggle {
        text-align: left;
        cursor: pointer;
        font-weight: bold;
        color: #0073aa;
    }

    .teamcard h3{
      text-align: left;
    }
    .toggle.active {
    }

    .descrtp {
        text-align: left;
        margin-top: 5px;
        padding-left: 10px;
        display: none;
        background: #fff;
        border-left: 3px solid #0073aa;
        padding: 10px;
    }


.accountcontent{
  margin-top: 70px;
}

.contactclob *{
  line-height: 16px;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-style: italic;
}
#pdvinfo{
  text-align: left;
}
.content-catacard .cardcatalogue{
    padding: 5px;
    display: inline-block;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    border:1px solid #F2F2F2;
    cursor: pointer;
    box-shadow: 0px 2px 5px #0000000D;
    background: white;
    margin-bottom: 15px;
    padding: 10px;
    vertical-align: text-top;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}


.cardcataloguehomepage{
  padding: 5px;
    display: inline-block;
    width: 47%;
    vertical-align: text-top;
    margin-left: 1%;
    margin-right: 1%;
    border: 1px solid #F2F2F2;
    cursor: pointer;
    box-shadow: 0px 2px 5px #0000000D;
    background: white;
    margin-bottom: 15px;
    padding: 10px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
}

body .cardcataloguehomepage h3{
  font-size: 14px;
  line-height: 16px;
}

.content-catacard .cardcatalogue:hover{
  background: #F5F5F5;
}

.catalogue-single h1{
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}


.wrappercatalogue{
  max-width: 80%;
  display: block;
  margin: 0 auto;
}

.wrappercatalogue h3{
  font-weight: bold;
}
.wrappercatalogue li{
  background: white;
}

.popuporder.open{
  display: block;
}

.subliste{
  margin-top: 20px;
}
.subliste .cardcatalogue {
  width: 46%;
  margin-left: 1%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  border:1px solid #F2F2F2;
  padding-bottom: 15px;
  cursor: pointer;

      -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}





.subliste .cardcatalogue h3{
  margin-top: 15px;
}
.subliste .cardcatalogue{
  text-align: center;
}


.cardcatalogue{
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
  margin-right: 1%;
  text-align: center;
}


body .liste-categories li {
      box-shadow: 0px 2px 2px #0000000D;
    font-size: 12px;
    padding: 3px;
    line-height: 14px;
    line-height: 16px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding: 8px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: auto;
}
.content-commentcamarche{
  max-width: 840px;
  background: white;
    -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;

  padding-left: 25px;
  padding-right: 25px;
  display: block;
  margin: 0 auto;


margin-bottom: 85px;
}
.content-commentcamarche .intro{
  text-align: center;
}
.content-commentcamarche .intro h2{
  font-size: 20px;
  font-weight: 600;
  
}
body.page-template-commentcamarche .main-principal{
  height: auto!important;
}

.ligness{
  margin-top: 35px;
  margin-bottom: 35px;
}

.cta-catalogue{
  background: #4D9DE0;
  display: inline-block;
  text-align: center;
  padding: 3px 4px;
  color: white!important;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.ctacommentcamarche{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px 10px;
  background: #007BFF;
  font-weight: bold;
  color: white;
      -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.ctacommentcamarche:hover{
  color: white;
  opacity: 0.8;
}
.content-commentcamarche .col2{
  width: 45%;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
  vertical-align: middle;
  text-align: left;
}
.etapes h3{
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 30px;
}
.etapes{
  margin-top: 15px;
  margin-bottom: 15px;
}
footer{
	padding-left: 35px;
}
header{
	z-index: 8;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1045;
	background:white;
	width: 100%;
	display: block;
}

body .buttonadmin{
  background: #F2F2F2!important;
  color: white;
  margin-left: 10px;
  padding: 5px;
  font-size: 13px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;

}

.usericon{
	display: inline-block;
	vertical-align: middle;
	max-width: 20px;
	margin-right: 5px;
}

.msgsidebar p , body .msgsidebar a{
  font-size: 14px;
  color: black;
}

body .msgsidebar a{
  text-decoration: underline;
  font-weight: bold;
}

.card .accordeon_section h2{
	color: black;
	cursor: pointer;
	margin-top: 10px;
}


.containerAll h2{
	font-size: 20px;
	color: black;
	padding-top: 15px;
	padding-bottom: 5px;
}


.accordion{
	padding: 25px;
}

.accordeon_section .popfullcontainer{
	display: none;
	overflow: hidden;
}

.asideclass{
  position: relative;
  height: 100%;
  padding-top: 15px;
}

.changeadmin{
  position: absolute;
  top: -35px;
  left: 15px;
}
.asideclass .profil{
  position: fixed;
  top: 0px;
  width: calc(100% - 250px);
  background: white;
  border-bottom: 1px solid #EBEBEB;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  left: 250px;
  z-index: 8888;
}

.logocimer img{
  width: 150px;
  display: block;
  margin:0 auto;
}

.gifloaderhome{
  width: 35px;
  display: block;
  margin:0 auto;
  margin-top: 25px;
}

.width30{
  width: 28%;
}

.width70{
  width: 67%;
}
/* TOOLTIP */
/* SimpTip 
// a simple CSS tooltip that has been made by Sass 
// source: https://github.com/arashmanteghi/simptip/
// ducoment: http://arashm.net/lab/simptip/
// by @ArashManteghi - http://arashm.net */
[data-tooltip] {
  position: relative;
  display: inline-block;
}

[data-tooltip]:before, [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 999999;
}

[data-tooltip]:before {
  content: '';
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}

.disabled , .disabled a , .disabled a span{
	text-decoration:line-through;
	cursor: not-allowed;
}

[data-tooltip]:after {
	z-index: 8;
	opacity: 1;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  content: attr(data-tooltip);
  white-space: nowrap;
  text-transform: lowercase;
  box-shadow: 0px 2px 2px #0000000D;
}
.list-dashboard-accueil li img{
  display: block;
  margin:0 auto;
}

.cardfacture{
  padding: 25px;
  padding-bottom: 50px;
}

body .cardfacture h3{
  color: black;
  font-size: 18px;
  font-weight: bold;
}


.cardfacture{
  padding: 15px;
}

body .cardfacture h3{
  color: #333;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
body .card p.pempty{
  color: #333;
}

body .card p.pstatut{
  font-weight: bold;
  color: #333;
  padding: 7px;
  display: inline-block;
  margin:0 auto;
  line-height: 15px;
}


body .tdcenter{
  text-align: center!important;
}


body .card p.pstatut .circlecolor{
  width: 8px;
  height: 8px;
  margin-right: 8px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.titrecompagni{
  font-size: 22px;
  font-weight: bold;
  margin-top: 35px;
}

.homedash{
  margin-top: 15px;
  width: 100%;
}

.homedash *{
  font-weight: 500;
}
.homedash thead *{
  font-weight: bold;
  font-size: 13px;
}
.redcolor{
  background: rgb(229, 102, 99);
}

.ctareporting{
  text-decoration: underline;
  font-weight: 500;
}

.orangecolor{
  background: rgb(243, 171, 86);
}

.bluecolor{
  background: rgb(116, 165, 223);
}
.darkcolor{
  background: #333;
}
.greencolor{
background: rgb(81, 209, 93)
}
.pstatut *{
  display: inline-block;
  color: white;
  vertical-align: middle;
}

.pstatut {
  text-align: center;
  color: white;

  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;

}

/*
.styled-table{
  width: 100%;
  border:1px solid #333;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}


.styled-table th {
  color: #28224b;
  font-size: 12px;
  font-family: Roboto;
  font-weight: 700;
  line-height: 18px;
  word-wrap: break-word;
  font-family: sans-serif;
}
.styled-table td {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.04px;
  word-wrap: break-word;
}
.styled-table tr {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

table.styled-table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  border-radius: 4px;
  margin: auto;
  transition: 0.7s;
}
.styled-table td,
.styled-table th {
  border-top: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}


*/


.contentlinkgene img{
  max-width: 16px;
}

body p{
  margin-bottom: 0px;
}
.contentlinkgene a{
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 16px;
}

#resulprev.open{
  height: auto;
  max-height: inherit;
}

.previbut .btncard{
  cursor: pointer;
}

.content-repporting h5{
    color: #6c7293;
    font-size: 18px;
    line-height: 46px;

}
.content-repporting{
  padding-left: 7px;
  padding-right: 8px;
}
.list-dashboard-accueil li {
    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
[data-tooltip].simptip-position-top:before {
  border-top-color: #323232;
}

[data-tooltip].simptip-position-top:after {
  background-color: #323232;
  color: #ecf0f1;
}

[data-tooltip].simptip-position-bottom:before {
  border-bottom-color: #323232;
}

[data-tooltip].simptip-position-bottom:after {
  background-color: #323232;
  color: #ecf0f1;
}

[data-tooltip].simptip-position-left:before {
  border-left-color: #323232;
}

[data-tooltip].simptip-position-left:after {
  background-color: #323232;
  color: #ecf0f1;
}

[data-tooltip].simptip-position-right:before {
  border-right-color: #323232;
}

[data-tooltip].simptip-position-right:after {
  background-color: #323232;
  color: #ecf0f1;
}

[data-tooltip].simptip-position-top.half-arrow:before {
  border-right: 7px solid #323232;
}

[data-tooltip].simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #323232;
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
  visibility: visible;
  opacity: 1;
}


.tooltip-icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  border-radius: 50%;
  background: #ccc;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  color: white;
}

.tooltip-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%; /* au-dessus du point */
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  color: #333;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  font-size: 12px;
  z-index: 10;
}

.tooltip-icon::before {
  content: '';
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #333;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 10;
}

.tooltip-icon:hover::after,
.tooltip-icon:hover::before {
  opacity: 1;
}



/******************************* Position ****************************/

.simptip-position-right.simptip-movable:before, .simptip-position-right.simptip-movable:after, .simptip-position-left.simptip-movable:before, .simptip-position-left.simptip-movable:after, .simptip-position-top.simptip-movable:before, .simptip-position-top.simptip-movable:after, .simptip-position-bottom.simptip-movable:before, .simptip-position-bottom.simptip-movable:after {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


.simptip-position-right:before, .simptip-position-right:after, .simptip-position-left:before, .simptip-position-left:after {
  bottom: 50%;
}

.simptip-position-right:before, .simptip-position-left:before {
  margin-bottom: -5px;
  /*-5px*/
}

.simptip-position-right:after, .simptip-position-left:after {
  margin-bottom: -14.66667px;
}

.simptip-position-right.half-arrow:before, .simptip-position-left.half-arrow:before {
  bottom: 16px;
  border-style: none;
  border-top: 7px solid transparent;
}

.simptip-position-right.simptip-multiline:before, .simptip-position-right.simptip-multiline:after, .simptip-position-left.simptip-multiline:before, .simptip-position-left.simptip-multiline:after {
  bottom: -50%;
}

.simptip-position-right.simptip-multiline:before, .simptip-position-left.simptip-multiline:before {
  margin-bottom: 15px;
}


.simptip-position-right:before, .simptip-position-right:after {
  left: 100%;
}

.simptip-position-right:before {
  margin-left: -2px;
}

.simptip-position-right:after {
  margin-left: 10px;
}

.simptip-position-right.simptip-movable:before {
  margin-left: -10px;
}

.simptip-position-right.simptip-movable:after {
  margin-left: 2px;
}

.simptip-position-right.simptip-movable:hover:before, .simptip-position-right.simptip-movable:hover:after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.simptip-position-right.simptip-movable.half-arrow:before {
  margin-left: -5px;
}

.simptip-position-right.half-arrow:before {
  margin-left: 3px;
  border-right: 7px solid #323232;
}


.simptip-position-left:before, .simptip-position-left:after {
  right: 100%;
}

.simptip-position-left:before {
  margin-right: -2px;
}

.simptip-position-left:after {
  margin-right: 10px;
}

.simptip-position-left.simptip-movable:before {
  margin-right: -10px;
}

.simptip-position-left.simptip-movable:after {
  margin-right: 2px;
}

.simptip-position-left.simptip-movable:hover:before, .simptip-position-left.simptip-movable:hover:after {
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}

.simptip-position-left.simptip-movable.half-arrow:before {
  margin-right: -5px;
}

.simptip-position-left.half-arrow:before {
  margin-right: 3px;
  border-left: 7px solid #323232;
}


.simptip-position-bottom:before, .simptip-position-bottom:after, .simptip-position-top:before, .simptip-position-top:after {
  left: 50%;
}

.simptip-position-bottom:after, .simptip-position-top:after {
  margin-left: -18px;
}

.simptip-position-bottom.half-arrow:before, .simptip-position-top.half-arrow:before {
  border-style: none;
  border-right: 7px solid #323232;
}


.simptip-position-bottom:before, .simptip-position-bottom:after {
  top: 100%;
}

.simptip-position-bottom:before {
  margin-top: -5px;
  /*-5px*/
}

.simptip-position-bottom:after {
  margin-top: 7px;
}

.simptip-position-bottom.simptip-movable:before {
  margin-top: -15px;
}

.simptip-position-bottom.simptip-movable:after {
  margin-top: -3px;
}

.simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

.simptip-position-bottom.simptip-movable.half-arrow:before {
  margin-top: -10px;
}

.simptip-position-bottom.half-arrow:before {
  margin-top: 0;
  border-top: 7px solid transparent;
}


.simptip-position-top:before, .simptip-position-top:after {
  bottom: 100%;
}

.simptip-position-top:before {
  margin-bottom: -5px;
  /*-5px*/
}

.simptip-position-top:after {
  margin-bottom: 7px;
}

.simptip-position-top.simptip-movable:before {
  margin-bottom: -15px;
}

.simptip-position-top.simptip-movable:after {
  margin-bottom: -3px;
}

.simptip-position-top.simptip-movable:hover:before, .simptip-position-top.simptip-movable:hover:after {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.simptip-position-top.simptip-movable.half-arrow:before {
  margin-bottom: -10px;
}

.simptip-position-top.half-arrow:before {
  margin-bottom: 0;
  border-bottom: 7px solid transparent;
}

/******************************* Features ****************************/

.simptip-smooth:after {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}


.simptip-fade:before, .simptip-fade:after {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}


.simptip-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left;
}

/**************************** Diverse Colors *************************/

.simptip-success.simptip-position-top:before {
  border-top-color: #62c462;
}

.simptip-success.simptip-position-top:after {
  background-color: #62c462;
  color: #ecf0f1;
}

.simptip-success.simptip-position-bottom:before {
  border-bottom-color: #62c462;
}

.simptip-success.simptip-position-bottom:after {
  background-color: #62c462;
  color: #ecf0f1;
}

.simptip-success.simptip-position-left:before {
  border-left-color: #62c462;
}

.simptip-success.simptip-position-left:after {
  background-color: #62c462;
  color: #ecf0f1;
}

.simptip-success.simptip-position-right:before {
  border-right-color: #62c462;
}

.simptip-success.simptip-position-right:after {
  background-color: #62c462;
  color: #ecf0f1;
}

.simptip-success.simptip-position-top.half-arrow:before {
  border-right: 7px solid #62c462;
}

.simptip-success.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #62c462;
}


.simptip-info.simptip-position-top:before {
  border-top-color: #5bc0de;
}

.simptip-info.simptip-position-top:after {
  background-color: #5bc0de;
  color: #ecf0f1;
}

.simptip-info.simptip-position-bottom:before {
  border-bottom-color: #5bc0de;
}

.simptip-info.simptip-position-bottom:after {
  background-color: #5bc0de;
  color: #ecf0f1;
}

.simptip-info.simptip-position-left:before {
  border-left-color: #5bc0de;
}

.simptip-info.simptip-position-left:after {
  background-color: #5bc0de;
  color: #ecf0f1;
}

.simptip-info.simptip-position-right:before {
  border-right-color: #5bc0de;
}

.simptip-info.simptip-position-right:after {
  background-color: #5bc0de;
  color: #ecf0f1;
}

.simptip-info.simptip-position-top.half-arrow:before {
  border-right: 7px solid #5bc0de;
}

.simptip-info.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #5bc0de;
}


.simptip-danger.simptip-position-top:before {
  border-top-color: #e74c3c;
}

.simptip-danger.simptip-position-top:after {
  background-color: #e74c3c;
  color: #ecf0f1;
}

.simptip-danger.simptip-position-bottom:before {
  border-bottom-color: #e74c3c;
}

.simptip-danger.simptip-position-bottom:after {
  background-color: #e74c3c;
  color: #ecf0f1;
}

.simptip-danger.simptip-position-left:before {
  border-left-color: #e74c3c;
}

.simptip-danger.simptip-position-left:after {
  background-color: #e74c3c;
  color: #ecf0f1;
}

.simptip-danger.simptip-position-right:before {
  border-right-color: #e74c3c;
}

.simptip-danger.simptip-position-right:after {
  background-color: #e74c3c;
  color: #ecf0f1;
}

.simptip-danger.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e74c3c;
}

.simptip-danger.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e74c3c;
}


.simptip-warning.simptip-position-top:before {
  border-top-color: #e67e22;
}

.simptip-warning.simptip-position-top:after {
  background-color: #e67e22;
  color: #ecf0f1;
}

.simptip-warning.simptip-position-bottom:before {
  border-bottom-color: #e67e22;
}

.simptip-warning.simptip-position-bottom:after {
  background-color: #e67e22;
  color: #ecf0f1;
}

.simptip-warning.simptip-position-left:before {
  border-left-color: #e67e22;
}

.simptip-warning.simptip-position-left:after {
  background-color: #e67e22;
  color: #ecf0f1;
}

.simptip-warning.simptip-position-right:before {
  border-right-color: #e67e22;
}

.simptip-warning.simptip-position-right:after {
  background-color: #e67e22;
  color: #ecf0f1;
}

.simptip-warning.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e67e22;
}

.simptip-warning.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e67e22;
}
/* END TOOLTIP */


.content-popup{
	display: block;
	margin-top: 15px;
	max-width: 80%;
	width: 100%;
	margin: 0 auto;
	max-height: 90%;
}

.boutonpop{
	background: black;
	color: white;
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	border-radius: 25px;
}


.popfullcontainer{
	position: fixed;
	top: 0px;
	left: 0px;
	padding-top: 10px;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}

.close{
	font-size: 24px;
	font-weight: bold;
	position: fixed;
	color: black;
    top: 15px;
    right: 11%;
    cursor: pointer;
}

.h3sidebar{
	cursor: pointer;
}
/* Layout */

.mdia ul{
  list-style: none;
  display: grid;
  grid-gap: .2rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.mdia ul li {
	margin-bottom: 20px;
	list-style: none;
}

.year2020{
	display: none!important;
}
.mdia ul li img {
  max-width: 100%;
  align-self: stretch;
  justify-self: stretch;
  object-fit: cover;
}
.portrait {
  grid-row: auto / span 2;
}
.fit-left {
  object-position: left;
}
.fit-right {
  object-position: right;
}

.tag .actif{
	background: #F2F2F2;
	color: black;
}

.textReporting {
	width: 100%;
}


.img-center{
	display: block;
	margin: 0 auto;
}
.mdia .player-img{	
	max-width: 50px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}
.mdia ul {
	text-align: center;
	padding: 25px;
}

.tag{
	padding: 25px;
}

.formcontact{
	text-align: center;
}

body .card .formcontact *{
	color: black;
}

body .card .formcontact .ligne{
	margin-bottom: 15px;
}


body .formcontact{
	max-width: 500px;
	display: block;
	margin: 0 auto;
}
body .card .formcontact h2{
	margin-top: 35px;
}
body .card .formcontact .col2{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}

body .wpcf7-checkbox .wpcf7-list-item{
	display: block;
	text-align: left;
}

.formcontact .wp-block-contact-form-7-contact-form-selector{
	margin-top: 35px;
	margin-bottom: 35px;
}
body .card .formcontact label{
	text-align: left;

	display: block;
}


body .wpcf7-checkbox .wpcf7-list-item *{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}


body .card .formcontact input , body .card .formcontact textarea {
	width: 100%
}

body .card .formcontact .wpcf7-checkbox .wpcf7-list-item input{
	width: auto;
	margin-right: 10px;

}
.tag div {
	color: #F2F2F2;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	border:1px solid #F2F2F2;
	padding: 5px 15px;
	margin-bottom: 15px;
}

.repportingaccueil ul{
  padding-left: 0px;
}

.pd20{
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.filtreactif {
		padding: 25px;
}
.filtreactif div{
	color: #F2F2F2;
}
.filtreactif div span{
	margin-left: 10px;
	cursor: pointer;
}
.filtreactif div span:hover{
	color: red;
}

.iframeclient{
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 100px;
}
.content-iframe-feeed{
	text-align: center;
}
.content-iframe-feeed h2{
	color: white;
}
.content-iframe-feeed iframe{
	border:0px;
	height: auto!important;
	min-height: 400px;

}

body .lien-reporting a {
	color: black!important;
}


.fancyy {
    display: inline-block;
    vertical-align: top;
}
.fancyy img {
    display: block;
}

.table>:not(caption)>*>* {
	box-shadow: none!important;
}

.table {
	color: black!important;
}



.content-part{
	width: 300px;
}

.content-marques.close ul{
	height: 0px;
	overflow: hidden;
}

.content-marques.close.open ul{
	height: auto;
}

.content-marques h3{
	font-size: 14px;
	color: white;
	cursor: pointer;
}

.content-marques .logo-nav{
	vertical-align: middle;
}

.active video{
	width: 100%;
}
ul.list-item li{
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
}

.filter{
	width: 20%;
	background: #191c24;
	padding: 2%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}

.content-fullpage .card.mdia{
	display: inline-block;
	width: 77%;
	vertical-align: top;
}
.filter .block:first-child h3{
	margin-top: 0px;
}
.sub-nav{
	display: none;
}
ul.list-item li:hover .sub-nav{
display: block;
position: absolute;
bottom: 15px;
left: 0px;
width: 100%;
height: 20px;
text-align: center;

}


ul.list-item li a *{
	width: 100%;
}
ul.list-item li a{
	display: block;
	width: 100%;
		position: relative;

}
.active .player-img{
	position: absolute;
	top:40%;
	left: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

.changeentre img{
    width: 20px;
    margin-top: 7px;
}
.changeentre{
  cursor: pointer;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0px;
  right: 5px;
  z-index: 9999;
}

#listiprevv{
  padding-top: 15px;
  text-align: center;
}

#listiprevv div{
  width: 31%;
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 55px;
}

.adminlink{
  background: #FEFEFE;
  padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

body .hidecat{
  display: none!important;
}

#listiprevv div iframe{
  width: 100%;
}

.previewblock{
  text-align: left;
}
.previewligne{
  text-align: left;
}

.previbut{
  position: absolute;
  bottom: -31px;
  left:0px;
  width: 100%;
  background: white;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body .previbut P{
  margin: 0 auto;
}
#resulprev{
  background: white;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#resulprev{
    display: block;
  width: 100%;
  text-align: left;
  padding: 10px;
}
.open .changeentre{
  top: 8px;
    -webkit-transform:  translateY(0px);
    -moz-transform:  translateY(0px);
    -o-transform:  translateY(0px);
    -ms-transform:  translateY(0px);
    transform:  translateY(0px);
}


.content-prehome{

  padding: 15px;
  max-width: 80%;
  display: block;
  margin: 0 auto;
  margin-top: 35px;
  background: white;
}

.content-prehome{
  background: #F5F5F5;
        -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.titreplateform{
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

.logoregie{
  display: inline-block;
  margin-right: 4px;
}
.addentreprise{
  display: none;
}

.addentreprise{
  background: #F2F2F2;
  color: white;
  font-size: 14px;
  border-radius: 4px;
  padding: 4px 8px;
}

li.active.title span{
  font-size: 16px;
}

.entrepriseside li{
  display: none;
}


.entrepriseside.open li ,.entrepriseside.open .addentreprise{
  display: block;
}

.entrepriseside li.active{
  display: block;
}

.entrepriseside li.active *{
  font-weight: bold;
}
.adminsideempty li.active span{
  line-height: 42px;
}
.subsubnav{
  position: fixed;
  left: 250px;
  height: 100%;
  top: 0px;
  background: #F5F5F5;
  width: 250px;
  z-index: 8888;
  display: none;
}


.opensubnav .bgopen{
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  width: 1000%;
  height: 100%;
  z-index: 4444;
  background: rgba(0,0,0,0.5);
}

.opensubnav .repportingopen .bgopen{
  display: none;
}
.repportingnav.open .subsubnav{
  display: block;
}
 .titlesubnav{
  display: none;
 }
.asidesubnav .titlesubnav{
  display: block;
}

.titlesubnav{
  margin-left: 15px;
}

.repportingopen .repportingview .subsubnav{
  display: block;
  left: 0px;
  top: 140px;
  height: calc(100% - 250px);
  overflow-x: hidden;
}

.paramhover *{
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}
.paramhover img{
  max-width: 15px;
}
.sidebartaille{
	position: fixed;
	padding: 2%;
	background:#F5F5F5;
	width: 250px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mini{
  font-size: 12px!important;
  text-decoration: underline;
  font-weight: bold;
}

.entrepriseside{
  position:relative;
  min-height: 35px;
  margin-top:35px;


/*  width: calc(100% - 10px);
  display: block;
  margin:0 auto;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 88888;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
*/}
.entrepriseside ul{
  margin-bottom: 0px;
}



.repportingaccueil li img{
  display: inline-block;
  vertical-align: middle;
  max-width: 25px;
}
.repportingaccueil li{
  display: block;
  text-align: left;
}
.repportingaccueil li span{
    display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.mlleft{
	margin-left: 15px;
}
.content-page{
	width: 100%;
}

.content-page.fullpage{
	width: 95%;
	display: block;
	margin:0 auto;
}

.pub {
	color: black!important;
	text-align: center;
	padding-top: 10px;
}

table.tablefullwidth {
	border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

table.tablefullwidth tr {
	background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 0.35em;
}

.loadingMessage img{
	display: block;
	max-width: 75px;
	margin: 0 auto;
}


.ajaxTrigger{
  display: block;
  text-align: center;
  margin:0 auto;
}
.loadontab{
  display: none;
}
.loadontab img{
  max-width: 35px;
  display: block;
  margin:0 auto;
}
.loadsendint{
  display: none;
}
.loadsendint img{
  max-width: 35px;
}

.logo-nav{
	max-width: 20px;
	margin-right: 5px;
}
#menu-menu-principal li *{
	display: inline-block;
	vertical-align: middle;
}

.imgdl{
	max-width: 15px;
	margin-left: 10px;
}

.loader {
  position: relative;
  width: 75px;
    height: 70px;
    display: block;
    margin: 0 auto;
}

.logo-nav{
	max-width: 20px;
	vertical-align: middle;
}

.content-fullpage{
	width: 95%;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}

.navclient{
	display: inline-block;
	vertical-align: middle;
}

.content-marques h3 img{
	max-width: 15px;
	float: right;
}



.content-marques.close .close-sub{
	display: none;
}

.content-marques.close.open .close-sub{
	display: block;
}

.content-marques.close.open .open-sub{
	display: none;
}

.bar1, .bar2, .bar3 {
  width: 25px;
  height: 2px;
  background: #fff;
  margin-bottom: 8px;
}

#clickinit{
	display: inline-block;
}

.buttoncontent{
    color: #fff;
    padding: 5px 15px;
    background-color: #0090e7;
    border-color: #0090e7;
}

.feed-insta-check {
	padding-left: 0px;
}
.feed-insta-check li{
	list-style: none;
	margin-bottom: 25px;
	margin-top: 25px;
	background: #F2F2F2;
}
li.bars {
   display: none;
  list-style: none;
  cursor: pointer;
  width: 25px;
  padding: 15px 15px 10px;
}
li.bars .bar1 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
li.bars .bar2 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
li.bars .bar3 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bars.open {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bars.open .bar1 {
  -moz-transform: rotate(45deg) translate(8px, 7px);
  -o-transform: rotate(45deg) translate(8px, 7px);
  -ms-transform: rotate(45deg) translate(8px, 7px);
  -webkit-transform: rotate(45deg) translate(8px, 7px);
  transform: rotate(45deg) translate(8px, 7px);
}
.bars.open .bar2 {
  opacity: 0;
}
.bars.open .bar3 {
  -moz-transform: rotate(-45deg) translate(7px, -6px);
  -o-transform: rotate(-45deg) translate(7px, -6px);
  -ms-transform: rotate(-45deg) translate(7px, -6px);
  -webkit-transform: rotate(-45deg) translate(7px, -6px);
  transform: rotate(-45deg) translate(7px, -6px);
}


.button#wpuf-account-update-profile{
	margin-bottom: 35px;
	display: block;
}


.iencliactif h2{
	color: white;
	font-size: 14px;
}


.loader .v-bar {
  position: absolute;
  bottom: 0;
  width: 20px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: v-bar-grow .8s infinite linear;
}

@-webkit-keyframes v-bar-grow {
  0%  {height:20px;}
  20%  {height:45px;}
  40%  {height:60px;}
  60%  {height:60px;}
  80%  {height:45px;}
  100% {height:20px;}
}

.v-bar.first {
  background-color: #235789;
  animation-delay: .3s;
  left: 0;
}

.v-bar.second {
  background-color: #ED1C24;
  left: 25px;
}

.v-bar.third {
  background-color: #F1D302;
  animation-delay: .5s;
  left: 50px;
}


.table a{
	color: white!important;
}
.buttonadd{
	background: #269abc;
	padding: 10px 15px;
	display: inline-block;
	margin-bottom: 15px;
	cursor: pointer;
	color: white;
	    border-radius: 4px;

}
.lnkdl a *{
	display: inline-block;
	vertical-align: middle;
}
.openclick{
	cursor: pointer;
	float: right;
	width: 50px;
	display: none!important;
    height: 16px;
    margin-top: 12px;
    background-image: url('img/close_open.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.expanded .openclick{
	background-position: 0px -20px;
}
/*.mlleft{
	display: none;
}

.expanded .mlleft{
	display: block;
}
*/
.mlleft.opensubnav{
	display: block;
}

.openclick.opensubnav{
	background-position: 0px -20px;
}
.card .bigh{
	font-size: 35px;
	margin-top: 0px;
	margin-bottom: 25px;
}

.menu.mes-factures li#menu-item-110 a{
	color: white;
}

.tagi ul{
	display: none;
}


.menu.dashboard li#menu-item-105 a,.menu.dashboard .accuelml a{
	color: black;
}

.menu.active1 .classrepa1 a , .menu.active2 .classrepa2 a, .menu.active3 .classrepa3 a, .menu.active4 .classrepa4 a , .menu.active5 .classrepa5 a , .menu.active6 .classrepa6 a , .menu.active7 .classrepa7 a{
	color: white;
}

.menu.active1 .accuelml a , .menu.active2 .accuelml a, .menu.active3 .accuelml a, .menu.active4 .accuelml a , .menu.active5 .accuelml a , .menu.active6 .accuelml a , .menu.active7 .accuelml a{
	color: #6c7293;
}

.menu.retroplaning li#menu-item-111 a{
	color: white;
}


.menu.mes-contacts li#menu-item-124 a{
	color: white;
}





#menu-menu-principal li span{
	font-size: 14px;
}
.sidebartaille a{
    color: black;
    font-size: 18px;
    line-height: 46px;
}


.sidebartaille ul {
	padding-left: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #F5F5F5;
  padding-left: 15px;
}


.sidebartaille .entrepriseside ul li a {
  line-height: 18px;
}



.sidebartaille .entrepriseside ul li{
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 45px;
}
.sidebartaille .entrepriseside ul li.active{
}
.sidebartaille .current_page_item a{
	color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  background: white;
}

.logoutbutton{
	color: white;
	float: right;
	margin-top: 35px;
	margin-right: 35px;
}


.table {
    margin-bottom: 0;
    color: #6c7293;
    width: 100%;
}

.table thead th {
    vertical-align: bottom;
    padding: 0.9375rem;
    border-bottom: 2px solid #2c2e33;
}

.table td{
	text-align: center;
	padding: 0.9375rem;
    vertical-align: top;
    border-top: 1px solid #2c2e33;
}

.card{
    background-color: #F5F5F5;
    border-radius: 18px;
    /*padding: 25px;*/
    border:0px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 80px;
    margin-bottom: 55px;
}

.card.nobg{
  background: transparent;
}

.accueilBorder{
  border:0px;
	background: transparent;
}
body .card .titleaccueildash{
	text-align: left;
	font-size: 30px;
	color: black;
	margin-top: 0px;
	margin-bottom: 25px;
}

.content-cardsoc {
  margin-top: 35px;
}
.content-cardsoc .subcard{
  background: white;
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-left: 1%;
  margin-right: 1%;
}

.list-dashboard-accueil li{
	background: white;
}

.card h2{
	margin-top: 0px;
	color: #ffffff;
	font-size: 20px;
    margin-bottom: 1.125rem;
    text-transform: inherit;
}

.card h3{
	margin-top: 0px;
	color: #333;
	font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.125rem;
  text-transform: inherit;
}
.subnavback {
  text-align: left;
}
.subnavback ul{
  margin-top: 2px;
  padding-left: 0px;
}
.subnavback h3{
  margin-bottom: 0px;
}
.subnavback ul li{
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

.tabpubpage tr{
  cursor: pointer;
}
.sendemailteam{
      background: #4D9DE0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: white !important;
    padding: 5px 8px;
    border:0px;
}
.card p{
	font-size: 14px;
	color: #333;
}

.teamcard{
  padding: 25px;
  text-align: center;
}

#map{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.listteam #example tr td{
  border-bottom: 1px solid #333;
}

.listteam #example{
  margin-bottom: 25px;
}

.listteam thead{
  text-align: left;
}

.addteampart{
  margin-top: 35px;
  margin-bottom: 35px;
}
.wpuf-dashboard-navigation{
	display: none;
}
body .wpuf-dashboard-container .wpuf-dashboard-content{
	width: 100%;
}

.contentprofilnav{
  display: flex;
  align-items: center;
  justify-content: center;
}

.alignright{
	margin-left: auto;
	width: 25px;
}

.contentprofilnav {
	position: relative;
	cursor: pointer;
}

.card iframe{
	border: 0px;
}

header .contentprofilnav {
	position: absolute;
	top: 50%;
	right: 25px;
		-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subnavprofil{
	display: none;
	position: absolute;
	top: 100%;
	background-color: white;
    background-clip: padding-box;
    border: 1px solid #2c2e33;
	width: 80%;
	left: 100%;
	padding: 10px;

	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

header .subnavprofil{
	width: auto;
	z-index: 8888;
}

header li{
	list-style: none;
}

header li a{
	
	    color: #6c7293;
    font-size: 18px;
    line-height: 46px;
}
.subnavprofil li{
    border-top: 1px solid #2c2e33;
}

.subnavprofil li:first-child{
	border-top: 0px;
}

.sidebartaille .contentprofilnav{
	margin-bottom: 45px;
}
.contentprofilnav *{
	margin-left: 5px;
	margin-right: 5px;
}
.subnavprofil ul{
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}
.contentprofilnav:hover .subnavprofil{
	display: block;
}
.contentprofilnav .attachment-thumbnail{
	width: 45px;
	height: 45px;
	margin-right: 15px;
}

.wpuf-help{
	color: white;
}
.contentprofilnav h3{
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}


.sidebartaille ul li{
	width: 100%;
	list-style: none;
}

.subnavprofil li a {
	color: black;
}

#wp-submit:disabled,
#wp-submit[disabled]{
	opacity: 0.3;
}

.click-forgot{
	text-decoration: underline;
}

#nav{
	display: none;
}


button[disabled], html input[disabled]{
	opacity: 0.3;
}
/*
.account-page-form{
	display: none;
}*/

.card .selectsoc *{
  color: black;
}

body .card .selectsoc h2{
  font-size: 22px;
  font-weight: bold;
}

body .card .selectsoc p{
  font-size: 18px;
  margin-bottom: 10px;
}
.selectsoc{
  text-align: center;
  padding: 25px;
  width: 60%;
  display: block;
  margin:0 auto;
}
.repportingnav h2{
    color: black;
    font-size: 18px;
    line-height: 46px;
    cursor: pointer;
}
.repportingnav{
  display: block;
  width: 90%;
  display: block;
  margin:0 auto;
  margin-left: 0px;
  margin-left: 0px;
}


.linkpredhead{
  box-shadow: 0px 2px 2px #0000000D;
  font-size: 12px;
  padding: 3px;
  max-height: 14px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  border:1px solid #EBEBEB;
    -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.contentlinkgene{
  margin-top: 35px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
body .btncard{
  color: white;
  font-weight: bold;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 9px;
  background: #BB2649;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 15px;
}

body .listteam .btncard{
  background: #C4C4C4;
  color: #333;
}
  .dashboard {
    width: 100%!important;
    display: block; /* Masonry va gérer la disposition */
  }

        .box {
            background: #F5F5F5;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 15px;
        }

        .full-width {
            width: 100%;
        }

.grid-item--width2{
  width: 48%;
}

.grid-item--width1{
  width: 32%;
}

.grid-item--width100{
  width: 100%;
}


.boxcardinput{
  width: 22%;
  margin-left: 1%;
  margin-right: 1%;
  display: inline-block;
  padding: 15px;
    background-color: #F5F5F5;
    border-radius: 18px;
    /*padding: 25px;*/
    border:0px;
    text-align: center;
    vertical-align: top;
}




.lignecard .boxcardinput:first-of-type {
  margin-left: 0;
}

.grid-item--width100.nobg{
  background: transparent;
  padding-left: 0px;
}

.lastfact .homedash td , .lastfact .homedash td strong , .lastfact .homedash td p , .lastfact .homedash td p span{
  font-size: 11px;
  line-height: 13px;
}
.lastfact thead{
  background: #EFEFEF;
}

body .emailink span{
  font-size: 12px;
}
body .btncard:hover{
  border-color: #333;
  color: white!important;
}
.logo-img{
	max-width: 120px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.main-principal{
	position: relative;
	height: 100%;
  top: 0px;
}


.contentlink a{
  display: block;
}

.contentlink a * {
  display: inline-block;
  vertical-align: middle;
}
.preheadside{
  background: #F4F4F4;
  padding: 15px;
}
.content-login form .input, .wpuf-dashboard-container input ,body .register input , .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"] , .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], .ur-frontend-form .ur-form-row .ur-form-grid textarea, .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement{
	display: block;
    font-weight: normal;
    padding: 0.625rem 0.6875rem;
    background-color: white;
    border-radius: 2px;
    width: 100%;
    margin-top: 5px;
    color: #ffffff;

	border: 1px solid rgba(0, 0, 0, 0.125);

    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


body .ur-frontend-form .ur-form-row .ur-form-grid legend,body .ur-frontend-form .ur-form-row .ur-form-grid label{
	margin-bottom: 2px;
}

.titreloginother{
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
	position: relative;
}
.listingother{
	padding-left: 0px;
}
.listingother li img{
	max-width: 30px;
	padding: 4px;
		border: 1px solid black;

	    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

}
.listingother li{
	display: inline-block;
	list-style: none;
	text-align: center;
	width: auto;
	cursor: pointer;
}
.titreloginother:before{
	position: absolute;
	content: '';
	left: -75px;
	width: 50px;
	height: 1px;
	background: black;
	top: 50%;
	opacity: 0.3;
}

.titreloginother:after{
	position: absolute;
	content: '';
	right: -75px;
	width: 50px;
	height: 1px;
	opacity: 0.3;
	background: black;
	top: 50%;
}
.wpuf-dashboard-container label{
	color: black;
}

.wpuf-dashboard-container{
	width: 50%;
}

.content-login {
	text-align: center;
}

#wpuf-account-update-profile{
	color: #fff;
	padding: 5px 15px;
    background-color: #0090e7;
    border-color: #0090e7;
}
.content-login{

	background:white;
/*	border: 1px solid rgba(0, 0, 0, 0.125);
*/	border-radius: 0.25rem;
	padding: 15px;
	width: 100%;
	max-width: 450px;
	display: block;
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 110px;

    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#wp-submit{
	background-color: black;
    border-color: black;
    color: white!important;
    padding: 5px;
    font-size: 16px;
    border-radius: 10px;
}

.login-submit{
	text-align: right!important;
	transform: translateY(-35px);
	-webkit-transform: translateY(-35px);
	-moz-transform: translateY(-35px);
	-ms-transform: translateY(-35px);
	-o-transform: translateY(-35px);
	padding-bottom: 10px;
}

.bla-login{
	text-align: left;
}

#loginform{
	margin-bottom: 0px;
}
.content-login a{
	
	background: black;
	color: white;
	display: inline-block;

	  -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	padding: 5px 10px;
}
.content-login h2{
	font-size: 18px;
	text-align: center;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 15px;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#3366ff;
}
.containerAll a.active{
	color:#3366ff!important;	
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.contact{
	margin-top: 35px;
}

.contact *{
	color: white;
	margin-top: 6px;
	margin-bottom: 6px;
}
.contact h3	{
	    color: #6c7293;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 26px;
    font-weight: 300;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#filter_form ul{
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 25px;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 25px;
	border-bottom: 1px solid #333;
}

#filter_form  ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

#filter_form ul li input[type=radio], #filter_form ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

#filter_form ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  padding: 25px 25px 25px 40px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom:5px;
}

#filter_form ul li:hover label{
	color: #FFFFFF;
}

#filter_form h3{
	font-weight: bold;
	cursor: pointer;
	color: white;
}

#filter_form ul li .check{
  display: block;
  position: absolute;
  border: 3px solid #AAAAAA;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 6px;
  left: 2px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
#arrowsdown {
	float: right;
}
#arrowsdown img{
	max-width: 15px;
}
.block.actif #arrowsdown img{
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

body .block ul{
	display: none;
}

body .block.actif ul{
	display: block;
}


#filter_form ul li:hover .check {
  border: 5px solid #FFFFFF;
}

#filter_form ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 5px;
  width: 5px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

#filter_form input[type=radio]:checked ~ .check , #filter_form input[type=checkbox]:checked ~ .check {
  border: 3px solid #0DFF92;
}

#filter_form input[type=radio]:checked ~ .check::before , #filter_form input[type=checkbox]:checked ~ .check::before {
  background: #0DFF92;
}

#filter_form input[type=radio]:checked ~ label , #filter_form input[type=checkbox]:checked ~ label {
  color: #0DFF92;
}

.logo {
	width: 390px;
}

.logo-Moins {
  display: block;
  margin:0 auto;
  margin-top: 15px;
  border-radius: 10px;
  padding: 4px;
  display: none;
  cursor: pointer;
}

.logo-Moins.active{
  display: block;
}

.logo-Moins img{
  max-width: 30px;
}

.logo-Moins *{
  display: inline-block;
  vertical-align: middle;
}

.tableauBord {
	color: black;
    text-transform: uppercase;
    font-family: 'Helvetica Neue';
    font-weight: bold;
    font-size: 22px;
}

.containerh3 {
/*	display: none;
*/}

.containerSidebar.active .containerh3 {
	display: block;
}

.containerSidebar h3 {
	border: 1px solid #F4F4F4;
	background-color: #F4F4F4;
	padding: 10px;
	font-weight: bold;
}

.containerSidebar {
  z-index: 8888;
	position: relative;
}

.h3sidebar img {
	position: absolute;
    right: 15px;
    top: 17px;
}

.h3sidebar {
	text-transform: uppercase;
}

.reporting-section {
	display: flex;
}

.logo-Plus {
	display: none;
}
.logo-Plus.active {
  padding: 4px;
}
.logo-Plus.active img{
  max-width: 35px;
  cursor: pointer;
}
.logo-Plus.active {
  background: white;
  z-index: 9999;
	display: block;
	position: fixed;
  left: 5px;
  top: 0px;
}

.logo-Moins.active {
  background: white;
  z-index: 9999;
  display: block;
  position: fixed;
  left: 5px;
  top: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.logo-Plus.active *{
  display: inline-block;
  vertical-align: middle;
}
.sidebartaille.hidden, .sidebartaille.hidden .repportingopen .repportingview .subsubnav {
	display: block;
	left: -310px;
	/*content-visibility: hidden;
	background-image: url('img/ImgPlus.svg');
	background-repeat: no-repeat;*/
}

.repportingopen .repportingview .subsubnav {
  top: 180px;
}
#changeiencli , .clientselect{
	margin-left: 5px;
}
.containerAll {
	padding-right: 0px;
	padding-bottom: 150px;
	overflow: hidden;
}

.containersidebar {
	position: relative;
}

.theChampGoogleLoginSvg {
        background-image: url('img/Google.png')!important;
    }

    .theChampLogin {
        width: 94%!important;
	    margin: inherit!important;
	    position: absolute;
	    top: 63%;
	    left: 3%;
    }

    .inscription .theChampLogin{
    	top:inherit;
    	bottom: 15px;
    }

    .list-dashboard-accueil{
    	list-style: none;
    	text-align: left;
    	margin-top: 35px;
    	margin-bottom: 35px;
      padding-left: 0px;
    }


body .btnlogout{
  line-height: 18px;  
  color: black;
  background: #EFEFEF;
  padding: 3px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 0px;
  prefix: 3px;
}

#livepubentreprise img{
    max-width: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; 
}

#livepubentreprise li div h3{
  padding-right: 60px;
}


body .btnlogout img{
  margin-right: 0px;
  margin-right: 0px;
}
body .btnlogout:hover{
  color: red;
}
.profil a p{
  display: inline-block;
}
.btnlogout p{
  display: inline-block;
  vertical-align: middle;
}
    .list-dashboard-accueil li img{
    	max-width: 50px;
	}

  .rocket{
    display: block;
    margin:0 auto;
  }


  .ctanews{
    background: #3366ff;
    padding: 10px 15px;
    color: white;
    border-radius: 2px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .contentmep h3.titleaccueildash{
    font-weight: bold;
    font-size: 16px;
  }

  .sidebarmep{
    width: 300px;
    position: fixed;
    top: 0px;
    left: 0px;
    background:white;
  }
    
    .list-dashboard-accueil li {
      background: #F5F5F5;
    	margin-left: 1%;
    	margin-right: 1%;
    	display: inline-block;
    	vertical-align: top;
    	margin-bottom: 25px;
      padding: 15px;
      border-radius: 18px;
    }

    .list-dashboard-accueil li h3 {
      font-weight: bold;
      font-size: 18px;
    }

   



    .inscription input{
    	display: block;
    border: 1px solid white;
    font-weight: normal;
    padding: 0.625rem 0.6875rem;
    background-color: #BEBEBE;
    border-radius: 2px;
    width: 100%;
    margin-top: 5px;
    color: #ffffff;
    }


        .inscription .ur-submit-button{
    	background-color: black;
	    border-color: black;
	    color: white!important;
	    padding: 5px;
	    font-size: 16px;
	    border-radius: 10px;
    }

   .inscription  .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label,.inscription  .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label{
    	font-weight: 300;
    }

    .relat{
    	position: relative;
    }

    .sign-google {
        margin: inherit;
        background: #4285F4;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center!important;
        color: white;
        font-size: 12px;
        font-family: 'Montserrat';
        font-weight: 500;
        text-decoration: none;
    }
    .sign-google img {
        width: 25px;
        margin-right: 5px;
    }
    .sign-google span {
        margin-left: 10px;
        color: white;
    }

    .the_champ_login_container img {
        width: 20px;
        display: inline-block!important;
        margin-right: 5px!important;
    }
    .the_champ_outer_login_container {
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
    }
    .theChampGoogleBackground {
        background-color: inherit!important;
        box-sizing: inherit!important;
        border: inherit!important;
    }

    .user-registration-error, .user-registration-password-hint {
    	font-size: 12px!important;
    }
    .ur-frontend-form {
    	margin-bottom: 15px!important;
    }
    .ur-frontend-form .ur-button-container {
    	margin-top: inherit!important;
    	padding: inherit!important;
    }
    .ur-frontend-form {
    	padding: inherit!important;
    }
    .catalogue-description {
    	margin-top: 100px;
    }
    .wrapper-catalogue {
    	position: relative;
    	width: calc(100% - 390px);
    	margin-top: 100px;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .wrapper-catalogue h2 {
    	text-align: center;
	    font-weight: 700;
	    font-size: 30px;
	    color: black;
	    margin-top: 25px;
    }
    .catalogue-description ul li {
    	display: inline-block;
    	width: 29%;
    	margin-left: 2%;
    	margin-right: 2%;
    }
    .catalogue-description li img {
    	max-width: 50px;
    	display: block;
    }
    .border-catalogue {
    	border: 1px solid black;
    }
    .produit img {
    	width: 50%;
    	display: block;
    	margin: auto;
    }
    .produit {
    	text-align: center;
    }
    .form label {
    	text-align: left;
    }
    .formulaire-contact {
    	margin-bottom: 25px;
    }
    .titre-catalogue {
    	font-size: 25px;
    	font-weight: 600;
    }
    .div-form {
    	position: relative;
    }
    .div-form .wpcf7-submit {
    	position: absolute;
    	left: 58%;
    }
    .container-profilnav {
    	position: relative;
    }

    .qonto h2 {
      padding-top: 10px;
    }

    .qonto h3 {
      margin-top: 15px;
      float: left;
      margin-left: 10px;
      font-size: 14px;
      text-transform: inherit;
    }

    .qonto img.logoQonto {
      margin-top: 15px;
    }
    
    .qonto p {
      font-size: 25px;
      font-weight: bold;
    }

.subsubnav{
  overflow-y: scroll;
}


.btnadmin{
  background: #4D9DE0;
    -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: white!important;
  padding: 5px 8px;
}


.tableaubrevcimer tr{
  line-height: 80px;
  border:1px solid #333;

    -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.tabpubpage img{
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

table.tableaubrevcimer.dataTable.stripe tbody tr.odd, table.tableaubrevcimer.dataTable.display tbody tr.odd{
  background: white!important;
  box-shadow: 0px 0px 0px!important;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
  background: white!important;
  box-shadow: 0px 0px 0px!important;
}
table.tableaubrevcimer.dataTable.display tbody tr.odd>.sorting_1, table.tableaubrevcimer.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
  background: white!important;
    box-shadow: 0px 0px 0px!important;

}

table.tableaubrevcimer.dataTable.display > tbody > tr.even > .sorting_1, table.tableaubrevcimer.dataTable.order-column.stripe > tbody > tr.even > .sorting_1{
  box-shadow: 0px 0px 0px!important;
    background: white!important;

}


table.tableaubrevcimer.dataTable.hover tbody tr:hover, table.tableaubrevcimer.dataTable.display tbody tr:hover{
  box-shadow: 0px 0px 0px!important;
    background: white!important;

}


table.dataTable.tableaubrevcimer.hover > tbody > tr:hover > *, table.dataTable.tableaubrevcimer.display > tbody > tr:hover > *{
    box-shadow: 0px 0px 0px!important;
    background: white!important;

}

table.tableaubrevcimer.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.tableaubrevcimer.dataTable.display > tbody > tr:nth-child(odd) > *{
  box-shadow: 0px 0px 0px!important;
    background: white!important;

}


table.tableaubrevcimer tr {
    background-color: white;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 16px;
    overflow: hidden; /* Ne fonctionne PAS sur <tr> */
    display: block; /* Hack pour appliquer border-radius, mais casse le tableau */
    margin-bottom: 8px;
}

table.tableaubrevcimer tr:hover{
  border: 1px solid #333;
}
table.tableaubrevcimer{
  padding-top: 25px!important;
}
table.tableaubrevcimer td {
    display: inline-block; /* Pour suivre le display du tr */
    vertical-align: middle;
    border-top: 0px!important;
}

table.tableaubrevcimer thead{
  display: none!important;
}

.col-titre{
  width: 25%;
}

.col-thumbnail{
  width: 60px;
}

#response .titleicon{
  padding-left: 20px;
}

.col-chiffre{
  width: 13%;
}


#snapdatatable .col-chiffre{
  width: 10%;
}

#livepubentreprise ul{
  padding-left: 0px;
}

#livepubentreprise ul li{
  list-style: none;
box-shadow: 0px 2px 2px #0000000D;
  background: #F8F8F8;
  position: relative;
  padding: 10px;
    -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  margin-bottom: 15px;
  background: white;
}

#livepubentreprise ul li:hover{
  box-shadow: 0px 2px 2px #EFEFEF;
}

.centerbu{
  text-align: center;
}
.adressaud{
  margin-bottom: 15px;
}
#livepubentreprise .typepack{
  background: white;
  border:1px solid black;
  color: black;
  font-weight: 500;
  padding: 5px;
  font-size: 10px;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-bottom: 0px;
}

#livepubentreprise .statut , .col-titre .status{
  text-transform: capitalize;
  background: black;
  color: white;
  font-weight: 500;
  padding: 3px;
  font-size: 10px;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 10px;
}
#livepubentreprise .abs{
  text-align: right;
   position: absolute;
  top: 50%;
  right: 15px;
text-transform: capitalize;
      -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

} 

.col-titre .status{
  line-height: 16px;
}

#livepubentreprise .statut.terminee , .col-titre .status.termine{
  background: #C4C4C4;  
}


#livepubentreprise .statut.encours , .col-titre .status.encours{
  background: #3ACB6A;  
}

#livepubentreprise .statut.avenir , .col-titre .status.avenir{
 border: 1px solid #3ACB6A;
 background: transparent;
 color: #3ACB6A;
}

#allads td.col-titre .status.avenir{
  color: #3ACB6A;
}

#livepubentreprise ul li a{
  display: block;
}
#livepubentreprise ul li .city{
  background: #EFEFEF;
  padding: 3px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.citytable{
  background: #EFEFEF;
  padding: 3px;
  font-weight: 500;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;  
  line-height: 14px;
}
.titleicon{
  text-transform: uppercase;
}
.titleicon *{
  display: inline-block;
  vertical-align: middle;
}
.titleicon span{
  margin-right: 8px;
}
.lastfact table td{
  text-align: left!important;
}


aside.catalogue-local #navcatalogue-local{

}


.containerh3 ul{
  padding-top: 60px;
}

.asideclass.repporting .containerh3 ul{
  padding-top: 0px;
}

.numberuser{
  background: white;
  padding: 5px;
  text-align: left;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}


.lastfact #audienceinfo{
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 35px;
}


.table.dataTable {
  table-layout: fixed !important;
  width: 100% !important;
}

#example.dataTable {
  table-layout: fixed !important;
  width: 100% !important;
}


.content-preview-div{
  display: inline-block;
  width: 250px;
  margin-right: 25px;
}

.content-preview-div iframe{
  width: 100%;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/


@media screen and (min-width: 601px) and (max-width: 1024px) {
	.content-part {
		width: 0px;
	}
	.wrapper-catalogue {
		width: calc(100% - 250px);
	}
	.titre-catalogue {
		font-size: 20px;
	}
	.wrapper-catalogue h2 {
		font-size: 25px;
	}
	.div-form .wpcf7-submit {
		left: 67%;
	}


}

@media screen and (min-width: 1020px) and (max-width: 1024px) {

  
	.div-form .wpcf7-submit {
	    left: 67%;
	    transform: translateX(-67%);
	}
	.logo-cimer {
		position: absolute;
	    right: 65%!important;
	    top: 20px;
	}
}

@media screen and (max-width: 1024px) {
.subsubnav{
  width: 220px;
}


.catalogue-single .catacata ul li{
  width: 45%;
}

.content-pop-order{
  width: 100%;
}

.content-prehome{
  max-width: 95%;
}

.cardprehome h3{
  text-align: center;
}

.content-prehome ul li{
  margin-top: 15px;
}
  body aside.asideadmin {
    padding-top: 125px;
  }
	.sidebartaille{
		position: fixed;
		width: 250px;
		z-index: 4444;
	}

  .cardfacture{
    overflow-x: scroll;
  }


    .cardfacture table th *{
      font-size: 11px!important;
    }




	.containerSidebar h3 {
		font-size: 11px;
	}
.containerAll {
	padding-right: 35px;
}
	.content-page{
		width: 700%;
		padding: 0px;
    margin-top: 45px;
	}

	footer{
		display: none;
	}

	li.bars {
		display: none;
	}

	body.open .sidebartaille{
		left: 0px;
		overflow-y: scroll;
		width: 350px;
	}
	.card{
		padding: 5px;
	}
  .card{
    margin-left: 8px;
    margin-right: 8px;
  }
	.logo {
		width: 100%;
    	border: 1px solid #BEBEBE;
	}

  body .card .titleaccueildash{
    font-size: 24px;
  }


	.sidebartaille.hidden {
		display: block;
    	left: -250px;
	}
	header {
		width: 100%;
	}
	.logo-cimer {
		position: absolute;
	    right: 55%;
	    top: 6px;
	}

	.logo-Plus.active {
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	}

  .linkpredhead{
    padding: 3px;
    font-size: 10px;
  }

  .linkpredhead span{
    font-size: 10px;
    line-height: 12px;
  }

  .sidebartaille a{
    font-size: 10px;
  }

	header .contentprofilnav {
		top: 41px;
		left: inherit;


	}

/*
  .intropreviewads, .contentpreviewads{
    width: 100%!important;
    max-width: inherit!important;
  }
*/
  .ligne .col2{
    width: 100%!important;
  }

  .previewadss{
    max-width: inherit!important;
  }

  .boxcardinput{
    width: 100%;
    margin-bottom: 15px;
  }

  .grid-item--width1 , .grid-item--width2{
    width: 100%;
  }

}
@media screen and (max-width: 624px) {

.content-preview-div{
  display: block;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 25px;

}

.col-thumbnail{
  position: absolute;
  right: 5px;
  top: 3px;
}

.col-titre{
  padding-top: 30px!important;
  width: calc( 100% - 60px);
}

.col-chiffre{
  width: 25%;
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
}

body .cardfacture table .col-chiffre span{
  font-size: 10px!important;
}

#example td.col-titre .status{
  right: inherit;
  left: 10px;
  top: 10px;
  padding: 2px;
  font-size: 9px!important;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.logocimer{
  display: none;
}

.contentlinkgene{
  margin-top: 10px;
}


.sidebartaille a{
  line-height: 36px;
}

.content-catacard .cardcatalogue{
  width: 95%;
}

.card{
  margin-top: 20px;
  overflow: hidden;
}

.asideclass {
  padding-top: 35px;
}

.asideclass .profil{
  width: 100%;
  left: 0px;
}

.inlineprehead{
  text-align: right;
}

.cardfacture , .teamcard{
  padding-left: 5px;
  padding-right: 5px;
}


body .mon-compte-container{
  max-width: inherit!important;
  width: 100%;
  margin-top: 65px;
}

	body.open .sidebartaille{
		width: 100%;
	}


  .entrepriseside a{
    font-size: 12px;
  }

  #listiprevv div{
    display: block;
    width: 100%;
    margin: 0 auto;
  }

body .cardstat p, body .cardstat p span , body .previewadss h6, body .previewadss h6 span{
  font-size: 22px;
  line-height: 26px;
}

body .cardfacture table *{
  font-size: 12px !important;
  line-height: 20px;
}

body .cardfacture table tr td:nth-child(3) , body .cardfacture table thead tr th:nth-child(3){
display: none!important;
}

body .pstatut *{
  text-align: center;
  display: block;
  margin-right: auto;
  margin:0 auto;
  margin-bottom: 3px;
}

body .card p.pstatut .circlecolor{
  margin-right: auto;
}
   .list-dashboard-accueil li{
    margin-left: 0px;
    margin-right: 0px;
  }

  .sidebartaille {
    width: 100%;
  }

  .subsubnav{
    left: 200px;
  }

}


@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

@media screen and (max-width: 600px)
{
	.logo {
		height: 100px;
		width: 100%;
		border: 1px solid #BEBEBE;
	}
	.container-img {
		position: absolute;
	    top: -38px;
	    right: 2px;
	}
	.container-img a {
		margin-right: 20px;
	}
	
	.catalogue-description ul li {
		display: block;
		width: 100%;
	}
	.formcontact h2 {
		font-size: 15px;
	}
	.wpcf7-list-item span {
		font-size: 11px;
	}
	.ligne label {
		font-size: 13px;
	}
	.accordion h2 {
		font-size: 15px;
	}

	.list-dashboard-accueil li {
		width: 100%;
		display: block;
	}
	.accueilBorder h2 {
		font-size: 11px;
	}
	.contentprofilnav * {
		margin-left: 0px;
	}

	.content-login {
		position: absolute;
	    top: 37%;
	    left: 2%;
	    background: #FDFDFD;
	    border: 1px solid rgba(0, 0, 0, 0.125);
	    border-radius: 0.25rem;
	    padding: 15px;
	    width: 96%;
	    max-width: 450px;
	    display: block;
	    margin: 0 auto;
	    transform: inherit;
	}
	.sidebartaille.hidden {
		left: -550px;
	}

  .accountcontent{
    margin:0 auto;
  }

  .profil h5{
    display: none;
  }
  
	.logo-cimer2 {
    display: none;
		position: absolute;
		margin-left: 15px;
	}
	.logo-img {
		max-width: 100px;
	}
	li.bars {
		display: block;
		padding: 10px;
		width: 50px;
		position: absolute;
    	top: 12px;
    	right: -8px;
	}
	header .contentprofilnav {
		display: block;
		margin-top: inherit;
		margin-right: inherit;
	}
	.content-page {
		width: 100%;
	}
	.content-part {
		width: inherit;
	}

	.bar1, .bar2, .bar3 {
		background-color: black;
	}
	.logo-cimer {
		position: absolute;
		left: 85px;
		top: 4px;
	}

	
	header .contentprofilnav{
	    text-align: left;
        left: 15px;
    	top: 60px;
	    transform: inherit;
	    -webkit-transform: inherit;
	    -moz-transform: inherit;
	    -ms-transform: inherit;
	    -o-transform: inherit;
	}
	body .wpuf-dashboard-container{
		width: 90%;
		display: block;
		margin: 0 auto;
		max-width: 90%;
	}
	.contentprofilnav h3, span {
		margin-top: 0px;
		margin-bottom: 0px;
   	 	margin-right: 0px;
   	 	font-size: 11px;
	}
	.contentprofilnav img {

	}
}


.contentmep{
    margin: 0 auto;

  padding: 25px;
  max-width: 600px;
  text-align: center;
  background:white;
  display: block;
  margin-top: 55px;
}

.inlheader{
  display: inline-block;
  margin-left: 0px;
  margin-right: 5px;
  vertical-align: middle;
}