body {
	font-size:15px;
	color:#fcfcfc;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin: 3em 0 0 0;
}
a, a:visited {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
h1, .nom {
	font-family: 'Eagle Lake', cursive;
	line-height: normal;
	font-size: 2.8em;
	color: #dddddd;
}
h2, h3, h4, h5 {
	font-family: 'Playfair Display', serif;
	line-height: normal;
}
h2 {
	font-size: 1.6em;
	color: #dddddd;
	font-weight:normal;
	line-height:1em;
}
h3 {
	font-size:1.4em;
	font-weight:normal;
	color:#c4c4c4;
}
h4 {
	font-size:1.3em;
	font-weight:normal;
	color:#b8b8b8;
}
h5 {
	font-size:1.1em;
	font-weight:normal;
	margin:2px 0;
	color:#b8b8b8;
	line-height:1.4em;
	margin: 2em 0;
}
h3 a:link, h3 a:visited {
	color:#cecece;
	text-decoration:none;
	-moz-transition: color 0.6s ease-out;
	-ms-transition: color 0.6s ease-out;
	-o-transition: color 0.6s ease-out;
	-webkit-transition: color 0.6s ease-out;
}
h3 a:hover {
	color:#ffffff;
	text-decoration:none;
	-moz-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
}
p {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	color:#b8b8b8;
	line-height:normal;
	font-size:1em;
	padding:0.6em;
}
a:link, a:visited {
	text-decoration:none;
	-moz-transition: color 0.5s ease-out;
	-ms-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	-webkit-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
}
a:link {
	color: #bdbdbd;
}
a:visited {
	color: #a8a8a8;
}
a:hover {
	color: #ffffff;
	-moz-transition: color 0.2s ease-in;
	-ms-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
.fond-noir {
	background-color:#000000;
}
hr {
	background-color: #606060;
	margin: 0;
}
.hr {
	margin: 1em 0;
	border-top: 1px dotted #656565;
	height: 1px;
	background-color: transparent;
}
div.grid-4-small-1 > div.txtcenter > a.venobox.vbox-item {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	color:#c3c3c3;
	line-height:normal;
	font-size:0.9em;
	padding:1em 0;
	text-shadow: 0px 0px 5px #000000;
}
div.grid-4-small-1 > div.txtcenter > a.venobox.vbox-item:hover {
	color: #ffffff;
	-moz-transition: color 0.2s ease-in;
	-ms-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
strong {
	font-weight:600;
}
div.grid-4-small-1 > div.txtcenter > a.venobox.vbox-item > span.titre {
	display:inline-block;
	text-align:center;
	margin:10px 0;
}
.t {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a4a4a;
}
div.grid-1-4 > div.txtcenter > img {
	margin:10px 0;
}
div.txtcenter > a.venobox.vbox-item span {
	margin: 12px 0;
	display: block;
}
.marge {
	margin:20px;
}
#overlay {
	background: #000;
	color: #666666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
}
#main {
	background:url(../images/fond.png) center top no-repeat;
}
div.visuel > p {
	line-height: 2em;
}
@media (min-width: 481px) and (max-width: 639px) {
.pam {
 padding: 1.8rem 1rem;
}
h1 {
 font-size:1.8em;
 padding:0;
 line-height:1.1em;
}
h2 {
 font-size:1.5em;
 margin:0;
 line-height:1.3em;
}
h3 {
 font-size:1.2em;
 margin:1em;
 line-height:1.4em;
}
 .hide {
 display:none;
}
}
@media (min-width: 100px) and (max-width: 480px) {
body {
 margin-top:30px;
}
.pam {
 padding: 1.8rem 1rem;
}
h1 {
 font-size:1.8em;
 padding:0;
 line-height:1.8em;
}
h2 {
 font-size:1.5em;
 margin:0.4em;
 line-height:1.2em;
}
h3 {
 font-size:1.3em;
 margin:1em;
 line-height:1.2em;
}
h4 {
 font-size:1.05em;
 margin:0;
 line-height:1.8em;
}
h5 {
 font-size:1em;
}
div.txtcenter > a {
 font-size:0.9em;
 margin-bottom:20px;
}
p.txtright, p.txtleft {
 text-align:center;
 font-size:1.1em;
}
div > p.txtcenter > img {
 width:90%;
}
div.gris-1 > div.txtright > div {
 text-align:center;
 margin-bottom:10px
}
html.no-js > body > footer#footer.line.pam > div.grid-2-1 > div.txtright {
 margin-top:1em;
 text-align:center;
}
 .show {
 display:block;
}
.hide {
 display:none;
}
h1 > img#triskell1, h1 > img#triskell2 {
 display:none;
}
}
@media screen and (max-width: 639px) {
div.grid-4 > div.flex-item-double {
 width: 100%;
 padding-right: 1em;
}
}
.b-lazy {
	opacity:0;
	transition: all 500ms;
}
.b-loaded {
	opacity:1;
}