@charset "UTF-8";
/* mixins */
/** breakpoints **/
/*** TODO : checker si les valeurs de la preprod sont ok avec les planches ***/
/*** TODO : une fois les valeurs fixees, creer mixins breakpoints ***/
/* valeur de la preprod fournie 1200 */
/* valeur interm├®diaire de la preprod: ├á supprimer ? */
/* valeur de la preprod fournie 1430 */
.header_user_info {
  float: right; }

#header .header_user_info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  float: left;
  display: block;
  cursor: pointer; }

#header .header_user_info a {
  color: #000000; }
  #header .header_user_info a span:first-child {
    margin-left: 2px; }

/*.header_user_info_perso {padding-left: 30px; }*/

.header_user_info_account {
  padding: 0px 0px 0px 10px; }
  .header_user_info_account img {
    position: relative;
    top: -3px; }

.col-icons-user {
  width: auto; }

.header_user_info .icon-user, .header_user_info_perso .icon-sign-out {
  font-size: 26px;
  color: #009bd9;
  vertical-align: middle;
  margin-right: 5px; }

.is_logged .header_user_info_perso {
  padding-right: 0px !important; }

.is_logged .header_user_info_account {
  display: none !important; }

@media (min-width: 1430px) {
  .col-icons-user {
    padding-right: 0px; 
  } 
}
@media (min-width: 1200px) and (max-width: 1430px) {
  .header_user_info a {
    padding: 8px 4px 11px 4px; }

  #header .header_user_info:first-child {
    margin-right: 0; }

  .col-icons-user {
    margin-left: 0; 
  } 
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header_user_info_perso, .header_user_info_pro {
    padding-right: 0px !important; }

  .header_user_info_account {
    padding-left: 5px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .header_user_info a {
    padding: 26px 2px 24px 2px;
    font-size: 11px; }

  .header_user_info_account, .header_user_info_perso, .header_user_info_pro {
    padding: 0 0 0 10px; }

  .col-icons-user {
    margin-left: 40px; }

  .col-icons-user.is_logged {
    margin-left: 30px;
    padding-left: 0px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .header_user_info a {
    padding: 14px 2px 11px 2px;
    font-size: 11px; }

  #header .header_user_info:first-child {
    margin-right: 0px;
    padding: 0px 23px 0px 0px; }

  .col-icons-user {
    margin-left: 0; }

  .header_user_info_account {
    padding: 0px 0px 0px 0px; } }
@media (min-width: 860px) and (max-width: 991px) {
  /*.col-icons-user {margin-left: 50px; } */
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-icons-user .cacher-mobile {display: none;}
  .col-icons-user {
    margin-left: 0px; 
    padding-left: 0px; 
  } 
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header_user_info_perso {
    padding-left: 10px; }

  .header_user_info_account img,
  .header_user_info a img {
    width: 30px; height: 27px; } }
@media (min-width: 768px) {
  .header_user_info_perso, .header_user_info_pro, .header_user_info_account {
    height: 63px;
    line-height: 63px !important; 
	padding-right: 10px;} }
@media screen and (max-width: 767px) {
  #header .header_user_info {
    padding: 0px; }

  .header_user_info a {
    padding: 12px 6px 8px 6px;
    display: block; }

  #header .header_user_info img {
    height: 30px;
    width: auto;
    top: -2px; }
  #header .header_user_info .header_user_info_account img {
    height: 30px;
    top: 0px; }

  .col-icons-user {
    width: auto;
    padding-right: 5px;
    padding-left: 5px; }
    .col-icons-user .header_user_info_perso a {
      margin-right: 16px; }

  .col-icons-user.is_logged .header_user_info_perso a {
    margin-right: 0px !important;
    margin-left: 20px !important; } }
/*
@media (min-width: 568px) and (max-width: 768px) {
  #header .header_user_info:first-child {
    margin-right: 6px;
  }
  .header_user_info a {
    padding: 14px 2px 11px 2px;
    font-size: 11px;
  }
}
*/

/*# sourceMappingURL=blockuserinfo.css.map */
