/***
 * Responsive layout for the control panel
 */
@media screen and (max-width: 479px) {
  #tarteaucitron .tarteaucitronLine .tarteaucitronName {
    width: 90% !important;
  }
  
  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
    float:  left !important;
    margin: 10px 15px 5px;
  }
}

@media screen and (max-width: 767px) {
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
    background: #fff;
    border:     0 !important;
    bottom:     0 !important;
    height:     100% !important;
    left:       0 !important;
    margin:     0 !important;
    max-height: 100% !important;
    max-width:  100% !important;
    top:        0 !important;
    width:      100% !important;
  }
  
  #tarteaucitron .tarteaucitronBorder {
    border: 0 !important;
  }
  
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    border: 0 !important;
  }
  
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #tarteaucitron {
    border:     0 !important;
    left:       0 !important;
    margin:     0 5% !important;
    max-height: 80% !important;
    width:      90% !important;
  }
}

/***
 * Common value
 */
#tarteaucitron * {
  zoom: 1;
}

#tarteaucitron .clear {
  clear: both;
}

#tarteaucitron a {
  color:           rgb(66, 66, 66);
  font-size:       11px;
  font-weight:     700;
  text-decoration: none;
}

#tarteaucitron b {
  font-size:   inherit;
  font-weight: 500;
}

/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
  left:     0;
  position: absolute;
  right:    0;
  top:      0;
  width    : 100vw;
}



/***
 * Control panel
 */
#tarteaucitronBack {
  background: #fff;
  display:    none;
  height:     100%;
  left:       0;
  opacity:    0.7;
  position:   fixed;
  top:        0;
  width:      100%;
  z-index:    2147483646;
}

#tarteaucitron {
  display:    none;
  max-height: 80%;
  left:       50%;
  margin:     0 auto 0 -430px;
  padding:    0;
  position:   fixed;
  top:        6%;
  width:      860px;
  z-index:    2147483647;
}

#tarteaucitron .tarteaucitronBorder {
  background: #fff;
  /*border: 2px solid #333;*/
  /*border-top: 0;*/
  height: auto;
  overflow:   auto;
  padding-right: 20px !important;
  
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
  /*background: #333333;*/
  color:           #333;
  cursor:          pointer;
  text-decoration: none;
  padding:         4px 0;
  position:        absolute;
  right:           20px;
  top:             5px;
  text-align:      center;
  font-size:       20px;
  /*width: 70px;*/
}

#tarteaucitron #tarteaucitronClosePanel:after {
  content:   '\d7';
  font-size: 28px;
}

#tarteaucitron #tarteaucitronDisclaimer {
  color:     #555;
  font-size: 12px;
  margin:    15px auto 0;
  width:     80%;
}


#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  /*background: rgba(51, 51, 51, 0.07);*/
  border-top: 1px solid #dadada;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  display:  none;
  position: relative;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  /*background: #333;*/
  color:       #333;
  display:     inline-block;
  font-size:   14px;
  font-weight: 700;
  margin:      20px 0px 0px;
  padding:     5px 0;
  text-align:  left;
  width:       auto;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  display: block;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  color:       #fff;
  font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
  text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronName b {
  font-size:   20px;
  font-weight: 500;
  color:       #666;
  line-height: 40px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  font-size: 14px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  padding: 5px 10px;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  color:       #fff;
  display:     none;
  font-size:   12px;
  font-weight: 500;
  margin-top:  0;
  max-width:   270px;
  padding:     0 0 20px 0;
  position:    absolute;
  z-index:     2147483647;
}

#tarteaucitron #tarteaucitronInfo a {
  color:           #fff;
  text-decoration: underline;
}

/*#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2);
}*/

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  /*border-left: 5px solid transparent;*/
  margin:     0;
  border-top: 1px solid #dadada;
  overflow:   hidden;
  padding:    0;
  /*background: #d1ddc2;*/
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  /*background: #333;*/
  /*border: 3px solid #333;*/
  /*border-left: 9px solid #333;*/
  /*border-top: 5px solid #333;*/
  background: #fff;
  margin:     0;
  position:   relative;
  border:     none;
}

/*#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: #333;
    background: purple;
}*/

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
  margin-left: 15px;
  margin-top:  2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b {
  /*color: #fff;*/
  font-size: 32px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
  margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  display:    inline-block;
  float:      left;
  /*margin-left: 10px;*/
  margin:     20px 0 15px;
  text-align: left;
  /*width: 50%;*/
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
  text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  display:    inline-block;
  float:      right !important;
  margin:     15px 0 20px;
  text-align: right;
}

@media (min-width : 641px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  margin:     30px 0 0;
  }
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
  /*background:      gray;*/
  border-radius:   4px;
  /*color:           #fff;*/
  cursor:          pointer;
  display:         inline-block;
  padding:         6px 10px;
  text-align:      center;
  text-decoration: none;
  width:           auto;
  
}


.tac_activate .tarteaucitronAllow {
  background: #999;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 50px !important;
}


#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  color:     #333;
  font-size: 12px;
}

#tarteaucitronPercentage {
  background: #0a0;
  box-shadow: 0 0 2px #fff, 0 1px 2px #555;
  height:     5px;
  left:       0;
  position:   fixed;
  width:      0;
  z-index:    2147483644;
}

/***
 * Small alert
 */
#tarteaucitronAlertSmall {
  background: #333;
  bottom:     0;
  display:    none;
  padding:    0;
  position:   fixed;
  right:      0;
  text-align: center;
  width:      auto;
  z-index:    2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
  color:     #fff;
  cursor:    pointer;
  display:   inline-block;
  font-size: 11px !important;
  padding:   8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
  background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  background-color: gray;
  border-radius:    5px;
  display:          block;
  height:           8px;
  margin-bottom:    1px;
  margin-top:       5px;
  overflow:         hidden;
  width:            100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  display: block;
  float:   left;
  height:  100%;
  width:   0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
  background-color: #1b870b;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
  background-color: #fbda26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  background-color: #9c1a1a;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  background:     rgba(255, 255, 255, 0.2);
  color:          #fff;
  cursor:         pointer;
  display:        inline-block;
  font-size:      30px;
  padding:        0px 10px;
  vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
  background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
  display:    none;
  max-height: 70%;
  max-width:  500px;
  position:   fixed;
  right:      0;
  width:      100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  background: #fff;
  border:     2px solid #333;
  color:      #333;
  font-size:  11px;
  height:     auto;
  overflow:   auto;
  text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b {
  color: #333;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
  /*background: #333;*/
  margin-top: 21px;
  padding:    13px 0 9px 13px;
  text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b {
  color:     #fff;
  font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
  background: rgba(51, 51, 51, 0.1);
  padding:    7px 5px 10px;
  word-wrap:  break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
  /*background: rgba(51, 51, 51, 0.2);*/
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
  color:           #333;
  text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
  display: inline-block;
  width:   50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a b {
  color: darkred;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
  color:          #333;
  display:        inline-block;
  font-size:      11px;
  margin-left:    10%;
  vertical-align: top;
  width:          30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
  /*background: #333;*/
  /*color:       #333;*/
  display         : flex;
  align-items     : center;
  justify-content : center;
  /*font-size:   12px;*/
  height:      100%;
  /*line-height: initial;*/
  margin          : 0 auto;
  text-align:  center;
  width:       100%;
  
  background: #999;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 50px !important;
  
  position        : absolute;
  top             : 0;
  left            : 0;
  right           : 0;
  bottom          : 0;
}

.tac_float {
  display        : block;
  text-align:     center;
  vertical-align: middle;
}

.tac_activate .tac_float b {
  color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
  /*background-color: #1b870b;*/
  display:          inline-block;
  
  margin-left: 20px;
  background: #009cff !important;
  line-height: normal !important;
}

/***
 * CSS for services
 */
ins.ferank-publicite, ins.adsbygoogle {
  text-decoration: none;
}

div.amazon_product {
  height: 240px;
  width:  120px;
}

/* HDF Custom */

#tarteaucitron {
  font-size:  16px;
  background: #fff;
  overflow:   hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
}




#tarteaucitronServices {
  padding:    40px 10px 40px 40px;
  background: #fff;
  border:     1px solid #999;
}

.tarteaucitronInfoBox {
  display:  block !important;
  position: relative !important;
}

/* SHOW  descriptions */
#tarteaucitronInfo,
.tarteaucitronInfoBox,
.tarteaucitronDetails {
  position:    relative !important;
  color:       #333 !important;
  line-height: 24px !important;
  
  /*width: 100% !important;*/
  /*min-width: 100% !important;*/
  max-width:   none !important;
  background:  #fff;
  font-size:   16px !important;
}

/* Hide "+" toggle buttons */
.tarteaucitronMainLine .tarteaucitronName > b > a,
.tarteaucitronTitle > a {
  display: none;
}

/* Hide green/red border */
#tarteaucitron .tarteaucitronLine {
  border-left: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  font-size: 22px;
  margin-top: 30px;
}



#accept-all {
  border-top: 1px solid #dadada;
  margin: 0 0 30px 0;
  /*width: auto;*/
}


#accept-all .tarteaucitronTitle{
  width: 100% !important;
}

#accept-all .tarteaucitronAsk {
  display:    inline-block;
  float: right !important;
  margin     : 30px 0 20px !important;
  text-align : right;
}

@media (min-width : 641px) {
  #accept-all .tarteaucitronAsk {
  margin:     10px 0 0 !important;
}
}

/*
*

    Bouttons accepter / interdire
    
    Attention on inverse les textes et couleurs des boutons accepter / interdire
    Au depart tout est interdit et on voit uniquement le boutton accepter mais il est skinné comme un bouton "intedire" = il montre l'état actuel
    Lorsque l'on accepte on affiche le bouton interdire mais il apparait en vert comme une confirmation de l'état actuel = accepter.

*
*/

/* Hide on/off buttons */

.tarteaucitronAsk > div {
  font-size: 14px !important;
  background: none !important;
  font-weight: bold;
  display: inline-flex;
  align-content: center;
}

.tarteaucitronAsk .tarteaucitronAllow {
  color: #be0d0d !important;
  display: inline-flex !important;
}

.tarteaucitronAsk .tarteaucitronDeny {
  color:   #0c0 !important;
  display: none !important;
}

/* Hide / show */
.rgpd-allowed .tarteaucitronAsk .tarteaucitronAllow {
  display: none !important;
}

.rgpd-allowed .tarteaucitronAsk .tarteaucitronDeny {
  display: inline-flex !important;
}

/* grouped by category */
.group-services > .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
.group-services > .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  display: none !important;
}

.group-services .tarteaucitronDetails {
  display: inline-block !important;
  width:   calc(100% - 150px) !important;
}

.tarteaucitronAsk.category {
  float:   right;
  display: inline-block !important;
}

.group-services .tarteaucitronLine {border-top: none !important;}

.group-services .tarteaucitronLine .tarteaucitronName {margin: 0 !important;}

.group-services .tarteaucitronLine:last-child .tarteaucitronName {margin-bottom: 20px !important;}

.group-services .tarteaucitronLine .tarteaucitronName b { margin-right: 5px;}
.group-services .tarteaucitronLine .tarteaucitronName br {display: none;}

/*Toggle icon*/
.tarteaucitronAsk .toggle-icon {
  display: block;
  width: 40px;
  height: 25px;
  border-radius: 12px;
  margin-left: 8px;
  text-align: left;
  margin-top: -6px;
}

.tarteaucitronAsk .toggle-icon:after {
  content: '';
  display: inline-block;
  margin: 2px;
  width: 21px;
  height: 21px;
  border-radius: 11px;
  background: #fff;
}

.tarteaucitronAsk .tarteaucitronAllow .toggle-icon {
  background: #be0d0d;
}

.tarteaucitronAsk .tarteaucitronDeny .toggle-icon {
  background: #0c0;
  text-align: right;
}

.flex-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction  : column;
}

@media (min-width : 641px) {
  .flex-wrapper {
    flex-direction : row;
  }
}