/* QUANTUM CSS FRAMEWORK NORMALIZE Begin (normalize.css) */
/* Quantum Framework - Copyright 2013 Quantum Outsourcing, Inc - Licensed under the Apache License v2.0 - http://www.apache.org/licenses/LICENSE-2.0 - Designed and built by Quantum Outsourcing : http://QuantumOutsourcing.com */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
a:focus { outline: 0; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
/* QUANTUM CSS FRAMEWORK NORMALIZE End (normalize.css) */
/* CSS Hacks Begin */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ipg_clearfix:after { display:inline-block; }
.ipg_clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .ipg_clearfix { display: block; }
* html .ipg_clearfix { height: 1%; }
/* CSS Hacks End */

/* INFINIPAGES CMS Begin */
/* Infinipages CMS - Copyright 2013 Thibaut Pral - Tous droits réservés - Reproduction partielle ou totale interdite */
/* echelle gobale des em ajustable en modifiant html { font-size:XX%; } */
html {
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	margin:0; padding:0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	background:#000;
	color:#eee;
}
/* Infinipages CMS - by Thibaut Pral - 2013 - Oligraphes ---------------------------------------- RESETS */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0 0 1em 0; padding: 0; }
/*img { vertical-align: middle; }*/
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.noinnnertopmargin>div { margin-top:0; }
.group, #contenu_bd div[class*="grid-"], #contenu { position:relative; }
.ipgpe_mctnr { margin: 0; padding: 0; }
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16 {
	margin-top:0;
}
table { width:100%; }
table td { width:50%; border:1px solid #555; }
.printonly{ display:none; }

/* Infinipages CMS - by Thibaut Pral - 2013 - Oligraphes ---------------------------------------- TXTS, MRGS */
body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size:1em;
	line-height:1.7;
	font-weight:normal;
	background:#000;
	color:#eee;
}


/* infinipages Responsiveness :-) Copyright 2013 Thibaut Pral */
/* Grid-related code is based on Quantum Framework */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Default : 960px */
/* ========================================================================== */
.container-12 { width: 960px; margin: 0 auto; } 
[class*="grid-"]{float:left;display:inline;margin-left:20px;margin-right:20px;} 
.group:before,.group:after{content:"";display:table;line-height: 0;} .group:after{clear:both;} .alpha{margin-left:0px;} .omega{margin-right:0px;} .container-12 .grid-1{width:40px;} .container-12 .grid-2{width:120px;} .container-12 .grid-3{width:200px;} .container-12 .grid-4{width:280px;} .container-12 .grid-5{width:360px;} .container-12 .grid-6{width:440px;} .container-12 .grid-7{width:520px;} .container-12 .grid-8{width:600px;} .container-12 .grid-9{width:680px;} .container-12 .grid-10{width:760px;} .container-12 .grid-11{width:840px;} .container-12 .grid-12{width:920px;} .container-12 .offset-1{padding-left:80px;} .container-12 .offset-2{padding-left:160px;} .container-12 .offset-3{padding-left:240px;} .container-12 .offset-4{padding-left:320px;} .container-12 .offset-5{padding-left:400px;} .container-12 .offset-6{padding-left:480px;} .container-12 .offset-7{padding-left:560px;} .container-12 .offset-8{padding-left:640px;} .container-12 .offset-9{padding-left:720px;} .container-12 .offset-10{padding-left:800px;} .container-12 .offset-11{padding-left:880px;}

#header_bd, #footer_bd {
	text-align:center;
}
#footer_bd {
	margin-top:40px;
	font-size:10px
}

#main_logo {
	margin:2em 0 0 0;
}

#main_logo img {
	width:196px;
	height:auto;
}

#topnav {
	display:block;
	padding:0 0 10px 0;
	margin-bottom:20px;
	font-size:16px;
	text-align:center;
}
#topnav a {
	text-decoration: none;
	color:#ccc;
	padding:0;
}
#topnav a:hover {
	color:#fff;
}

#topnav a::after {
   content: "\00a0\00a0\00a0\2022\00a0\00a0\00a0";
   color: #fff;
}

#topnav a:last-child::after {
   content: "";
   color: #fff;
}

div.prevnext_ctnr {
	padding-top:217px;
	text-align: center;
}

img.prevnext {
	width:50px;
	height:auto;
}


#galerie {
	text-align: center;
	position:relative;
	line-height:1;
}

.gal_img {
	display:inline-block;
	margin:5px;
}

.apimg {
	height:130px;
	width:auto;
}

#imgdetails, .imgdetail {
	z-index:999;
	position:absolute;
	background-color: #111;
	padding:10px;
	border:1px solid #5e5e5e;
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,1);
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,1);	
}
.imgttr {
	width:100%;
	margin-top: 5px;
	font-size:15px;
	line-height:1.1;
	text-align: right;
}
.imgtxt {
	width:100%;
	margin-top: 5px;
	font-size:11px;
	line-height:1.2;
	text-align: right;
}

#nbpages {
	text-align: center;
	font-size: 14px;
	margin-top:1em;
}

#mobile_nav {
	display:none;
	margin-top:.5em;
}
.desktop_nav {
	display:block;
}
#pages_index {
	display: inline-block;
	padding:5px 10px;
	background:#222;
}

#agenda, #contact {
	text-align: center;
	font-size: 14px;
	max-width:600px;
	display:none;
}

label {
	display:block;
	font-size: 12px;
}
#contactform_ctnr {
	margin-bottom: 2em;
}
#contactform_ctnr input, #contactform_ctnr textarea {
	border:1px solid #bbb;
}

#contact_coords {
	border-top: 1px dotted #bbb;
}

#envoi_ok, #envoi_pasok {
	display:none;
	font-weight: bold;
}

#envoi_pasok {
	color:#d00;
}

#envoi_ok {
	color:#00d;
}

h1 {
	font-weight: 300;
	margin:0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #bbb;
}

/* ==================================================================================================================================================== */
/* 1104px */
@media (min-width: 1104px) { 
	.container-12 { width: 1104px; margin: 0 auto; } 
	[class*="grid-"] { float: left; display: inline; margin-left: 20px; margin-right: 20px; } 
	.group:before, .group:after{content:"";display:table;line-height:0;} .group:after{clear:both;} .alpha{margin-left:0px;} .omega{margin-right:0px;} .container-12 .grid-1{width:52px;} .container-12 .grid-2{width:144px;} .container-12 .grid-3{width:236px;} .container-12 .grid-4{width:328px;} .container-12 .grid-5{width:420px;} .container-12 .grid-6{width:512px;} .container-12 .grid-7{width:604px;} .container-12 .grid-8{width:696px;} .container-12 .grid-9{width:788px;} .container-12 .grid-10{width:880px;} .container-12 .grid-11{width:972px;} .container-12 .grid-12{width:1064px;} .container-12 .offset-1{padding-left:92px;} .container-12 .offset-2{padding-left:184px;} .container-12 .offset-3{padding-left:276px;} .container-12 .offset-4{padding-left:368px;} .container-12 .offset-5{padding-left:460px;} .container-12 .offset-6{padding-left:552px;} .container-12 .offset-7{padding-left:644px;} .container-12 .offset-8{padding-left:736px;} .container-12 .offset-9{padding-left:828px;} .container-12 .offset-10 {padding-left:920px;} .container-12 .offset-11 {padding-left:1012px;}

	#main_logo {
		margin:2em 0 0 0;
	}
	.apimg {
		height:150px;
		width:auto;
	}
}

/* ==================================================================================================================================================== */
/* 768px */
@media (min-width: 768px) and (max-width: 959px) { 
	.container-12 { width: 768px; margin: 0 auto; } 
	[class*="grid-"] { float: left; display: inline; margin-left: 20px; margin-right: 20px; } 
	.group:before, .group:after{content:"";display:table;line-height:0;} .group:after{clear:both;} .alpha{margin-left:0px;} .omega{margin-right:0px;} .container-12 .grid-1{width:24px;} .container-12 .grid-2{width:88px;} .container-12 .grid-3{width:152px;} .container-12 .grid-4{width:216px;} .container-12 .grid-5{width:280px;} .container-12 .grid-6{width:344px;} .container-12 .grid-7{width:408px;} .container-12 .grid-8{width:472px;} .container-12 .grid-9{width:536px;} .container-12 .grid-10{width:600px;} .container-12 .grid-11{width:664px;} .container-12 .grid-12{width:728px;} .container-12 .offset-1{padding-left:64px;} .container-12 .offset-2{padding-left:128px;} .container-12 .offset-3{padding-left:192px;} .container-12 .offset-4{padding-left:256px;} .container-12 .offset-5{padding-left:320px;} .container-12 .offset-6{padding-left:384px;} .container-12 .offset-7{padding-left:448px;} .container-12 .offset-8{padding-left:512px;} .container-12 .offset-9{padding-left:576px;} .container-12 .offset-10{padding-left:640px;} .container-12 .offset-11{padding-left:704px;}

	#main_logo {
		margin:2em 0 0 0;
	}
	.apimg {
		height:100px;
		width:auto;
	}

}


/* ==================================================================================================================================================== */
/* très petits écrans */
@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
	.container-12 { width: auto; }
	#contenu_bd .container-12 { margin-left: 20px; margin-right:20px; }
	[class*="grid-"] { display: block; margin-left: 0px; margin-right: 0px; }
	.alpha { margin-left: 0px; }
	.omega { margin-right: 0px; }
	.container-12 .grid-1 , .container-12 .grid-2 , .container-12 .grid-3 , .container-12 .grid-4 , .container-12 .grid-5 , .container-12 .grid-6 , .container-12 .grid-7 , .container-12 .grid-8 , .container-12 .grid-9 , .container-12 .grid-10 , .container-12 .grid-11 , .container-12 .grid-12 { width: 100%; margin-top:0; }
	.container-12 .offset-1 , .container-12 .offset-2 , .container-12 .offset-3 , .container-12 .offset-4 , .container-12 .offset-5 , .container-12 .offset-6 , .container-12 .offset-7 , .container-12 .offset-8 , .container-12 .offset-9 , .container-12 .offset-10 , .container-12 .offset-11 { padding-left: 0; }

	#main_logo {
		margin:1.5em 0 0 0;
	}

	#main_logo img {
		max-width:90%;
		height:auto;
	}
	.apimg {
		height:150px;
		width:auto;
	}
	#mobile_nav {
		display:block;
	}
	.desktop_nav {
		display:none;
	}
	#pages_index {
		padding:0;
		background:transparent;
	}
}