.photo-gris2 img			{ filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }
.photo-gris2 img:hover	{ filter: grayscale(0); -webkit-filter: grayscale(0); }

.cadreimg 				{ padding: 8px ; border : 1px solid; }
.cadreimgb 				{ padding: 8px ; border : 1px solid; background-color:#ffffff;}
.cadreimgcal 			{ padding: 5px ; border : 1px solid; FONT-FAMILY: Courier; text-decoration: none;}
.cadreimgcalb 			{ padding: 5px ; border : 1px solid; background-color:#ffffff; FONT-FAMILY: Courier; text-decoration: none;}
.pad8    				{ padding: 8px ; border : 0px solid; }
.pad5    				{ padding: 5px ; border : 0px solid; }

.font14                 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Courier; text-decoration: none;}
.font14b                { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Courier; font-weight: bold; text-decoration: none;}
.font18                 { FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Courier; text-decoration: none;}
.font18b                { FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Courier; font-weight: bold; text-decoration: none;}
.font24                 { FONT-SIZE: 24px; COLOR: #000000; FONT-FAMILY: Courier; text-decoration: none;}
.font24b                { FONT-SIZE: 24px; COLOR: #000000; FONT-FAMILY: Courier; font-weight: bold; text-decoration: none;}
.font30                 { FONT-SIZE: 30px; COLOR: #000000; FONT-FAMILY: Courier; text-decoration: none;}
.font30b                { FONT-SIZE: 30px; COLOR: #000000; FONT-FAMILY: Courier; font-weight: bold; text-decoration: none;}

a:hover                 { text-decoration: underline; COLOR: #000000;}
a                       { text-decoration: none; COLOR: #000000;}
.lienno:hover           { text-decoration: none; COLOR: #000000;}


.vertical               { writing-mode: vertical-rl; text-orientation: sideways-right;}

.date_lien              { cursor: pointer; font-weight: bold;}
.formul                 { border : 1px solid; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Courier; background-color:#eeeeee;}


hr                      {height: 1px; background-color: #000; border: none;}


/*
.map-container {
  width: 800px;
  height: 350px;
  border: 2px solid #ccc;
  overflow: hidden;
}

<div class="map-container" id="map-container">
  <img src="http://misaweb.net/randonnees/carte.png" class="map-image" id="map-image">
</div>

*/