.row {
  position: relative;
}
.large-1 img {
  max-width: 100%;
}
p {
  margin: 0;
}
hr {
  max-width: 100%;
  margin: 24px 0;
  border-color: #E7E7E7 !important;
}
hr {
  border-color: #cccccc;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a {
  color: #216CB4;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
a:hover {
  color: #666666;
}
img {
  max-width: none;
}
label {
  font-size: 100%;
}
body,
h2,
h3 {
  font-family: 'Roboto', helvetica, sans-serif;
}
h1,
h2.h1,
#hero .recherche input,
#hero .recherche select,
.box_bleu h2,
#hero .menu ul li a,
.bar_bleu h2 {
  font-family: 'Open Sans', helvetica, sans-serif;
}
footer p,
.popin .titre,
.btn,
#hero h1 {
  font-family: 'Oswald', helvetica, sans-serif;
}
#main_content {
  padding: 16px 0 0 0;
}
h1,
h2,
.box,
.box_info,
.box_error,
.box_alert,
.box_confirm,
.box_focus,
.box_bleu,
.bloc_bleu_focus,
.box_blanc,
.box_gris,
.box_modo,
.box_opaque,
.ul_style_1,
.box_scroll,
#bloc_option_filtre,
.suiv_prec,
table {
  margin: 14px 0;
}
.btn {
  margin: 24px 0;
}
.box_info h2,
.box_error h2,
.box_alert h2,
.box_confirm h2,
.box_focus h2 {
  margin: 0 0 12px 0;
}
.quote {
  margin: 12px 0;
}
.box_scroll table {
  margin: 0;
}
.row_title .btn {
  margin: 14px 0;
}
.box_info,
.box_error,
.box_alert,
.box_confirm,
.box_focus,
.bloc_cont,
#bloc_option_filtre {
  padding: 24px;
}
.box_info .btn,
.box_error .btn,
.box_alert .btn,
.box_confirm .btn,
.box_focus .btn,
.bloc_cont .btn,
#bloc_option_filtre .btn {
  color: #ffffff;
}
.box_alert .fa-lien {
  color: #FFFFFF;
  text-decoration: none;
}
.box_alert hr {
  margin: 20px 0;
  border-color: #F5AA27 !important;
}
.box_modo,
.quote {
  padding: 8px;
}
.box_focus {
  padding-left: 80px;
}
.btn i,
ul li a i {
  margin-right: 4px;
}
#supersized {
  margin: 0;
}
#supersized,
#supersized li {
  position: fixed !important;
  height: 550px;
  max-width: 100%;
  top: 0;
}
.row {
  max-width: 100%;
}
.tiptop {
  position: absolute;
  font-size: 100%;
  z-index: 9999;
  max-width: 240px;
  padding: 12px;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.8);
  border-radius: 4px;
}
.wrap {
  max-width: 1324px;
  margin: 0 auto;
}
body,
html {
  height: 100%;
  width: 100%;
}
body {
  font-size: 0.95em;
  color: #808080;
  background-color: #F4F4F4;
}
h1,
h2.h1 {
  color: ;
  text-transform: uppercase;
  font-size: 200%;
  line-height: 1em;
}
h1 span {
  font-size: 60%;
  font-weight: bold;
  line-height: 12px;
  display: block;
}
h2.h1 {
  font-weight: normal;
}
h2,
h3.h2 {
  color: #216CB4;
  font-size: 120%;
  font-weight: bold;
}
h3,
.h3 {
  font-size: 110%;
  color: #808080;
  font-weight: bold;
  text-transform: uppercase;
}
h3 .img_vote {
  height: 20px;
  margin-top: -4px;
}
header {
  background-color: #216CB4;
  position: relative;
  z-index: 4500;
  height: 112px;
}
#login_nav {
  background-color: #165694;
}
#login_nav ul {
  text-align: right;
}
#login_nav ul li {
  display: inline-block;
}
#login_nav ul li .fa {
  font-size: 80%;
  margin-right: 4px;
}
#login_nav ul li.modo a {
  background: #FF7519;
  color: #FFFFFF;
}
#login_nav ul li.admin a {
  background: #000000;
  color: #FFFFFF;
}
#login_nav ul li span {
  color: #FFFFFF;
  font-size: 90%;
  text-transform: uppercase;
  margin-right: 4px;
}
#login_nav ul li a {
  display: block;
  line-height: 32px;
  padding: 0 12px;
  font-size: 90%;
  color: #b0d1f1;
}
#login_nav ul li a:hover {
  color: #FFFFFF;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#login_nav ul li ul li a {
  background: #000000;
  color: #E7E7E7;
  width: 240px;
  padding: 6px 10px;
}
#login_nav ul li ul li a:hover {
  background: #333333;
}
#login_nav ul li ul li.sep {
  border-top: 1px solid #0f3c68;
}
nav {
  background-color: #216CB4;
}
nav ul {
  text-align: right;
}
nav ul li {
  display: inline-block;
  margin-left: -4px;
}
nav ul li a {
  display: block;
  line-height: 80px;
  padding: 0 12px;
  color: #FFFFFF;
  font-size: 90%;
  text-transform: uppercase;
  color: #dceaf8;
}
nav ul li a:hover {
  background-color: #165694;
  color: #FFFFFF;
}
nav ul li ul,
#login_nav ul li ul {
  position: absolute;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
}
nav ul li ul li,
#login_nav ul li ul li {
  margin: 0;
  display: block;
  text-align: left;
}
nav ul li ul li.sep {
  border-top: 1px solid #216CB4;
}
nav ul li ul li a,
#login_nav ul li ul li a {
  background: #165694;
  color: #b0d1f1;
  display: block;
  margin: 0;
  width: 240px;
  border: 0;
  text-transform: none;
  line-height: 24px;
  padding: 10px 14px;
}
.logo_main {
  background: url(commun/logo.png) no-repeat;
  background-size: 112px;
  position: absolute;
  top: 10px;
  margin-left: 24px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.logo_main a {
  display: block;
  width: 112px;
  height: 98px;
  text-indent: -9999px;
}
.nav_scroll {
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  position: fixed;
  top: 0;
  margin-top: 0;
  z-index: 9999;
  width: 100%;
}
.nav_scroll .logo_main {
  background-size: 50px;
  top: 4px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.nav_scroll .logo_main a {
  width: 54px;
  height: 44px;
}
.nav_scroll ul li a {
  display: block;
  line-height: 50px;
  font-size: 90%;
}
.nav_scroll ul li ul li a {
  line-height: 24px;
}
.nav_cache {
  display: none;
}
.nav_scroll .nav_cache {
  display: inline-block;
}
nav ul li ul li a:hover,
#login_nav ul li ul li a:hover {
  border: 0;
  background: #216CB4;
  color: #FFFFFF;
}
nav ul li ul.fallback,
#login_nav ul li ul.fallback {
  display: none;
  z-index: 5000;
}
nav ul li:hover ul.fallback,
#login_nav ul li:hover ul.fallback {
  display: block;
}
.bloc_annonce_accueil {
  padding: 16px;
  background: #FFE719;
  top: 80px;
  position: relative;
  text-align: center;
  color: #000000;
  border-radius: 4px;
}
.bloc_annonce_accueil .btn {
  margin: 0 5px !important;
}
.bloc_annonce_accueil_mobile {
  display: none;
}
.bloc_annonce_accueil h2 {
  color: #000000;
  font-weight: normal;
  margin-top: 0;
}
#hero {
  height: 550px;
  position: relative;
  top: 0;
  text-align: center;
}
#hero h1 {
  padding: 140px 0 30px 0;
  color: #FFFFFF;
  font-size: 380%;
  -moz-text-shadow: 2px 2px 2px #000000;
  -webkit-text-shadow: 2px 2px 2px #000000;
  -o-text-shadow: 2px 2px 2px #000000;
  text-shadow: 2px 2px 2px #000000;
}
#hero h1.annonce_accueil {
  padding-top: 80px;
}
#hero .recherche input {
  height: auto;
  color: #666666;
  font-size: 140%;
  padding: 10px;
  width: 100%;
  line-height: 34px;
}
#hero .recherche button {
  width: 100%;
  line-height: 48px;
  font-size: 140%;
  margin: 0;
}
#hero .recherche .mini_france {
  padding: 2px 10px;
  border: 1px solid blue;
}
#hero #select_carb {
  border: 1px solid #E7E7E7;
  background: #FFFFFF;
  font-size: 140%;
  color: #cccccc;
  line-height: 34px;
  padding: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#hero #select_carb .fa {
  float: right;
  line-height: 34px;
}
#hero #select_carb:hover {
  border-color: #8A8A8A;
  cursor: pointer;
  color: #808080;
}
#hero .liste_btn_carb {
  display: none;
  position: absolute;
  width: 1294px;
  background: #FFFFFF;
  background: rgba(0,0,0,0.5);
  padding: 12px 0;
  z-index: 4200;
}
#hero .menu {
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  bottom: 0;
  width: 100%;
}
#hero .menu ul li {
  display: inline;
}
#hero .menu ul li a {
  width: 20%;
  display: inline-block;
  margin-left: -4px;
  line-height: 30px;
  padding: 10px 0;
  font-size: 90%;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#hero .menu ul li a .fa {
  position: relative;
  color: #cccccc;
  margin: 0.1em;
  margin-left: 0;
  vertical-align: middle;
  display: inline;
}
#hero .menu ul li a:hover {
  background-color: rgba(0,0,0,0.6);
}
#hero .menu ul li a:hover .fa {
  color: #FFFFFF;
}
footer {
  padding: 12px 0 0 0;
  background-color: #216CB4;
}
footer .column {
  margin: 12px 0;
}
footer p {
  text-transform: uppercase;
  color: #FFFFFF;
}
footer p .fa {
  margin-right: 4px;
  font-size: 130%;
}
footer ul li a,
footer abbr {
  color: #b0d1f1;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
footer ul li a {
  padding: 4px 0;
  display: inline-block;
  width: 100%;
}
footer ul li a:hover,
footer ul li a:hover abbr {
  color: #FFFFFF;
}
footer ul li a:hover {
  padding: 4px 4px 4px 8px;
}
.footer_legal {
  text-align: center;
  padding: 24px 0;
  margin-top: 24px;
  font-size: 90%;
  background: #165694;
}
.footer_legal ul  li {
  display: inline;
}
.footer_legal ul li a {
  display: inline;
  padding: 0;
  margin-right: 24px;
}
.footer_legal ul li a:hover {
  padding: 0;
}
#footer_copyright {
  padding: 12px 24px;
  text-align: center;
  color: #b0d1f1;
  font-size: 80%;
  background-color: #0f3c68;
}
#footer_copyright a {
  color: #b0d1f1;
}
#footer_copyright span {
  margin: 0 8px;
}
section {
  background-color: #F4F4F4;
  padding: 36px 0;
}
.deco_fond_blanc {
  background-color: #FFFFFF;
}
.deco_fond_transp {
  background-color: transparent;
}
.bar_bleu {
  background: #216CB4;
  color: #F4F4F4;
}
.bar_bleu .fa {
  margin-right: 4px;
}
.bar_bleu h2 {
  color: #F4F4F4;
  padding: 12px 24px;
  font-weight: normal;
  margin: 0;
}
.box_filtre_en_cours {
  background: #E7E7E7;
  margin: 12px 0;
  padding: 12px;
}
.box_filtre_en_cours .fa {
  margin-right: 12px;
}
.box_opaque {
  background-color: rgba(0,0,0,0.5);
  color: #FFFFFF;
}
.box_opaque h2 {
  color: #FFFFFF;
}
.box_opaque h3 {
  color: #a6a6a6;
}
.box_bleu,
.box_blanc {
  background: #216CB4;
  color: #FFFFFF;
  position: relative;
}
.box_gris {
  background: #F4F4F4;
  padding-top: 12px;
}
.box_blanc {
  background: #FFFFFF;
  color: #808080;
}
.box_blanc h2 {
  color: #216CB4;
}
.box_blanc h2.h3 {
  color: #a6a6a6;
}
.box_bleu h2 {
  text-transform: uppercase;
  font-size: 180%;
  color: #b0d1f1;
  font-weight: normal;
}
.box_bleu .columns {
  padding: 0;
}
.box_bleu a {
  color: #b0d1f1;
}
.box_bleu .btn {
  width: 100%;
}
.box_bleu .btn,
.box_bleu a:hover {
  color: #FFFFFF;
}
.box_bleu ul li:last-child {
  border-bottom: 1px solid #165694;
}
.box_bleu ul li a {
  border-top: 1px solid #165694;
  padding: 8px 24px;
  display: block;
}
.box_bleu ul li a:hover {
  background-color: #165694;
}
.box_bleu ul li a .fa {
  float: right;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.box_bleu ul li a:hover .fa {
  margin-right: -12px;
}
.box_pub_mobile {
  text-align: center;
  margin-bottom: 24px;
}
.box_pub_mobile div {
  margin: 0 auto;
}
.box_error,
.box_confirm,
.box_info,
.box_alert {
  padding-left: 72px;
  position: relative;
  z-index: 900;
  min-height: 70px;
}
.box_error {
  background: url(commun/picto_error.png) no-repeat 24px 24px #D83800;
  color: #FFFFFF;
}
.box_error a {
  color: #FFFFFF;
  text-decoration: underline;
}
.box_confirm {
  background: url(commun/picto_valid.png) no-repeat 24px 24px #8FBF00;
  color: #FFFFFF;
}
.box_confirm a {
  color: #FFFFFF;
  text-decoration: underline;
}
.box_info {
  background: url(commun/picto_info.png) no-repeat 24px 24px #5DABF3;
  color: #FFFFFF;
}
.box_info a {
  color: #FFFFFF;
  text-decoration: underline;
}
.box_alert {
  background: url(commun/picto_alert.png) no-repeat 24px 24px #F6E872;
  color: #4b4305;
}
.box_alert a {
  color: #000000;
  text-decoration: underline;
}
.box_error ul,
.box_confirm ul,
.box_info ul,
.box_alert ul {
  list-style-type: square;
  padding-left: 24px;
}
.box_error .btn,
.box_confirm .btn,
.box_info .btn,
.box_alert  .btn {
  text-decoration: none;
}
.box_error h2,
.box_confirm h2,
.box_info h2,
.box_alert h2 {
  color: #FFFFFF;
}
.box_alert h2 {
  color: #000000;
}
.no_icon {
  background-image: none;
  padding: 12px;
}
.box_focus {
  background-color: #E7E7E7;
}
.box_focus h2 {
  text-transform: uppercase;
  color: #666666;
}
.box_focus .fa {
  font-size: 220%;
  margin-left: -60px;
  float: left;
  margin-top: -10px;
}
.box_modo {
  background: #E26FFF;
  font-size: 90%;
  color: #8100a2;
}
.box_modo .btn {
  color: #FFFFFF !important;
}
.box_modo a,
.box_modo h3 {
  color: #216CB4;
}
.box_modo a:hover {
  text-decoration: underline;
}
.box_modo a.btn:hover {
  text-decoration: none;
}
.box_modo h2 {
  color: #FFFFFF;
}
.box_modo hr {
  border-color: #f7d5ff !important;
}
.box_modo .bloc_lib {
  color: #FFFFFF;
  border: 0;
}
.box_modo .bloc_lib .fa {
  margin-right: 4px;
}
.box_modo .bloc_cont {
  background-color: #f7d5ff;
  padding: 10px;
  border: 0;
  padding-bottom: 0;
}
.bloc_cont_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
  color: #fff;
}
.bloc_cont_close:hover {
  background: rgba(0,0,0,0.5);
}
.box_modo .bloc_cont hr {
  margin: 10px 0;
  border-color: #E26FFF !important;
}
.box_modo ul li a {
  border-bottom: 1px solid #eca2ff;
  display: block;
  line-height: 40px;
  font-size: 100%;
  text-align: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 5px;
}
.box_modo ul li a:hover {
  background-color: #eca2ff;
  text-decoration: none;
}
.box_modo ul li:last-child a {
  border: 0;
}
.box_scroll {
  height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}
.bloc_avis {
  margin-bottom: 24px;
}
.bloc_avis .columns:first-child {
  padding-left: 48px;
}
.bloc_avis .avis_contenu {
  background: #F4F4F4;
  padding: 12px;
  font-size: 90%;
}
.bloc_avis .avis_contenu hr {
  margin: 12px 0;
}
#bloc_option_filtre {
  background: #FFFFFF;
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.bloc_post {
  color: #666666;
  margin-bottom: 24px;
}
.bloc_histo_prix {
  border-bottom: 1px solid #E7E7E7;
  padding: 10px 0;
  font-size: 90%;
}
.post_content {
  padding: 24px;
  background-color: #FFFFFF;
}
.post_user {
  background: url(commun/ilu_bulle.png) top right no-repeat;
}
.bloc_em {
  padding: 12px;
  border: 1px solid transparent;
  border-bottom: 1px solid #F4F4F4;
  background: #fcfcfc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.bloc_em:last-child {
  margin-bottom: 24px;
}
.bloc_em:hover {
  cursor: pointer;
  background: #FFFFFF;
  color: #1a1a1a;
  border: 1px solid #cccccc;
}
.bloc_em:hover a {
  color: #666666;
}
.bloc_sond_question {
  padding: 24px 0;
  border-bottom: 1px solid #E7E7E7;
}
.bloc_bleu_focus {
  background-color: #165694;
  text-align: center;
}
.bloc_bleu_focus a {
  color: #FFFFFF;
}
.bloc_bleu_focus .fa {
  position: relative;
  top: 10px;
  margin-left: -4px;
}
.bloc_bleu_focus hr {
  border-color: #216CB4 !important;
}
.bloc_bleu_focus .row {
  margin: 0;
}
.bloc_bleu_focus .columns {
  padding: 0;
}
.bloc_bleu_focus table {
  margin: 0;
}
.bloc_bleu_focus table td,
.bloc_bleu_focus table th {
  background: #165694;
  font-size: 80%;
}
.bloc_date_blog {
  background-color: #E7E7E7;
  text-align: center;
  font-size: 170%;
  padding: 12px 0;
  line-height: 30px;
}
.bloc_date_blog hr {
  margin: 0 auto;
  width: 60%;
}
.bloc_lib {
  border-bottom: 1px solid #E7E7E7;
  padding: 8px 0;
  color: #216CB4;
  cursor: pointer;
}
.bloc_lib a {
  color: #808080;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.bloc_lib a:hover {
  color: #666666;
}
.bloc_cont {
  background-color: #F4F4F4;
  border-bottom: 1px solid #E7E7E7;
  display: none;
}
#bloc_france {
  display: none;
  padding: 24px;
  background: #165694;
  top: 5%;
  left: 5%;
  position: absolute;
  width: 90%;
  z-index: 5500;
  border-radius: 4px;
}
#bloc_france .titre {
  text-align: left;
  font-size: 140%;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-left: 24px;
  color: #FFFFFF;
}
#bloc_france .titre a {
  float: right;
  background-color: #FF7519;
  color: #FFFFFF;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#bloc_france .titre a:hover {
  background-color: #666666;
}
#bloc_france .titre a .fa {
  margin-left: 2px;
}
#bloc_france .box_blanc {
  border-radius: 4px;
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
}
#bloc_france ul li a {
  margin: 0;
  padding: 3px;
  display: inline-block;
  width: 100%;
  margin-top: 4px;
  border-radius: 2px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#bloc_france ul li a:hover {
  background: #216CB4;
  color: #FFFFFF;
}
#bloc_france .bottom {
  text-align: right;
}
#bloc_france .bottom .btn {
  margin: 0;
}
#btn_france {
  padding: 3px 10px;
}
table .btn {
  margin: 0;
}
table thead,
table tbody,
table tfoot {
  background-color: #f9f9f9;
  border: 0;
  font-size: 100%;
}
table tbody tr th {
  font-weight: normal;
  background-color: #216CB4;
  color: #FFFFFF;
  text-align: left;
}
table tbody tr:nth-child(2n) {
  background-color: #FFFFFF;
}
table.station tbody tr:nth-child(2n) {
  background-color: #f9f9f9;
}
table.station tbody tr td {
  border-bottom: 1px solid #E7E7E7;
}
table tbody tr.forum_sticker {
  background-color: #EAF8D6;
  border-bottom: 1px solid #bde97f;
}
table tbody tr.forum_message_cache {
  background-color: #FCE0CE;
  border-bottom: 1px solid #f6a36e;
}
table tbody tr td.vtop {
  vertical-align: top;
}
table.station_solo th,
table.station_solo td {
  padding: 10px 5px;
  text-align: center;
}
table.station_solo th .ico_eu,
table.station_solo td .ico_eu {
  width: 24px;
  margin: 0 6px;
  filter: brightness(0) invert(1);
}
table hr {
  border-color: #FFFFFF !important;
  margin: 2px 0;
}
table.vertical tbody th {
  background: #E7E7E7;
  color: #1a1a1a;
  text-align: right;
  font-weight: normal;
  padding: 12px;
  width: 180px !important;
  vertical-align: top;
}
table.vertical tbody td {
  background: #F4F4F4;
  padding: 12px;
}
table.vertical tbody hr {
  border-color: #E7E7E7 !important;
  margin: 5px 0;
}
table.vertical tbody tr {
  border-bottom: 1px solid #FFFFFF;
}
th a {
  color: #b0d1f1;
}
th a:hover {
  color: #FFFFFF;
}
th .fa {
  padding: 0 1px;
  margin-right: -2px;
  color: rgba(255,255,255,0.8);
}
th .fa:hover {
  color: #FFFFFF;
}
table tbody tr.td-ciel,
td.td-ciel {
  background: #c6def5 !important;
  color: #165694;
}
tr:nth-child(2n) td.td-ciel {
  background: #dceaf8 !important;
}
td.td-rouge {
  background: #ff9772 !important;
  color: #165694;
}
tr:nth-child(2n) td.td-rouge {
  background: #ffbca5 !important;
}
td.td-vert {
  background: #d5ff59 !important;
  color: #165694;
}
tr:nth-child(2n) td.td-vert {
  background: #e2ff8c !important;
}
.milieu {
  text-align: center;
  color: #808080;
  line-height: 40px;
}
.milieu ul li {
  display: inline-block;
}
.milieu .pagecourante {
  background: #E7E7E7;
  font-weight: bold;
  line-height: auto;
  padding: 9px 7px;
}
.milieu ul li a {
  line-height: auto;
  padding: 0;
  width: 24px;
}
.suiv {
  text-align: right;
}
.prec .fa,
.suiv .fa {
  font-size: 80%;
}
.suiv_prec a {
  text-decoration: none;
  color: col_gris5;
  display: inline-block;
  line-height: 40px;
  padding-left: 12px;
  padding-right: 12px;
}
.suiv_prec a:hover {
  background: #b0d1f1;
  color: #165694;
}
.btn {
  font-family: 'Roboto', helvetica, sans-serif;
  background-color: #FF7519;
  color: #FFFFFF;
  padding: 4px 8px;
  display: inline-block;
  line-height: 26px;
  border-radius: 2px;
}
.btn:hover,
.btn:focus {
  color: #FFFFFF;
  background-color: #666666;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.btn_mini {
  padding: 2px 6px;
  font-weight: normal;
}
.btn_mini .fa {
  margin: 0;
}
.btn_gris {
  background: #808080;
  text-align: center;
}
.maj {
  background-color: #5DABF3;
}
.supp {
  background-color: #D83800;
}
.valid {
  background-color: #8FBF00;
}
.obligatoire {
  color: #F04400;
  font-size: 180%;
  margin-left: 4px;
  line-height: 1px;
}
.check {
  margin-right: 0;
}
.champ_prix {
  padding: 8px;
  background: #fff !important;
  line-height: 30px;
  max-width: 100%;
  text-align: right;
  font-size: 140% !important;
  margin-left: 0;
  float: left;
  width: 120px;
  color: #666666;
  font-weight: bold;
}
.feu_prix {
  float: left;
  margin-right: 12px;
}
.info_champ {
  font-style: italic;
  margin-top: -14px;
  margin-bottom: 24px;
  font-size: 90%;
}
.label_align {
  padding-top: 10px;
}
.champ_cache {
  position: absolute;
  left: -4000px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #808080;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #808080;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #808080;
}
input::placeholder,
textarea::placeholder {
  color: #808080;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
[type="text"],
[type="password"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
textarea,
select {
  border-color: #cccccc;
  box-shadow: none;
  border-radius: 0;
  height: auto;
}
.box_blanc [type="text"],
.box_blanc [type="password"],
.box_blanc [type="email"],
.box_blanc [type="number"],
.box_blanc [type="search"],
.box_blanc [type="tel"],
.box_blanc textarea,
.box_blanc select {
  background-color: #F4F4F4;
  font-size: 100%;
}
form .columns label.middle {
  text-align: right;
}
form .columns label.middle_solo {
  padding: 4px 0 0 0;
  text-align: right;
}
.box_gris select {
  background: #FFFFFF;
}
[type="checkbox"].check:not(:checked),
[type="checkbox"].check:checked,
[type="radio"].check:not(:checked),
[type="radio"].check:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"].check:not(:checked) + label,
[type="checkbox"].check:checked + label,
[type="radio"].check:not(:checked) + label,
[type="radio"].check:checked + label {
  position: relative;
  padding: 6px 30px;
  cursor: pointer;
}
[type="checkbox"].check:not(:checked) + label:before,
[type="checkbox"].check:checked + label:before,
[type="radio"].check:not(:checked) + label:before,
[type="radio"].check:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
}
[type="radio"].check.check:not(:checked) + label:before,
[type="radio"].check:checked + label:before {
  border-radius: 50%;
}
[type="checkbox"].check:not(:checked) + label:after,
[type="checkbox"].check:checked + label:after,
[type="radio"].check:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '\002714';
  position: absolute;
  top: 0px;
  left: 4px;
  font-size: 20px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
[type="radio"].check:not(:checked) + label:after,
[type="radio"].check:checked + label:after {
  content: '\002022';
  top: -40px;
  left: 1px;
  font-size: 64px;
}
[type="checkbox"].check:not(:checked) + label:after,
[type="radio"].check:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"].check:checked + label:after,
[type="radio"].check:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"].check:disabled:not(:checked) + label:before,
[type="checkbox"].check:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"].check:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"].check:disabled + label,
[type="radio"].check:disabled + label {
  color: #aaa;
}
.box_blanc [type="checkbox"]:not(:checked) + label:before,
.box_blanc [type="checkbox"].check:checked + label:before,
[type="radio"].check:not(:checked) + label:before,
.box_blanc [type="radio"].check:checked + label:before {
  background: #F4F4F4;
  border-color: #E7E7E7;
}
[type="checkbox"].check + label,
[type="radio"].check + label {
  margin-left: 0;
}
.onglet li {
  display: inline;
}
.onglet li h2 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  line-height: 1.6em;
}
.onglet li.actif {
  display: inline-block;
  background: #FFFFFF;
  padding: 12px;
  margin-right: 8px;
  border-top: 4px solid #FF7519;
  color: #216CB4;
  font-weight: bold;
}
.onglet li a {
  display: inline-block;
  background: #E7E7E7;
  color: #666666;
  padding: 12px;
  margin-right: 8px;
  border-top: 4px solid #F4F4F4;
}
.onglet li a:hover {
  background: #FFFFFF;
  border-top: 4px solid #FF7519;
}
.box_cont_article i {
  font-size: 110%;
  color: #1a1a1a !important;
}
.box_cont_article h2 {
  margin: 0;
}
.box_cont_article h3 {
  margin: 0;
  font-size: 100%;
}
.box_cont_article  img {
  max-width: 100%;
}
.box_cont_article ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.box_cont_article ul li {
  list-style-type: square;
}
.modo_rep_message {
  background: #E7E7E7;
  margin-top: 10px;
  padding: 5px;
  font-size: 90%;
}
.modo_rep_message p {
  font-weight: bold;
  color: #000000;
}
.station_coord {
  position: relative;
}
.btn_alerte_mail {
  font-size: 90%;
  padding-right: 4px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 0;
}
.btn_alerte_mail .active {
  color: green;
}
.btn_alerte_mail .desactive {
  color: red;
}
.ilu_aa,
.ilu_ae {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 80%;
  padding: 1px 4px;
}
.ilu_aa {
  background: #02BA47;
}
.ilu_ae {
  background: #C71A09;
}
.champs_calendar_disabled,
.champs_calendar_disabled:focus {
  border: 0;
  cursor: pointer !important;
  font-weight: bold;
}
.champs_calendar_disabled:hover {
  color: #666666;
}
.fa-lien {
  font-size: 80%;
  padding: 2px 4px;
  background: #FF7519;
  border-radius: 4px;
  color: #FFFFFF;
}
.fa-lien:hover {
  background: #666666;
  color: #FFFFFF;
}
.box_service {
  border-bottom: 1px solid #E7E7E7;
  margin-top: 12px;
}
.box_google_map table thead,
.box_google_map table tbody {
  background: #FFFFFF;
}
.no_change_prix {
  background-color: #DFFCB6 !important;
  border: 1px solid #99D543;
  color: #5B8321;
}
.info_prix {
  padding: 4px;
  margin-bottom: 8px;
  display: none;
  background: rgba(255,255,255,0.5);
  color: #808080;
}
#map {
  width: 100% !important;
  height: 480px;
  border: 1px solid #E7E7E7;
}
.map_wrapper {
  position: relative;
}
.fullscreen {
  position: fixed !important;
  top: 0;
  height: 100% !important;
  left: 0;
  z-index: 4000;
}
.box_idlead {
  border: 1px solid red;
  padding: 4px;
  font-size: 90%;
  background: #FA3500;
  color: #FFFFFF;
}
#bloc_recherche_rapide {
  background: #165694;
  padding: 24px;
  position: fixed;
  width: 100%;
  display: none;
  height: auto;
  z-index: 2000;
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
}
#bloc_recherche_rapide [type="text"] {
  margin: 0;
  line-height: 27px;
}
#bloc_recherche_rapide .btn {
  width: 100%;
  max-width: 140px;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 34px;
}
#bloc_recherche_rapide .btn_home_geoloc {
  text-align: center;
}
#bloc_recherche_rapide .fa {
  font-size: 24px;
}
.logo_chaine {
  width: 48px;
}
#popin_tel {
  display: none;
}
#popin_tel img {
  max-width: 100%;
}
#popin_tel #dolead_message {
  font-size: 80%;
  color: #808080;
  padding: 6px 0;
}
#popin_tel .close_tel {
  background: #F4F4F4;
  padding: 4px;
  text-align: center;
  cursor: pointer;
}
.station_option {
  margin-top: 10px;
}
.station_option ul li {
  display: inline-block;
}
.station_option ul li a {
  margin: 0;
  width: 28px;
  padding: 2px;
  line-height: 24px;
  text-align: center;
  display: block;
  font-size: 160%;
  color: #cccccc;
}
.station_option ul li a .fa {
  margin: 0;
}
.station_option ul li a:hover {
  color: #666666;
}
.station_option ul li a .fa:hover {
  background: none;
}
.station_option .btn {
  padding-left: 0;
}
.station_option .btn .fa {
  font-size: 120%;
}
.station_option .btn:hover {
  background: #808080;
  color: #FFFFFF;
}
.station_user {
  font-size: 90%;
}
.station_user .fa {
  margin: 0;
}
.station_user img {
  max-width: 68px;
}
.station_picto img {
  margin: 4px 2px;
}
.station_comm {
  font-style: italic;
  margin-top: 10px;
  font-size: 90%;
}
.station_gps {
  margin-top: 10px;
  border-top: 1px solid #E7E7E7;
  margin-bottom: 24px;
  font-size: 90%;
}
.station_gps .fa-location {
  margin-left: -8px;
}
.station_lien {
  padding: 1px 4px;
  margin: 0 4px;
  background: #F4F4F4;
  color: #666666;
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-style: normal;
  font-size: 80%;
  white-space: nowrap;
  text-transform: uppercase;
}
.station_lien:hover {
  background: #808080;
  color: #FFFFFF;
}
.station_lien .fa {
  margin-left: 0;
}
.station_lien .fa:hover {
  background: none;
}
.station_tel {
  margin-top: 8px;
}
.station_tel .aff_tel {
  text-align: center;
}
.station_tel .aff_tel a {
  color: #666666;
  display: block;
  background: #F4F4F4;
  border: 1px solid #E7E7E7;
  font-weight: bold;
  line-height: 36px;
}
.station_tel .aff_tel_bloc {
  border-bottom: 1px solid #E7E7E7;
  padding: 0 4px 8px 4px;
  border: 1px solid blue;
}
.station_btn {
  text-align: right;
  margin-top: 8px;
}
.station_btn .btn {
  margin: 4px 0;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  margin-bottom: 8px;
}
.info_ville_frontaliere {
  border: 1px solid #fdfaad;
  padding: 12px;
  margin: 6px 0;
  background-color: #fefeed;
}
.bg_frontaliere {
  background-color: #FEFDDE;
}
.tableau_prix_carburant a .fa {
  font-size: 80%;
  padding: 0 2px;
}
.tableau_prix_carburant. th {
  border: 1px solid red;
  font-size: 12px;
  line-height: auto;
}
.tableau_prix_carburant th .fa:hover {
  background: rgba(0,0,0,0.2);
}
.liste_btn_carb ul li {
  display: inline-block;
  margin-right: 10px;
}
.liste_btn_carb ul li a {
  font-weight: normal;
}
.btn_carb,
.btn_carb_on {
  padding: 6px 10px 6px 6px;
  display: block;
  width: 90px;
  border-radius: 2px;
  text-transform: uppercase;
  text-align: left;
}
.btn_carb .fa-vide {
  padding-left: 19px;
}
.btn_carb_on .fa {
  margin-right: 0;
}
.btn_carb_on {
  background: #5ADA13;
  border: 1px solid #47ab0f;
  color: #FFFFFF;
}
.btn_carb {
  background: #F4F4F4;
  border: 1px solid #E7E7E7;
  color: #808080;
}
.btn_carb_on:hover {
  background: #47ab0f;
  color: #FFFFFF;
}
.btn_carb:hover {
  background: #FFFFFF;
  color: #000000;
}
#breadcrumb {
  margin: 12px 0 6px 0;
}
#breadcrumb ul li {
  display: inline-block;
}
#breadcrumb a {
  margin-right: 10px;
}
#breadcrumb .fa {
  margin: 0;
}
.forum_mini_titre {
  margin: 12px 0 -20px;
}
.forum_mini_titre a {
  font-size: 110%;
  color: #808080;
  text-transform: uppercase;
}
.forum_mini_titre a:hover {
  color: #666666;
}
.forum_post_cache {
  background-color: #DBDBDB;
  padding: 10px 20px;
}
.forum_post_cache .post_user {
  background-image: none;
}
.forum_post_cache .post_content {
  background-color: #DBDBDB;
}
.quote {
  background-color: #F3FAFD;
  border: 1px solid #b9dcf0;
  padding-left: 40px;
  color: #165694;
}
.quote .fa {
  font-size: 60%;
}
.forum_note_modo {
  font-size: 90%;
  padding: 16px;
  margin: 12px 0 0 0;
  background-color: #FCE0CE;
  color: #8f3d09;
}
.forum_note_modo p {
  text-transform: uppercase;
}
.post_info {
  position: relative;
  font-size: 80%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.post_info .date {
  color: #65b2de;
}
.post_info a .fa {
  margin: 0;
}
.post_info .box_modo {
  position: relative;
  z-index: 3000;
  padding: 4px;
  margin: 0;
  border-radius: 2px;
}
.post_info .bloc_lib {
  padding: 0;
}
.post_info a {
  color: #65b2de;
  border-radius: 2px;
  margin-right: 4px;
  padding: 2px 4px;
}
.post_info a:hover {
  color: #FFFFFF;
  background: #216CB4;
}
#link_to_top {
  color: rgba(0,0,0,0.3);
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 0 6px 0 10px;
  line-height: 30px;
  display: none;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#link_to_top:hover {
  color: rgba(0,0,0,0.8);
}
.compteur {
  border-color: transparent !important;
  background-color: transparent !important;
  margin-top: -16px;
  color: #808080;
  font-style: italic;
}
.tag a {
  font-size: 90%;
  color: #666666;
  background: #E7E7E7;
  padding: 4px 8px;
  margin-top: 5px;
  display: inline-block;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.tag a:hover {
  color: #1a1a1a;
  background: #cccccc;
}
#ombre {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.8);
  z-index: 5100;
}
.td_coldate,
.td_col_sp98,
.td_col_sp95,
.td_col_gazp,
.td_col_gaz,
.td_col_e10,
.td_col_e85,
.td_col_gpl {
  padding-top: 10px;
  padding-bottom: 10px;
}
th.col_carb {
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  width: 44px;
  padding: 0;
}
th.col_carb .ico_eu {
  width: 24px;
  margin-top: 6px;
  filter: brightness(0) invert(1);
}
th.col_carb div {
  line-height: 12px;
  margin: 6px 0 -2px 0;
}
th.col_carb_detail {
  padding-left: 10px;
  text-align: left;
}
th.col_carb_detail .ico_eu {
  margin: 0;
}
.label_carb {
  text-align: left;
}
.label_carb .ico_eu {
  width: 24px;
  filter: brightness(0) invert(1);
}
.th_coldate {
  background-color: #E7E7E7;
}
th.col_sp98,
.th_col_sp98 {
  background-color: #EE660C;
}
th.col_sp95,
.th_col_sp95 {
  background-color: #EEB60C;
}
th.col_gazp,
.th_col_gazp {
  background-color: #000000;
}
th.col_gaz,
.th_col_gaz {
  background-color: #414141;
}
th.col_e10,
.th_col_e10 {
  background-color: #AAC10D;
}
th.col_e85,
.th_col_e85 {
  background-color: #13A31D;
}
th.col_gpl,
.th_col_gpl {
  background-color: #2C5274;
}
td.col_sp98,
td.col_sp95,
td.col_gaz,
td.col_gazp,
td.col_e10,
td.col_e85,
td.col_gpl {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  padding: 0 5px;
}
.td_coldate {
  background-color: #F4F4F4;
}
td.col_sp98,
.td_col_sp98 {
  background-color: #feede2;
  color: #EE660C;
}
td.col_sp95,
.td_col_sp95 {
  background-color: #fef7e2;
  color: #8d6c07;
}
td.col_gazp,
.td_col_gazp {
  background-color: #d9d9d9;
  color: #000000;
}
td.col_gaz,
.td_col_gaz {
  background-color: #e7e7e7;
  color: #414141;
}
td.col_e10,
.td_col_e10 {
  background-color: #eef9a1;
  color: #6b7908;
}
td.col_e85,
.td_col_e85 {
  background-color: #d4fad7;
  color: #13A31D;
}
td.col_gpl,
.td_col_gpl {
  background-color: #dfeaf3;
  color: #2C5274;
}
.label_carb {
  padding: 6px 10px !important;
}
.td_col_carb {
  padding: 6px 10px !important;
}
.th_coldate .label_carb {
  line-height: 36px;
}
#station_tel_api {
  display: none;
  border: 1px solid red;
  background: #FFFFFF;
  width: 100%;
  top: 240px;
  font-size: 80%;
}
#station_tel_api #tel_api_numero {
  border: 1px solid blue;
}
#station_tel_api #tel_api_message {
  border: 1px solid blue;
}
#station_tel_api .close_text {
  padding: 5px 10px;
  background: #F4F4F4;
  text-align: right;
  cursor: pointer;
  font-size: 120%;
}
#station_tel_api .close_x:hover,
#station_tel_api .close_text:hover {
  background: #E7E7E7;
}
.popin {
  text-align: center;
  position: fixed;
  top: 180px;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
  background: #F4F4F4;
  padding: 0;
  z-index: 5500;
}
.popin .titre {
  background: #216CB4;
  color: #FFFFFF;
  padding: 12px;
  text-transform: uppercase;
  font-size: 140%;
  text-align: left;
}
.popin .titre a {
  color: #b0d1f1 !important;
  float: right;
  color: #FFFFFF;
}
.popin .titre a:hover {
  color: #FFFFFF !important;
  background-color: #165694;
}
.popin .contenu {
  padding: 24px 24px 0 24px;
}
.popin .bottom {
  padding: 12px;
  background-color: #E7E7E7;
  text-align: right;
}
.popin .bottom a {
  color: #666666;
}
.popin .bottom a:hover {
  color: #1a1a1a;
}
.popin .bottom .btn {
  margin: 0;
  color: #FFFFFF;
  background-color: #666666;
}
.popin .bottom .btn:hover {
  color: #FFFFFF;
  background: #1a1a1a;
}
#ombre,
.popin {
  display: none;
}
.btn_home_geoloc_mobile {
  display: none;
}
.btn_home_geoloc {
  line-height: 48px;
  width: 100%;
  margin: 0;
  padding: 2px 0;
  background-color: #2EBDF8;
}
.btn_home_geoloc .fa {
  font-size: 180%;
  margin: 0;
}
.google_maps_tooltip {
  position: absolute;
  width: 145px;
  padding: 5px;
  border: 1px solid gray;
  font-size: 9pt;
  background-color: #fff;
  color: #000;
}
#map .map_btn {
  background: #216CB4;
  color: #FFFFFF;
  font-size: 160%;
  border-radius: 4px;
  padding: 2px;
}
#map .map_btn:hover {
  background: #666666;
}
.tableau_prix_carburant .fa-autoroute,
#map .fa-autoroute {
  font-size: 180%;
  color: #043CF2;
  top: 5px;
  left: -6px;
  position: relative;
  line-height: 10px;
}
.force_center {
  margin-left: auto;
  margin-right: auto;
}
.no_deco {
  border: 0;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.w25p {
  width: 25%;
}
.w50p {
  width: 50%;
}
.w75p {
  width: 75%;
}
.inner {
  padding: 24px;
}
.inner > h2 {
  margin-top: 0;
}
.inner_mini {
  padding: 12px;
}
.uppercase {
  text-transform: uppercase;
}
.text-right-web {
  text-align: right;
}
.text-center-web {
  text-align: center;
}
.penurie {
  background: #F04400;
  color: #fff;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 2px 4px;
  text-transform: uppercase;
}
.absmiddle {
  margin: 0.1em;
  margin-left: 0;
  vertical-align: middle;
  display: inline;
}
.bold {
  font-weight: bold;
}
.text-80 {
  font-size: 80% !important;
}
.text-90 {
  font-size: 90% !important;
}
.text-100 {
  font-size: 100% !important;
}
.text-110 {
  font-size: 110% !important;
}
.text-120 {
  font-size: 120% !important;
}
.text-130 {
  font-size: 130% !important;
}
.text-140 {
  font-size: 140% !important;
}
.text-160 {
  font-size: 160% !important;
}
.text-180 {
  font-size: 180% !important;
}
.text-200 {
  font-size: 200% !important;
}
.text-240 {
  font-size: 240% !important;
}
.text-300 {
  font-size: 300% !important;
}
.text-360 {
  font-size: 360% !important;
}
.text-blanc {
  color: #FFFFFF !important;
}
.text-ciel {
  color: #b0d1f1;
}
.text-gris {
  color: #a6a6a6 !important;
}
.text-gris-clair {
  color: #E7E7E7;
}
.text-vert {
  color: #5ADA13 !important;
}
.text-rouge {
  color: #F04400 !important;
}
.text-orange {
  color: #FF7519 !important;
}
.text-jaune {
  color: #FFF221 !important;
}
.text-noir {
  color: #000000;
}
.text-bleu {
  color: #0473DA;
}
.text-violet {
  color: #C356EC;
}
.text-main {
  color: #216CB4;
}
.text-min {
  text-transform: none;
}
.force_bottom {
  position: absolute;
  bottom: 24px;
}
.mb0 {
  margin-bottom: 0;
}
.mt0 {
  margin-top: 0;
}
.m0 {
  margin: 0 !important;
}
footer {
  clear: both;
}
.row_focus {
  border-bottom: 1px solid #FFFFFF;
  font-size: 90%;
}
.row_focus hr {
  margin: 5px 0;
  border-color: #cccccc !important;
}
.row_focus .columns:first-child {
  background: #E7E7E7;
  color: #000;
  padding: 10px;
  text-align: right;
}
.row_focus .columns:last-child {
  background: #F4F4F4;
  padding: 10px;
}
.gouv_etat_manuel {
  color: #007FF6;
}
.gouv_etat_auto {
  color: #0CCC0C;
}
.gouv_etat_echec {
  color: #FF0000;
}
.gouv_etat_en_cours {
  color: #DD27D2;
}
.gouv_etat_annule {
  color: #FB6217;
}
.coche_prix_inchange {
  text-align: right;
}
.coche_prix_inchange label {
  cursor: pointer;
}
.coche_penurie label {
  display: inline-block;
  font-size: 90%;
  min-width: 150px;
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.4);
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 0 4px 0;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.coche_penurie label:hover {
  background: rgba(0,0,0,0.1);
  border-color: rgba(0,0,0,0.5);
}
.coche_penurie input {
  margin: 0;
}
.puce {
  list-style-type: square;
  margin-left: 24px;
}
.ul_liste li {
  padding: 12px;
}
.ul_liste li:nth-child(odd) {
  background: #FFFFFF;
}
.ul_liste li:nth-child(even) {
  background: #F4F4F4;
}
.ul_em {
  margin: 0 !important;
  padding: 0 !important;
}
.ul_em li {
  list-style-type: none;
}
.ul_em li a {
  display: block;
  padding: 6px 0;
  text-decoration: none;
  border-bottom: 1px solid #7ca600;
}
.ul_em li a:hover {
  padding-left: 10px;
  background-color: #a2d900;
}
.ul_em li:last-child a {
  border: 0;
}
.ul_style_1 li a {
  border-top: 1px solid #E7E7E7;
  color: #216CB4;
  padding: 8px;
  display: block;
}
.ul_style_1 span.focus {
  background: #216CB4;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: bold;
  font-size: 90%;
}
.ul_style_1 li:last-child {
  border-bottom: 1px solid #E7E7E7;
}
.ul_style_1 li a:hover {
  background-color: #f9f9f9;
  color: #FF7519;
}
.ul_style_1 li a .fa,
.ul_style_2 li a .fa {
  float: right;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.ul_style_1 li a:hover .fa,
.ul_style_2 li a:hover .fa {
  margin-right: 0;
}
.ul_style_2 li {
  border-top: 1px solid #E7E7E7;
  padding: 8px 8px 8px 0;
  display: block;
}
.ul_style_2 li:last-child {
  border-bottom: 0;
}
.ul_style_2 li a {
  color: #216CB4;
  display: inline;
}
.ul_style_2 li a:hover {
  color: #FF7519;
}
.mob {
  display: none;
}
.cc_logo {
  display: none !important;
}
.cc_container {
  left: 20px !important;
}
.cc_container .cc_btn {
  bottom: 20px !important;
}
#menu_mobile {
  display: none;
}
nav ul li a .fa-mob {
  display: none;
}
.close_liste_btn_carb {
  display: none;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  header nav ul li a {
    padding: 0 4px;
  }
  .btn_home_geoloc_mobile {
    display: block;
    margin: 10px auto 0 auto;
    max-width: 380px;
    font-size: 16px;
    padding: 12px;
  }
  #hero h1 {
    font-size: 280%;
  }
  #hero .menu ul li a .fa {
    display: block;
  }
  #hero .menu ul li a {
    line-height: 20px;
  }
  #hero .recherche #select_carb {
    font-size: 120%;
  }
  #hero .recherche button span {
    font-size: 80%;
  }
  #hero .liste_btn_carb {
    padding: 1%;
    width: 98% !important;
    margin-top: 40px;
  }
  .btn_carb,
  .btn_carb_on {
    padding: 6px 6px 6px 2px;
    width: 80px;
  }
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media screen and (max-width: 910px) {
  #menu_mobile {
    display: block;
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 4400;
    background-color: #13497e;
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  }
  #menu_mobile img {
    height: 48px;
  }
  #menu_mobile .fa-2x {
    margin-top: 4px;
    font-size: 200%;
  }
  header {
    height: 50px;
  }
  .logo_main {
    display: none;
  }
  nav,
  #login_nav {
    padding: 8px;
    display: none;
    position: absolute;
    width: 100%;
    top: 50px;
    border-bottom: 4px solid #13497e;
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  }
  nav ul,
  #login_nav ul {
    text-align: left;
  }
  nav ul li,
  #login_nav ul li {
    margin: 0;
    display: block;
  }
  nav ul li a,
  #login_nav ul li a {
    display: block;
    line-height: 42px;
    padding: 0 ;
    background: #216CB4;
    text-transform: uppercase;
  }
  nav ul li a .fa,
  #login_nav ul li a .fa {
    display: block;
    float: right;
  }
  nav ul li a:hover,
  #login_nav ul li a:hover {
    padding-left: 8px;
  }
  nav ul li:hover ul.fallback,
  #login_nav ul li:hover ul.fallback {
    display: none;
  }
  nav ul li ul.fallback {
    display: none;
    position: static;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  nav ul li ul.fallback li a {
    display: block;
    width: 100%;
    padding-left: 20px;
    background: #2579ca;
  }
  nav ul li ul.fallback li a:hover {
    background: #165694;
  }
  #login_nav ul li span {
    background: #0f3c68;
    padding: 4px;
    text-align: center;
    line-height: 24px;
    display: block;
    width: 100%;
  }
  #login_nav ul li a .fa {
    float: none;
    display: inline;
    font-size: 160%;
  }
  #login_nav ul li.big {
    margin: 20px;
  }
  #login_nav ul li.big a {
    line-height: 48px;
  }
  .fallback_mobile {
    display: block !important;
    position: relative !important;
    box-shadow: none !important;
  }
  .fallback_mobile li a {
    width: 100% !important;
  }
}
@media screen and (max-width: 39.9375em) {
  body {
    font-size: 90%;
  }
  .label_carb {
    line-height: 18px;
  }
  .equal_height {
    margin: 10px 0;
  }
  .center-mobile {
    text-align: center;
  }
  .lib_rec_carb {
    font-size: 0;
  }
  .lib_rec_carb::before {
    content: "Carb";
    font-size: initial;
  }
  .champ_prix {
    line-height: 24px;
    margin-bottom: 4px;
  }
  .coche_prix_inchange {
    padding-top: 4px;
  }
  .coche_prix_inchange [type="file"],
  .coche_prix_inchange [type="checkbox"],
  .coche_prix_inchange [type="radio"] {
    margin-bottom: 0;
  }
  #hero {
    height: auto;
    padding: 10px 0 20px 0;
  }
  #hero h1 {
    font-size: 140%;
    padding: 0;
    margin: 8px 0 8px 0;
    line-height: 32px;
  }
  #hero .recherche {
    padding: 0 10px;
  }
  #hero .recherche .columns {
    margin: 0;
    padding: 0 2px;
  }
  #hero .recherche input,
  #hero .recherche button,
  #hero .recherche #select_carb {
    font-size: 100%;
    text-align: left;
    line-height: 36px;
    padding: 2px;
    height: 44px;
    margin-bottom: 0;
  }
  #hero .recherche button.btn {
    margin: 0;
    text-align: center;
  }
  #hero .recherche button.btn .fa {
    font-size: 140%;
    position: relative;
    top: 0;
  }
  #hero .close_liste_btn_carb {
    color: #fff;
    padding: 0;
    margin: 10px 0 10px 0;
    display: block;
    font-size: 120%;
    font-weight: bold;
  }
  #hero .close_liste_btn_carb .btn {
    margin: 0;
    padding: 8px 30px;
  }
  #hero .liste_btn_carb {
    background: rgba(0,0,0,0.75);
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 40px;
    width: 100%;
    position: fixed;
  }
  #hero .liste_btn_carb ul li {
    margin: 4px;
  }
  #hero .liste_btn_carb ul li a {
    text-align: center;
  }
  footer .row .row {
    margin: 0;
  }
  footer .columns,
  footer .column {
    padding: 0 !important;
    margin: 0;
  }
  footer .menu_footer p {
    font-family: "roboto", helvetica, sans-serif;
    padding-left: 20px;
    line-height: 32px;
    cursor: pointer;
    text-transform: none;
  }
  footer .menu_footer ul {
    display: none;
  }
  footer .menu_footer ul li a {
    background: #195289;
    padding-left: 20px;
    line-height: 32px;
  }
  .footer_legal {
    padding: 10px 0;
  }
  .footer_legal ul li {
    text-align: center;
  }
  .footer_legal ul li a {
    text-align: center;
    line-height: 28px;
  }
  .btn_home_geoloc_mobile {
    display: block;
    margin: 18px auto 0 auto;
    max-width: 296px;
    font-size: 100%;
    padding: 6px 0;
  }
  .btn_home_geoloc_mobile .fa {
    margin: 0;
  }
  .btn_home_geoloc {
    line-height: 35px;
  }
  .popin {
    background: #f4f4f4;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    width: 90%;
  }
  .popin .titre {
    font-size: 120%;
    padding: 6px;
  }
  .popin .contenu {
    padding: 10px 10px 0;
  }
  .bloc_annonce_accueil_mobile {
    margin: 0 14px 20px 14px;
    padding: 20px;
    background: #FFE719;
    text-align: center;
    color: #000000;
  }
  .bloc_annonce_accueil_mobile .btn {
    margin: 4px;
  }
  .liste_btn_carb li {
    margin-bottom: 10px;
  }
  .milieu {
    line-height: 24px;
  }
  .suiv_prec a {
    line-height: 24px;
  }
  .bloc_option_filtre {
    margin: 10px 0;
  }
  .text-right-web {
    text-align: center;
  }
  .mob {
    display: block;
  }
  .row_content {
    float: none;
    width: 100%;
  }
  .row_sidebar {
    float: none;
    width: 100%;
  }
  h1 {
    font-size: 120%;
    line-height: 28px;
  }
  h2,
  .box_bleu h2 {
    font-size: 100%;
    margin-bottom: 10px;
  }
  .inner {
    padding: 10px;
  }
  #bloc_recherche_rapide .columns {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
  }
  #bloc_recherche_rapide .btn {
    padding: 4px 0;
  }
  #bloc_recherche_rapide .btn_rec_rapide_mobile {
    margin-top: 10px !important;
  }
  form .columns {
    min-height: 30px;
  }
  label.middle {
    text-align: left !important;
    padding: 0;
    margin: 0;
  }
  .onglet h2 {
    font-weight: normal;
  }
  .onglet li.actif,
  .onglet li a {
    padding: 10px 6px;
    margin-right: 4px;
  }
  .onglet li .fa {
    display: none;
  }
  .bloc_avis .btn {
    margin: 5px 0 !important;
  }
  .avis_contenu .avatar {
    width: 40px;
    margin-right: 10px;
  }
  .logo_chaine {
    width: 30px;
  }
  .tableau_prix_carburant td {
    padding: 5px;
  }
  .pad_mob {
    padding: 10px;
  }
  .w25p,
  .w50p,
  .w75p {
    width: 100%;
  }
  .box_error,
  .box_confirm,
  .box_info,
  .box_alert {
    background-image: none;
    padding: 20px;
  }
  .table_mobile {
    display: block;
    overflow-x: scroll;
  }
  .mobile_graph img {
    max-width: 100%;
  }
  .text-center-web {
    text-align: left;
  }
  .text-center-mob {
    text-align: center;
  }
  .box_focus {
    padding: 10px;
    font-size: 110%;
  }
  .box_focus .fa {
    display: none;
  }
  .section_accueil {
    padding-top: 24px;
    padding-bottom: 0;
  }
  .section_accueil h2 {
    font-size: 140%;
  }
  .section_accueil .h2 {
    font-size: 110%;
  }
  .section_accueil .box_bleu {
    margin-left: 0;
    margin-right: 0;
  }
  .bloc_date_blog {
    background-color: transparent;
    font-size: 100%;
    padding: 0;
    text-align: left;
  }
  .fa-3x {
    font-size: 120%;
  }
  [class*=" th_col_"] {
    font-size: 90%;
  }
  .coche_prix_inchange,
  .coche_penurie {
    text-align: center;
  }
  .coche_penurie {
    margin-bottom: 10px;
  }
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}