/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
/**
    * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
    * http://cssreset.com
    * Copyright 2012 Yahoo! Inc. All rights reserved.
    * http://yuilibrary.com/license/
    */
/*
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
    */
html {
  color: #000;
}
/*
    TODO remove settings on BODY since we can't namespace it.
    */
/*
    TODO test putting a class on HEAD.
    - Fails on FF.
    */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  /*  margin:0;
    padding:0; */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
    */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
.clear {
  clear: both;
  height: 0;
}
.bouton_valider {
  background: #ff7f00;
  width: 145px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: none;
  padding: 5px 0;
  margin: 0 auto;
  color: white;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.bouton_valider:hover {
  background: #ff9f3f;
}
input {
  cursor: pointer;
}
/* ===bloc_flat_design=== */
/* NON POPUP */
.bloc_flat_design {
  margin-bottom: 20px;
}
.bloc_flat_design .titre {
  height: 80px;
  background: #ff7f00;
  position: relative;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  overflow: hidden;
}
.bloc_flat_design .titre h2 {
  color: white;
  height: 33px;
  font-size: 21px;
  line-height: 32px;
  margin-top: 23px;
  margin-left: 30px;
}
.bloc_flat_design .content {
  padding: 20px 24px;
  background: white;
}
.bloc_flat_design .content h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 7px;
}
.bloc_flat_design .content a {
  color: #5172b4;
}
.bloc_flat_design:last-child {
  margin-bottom: 0;
}
/* ===fin bloc_flat_design=== */
/* Form error */
.error_container {
  position: relative;
}
.form_error {
  background: #ff6468;
  text-align: left;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 12px;
  position: absolute;
  white-space: nowrap;
  z-index: 100;
}
.fleche_bulle_error {
  position: absolute;
  bottom: -13px;
  left: 6px;
  border-left: 17px solid #ff6468;
  border-top: 17px solid rgba(255, 100, 104, 0);
  border-right: 17px solid rgba(255, 100, 104, 0);
  border-bottom: 17px solid rgba(255, 100, 104, 0);
}
.form_error2 {
  background: #ff6468;
  text-align: left;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 12px;
  position: relative;
}
.form_error2 .fleche_bulle_error {
  top: 41px;
  left: 363px;
}
/* Fin Form error */

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
/* ===popup exterieur=== */
#popupShadow {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1500;
  opacity: 0.5;
}
#popupContainer,
#oldPopupContainer {
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 1501;
}
/* ===Fin popup exterieur=== */
/* ===Design general=== */
.popup_wrap {
  background: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /* 	overflow:hidden; */
  color: #666666;
  font-size: 12px;
}
.popup_wrap strong {
  font-weight: bold;
}
.popup_wrap .titre {
  height: 80px;
  background: #ff7f00;
  position: relative;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  overflow: hidden;
}
.popup_wrap .titre h2 {
  color: white;
  height: 33px;
  font-size: 21px;
  padding: 7px 48px 0 52px;
  line-height: 22px;
  margin-top: 23px;
  margin-left: 30px;
  background: url("../../assets/img/modal/picto_plus.png") 0 0 no-repeat;
}
.popup_wrap .titre p {
  color: white;
  font-size: 17px;
  position: absolute;
  right: 19px;
  top: 7px;
}
.popup_wrap .titre .fermeture_popup {
  background: url("../../assets/img/modal/close_popup.png") 0 0 no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 12px;
  top: 11px;
}
.popup_wrap .content {
  padding: 20px 24px;
  overflow: hidden;
}
.popup_wrap .content h3 {
  margin-bottom: 16px;
  font-weight: bold;
  color: #666666;
}
.popup_wrap .form_part {
  margin-bottom: 8px;
}
.popup_wrap label {
  float: left;
}
.popup_wrap .select_container {
  width: 244px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  background: #f6f6f6 url("../../assets/img/modal/fleche_select.png") 226px 11px no-repeat;
  padding: 5px 0;
  margin-bottom: 16px;
  text-indent: 5px;
  overflow: hidden;
  color: #666666;
}
.popup_wrap .select_container select {
  background: transparent;
  width: 262px;
  border: none;
  color: #666666;
}
.popup_wrap input[type="text"],
.popup_wrap textarea,
.popup_wrap input[type="password"] {
  background: #f6f6f6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  color: #666666;
  padding: 6px 0;
  margin-bottom: 16px;
  text-indent: 8px;
  width: 100%;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  background-color: #faffbd;
  background-image: none;
  color: #000000;
}
.popup_wrap .separation_ligne {
  border-bottom: 1px solid #dddddd;
  height: 1px;
  margin-bottom: 16px;
}
.popup_wrap .bouton_align_right {
  margin: 0 0 0 auto;
}
/* ===Fin Design general=== */
/* ===popup question=== */
.popup_question {
  width: 490px;
}
.popup_question .content {
  overflow: visible;
}
/* .popup_question .titre h2{
	background: url("../../assets/img/modal/picto_plus.png") 0 0 no-repeat;
} */
.popup_question h3 {
  font-weight: normal !important;
}
/* erreur question */
.popup_question .type_question {
  left: 212px;
  top: -40px;
}
.popup_question .titre_question {
  left: 422px;
  top: -40px;
  white-space: nowrap;
}
.popup_question .contenu_question {
  left: 422px;
  top: -31px;
  white-space: nowrap;
}
/* Fin erreur question */
/* ===Fin popup question=== */
/* ===popup produit=== */
.popup_produit {
  width: 904px;
}
.popup_produit_small {
  width: 483px;
}
.popup_wrap .info_perso {
  float: left;
  width: 47%;
}
.popup_produit .info_produit {
  float: right;
  width: 50%;
  border-left: 1px solid #dddddd;
  padding-left: 15px;
}
.popup_produit_small .info_produit {
  width: auto;
  padding-left: 15px;
}
.popup_wrap .form_part_right {
  float: right;
  width: 269px;
}
.popup_wrap .label_line_height {
  line-height: 26px;
}
/* info_perso */
.popup_wrap .popup_pays {
  width: 125px;
  background-position: 107px 11px;
  margin: 0;
  float: left;
}
.popup_wrap .popup_pays select {
  width: 150px;
}
.popup_wrap .code_postal {
  width: 125px !important;
  margin: 0 !important;
  float: right;
}
.popup_wrap .date_naissance {
  width: 71px;
  background-position: 54px 11px;
  margin: 0;
  float: left;
}
.popup_wrap .date_naissance:first-child {
  margin-right: 25px;
}
.popup_wrap .date_naissance:last-child {
  float: right;
}
.popup_wrap .date_naissance select {
  width: 90px;
}
.popup_wrap .form_part_right_expertise {
  float: right;
  width: 40%;
  padding: 6px 0;
}
.popup_wrap .form_part_right_expertise input:last-child {
  margin-left: 27px;
}
/* Class Custom */
.popup_wrap .info_perso .form_part_info_perso_possede_all {
  /* class a rajouter quand on est dans le cas : je possede / all */
  margin-bottom: 32px;
}
/* Fin Class Custom */
/* fin info_perso */
/* info_produit */
.popup_wrap .info_produit .select_container {
  float: right;
  margin: 0;
}
.popup_wrap .form_part_right_qcm {
  float: right;
  width: 22%;
  padding: 6px 0;
  text-align: right;
}
.popup_wrap .form_part_right_qcm input:last-child {
  margin-left: 8px;
}
/* fin info_produit */
/* ===Fin popup produit=== */
/* ===popup avis etoiles=== */
.popup_avis {
  width: 531px;
}
.popup_avis .content {
  overflow: visible;
}
.popup_avis .form_part {
  margin-bottom: 23px;
}
.popup_avis .grade-block h3 {
  float: left;
  margin: 0;
}
.popup_avis .grade {
  float: left;
  margin-left: 10px;
}
.popup_avis .grade .ui-rating .ui-rating-star,
.popup_avis .grade .ui-rating .ui-rating-cancel {
  background: url("../../assets/img/modal/etoiles-sprite.png") 0 0 no-repeat;
  height: 25px;
  width: 25px;
}
.popup_avis .grade .ui-rating-empty {
  background-position: 0 0 !important;
}
.popup_avis .grade .ui-rating-hover {
  background-position: 0 -25px !important;
}
.popup_avis .grade .ui-rating-full {
  background-position: 0 -50px !important;
}
.popup_avis .input_radio li {
  float: left;
}
.popup_avis .input_radio li:nth-child(2n) {
  margin: 0 10px;
}
.popup_avis textarea {
  height: 210px;
  padding-left: 8px;
  text-indent: 0;
  width: 97%;
}
/* erreur avis */
.popup_avis .etoiles {
  left: 251px;
  top: -35px;
}
.popup_avis .conseiller_amis {
  left: 232px;
  top: -42px;
}
.popup_avis .error_donner_avis {
  left: 425px;
  top: -28px;
  white-space: nowrap;
}
/* Fin erreur avis */
/* ===Fin popup avis etoiles=== */
/* ===popup_inscription=== */
#lightbox_register {
  overflow: visible !important;
}
.popup_inscription .content {
  text-align: center;
  overflow: visible;
}
.popup_inscription .content a {
  color: #336699;
}
.popup_inscription .or_inscription {
  margin: 10px 0;
}
.popup_inscription h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 18px;
}
.popup_inscription input[type="text"],
.popup_inscription input[type="password"] {
  width: 161px;
  background: #f6f6f6 0 0 no-repeat;
  padding-left: 39px;
}
.popup_inscription input.pseudo {
  background-image: url("../../assets/img/modal/picto_pseudo.png");
}
.popup_inscription input.email {
  background-image: url("../../assets/img/modal/picto_email.png");
}
.popup_inscription input.mdp {
  background-image: url("../../assets/img/modal/picto_mdp.png");
}
.popup_inscription .form_part {
  text-align: left;
  width: 379px;
  margin: 0 auto;
  margin-top: 10px;
}
.popup_inscription .form_part label {
  font-weight: bold;
}
.popup_inscription .form_part_right {
  width: 100px;
  padding-top: 7px;
}
.popup_inscription .form_part_right input:last-child {
  margin-left: 10px;
}
.popup_inscription .form_part .confirmer_avoirlu {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.popup_inscription .deja_un_compte {
  font-style: italic;
  margin-top: 10px;
}
/* erreur popup_inscription */
.popup_inscription .erreur_inscription {
  left: 370px;
  top: -28px;
}
.popup_inscription .erreur_offre_previlegiees {
  left: 80px;
  top: -44px;
  white-space: nowrap;
}
/* Fin erreur popup_inscription */
/* ===Fin popup_inscription=== */
/* ===popup_attente_validation=== */
.popup_attente_validation .content {
  text-align: left;
}
.popup_attente_validation .check_spam {
  font-style: italic;
  margin-top: 10px;
}
/* ===Fin popup_attente_validation=== */

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
.inscription_compte {
  text-align: center;
  color: #666666;
  font-size: 12px;
}
.inscription_compte a {
  color: #336699;
}
.inscription_compte .or_inscription {
  margin: 10px 0;
}
.inscription_compte h3 {
  color: #666666;
  font-weight: bold;
  margin-bottom: 16px !important;
}
.inscription_compte h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 18px;
}
.inscription_compte input[type="text"],
.inscription_compte textarea,
.inscription_compte input[type="password"] {
  background: #f6f6f6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  color: #666666;
  padding: 6px 0;
  margin-bottom: 16px;
  text-indent: 8px;
  width: 100%;
}
.inscription_compte input[type="text"],
.inscription_compte input[type="password"] {
  width: 200px;
  background: #f6f6f6 0 0 no-repeat;
  text-indent: 39px;
}
.inscription_compte input.pseudo {
  background-image: url("../../assets/img/modal/picto_pseudo.png");
}
.inscription_compte input.email {
  background-image: url("../../assets/img/modal/picto_email.png");
}
.inscription_compte input.mdp {
  background-image: url("../../assets/img/modal/picto_mdp.png");
}
.inscription_compte .form_part {
  text-align: left;
  width: 379px;
  margin: 0 auto;
  margin-top: 10px;
}
.inscription_compte .form_part label {
  font-weight: bold;
  float: left;
}
.inscription_compte .form_part_right {
  width: 100px;
  padding-top: 7px;
  float: right;
}
.inscription_compte .form_part_right input:last-child {
  margin-left: 10px;
}
.inscription_compte .form_part .confirmer_avoirlu {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.inscription_compte .deja_un_compte {
  font-style: italic;
  margin-top: 10px;
}
/* erreur inscription_compte */
.inscription_compte .erreur_inscription {
  left: 370px;
  top: -28px;
}
.inscription_compte .erreur_offre_previlegiees {
  left: 80px;
  top: -44px;
  white-space: nowrap;
}
/* Fin erreur inscription_compte */

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
.attente_validation_compte {
  background: white;
  padding: 10px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dedede;
}
.attente_validation_compte h3 {
  color: #666666;
  font-weight: bold;
}
.attente_validation_compte .check_spam {
  font-style: italic;
  margin-top: 10px;
}

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
/* ===Design general=== */
.page_avis {
  font-size: 12px;
}
.page_avis p {
  margin: 0;
}
/* ===Fin Design general=== */
.page_avis .note_moyenne {
  float: left;
  width: 50%;
}
.page_avis .nombre_utilisateur {
  float: left;
  width: 50%;
}
.page_avis .nombre_utilisateur .utilisateurs_recommandent {
  font-size: 14px;
}
.page_avis .nombre_utilisateur li {
  margin-bottom: 5px !important;
}
.page_avis .nombre_utilisateur li:last-child {
  margin-bottom: 0 !important;
}
.page_avis .nombre_utilisateur .nb_star {
  float: left;
  line-height: 24px;
}
.page_avis .nombre_utilisateur .star_level {
  float: right;
  width: 228px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 0;
  color: white;
  text-indent: 5px;
}
.page_avis .ask_users {
  margin-top: 20px;
}
.page_avis .ask_users p {
  float: left;
  line-height: 26px;
}
.page_avis .ask_users a {
  margin-left: 22px;
  height: 27px;
  width: 192px;
  display: block;
  float: left;
}
.page_avis .list_avis_membres {
  padding: 20px 0;
}
.page_avis .list_avis_membres li {
  margin-bottom: 2px !important;
}
.page_avis .list_avis_membres .recommend {
  background: url(/assets/img/recommend.png);
  width: 16px;
  height: 16px;
  display: block;
}
.page_avis .list_avis_membres .top {
  background: #f3f3f3;
  padding: 10px 24px;
  font-weight: bold;
}
.page_avis .list_avis_membres .top img {
  float: left;
  margin-right: 5px;
}
.page_avis .list_avis_membres .top span.author {
  color: black;
}
.page_avis .list_avis_membres .top p.from-member {
  float: left;
}
.page_avis .list_avis_membres .top p.expertise_level {
  float: right;
}
.page_avis .list_avis_membres .top span.recommend {
  float: right;
  margin-left: 10px;
}
.page_avis .list_avis_membres .bottom {
  padding: 0 24px;
}
.page_avis .list_avis_membres .bottom .comment {
  margin: 10px 0;
}
.page_avis .list_avis_membres .bottom .vote-block {
  text-align: right;
}
.page_avis .list_avis_membres .bottom input {
  background: #5172b4;
  color: white;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 7px;
  margin: 0 12px;
}
.page_avis .list_avis_membres .bottom form.vote-yes {
  display: inline-block;
}
.page_avis .list_avis_membres .bottom input.no_use {
  background: #f3f3f3;
  color: #666666;
  cursor: auto;
}
.page_avis .list_avis_membres .bottom span.vote-count {
  background: #ff7f00;
  color: white;
  padding: 4px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.page_avis .list_avis_membres .bottom span.vote-count .fleche_vote {
  position: absolute;
  top: 7px;
  left: -10px;
  border-left: 5px solid rgba(255, 127, 0, 0);
  border-top: 5px solid rgba(255, 127, 0, 0);
  border-right: 5px solid #ff7f00;
  border-bottom: 5px solid rgba(255, 127, 0, 0);
}

/* typo exotiques */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); */
/* call font-family: 'Roboto', sans-serif; */
/* ========LESS GENERALISTE=============


/* ========FIN LESS GENERALISTE============= */
/* ========LESS INDIVIDUELS============= */
/* ========FIN LESS INDIVIDUELS============= */
.cookiesWarning {
  background: #e3e3e3;
  position: fixed;
  font-size: 12px;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  z-index: 2000;
  color: #666;
}
.cookiesWarningClose {
  background: url(img/cookies_warning_close.jpg) 0 0 no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}