/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*---------------------------------
	OVERRIDES
-----------------------------------*/

h1, .ck-heading_heading1{font-size:1.7em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-variant:small-caps; font-weight:600;}
h2, .ck-heading_heading2{font-size:1.5em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-variant:small-caps; font-weight:600;}
h3, .ck-heading_heading3{font-size:1.3em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-variant:small-caps; font-weight:600;}
h4, .ck-heading_heading4{font-size:1em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-weight:600;}
h5, .ck-heading_heading5{font-size:0.9em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-weight:600;}
h6, .ck-heading_heading6{font-size:0.8em; font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; font-weight:600;}

hr{border: 0; border-bottom: 1px dotted #f0844a;}

thead th,tbody th{
padding:8px 12px;
font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif; 
background-color:#EEE;
color:#006;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif;
padding:3px 6px 3px 4px;
}

.menu{
font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif;
}

blockquote{
font-family: 'Open Sans', sans-serif, arial, verdana, sans-serif;
font-size:1em;
line-height:1.5em;
font-style: italic;
margin:30px;
padding:0 0 0 10px;
border-left:3px solid #ccc;
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
html{
min-height:100%;
background:#006;
border-top:5px solid #006;
color:#414141;
}
body{
background:#F4F4F4;
margin:0;
padding:0 0 0 0;
padding-top:50px;
color:#414141;
font:400 0.9em/150% 'Open Sans', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}


#header{position:relative; top:0; left:0; margin-top:-80px; background:#FFF; border-top:5px solid #f0844a; }
#menu{position:relative; margin:0 auto; margin-top:0px; margin-bottom:0px; background-color:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.mapage{padding-top:1em; }
#menugauche{margin:0; padding:1em; padding-top:2em; }
#corps{margin:0; padding:1em; padding-top:2em; font-size:1.1em;}
#footer{position: relative; top:0; left:0; padding:1em; margin:0; background:#CDE0E4;}
#footer a:link{text-decoration:none;}	
#footer a:visited{text-decoration:none;}	
#footer a:hover{text-decoration:none;}	
	
/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
color:#fff;
z-index:1000;
border-bottom:1px solid #666;
}
	
	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}
	
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}
		
		.navbar li a{
		display:inline-block;
		color:#666666;
		padding:0.7em 1em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1em;
		}

.menu{ border:0; font-weight:normal; }
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;text-align:left; min-width:300px;max-width:200%;*width:auto;}

a.boutonjaune:link{text-decoration:none; color:white; font-weight:normal; background:#414141; padding:3px; border:#414141 1px solid; border-radius:3px; font-size:1em;}
a.boutonjaune:visited{text-decoration:none; color:white; font-weight:normal; background:#414141; padding:3px; border:#414141 1px solid; border-radius:3px; font-size:1em;}
a.boutonjaune:hover{text-decoration:none; color:white; font-weight:normal; background:#aaa; padding:3px; border:#aaa 1px solid; border-radius:3px; font-size:1em;}

.Pagine{font-size: 1em;}
.Pagine a:link{font-size: 1em; text-decoration:none; font-weight:600;}
.Pagine a:visited{font-size: 1em; text-decoration:none; font-weight:600;}
.Pagine a:hover{font-size: 1em; text-decoration:none; font-weight:600; color:#F4F4F4; background-color:#333;}

div.autocomplete {
	position: absolute;
	width: auto !important;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	z-index:1000;
}
div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	max-height: 20em;
	overflow: auto;
}
div.autocomplete ul li.selected {
	background-color: #ffb;
}
div.autocomplete ul li {
	list-style-type:none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}
div.autocomplete ul li span.informal {
	color: grey;
}