body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
margin: 0;
padding: 0;
}
body {
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
}

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: auto;
   padding: auto;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none !important;
   width: auto !important
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
}

#barre {
position:relative;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height:20px;
background-color: #95c756;
}
#carte {
position:relative;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height:20px;
background-color: #2b2b2b;
}
.lienblanc a {color: #FFF; text-decoration: none}
.lienvert a {color: #568f18; text-decoration: none}
#appel {
position:relative;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height:20px;
background-color: #568f18;
}