html, body { height:100%;margin:0;padding:0;}
body {	
	font-family:'Open Sans', sans-serif; color:#ddd;color:rgba(255,255,255,0.75);
	font-size:14pt;
	height:100%;
	background:#222 url(images/background.jpg) top left;
	background-size:cover; 
	background-attachment:fixed;
}
a,a:visited {color:white;}
a:active {color:#aaa;}
a:hover {color:#ff1200!important;opacity:1!important}
button {font-size:100%}
h1 {font-weight:900;}
div#top {height:500px;width:50%; min-width:700px;margin:0 auto; text-align:center;
		background:url(images/logo2.png) center center;
		background-size:contain; background-repeat:no-repeat;}
p.preface {margin:0 auto;max-width:1200px; }
a#langlink {position:absolute;top:.5ex;left:0;display:block;text-align:right;width:99%}
div#content {max-width:1200px; margin:0 auto; padding:0;}
div#content p {line-height:1.4em}
div#content>table {}
div#content>table tr td a {transition:color 0.2s linear}
div#content>table th,div#content table td {}
div#content>table th {text-align:right; height:130px; padding:10px 120px 10px 0; width:50%; }
div#content>table th, h2 {font-size:280%;color:silver;color:rgba(255,255,255,0.9);text-shadow:0 0 1ex #004797}
div#content>table td {text-align:left; padding:10px 10px 10px 25px;}
div#content>table td a {}
div#content>table td b {}
div#content>table td span {}
div#content>table td strong {font-size:120%;color:white}
div#content table tr.soiree {background:rgba(245,245,255,0.07);color:#aaa}
div#content table tr.soiree td {text-align:center; padding:2em;}
div#content table tr.soiree img.arrow {height:100px;vertical-align:top}
div#content table tr.soiree h2 {margin:0 1ex;line-height:98px;}
div#content table tr.soiree table td {padding:1em}
div#content table tr.soiree .menu {margin:0;padding:2em; display:inline-block; border-radius:2px; box-shadow:0 0 2em black;
								font-family:georgia,serif; font-size:82%; color:#958983; background:white; text-align:left;}						
div#content table tr.soiree .menu a {color:#958983; font-size:100%}
div#content table tr.soiree .menu table {border:1px solid silver;padding:0 1em}
div#content table tr.soiree .menu thead th {vertical-align:middle;height:auto;padding:0;height:100px;font-size:100%; font-weight:normal; text-shadow:none!important}
div#content table tr.soiree .menu thead td {vertical-align:middle;text-align:left}
div#content table tr.soiree .menu tbody th {text-align:right;vertical-align:top;padding:0;height:120px;}
div#content table tr.soiree .menu tbody td {text-align:left;vertical-align:top;padding:0 0 1em 1em;}
div#content table tr.soiree .menu tbody tr:last-child th {height:90px}
div#content table tr.soiree .menu img {height:80px}
div#content table tr.soiree .menu h2 {color:#958983;margin:0;padding:0;font-size:300%;text-shadow:none;font-weight:normal}
div#content table tr.soiree .menu h3 {margin:0 0 .8ex 0;padding:0;font-weight:normal}
div#content table tr.soiree .menu ul {margin:0;padding:0;list-style:none;}
div#content table tr.soiree .menu ul li {white-space:nowrap; opacity:0.7; font-size:80%; line-height:1.7em}
div#content table tr.soiree .menu .spacebelow {margin-bottom:1em}
form#confirm {background:#222;background:rgba(0,0,0,0.6);padding:1em; margin:0 0 2em 0; text-align:left}
form#confirm label {font-weight:normal;display:block}
form#confirm input {margin-right:0}
#merci {color:white;text-shadow:0 0 1ex black}
#merci h1 {margin-bottom:0}
button#sendmsgbtn {padding-top:1em;padding-bottom:1em}
div#sendmsg {padding:1em; border:1px solid #555; border:1px solid rgba(255,255,255,0.05); background:#222;background:rgba(0,0,0,0.6)}	
div#sendmsg h2 {line-height:1.5em!important;height:auto;font-size:180%;margin-bottom:1em!important}
div#sendmsg p:last-child {margin-bottom:0}
div#sendmsg button {margin:0 0.5ex 1ex 0!important}
div#content table tr.space {height:70px}
div#content table tr.space th,div#content table tr.space td {border:0}
#groupe {}
#groupe li a {display:inline-block;margin-left:1em;color:red}
footer {color:#666;color:rgba(255,255,255,0.25); text-align:center; padding:90px; font-size:82%; background:black}
footer img.photo {width:75%;max-width:900px}
footer a img {opacity:0.35;outline:none;border:none;margin:0 1ex}
footer a img:hover {opacity:1}
p.s82,p.simple {line-height:1.3em!important}
p.indent {padding-left:3em}
.topline {border-top:1px solid rgba(255,255,255,0.25)}
.center {}
.bold {font-weight:bold}
.ib {display:inline-block}
.s82 {font-size:82%}
.o75 {opacity:0.75}
.fl {float:left}
.s120 {font-size:120%}
.ds {cursor:default!important}
.tohover {transition:color 1.3s ease} 
.hovering {color:white;text-shadow:0 0 1ex rgba(255,255,255,0.25)} 
.clearboth {clear:both}
.hover {cursor:pointer}
.arrow {background-position:center right; background-repeat:no-repeat; background-size:90px;}
span.arrow {height:100px;width:100px;margin-right:1em;float:left;display:inline-block}
.arrow.b787 {background-image:url(images/arrow-b787.png)}
.arrow.b777 {background-image:url(images/arrow-b777.png)}
.arrow.b767 {background-image:url(images/arrow-b767.png)}
.arrow.a320 {background-image:url(images/arrow-a320.png)}
.arrow.b727 {background-image:url(images/arrow-b727.png)}
.arrow.crj {background-image:url(images/arrow-crj.png)}
.arrow.dc9 {background-image:url(images/arrow-dc9.png)}
.arrow.ch136 {background-image:url(images/arrow-ch136.png)}
.arrow.cf18 {background-image:url(images/arrow-cf18.png)}
.arrow.rf4 {background-image:url(images/arrow-rf4.png)}
.arrow.cf5 {background-image:url(images/arrow-cf5.png)}
