/*Fonts*/

@font-face {
	font-family: 'BankGothicBT-Light';
	src: url('fonts/bankgothiclightbt.eot');
	src: url('fonts/bankgothiclightbt.eot?#iefix') format('embedded-opentype'),
		url('fonts/bankgothiclightbt.woff') format('woff'),
		url('fonts/bankgothiclightbt.ttf') format('truetype'),
		url('fonts/bankgothiclightbt.svg#bankgothiclightbt') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'BankGothicBT-Medium';
	src: url('fonts/bankgothicmediumbt.eot');
	src: url('fonts/bankgothicmediumbt.eot?#iefix') format('embedded-opentype'),
		url('fonts/bankgothicmediumbt.woff') format('woff'),
		url('fonts/bankgothicmediumbt.ttf') format('truetype'),
		url('fonts/bankgothicmediumbt.svg#bankgothicmediumbt') format('svg');
	font-weight: normal;
	font-style: normal;
	}



/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: #212123; background: white; }
ol, ul { list-style: none; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a {text-decoration:none; color:#212123; }

/*style*/
html { min-width:1000px; width:100%; height:100%; margin:0; padding:0; font-family:'Helvetica', Arial, sans-serif; font-size:0.9em; }

body { width:100%; height:100%;  margin:0; padding:0; background-color: white; }

#top { /*border-bottom: black solid 1px;*/ width:80%; margin:0 auto 15px auto; background-color:white; overflow: hidden; text-align:center; }

#logo img { max-width:300px; width:30%; height:auto; margin: 10px auto 10px auto; }

#main-menu { width:80%; height:30px; margin:0 auto 15px auto; display: none;}

#main-menu2 { width:80%; /*height:30px;*/ margin:0 auto 0 auto; display: none; background-color: blue;}

#main-menu ul { margin:0 auto 0 auto; width:100%; height:30px; padding:0px; }

#main-menu2 ul {position:absolute; bottom:60px; width:80%; padding-bottom: 20px;}

#main-menu ul li, #main-menu2 ul li { float:right; width:20%; text-align:center; height: 30px; margin:0px; padding:0px;}

#main-menu ul li a, #main-menu2 ul li a { text-decoration: none; color:#000; font-weight: normal; font-family:'BankGothicBT-Light', Arial, sans-serif; font-size: 1.2em; }

.page { width:80%; margin:30px auto 15px auto; }

.titre { font-family: 'BankGothicBT-Light', Arial, sans-serif; font-size:1.2em; color:#00848f; line-height: normal;}

.un, .deux, .trois, .cinq { width:50%; margin-bottom:60px; }

.quatre {margin-bottom:60px; }

.un p, .deux p, .trois p, .cinq p { margin:15px 0 0 0; text-align: justify; line-height: 20px; }

.un li, .deux li, .trois li, .quatre li, .cinq li { list-style:none; list-style-position: inside; margin-top: 10px; text-align: justify; }

.un ul ul, .deux ul ul, .trois ul ul, .cinq ul ul { margin-left:40px; }

#logo-fat img { max-width:600px; width:100%; height:auto; margin-top:15%; margin-bottom:15%; }

.un h1, .deux h1, .trois h1, .quatre h1, .cinq h1 { font-size:1.4em; margin-top: 40px; margin-bottom: 60px; font-family: 'BankGothicBT-Light', Arial, sans-serif; color:#00848f; letter-spacing: 0.9em; text-align: left; }

#menub {display:none;}

#menua {display:block;}

#menua ul {margin-top:20px;}

#menua, #menub { width:35%; float:left; }


#menua li, #menub li { margin-bottom: 10px; list-style: none; font-family: 'BankGothicBT-Light', Arial, sans-serif; }

.toplist { display: none; }

#menua li a, #menub li a { display:block; }

.content { width:65%; height:auto; margin-left:35%; text-align: right; overflow: visible; text-align: center; }

.legende { margin-top: 15px; }

.legende ul { margin-top:15px; }

.card { margin-left:auto; margin-right:auto; }

.clear { clear: both; }

footer { width:80%; height:30px; margin:20px auto 0 auto; padding-top:10px; background-color: white; text-align: center; font-size: 0.6em; display:none; }

/*affichage pages et zones*/

.zero, .un, .deux, .trois, .quatre, .cinq, .a, .b, .c, .d, .e, .f, .g, .h, #logo { display:none; }

#texta, #textb, #textc, #textd, #texte, #textf, #textg, #texth {display: none; line-height: 20px;}

.legende { display:none; }

/*conditions taille écran */

@media only screen and (max-width:1000px) {

#menub {display:none;}

#menua {display:none;}

.quatre h1 {margin-bottom: 15px;}

.toplist { display: block; color:black; font-style: italic; font-size: 0.6em; font-family: 'helvetica',arial,sans-serif; letter-spacing: normal; padding-top:10px; cursor: pointer;}

#menub { float:none; margin:0 auto 0 auto; width:100%; cursor: pointer; display:none; z-index: 999; position: absolute; background-color: white;}

#menub ul { border-top: 0px; padding:10px;}

.content { width:100%; margin-left:0; }

.legende { display:block; }

}

@media only screen and (max-width:768px) {

html { min-width:768px; }

.un, .deux, .trois, .cinq { width:70%; margin-bottom:60px; }

.quatre { width:100%; }

.toplist { display: block; color:black; font-style: italic; font-size: 0.6em; font-family: 'helvetica',arial,sans-serif; letter-spacing: normal; padding-top:10px; cursor: pointer;}

.card { width:50%; margin-left:auto; margin-right:auto; }

}

@media only screen and (max-width:480px) {

}

/*#bandeau { position: absolute; top:0px; left: 0px; z-index:2; width:100%; height:75px; margin:0px; }

#menu {float:right;padding-right:60px;padding-top:30px;}

#menu ul li {float:left; margin-left:40px;color:white;font-size:32px;font-family: 'AlexBrushRegular', Arial, "MS Trebuchet", sans-serif; }

#menu ul li a {color:white;text-decoration:none;}

#over-shield { position: fixed; top:100px; left:0px; z-index:1; width:100%; height:100px; margin:0px; text-align: center; }

#shield { width:380px; height:230px; -moz-border-radius: 200px / 125px; -webkit-border-radius: 200px / 125px; -khtml-border-radius: 200px / 125px; border-radius: 200px / 125px; margin-left:auto; margin-right:auto; padding:10px;text-align:center; background-color:black; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

#inside-shield { width:378px; height:228px; -moz-border-radius: 189px / 114px; -webkit-border-radius: 189px / 114px; -khtml-border-radius: 189px / 114px; border-radius: 189px / 114px; text-align:center; border:1px solid white;}

#logo { width:310px; height:237px; margin:0px auto 0px auto; padding:0px; background-image: url('logo1.png'); background-repeat:no-repeat; }

#image-accueil { width:100%; height:auto; margin:0; padding:0px;}

#image-galerie { width:100%; height:auto; margin:0; padding:0px;}

#galerie {position:absolute; top:20%; left:0px; z-index:1; width:100%; height:100px; margin:0; text-align:center;}

#galerie-inside {width: 600px;margin-left:auto; margin-right:auto;text-align:center;}


td {padding:10px;}

footer {position:fixed; bottom:10px; right:0px; font-size:32px;font-weight:normal;font-family: 'AlexBrushRegular', Arial, "MS Trebuchet", sans-serif;padding-right:50px;padding-left:10px;background-color:rgba(240, 223, 185, 0.5);}*/

/*Popup*/
/* #backgroundPopup { display:none;position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1000; }
#popupContact, #popupMission { display:none;position:fixed;_position:absolute; max-height:414px;max-width:408px;background:#FFFFFF;border:2px solid #cecece;z-index:2000;padding:12px 20px 12px 20px;font-size:13px;overflow:hidden; }
#popupContact h1, #popupMission h1 { text-align:left;color:#999;font-size:28px;font-weight: normal;border-bottom:1px dotted #999;padding-bottom:2px;margin-bottom:15px;font-family: 'AlexBrushRegular', Arial, "MS Trebuchet", sans-serif; }
#popupContactClose, #popupMissionClose { font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#666;font-weight:700;display:block;cursor:pointer; }
#buttonContact, #buttonMission { cursor:pointer; } 	
input { font-size:12px;padding:8px 8px;border:none;border-bottom:1px dotted black;width:350px;margin:10px 0 0 0;background-color:white;font-family: 'AlexBrushRegular', Arial, "MS Trebuchet", sans-serif;font-size:18px; }			
textarea { font-size:12px;padding:8px 8px;border:none;width:350px;margin:10px 0 0 0;background-color:#f3f3f3;resize:none;font-family: 'AlexBrushRegular', Arial, "MS Trebuchet", sans-serif;font-size:18px; }			
button { color:#fff;font: 14px Helvetica, Arial, sans-serif;width:368px;height:30px;margin:10px 0 0 0;background-color:#999;border:none; }
button:hover { cursor:pointer; }
input:focus, textarea:focus { outline: 0 none; }*/