body
  {
  font-family: verdana, arial, calibri, sans-serif;
  color: #333333;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  }

h1
  {
  font-family: verdana, arial, calibri, sans-serif;
  font-style: normal;
  font-size:160%;
  font-weight: normal;
  color: #002266;
  background-color:transparent;
  text-align:left;
  }

h2
  {
  line-height: 0%;
  font-family: verdana, arial, calibri, sans-serif;
  font-style: normal;
  font-size: 130%;
  font-weight: normal;
  color: #002266;
  background-color:transparent;
  text-align:left;
  }

h3
  {
  font-family: verdana, arial, calibri, sans-serif;
  font-style: normal;
  font-size: 90%;
  font-weight: normal;
  color: #002266;
  background-color:transparent;
  text-align:left;
  }

h4
  {
  font-family: verdana, arial, calibri, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: normal;
  color: #166A7E;
  background-color:transparent;
  text-align:left;
  }


.normal
  {
  font-family: verdana, arial, calibri, sans-serif;
  font-size: 90%;
  color: #555555;
  background-color:transparent;
  }

/* ========================== */
/* LES BLOCS                  */
/* ========================== */

#page
  {
  margin: 0% 1% 1% 1%;
  padding: 0% 1% 1% 1%;
  border-style: solid;
  border-width: 0px;
  border-color: #DDDDDD;
  background: #FFFFFF;
  border-radius: 3px;
  float: left;
  width: 96%;
  }

#ligne
  {
  float: left;
  padding: 5px 0% 5px 0%;
  width: 100%;
  }

#ligne_moitie_gauche
  {
  float: left;
  padding: 1% 0% 1% 0%;
  width: 30%;
  }

#ligne_moitie_droite
  {
  float: left;
  padding: 1% 0% 1% 0%;
  width: 70%;
  }

#ligne_tiers_gauche
  {
  float: left;
  width: 18%;
  }

#ligne_tiers_gauche_smart
  {
  display: none;
  }

#modules_gauche
  {
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #DDDDDD;
  border-radius: 3px;
  width: 100%;
  }

#ligne_tiers_gauche_deco
  {
  float: left;
  width: 18%;
  }

#ligne_tiers_central
  {
  float: left;
  padding: 0% 1% 0% 1%;
  width: 60%;
  }

#ligne_article
  {
  float: left;
  padding: 5px 5px 5px 5px;
  margin: 1% 1% 0% 0%;
  border-style: solid;
  border-width: 1px;
  border-color: #DDDDDD;
  background: #FFFFFF;
  width: 30%;
  }

#ligne_tiers_droite
  {
  float: left;
  border-style: solid;
  border-width: 0px;
  border-color: #DDDDDD;
  border-radius: 3px;
  width: 19.5%;
  }

#ligne_tiers_droite_hotel
  {
  float: left;
  width: 19.5%;
  }

#home_central_gauche
  {
  float: left;
  width: 49%;
  }

#home_central_filler
  {
  float: left;
  width: 2%;
  }

#home_central_droite
  {
  float: left;
  width: 49%;
  }

#tiers_central_gauche
  {
  float: left;
  width: 50%;
  }

#tiers_central_droite
  {
  float: left;
  width: 50%;
  }

#tiers_central_droite_pc
  {
  float: left;
  width: 50%;
  }

#tiers_central_droite_smart
  {
  display: none;
  }

#tiers_central_gauche_pc
  {
  float: left;
  width: 50%;
  }

#tiers_central_gauche_smart
  {
  display: none;
  }

#telephone
  {
  display: none;
  }

#tiers_central_fusion
  {
  float: left;
  width: 100%;
  }

#tiers_central_fusion_pc
  {
  float: left;
  width: 100%;
  }

#tiers_central_fusion_carte
  {
  float: left;
  width: 99%;
  }
 

#titres
  {
  display: none;
  }

#pied
  {
  float: left;
  width: 33%;
  margin: 0% 0% 0% 0%;
  }




/* ========================== */
/* RECHERCHE */
/* ========================== */

#zone_recherche
  {
  width: 100%;
  position: relative;
  }

#texte_recherche
  {
  width: 60%;
  padding: 10px 5px 10px 5px;
  background-color: #FFFFFF;
  border: solid 1px #002266;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  color: #999999;
  }

#texte_recherche:focus
  {
  background-color: #FFFFFF;
  outline: 0 none; /* Pour enlever la "bordure" jaune qu'ajoute Google Chrome au focus */
  color: #002266;
  }

#bouton_recherche
  {
  margin-top: -15px;
  position: absolute;
  top: 50%;
  right: 10px;
  }


/* ========================== */
/* CLIGNOTEMENT TEXT */
/* ========================== */

.blink_me
  {
  animation: blinker 1s linear infinite;
  }

@keyframes blinker
  {
  50%
   {
    opacity: 0;
   }
  }


@media screen and (max-width: 720px)
  {
h2
  {
  line-height: 90%;
  font-family: verdana, arial, calibri, sans-serif;
  font-style: normal;
  font-size: 180%;
  font-weight: normal;
  color: #166A7E;
  background-color:transparent;
  text-align:left;
  }

#ligne
  {
  float: left;
  padding: 5px 0% 5px 0%;
  width: 100%;
  }

#ligne_moitie_gauche
  {
  float: left;
  width: 100%;
  }

#ligne_moitie_droite
  {
  float: left;
  width: 100%;
  }

#ligne_tiers_gauche_smart
  {
  display: block;
  float: left;
  width: 100%;
  }

#ligne_tiers_gauche
  {
  display: none;
  }

#ligne_tiers_gauche_deco
  {
  display: none;
  }

#ligne_tiers_central
  {
  float: left;
  padding: 0% 0% 0% 0%;
  width: 100%;
  }

#ligne_article
  {
  float: left;
  padding: 5px 5px 5px 5px;
  margin: 1% 1% 0% 0%;
  border-style: solid;
  border-width: 1px;
  border-color: #DDDDDD;
  width: 45%;
  }

#ligne_tiers_droite
  {
  display: none;
  }

#ligne_tiers_droite_hotel
  {
  display: none;
  }

#home_central_gauche
  {
  float: left;
  width: 100%;
  }

#home_central_filler
  {
  display: none;
  }

#home_central_droite
  {
  float: left;
  width: 100%;
  }

#tiers_central_gauche
  {
  float: left;
  width: 100%;
  }

#tiers_central_droite
  {
  float: left;
  width: 100%;
  }

#tiers_central_droite_pc
  {
  display: none;
  }

#tiers_central_gauche_pc
  {
  display: none;
  }

#tiers_central_fusion_pc
  {
  display: none;
  }


#tiers_central_droite_smart
  {
  display: block;
  float: left;
  width: 100%;
  }

#tiers_central_gauche_smart
  {
  display: block;
  float: left;
  width: 100%;
  }

#telephone
  {
  display: block;
  float: left;
  width: 100%;
  }

#tiers_central_fusion
  {
  float: left;
  width: 100%;
  }

#pied
  {
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  margin: 0% 0% 0% 0%;
  }

#pub728
  {
  display: none;
  }
  }