/* General */
html {height:100%;}
body {min-height:100%;}
.hidden {position: absolute;clip: rect(1px 1px 1px 1px); /* IE6 & 7 */clip: rect(1px, 1px, 1px, 1px);}
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
section {background:transparent;}
section.inner{max-width:1200px;margin:0 auto;}
footer {padding:10px;}

h1,h2,h3 {margin:0;}

header{position:fixed;top:0;left:0;z-index:1000;width:100%;}
header img{height:80px;margin:10px;border-image-width:0;}
header nav a{display:block;float:left;height:102px;line-height:102px;letter-spacing:1px;padding:0 10px;}
a.inscription{margin-top:35px;padding:10px;margin-right:20px;}
a.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}
/* Top navigation */
	nav .toggleMobile{display:none;width: 40px;height: 36px;position: relative;margin:20px;cursor: pointer;}
		nav .toggleMobile span.menu1,
		nav .toggleMobile span.menu2,
		nav .toggleMobile span.menu3{display: block;position: absolute;width: 40px;height: 8px;left: 0;}
		nav .toggleMobile span.menu1{top: 0;}
		nav .toggleMobile span.menu2{top: 14px;}
		nav .toggleMobile span.menu3{top: 28px;}


/********************/
/* Sections         */
/********************/
section {padding-top:100px;}
section .inner {width:100%;max-width:1200px;margin:auto;}

section h1 {height:50px;padding-top:20px;}
section h2 {height:30px;padding-top:10px;}

section#bienvenue {}
section#bienvenue #icon {width:30%;}
section#bienvenue #dates {width:70%;}
section#bienvenue #icon img {width:80%;}
section#bienvenue h3 {margin-bottom:10px;}
section#bienvenue table.soirees {float:left;margin-right:20px;}

section#merci #logo_commanditaires #logo-comm-locaux img{max-height:100px;margin:10px;}
section#merci #logo_commanditaires img#sign-prov-hor{display:block;max-width:1000px;}
section#merci #logo_commanditaires img#sign-prov-vert{display:none;}

.informations{width:100%;max-width:1160px;padding:20px;}
section#infos .informations{max-width:500px;margin-right:50px;}
section#infos #terr{padding:20px;}
h3 {margin-bottom:10px;}
section#infos #territoire{float:left;width:100%;max-width:300px;}
section#infos ul.fleft{margin-left:20px;list-style-type:square;}
section#infos #map-canvas{float:left;width:100%;max-width:800px;height:400px;margin-bottom:20px;}

section#contact #contacts {float:left;width:100%;max-width:600px;}

section#form {padding:0 10px 0 10px;}
	section#form h2 {margin-left:-10px;}
	section#form h3 {padding-top:20px;}
	section#form label {display:block;margin-top:20px;letter-spacing:2px;font-weight:bold;}

	section#form input.text, textarea{width:90%;}
	section#form input, textarea, select {
		background:#efefef;
		border-radius:5px;	
		border:1px solid #dedede;
		padding:10px;
		margin-top:3px;
		font-size:0.9em;
		color:#3a3a3a;
	}

	section#form #submit {margin-top:40px;background:#FDB913 linear-gradient(#FDB913 0%, #D19502 100%);border-radius:5px;border:1px solid #c78e02;text-shadow:0 -1px 0 rgba(0,0,0,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);color:white;}
	section#form em {font-style:italic;font-size:.8em;}
	
	

	

div#popup{display:none;}