/* css globale */ 
html{font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;}
body{background-color: #fff; color: black; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; text-align: left;}
p, a{font-size: 13px; line-height: 20px; margin-bottom: 7px;}
h1, h2, h3, h4, h5, h6{clear: both; color: inherit; font-family: Arial, sans-serif; font-weight: 600; margin-top: 10px;}
h1{font-size:33px; line-height: 50px; margin-bottom: 17px;}
h2{font-size:26px; line-height: 39px; margin-bottom: 13px;}
h3{font-size: 23px; line-height: 34px; margin-bottom: 11px;}
h4{font-size: 20px; line-height: 30px; margin-bottom: 10px;}
h5{font-size: 16px; line-height: 24px; margin-bottom: 8px;}
h6{font-size: 13px; line-height: 20px; margin-bottom: 7px;}
* { box-sizing: border-box; }
.stop{clear:both; height:1px; width:100%;}
#wrap{margin:0 auto; width: 95%;} 
#main img{margin-right: 5px; float: left;}
/* css bandeau */
#header{background: #fff; position:relative; top:0; z-index: 20;} 
#bandeau{top:0; width:100%;}
#ronde, #logo{margin:0; width: 100%;} 
#logo{display:none;} 
#ronde img, #logo img{top: 0; float: left; width: 100%;}
#filariane{background-color:#f5f5f5; border: solid 1px gray; border-radius:4px; float:left; font-size: 13px; width:100%;} 
#filariane .breadcrumb{display: inline-flex; list-style:none; margin:0 5px 0 5px; padding: 5px 0 5px 0;}
/* css menu recherche */
#navigation{position:absolute; right:10px; top:0px; width:250px; z-index:1; }
#navigation a{font-family: Brandish, Arial, Verdana, sans-serif; width:100%;}
#bouton{float:right; margin-top:5px;} 
#bouton:hover{cursor: pointer;}
#menu-recherche{display:none; margin-right:5px;}
#menu{width:100%;}
.nav{display: flex; flex-wrap: wrap; margin-bottom: 0; padding-left: 0;}
ul.menumenu{list-style-type:none; width:100%;}
.menumenu li{background-color: #90EE90; border:solid 2px green; border-radius: 4px; height:40px; margin-bottom:3px; text-align:center; width:100%;}
.menumenu li a{color:#c2394b; height:40px; padding: 8px 0;}
.menumenu li a, .menumenu li a:hover{color:#c2394b; display:block; height:100%; text-decoration: none;}	
.menumenu li:hover, .menumenu li a:hover{background-color: #d3d3d3; border:solid 2px gray; font-weight:bold; text-transform: uppercase;}
.menumenu li.active, .menumenu li.active a, .menumenu li.active a:hover, .menumenu li.active:hover{background-color: red; border:solid 2px red; color:white; font-weight:bold; text-transform: none !important;}
#recherche{background-color: #d3d3d3; border:solid 2px gray; height:40px; width:100%;}
.form-control{display: block; margin:0 50px; padding:7px 0 5px;text-align:center; width:150px;} 
input {font-family: inherit; font-size: 13px;}
.visually-hidden:not(caption) { position: absolute !important; }
.visually-hidden {height: 1px !important; overflow: hidden !important;}
/* css pied */
#footer{background:#EFEFEF; border: solid 1px gray; display: flex; flex-direction: row;}
.copyright{align-items:center; display: flex; margin:2px;}
.date{margin-left:5px;}
.lalouve {display:block; flex:1; font-size: 10px; line-height: 15px; text-align:center;}
.vaOtop {background-color: #90EE90; border-radius: 4px;display:block; height:40px; margin:5px 5px 0; padding-top:8px; text-align:center; width:150px;}
.vaOtop a{color:#c2394b; text-decoration-line: none;}
.vaOtop:hover{background-color: #d3d3d3; border:solid 2px green;}
#enligne, #grosmot{left: 0px; position: absolute; top: 0px; z-index: -100;}
img{float:left; margin-right:5px; vertical-align:top !important;}