@charset "ISO-8859-1";
/*@import url(reset.css);*/

h1 {
   font-size:18px !important;
   color:#085884;
   text-align:left !important;
   /*padding:20px;*/
}

hr {
   margin-top:150px;
   padding-top:2px;
}

body, div, ul, ol, li, a, b, u {
   vertical-align:baseline;
   font-size:14px !important;
   text-align:justify;
   padding:0;
   line-height:150% !important;
}

body {
   background:#F0F0F0;
}

ul, ol {
   margin-bottom:20px;
   position:relative;
   left:16pt;
   padding-right:16pt;
}

img {
   /*display:block;*/
   border:solid 1px grey;
   margin: 16pt 16pt auto 16pt;
-moz-box-shadow: 0px 0px 16pt 0px #808080;
-webkit-box-shadow: 0px 0px 16pt 0px #808080;
-o-box-shadow: 0px 0px 16pt 0px #808080;
box-shadow: 0px 0px 16pt 0px #808080;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=NaN, Strength=16);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
   border-radius: 8px;
}

.image {
   max-width:25%;
   min-width:300px;
}

.image img {
   max-width:100%;
}

#help_page {
   width:100%;
   padding: 20px;
   margin:0;/*auto;*/
   margin-top:0;
   background:transparent;
   border:none;/*solid 1px grey;*/
   border-top:none;
/*-moz-box-shadow: 0px 0px 64px 0px #808080;
-webkit-box-shadow: 0px 0px 64px 0px #808080;
-o-box-shadow: 0px 0px 64px 0px #808080;
box-shadow: 0px 0px 64px 0px #808080;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=NaN, Strength=64);
border-radius: 0 0 8px 8px;*/
display:flex;
flex-wrap:wrap;
flex-direction:row;
}

#sommaire {
}

.sommaire {
   /*width:500px;*/
   font-size:14px !important;
}

.section {
   display:flex;
   /*flex-direction:column;*/
   width:750px;
   border:solid 1px #F0F0F0;
   border-radius:16pt;
   padding:16pt;
   margin:4pt;
   background:white;
/*-moz-box-shadow: 0px 0px 16pt 0px #808080;
-webkit-box-shadow: 0px 0px 16pt 0px #808080;
-o-box-shadow: 0px 0px 16pt 0px #808080;
box-shadow: 0px 0px 16pt 0px #808080;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=NaN, Strength=16pt);*/
}

.mapbulle {
   display:none;
   width:600px;
   margin:auto;
   padding:8px 16px;
   border:none;/*solid 1px #EEF8FF;*/
   border-radius:8px;
  /*-moz-box-shadow: 0 0 8px rgba(0,0,0,.4) inset;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4) inset;
  box-shadow: 0 0 8px rgba(0,0,0,.4) inset;*/
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4), 0 0 4px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4), 0 0 4px rgba(255,255,255,1) inset;
  box-shadow: 0 0 4px rgba(0,0,0,.4), 0 0 4px rgba(255,255,255,1) inset;  
  text-shadow: 1px 1px 0 rgba(255,255,255,0.8); 
  background:#33AAFF;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
  background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
  background-image: -ms-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
  background-image: -o-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
  background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));  
  position:absolute;
  top:200px;left:200px;
  opacity:0.95;
}

#bouton_sommaire {
   position:fixed;
   top:0;
   right:0;
   border:none;
   /*border-bottom:solid 1px white;
   border-left:solid 1px white;*/
   border-radius: 0 0 0 8px;
   /*-moz-box-shadow: 0 0 32px rgba(0,0,0,.4);
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,.4);
   box-shadow: 0 0 32px rgba(0,0,0,.4);
   text-shadow: 1px 1px 0 rgba(255,255,255,0.8); */
   background: #085884;
   color:white;
   /*background:#2288FF;
   background-image: -webkit-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
   background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
   background-image: -ms-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
   background-image: -o-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
   background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.4));
   opacity:0.95;*/
   padding:10px 20px;
   font-size:20px !important;
   font-weight:bold;
   text-decoration:none;
}

