@charset "UTF-8";

/* Exemples Font Awesome icons

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x */

body {
  margin: 0; background: #FFFFFF;
  font-family: 'Lato-Light', sans-serif;
  font-weight: 100;
  font-size: 13px;
}

/* SLIDER  ---------- START ----------- */


@font-face {
    font-family: 'Lato-Light';
    src: url('/fonts/Lato%20Light/Lato-Light1.eot');
    src: url('/fonts/Lato%20Light/Lato-Light1.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Lato%20Light/Lato-Light1.woff') format('woff'),
         url('/fonts/Lato%20Light/Lato-Light1.ttf') format('truetype'),
         url('/fonts/Lato%20Light/Lato-Light1.svg#Lato-Light') format('svg');
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('Lato-Regular.eot');
    src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('Lato-Regular.woff') format('woff'),
         url('Lato-Regular.ttf') format('truetype'),
         url('Lato-Regular.svg#Lato-Regular') format('svg');
}
@font-face {
    font-family: 'Oswald-Regular';
    src: url('Oswald-Regular.eot');
    src: url('Oswald-Regular.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Regular.woff') format('woff'),
         url('Oswald-Regular.ttf') format('truetype'),
         url('Oswald-Regular.svg#Oswald-Regular') format('svg');
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
* {
  box-sizing: border-box;
}
figure { 
  margin: 0; background: #FFF;
  font-family: 'Lato-Light', sans-serif;
  font-weight: 100;
}
div#captioned-gallery { 
	width: 100%;
	overflow: hidden;
}
figure.slider { 
  position: relative; width: 500%;
  font-size: 0; animation: 30s slidy infinite; 
}
figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #cccaca; width: 100%;
  font-size: 0.8rem; 
  padding: 1rem 1rem 1rem 3rem;
}

/* SLIDER  ---------- END ----------- */


/* HEADER  ---------- START ----------- */

#div-header {
	padding: 0 3em 0 3em;
	background-color: #222222;
	border-top: 2em solid #3267b0;
}
.table-header {
	background-color: #222222;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
}
.logo-header {
	padding: 2em 0 2em 3em;
	margin-right: 2em;
	float: left;
}
.logo-header img {
	width: 350px;
	height: auto;
}
.social-header {
	padding: 4em 3em 2em 3em;
	float: right;
	width: 50%;
	color: #bfc5cb;
	/*padding: 25px 0 10px 0;*/
}
.social-header i {
	float: right;
	color: #888888;
	margin-left: 0.5em;
	/*padding: 1em;*/
}
.social-header i:hover {
	color: #afcb1a;
}

@media screen and (max-width: 925px) {
	.social-header {
		padding: 1.5em 1.2em 2em 1.2em;
		float: left;
		width: 100%;
		color: #bfc5cb;
		/*padding: 25px 0 10px 0;*/
}
	.social-header i {
		float: left;
		color: #888888;
		margin-right: 0.3em;
		margin-left: 0;
	}
	.logo-header {
		padding: 2em 1em 0.2em 1em;
		margin-right: 0;
		float: left;
	}
	.logo-header img {
		width: 350px;
		height: auto;
	}
	#div-header {
		padding: 0 3em 0 3em;
		background-color: #222222;
		border-top: 2em solid #3267b0;
	}
}

@media screen and (max-width: 600px) {
	.social-header {
		padding: 1.5em 1.2em 2em 1.2em;
		float: leftt;
		width: 100%;
		color: #bfc5cb;
		/*padding: 25px 0 10px 0;*/
}
	.social-header i {
		float: left;
		color: #888888;
		margin-right: 0.3em;
		margin-left: 0;
	}
	.logo-header {
		padding: 2em 1em 0.2em 1em;
		margin-right: 0;
		float: left;
	}
	.logo-header img {
		width: 280px;
		height: auto;
	}
	#div-header {
		padding: 0 1em 0 1em;
		background-color: #222;
		border-top: 1.5em solid #3267b0;
	}
}


/* HEADER  ---------- END ----------- */


/* MENU  ---------- START ----------- */

.menu-header {
	width: 100%;
}
.table-topnav {
border-top: 0.3em solid #afcb1a;
overflow: hidden;
background: -moz-linear-gradient(top, 
  #111 0%, 
  #555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#111), 
  color-stop(100%,#555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #111 0%,
  #555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #111 0%,
  #555 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #111 0%,
  #555 100%); /* W3C */
}
.topnav {
    /*background-color: #222;*/
overflow: hidden;
background: -moz-linear-gradient(top, 
  #111 0%, 
  #555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#111), 
  color-stop(100%,#555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #111 0%,
  #555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #111 0%,
  #555 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #111 0%,
  #555 100%); /* W3C */
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: auto;
padding: 0 3em 0 3em;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 1.2em 2em;
    text-decoration: none;
    font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	border-left: 1px solid #666666;
	border-right: 1px solid #000000;
}

/* Change the color of links on hover */

.topnav a:hover {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
color: white;
transition: all .3s;
}
.topnav span {
	color: #afcb1a;
	letter-spacing: 1px;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	border: none;
  }
}

@media screen and (max-width: 700px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	border: none;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	border: none;
  }
}

@media screen and (max-width: 700px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	border: none;
  }
}

@media screen and (max-width: 925px) {
	.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 1.2em 1.2em;
    text-decoration: none;
    font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	border-left: 1px solid #666666;
	border-right: 1px solid #000000;
	}
}

/* MENU  ---------- END ----------- */


/* SIDEBAR  ---------- START ----------- */

.sidebar {
	margin-right: 4%;
	margin-bottom: 1em;
	width: 27%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	min-width: 250px;
}
.sidebar hr {
	border-top: dotted 1px #b3bac0;
	border-bottom: none;
  	border-left: none;
  	border-right: none;
	margin: 0 0 0.5em 0;
}
.sidebar-content {
	padding: 1em 0 1.5em 0;
}
.sidebar-content a {
background: -moz-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%);
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#bdc7cf), 
  color-stop(100%,#454545));
background: -webkit-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%);
background: -o-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%);
background: linear-gradient( 
  #bdc7cf 0%,
  #454545 100%);
width: 100%;
display: block;
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0 0em 0;
}
.sidebar-content a:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c));
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%);
}
.sidebar-content-bouton-active {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c));
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%);
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%);
width: 100%;
display: block;
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0 0em 0;
}
.sidebar-content i {
	padding: 0 0.4em 0 0;
	color: #e2001a;
	text-shadow: 1px 1px 2px #FFF;
	position: relative;
	top: -0.2em;
	float: left;
}
.sidebar-content h2 {
	color: #FFF;
    text-align: center;
    padding: 0.5em 0 0.5em 0;
    font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	background-color: #3267b0;
	margin-bottom: 1.2em;
}

@media screen and (max-width: 1000px) {
	.sidebar {
	margin-right: 0;
	margin-bottom: 3em;
	width: 100%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	min-width: 100px;
	}
	.sidebar-content {
		padding: 1em 0 1.5em 0;
		width: 40%;
		margin: 0 5% 0 5%;
		float: left;
		min-height: 200px;
	}
}

@media screen and (max-width: 600px) {
	.sidebar {
	margin-right: 0;
	margin-bottom: 3em;
	width: 100%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	min-width: 100px;
	}
	.sidebar-content {
		width: 90%;
	}
}

/* SIDEBAR  ---------- END ----------- */


/* SIDEBAR DETAIL IMAGE  ---------- START ----------- */

.sidebar-detail {
	margin-right: 5%;
	margin-bottom: 1em;
	width: 37%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	min-width: 350px;
}
.sidebar-detail hr {
	border-top: dotted 1px #b3bac0;
	border-bottom: none;
  	border-left: none;
  	border-right: none;
	margin: 0 0 0.5em 0;
}
.sidebar-detail-content {
	padding: 1em 0 1.5em 0;
}
.sidebar-detail-content-bouton-active {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0 0em 0;
}
.sidebar-detail-content h2 {
	color: #FFF;
    text-align: center;
    padding: 0.5em 0 0.5em 0;
    font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	background-color: #3267b0;
	margin-bottom: 1.2em;
}
.image-detail-plan {
	max-height: 300px;
	margin-bottom: 2em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.thumb-attached-docs img {
	width: 31.3%;
	height: auto;
	border: 0.2em #FFF solid;
	margin: 0 0.5em 0.5em 0;
	float: left;
}

@media screen and (max-width: 1000px) {
	.sidebar-detail {
	margin-right: 0;
	margin-bottom: 3em;
	width: 100%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	min-width: 100px;
	}
	.sidebar-detail-content {
		padding: 1em 0 1.5em 0;
		width: 100%;
		float: left;
	}
}

@media screen and (max-width: 600px) {
	.sidebar-detail {
	margin-right: 0;
	margin-bottom: 3em;
	width: 100%;
	background-color: #ebf2f8;
	height: auto;
	float: left;
	padding: 0.5em 2em 0.5em 2em;
	/*min-width: 100px;*/
	}
	.thumb-attached-docs img {
	width: 47%;
	height: auto;
	border: 0.2em #FFF solid;
	margin: 0 0.5em 0.5em 0;
	float: left;
	}
}

/* SIDEBAR DETAIL IMAGE  ---------- END ----------- */


/* SIDEBAR FORMULAIRE  ---------- START ----------- */

.select-form-home {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0 0 1em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.select-form-home-last {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0 0 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.input-form-home {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0 0 0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.button-form-home {
background: -moz-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#bdc7cf), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #bdc7cf 0%,
  #454545 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color: white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0 0em 0;
}
.button-form-home:hover {
padding: 0.4em;
width: 100%;
height: auto;
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}

/* SIDEBAR FORMULAIRE  ---------- END ----------- */


/* BODY  ---------- START ----------- */

.banner-shadow {
	padding: 0 3em 0 3em;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
}
.table-body {
	padding: 3em 3em 5em 3em;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
}
.body-content {
	width: 68%;
	height: auto;
	float: left;
	min-width: 300px;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
}
.body-content h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 2em;
	margin-top: 0;
	color: #333;
	line-height: 1.2em;
	/*text-transform: uppercase;*/
}
.body-content h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	padding-bottom: 0.5em;
	color: #808E32;
	line-height: 1.2em;
}
.body-content h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	padding-bottom: 0.3em;
	color: #555;
	line-height: 1em;
}
.body-content a {
	color: #3267b0;
	text-decoration: none;
}
.body-content a:hover {
	color: #afcb1a;
	text-decoration: none;
}
.bouton-body-content {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.5em;
text-align: center;
font-size: 1.2em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
letter-spacing: 0.2px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: white !important;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.bouton-body-content:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
}
.body-content hr {
	border-top: 1px dotted #bdc7cf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
	margin: 1em 0 1em 0;
}
.body-content-fullwidth {
	width: 100%;
	height: auto;
	float: left;
	min-width: 620px;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
}
.body-content-fullwidth h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 2em;
	margin-top: 0;
	color: #333;
	line-height: 1.2em;
	/*text-transform: uppercase;*/
}
.body-content-fullwidth h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	padding-bottom: 0.5em;
	color: #808E32;
	line-height: 1.2em;
}
.body-content-fullwidth h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	padding-bottom: 0.3em;
	color: #555;
	line-height: 1em;
}
.body-content-fullwidth a {
	color: #3267b0;
	text-decoration: none;
}
.body-content-fullwidth a:hover {
	color: #afcb1a;
	text-decoration: none;
}
.body-content-fullwidth hr {
	border-top: 1px dotted #bdc7cf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	.table-body {
	padding: 1em 1em 1em 1em;
	margin: 0 auto;
	width: 100%;
	height: auto;
	}
	.body-content {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	min-width: 100px;
	}
	.body-content h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	margin-top: 0;
	color: #333;
	line-height: 1.2em;
	}
	.body-content-fullwidth {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	min-width: 100px;
	}
}

@media screen and (max-width: 600px) {
	.table-body {
	padding: 1em 1em 1em 1em;
	margin: 0 auto;
	width: 100%;
	height: auto;
	}
	.body-content {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	min-width: 100px;
	}
	.body-content h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	margin-top: 0;
	color: #333;
	line-height: 1.2em;
	}
	.body-content-fullwidth {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	min-width: 100px;
	}
}

/* BODY  ---------- END ----------- */


/* BODY DETAIL IMAGE  ---------- START ----------- */

.body-content-detail {
	width: 58%;
	height: auto;
	float: left;
	min-width: 300px;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
}
.body-content-detail hr {
	border-top: 1px dotted #bdc7cf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
	margin: 1em 0 1em 0;
}
.body-content-detail h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	padding: 0 0 0.5em 0;
	margin-top: 0em;
	color: #808E32;
}
.body-content-detail h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	padding-bottom: 0.5em;
	color: #808E32;
	line-height: 1.2em;
}
.body-content-detail h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	padding-bottom: 0.3em;
	color: #555;
	line-height: 1em;
}
.body-content-detail a {
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	text-decoration: none;
	color: #3267b0;
	text-align: center;
}
.body-content-detail a:hover {
	color: #afcb1a;
	text-decoration: none;
}
.body-content-detail img {
	width: auto;
	height: auto;
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 900px;
}
.navbar-arrows-detail {
	width: 100%;
	height: auto;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	padding: 0 0 2em 0;
	text-align: center;
	color: #444;
	/*margin-bottom: 0.2em;*/
	/*background-color: #afcb1a;*/
	/*-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;*/
}
.navbar-arrows-detail h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 1.3em;
	text-align: center;
	color: #444;
}
.navbar-arrows-detail i {
	background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
padding: 0.7em;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
color:white !important;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.navbar-arrows-detail i:hover {
	background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
}
.navbar-arrows-detail-bottom {
	width: 100%;
	height: auto;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	padding: 2em 0 0 0;
	text-align: center;
	color: #444;
	margin-bottom: 2em;
	/*background-color: #afcb1a;*/
	/*-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;*/
}
.navbar-arrows-detail-bottom i {
	background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
padding: 0.7em;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
color:white !important;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.navbar-arrows-detail-bottom i:hover {
	background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
}

@media screen and (max-width: 1000px) {
	.body-content-detail {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	}
}

@media screen and (max-width: 600px) {
	.body-content-detail {
	width: 100%;
	height: auto;
	float: left;
	min-width: 100px;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.6em;
	}
	.body-content-detail img {
	width: auto;
	height: auto;
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 600px;
	}
}

/* BODY DETAIL IMAGE  ---------- END ----------- */


/* MAP THUMB  ---------- START ----------- */

.map-thumb-construct {
	width: 50%;
	min-width: 260px;
	float: left;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.map-thumb {
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.2em;
	font-size: 0.9em;
	width: 100%;
	padding: 1.5em 1.5em 1.5em 1.5em;
	background-color: #ebf2f8;
}
.map-thumb img {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-bottom: 0.1em;
}
.map-thumb i {
	color: white;
}
.map-thumb a {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
/*display: block;*/
padding: 0.5em 0.8em 0.5em 0.8em;
height: auto;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
color: white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
float: left;
margin: 0 1em 0 0;
}
.map-thumb a:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
color: white;
}

@media screen and (max-width: 600px) {
	.map-thumb-construct {
	width: 100%;
	float: left;
	padding: 0.5em 0.5em 0.5em 0.5em;
	}
}

/* MAP THUMB  ---------- END ----------- */


/* PHOTO THUMB  ---------- START ----------- */

.photo-container {
	width: 50%;
	min-width: 260px;
	float: left;
	position: relative;
}
.photo-overlay {
	position: absolute;
  	bottom: 0;
 	left: 0;
  	right: 0;
  	background-color: #afcb1a;
	opacity: 0.5;
  	overflow: hidden;
  	width: 0;
  	height: 100%;
  	transition: .5s ease;
}
.photo-overlay:hover {
	opacity: 1;
}
.photo-container:hover .photo-overlay {
	width: 100%;
}
.photo-texte {
	color: #000;
	font-family: 'Lato-Regular', sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4em;
	/*white-space: nowrap;*/
  	position: absolute;
  	overflow: hidden;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
}
.photo-icon {
	color: #FFF;
  	position: absolute;
  	overflow: hidden;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
	background-color: #afcb1a;
	padding: 1em 1em 0.8em 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #000000;
}
.photo-container img {
	width: 100%;
	height: auto;
	display: block;
}
.photo-overlay i {
	color: #FFF;
}
.photo-overlay a {
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 600px) {
	.photo-container {
	width: 100%;
	float: left;
	position: relative;
	}
}

/* PHOTO THUMB  ---------- END ----------- */


/* NEWS  ---------- START ----------- */

.news-thumb-construct {
	width: 25%;
	min-width: 200px;
	float: left;
	padding: 1em 1em 1em 1em;
}
.news-thumb {
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.4em;
	font-size: 1em;
	width: 100%;
	padding: 1.5em 1.5em 1.5em 1.5em;
	background-color: #ebf2f8;
}
.news-thumb h1 {
	color: #4e575f;
    text-align: left;
    padding: 0.1em 0 0.2em 0;
    font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	line-height: 1.2em;
}
.news-thumb img {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
}

.news-thumb-posted {
	display: block;
	/*margin: 1em 0 0.5em 0;*/
	padding: 0em 0 0.5em 0;
	font-style: italic;
	font-size: 0.85em;
	border-bottom: #b3bac0 1px dotted;
}
.news-thumb a {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.8em;
text-align: center;
font-size: 1.5em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.news-thumb a:hover {
padding: 0.8em;
width: 100%;
height: auto;
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.bouton-page-news {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
width: 50%;
display: block;
height: auto;
padding: 0.8em;
text-align: center;
font-size: 1.5em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white !important;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin-top: 0em;
margin-bottom: 1.5em;
}
.bouton-page-news:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
}

@media screen and (max-width: 1000px) {
	.news-thumb-construct {
	width: 50%;
	float: left;
	padding: 1em 1em 1em 1em;
	}
}

@media screen and (max-width: 600px) {
	.news-thumb-construct {
	width: 100%;
	float: left;
	padding: 1em 1em 1em 1em;
	}
}


/* NEWS  ---------- END ----------- */


/* A LA LOUPE  ---------- START ----------- */

#div-a-la-loupe {
	padding: 3em 3em 5em 3em;
	background-color: #e0e6eb;
	border-top: 1em solid #bdc7cf;
}
.table-a-la-loupe {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
}
#titre-a-la-loupe {
	width: 100%;
	color: #4e575f;
    text-align: left;
    padding: 0.5em 3em 0 1.8em;
    font-size: 1.7em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
.colonne-a-la-loupe {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 25%;
	min-width: 240px;
	float: left;
	padding: 0 3em 0 3em;
}
.colonne-a-la-loupe-last {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 25%;
	min-width: 240px;
	margin-right: 0;
	float: left;
	padding: 0 3em 0 3em;
}
.colonne-a-la-loupe h1 {
	color: #4e575f;
    text-align: left;
    padding: 1em 0 0.5em 0;
    font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
}
.colonne-a-la-loupe-last h1 {
	color: #4e575f;
    text-align: left;
    padding: 1em 0 0.5em 0;
    font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
}
.colonne-a-la-loupe img {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
	/*-moz-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	border-radius:15px 15px 0 0;
	box-shadow: 2px 2px 6px #000000;*/
}
.colonne-a-la-loupe-last img {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
	/*-moz-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	border-radius:15px 15px 0 0;
	box-shadow: 2px 2px 6px #000000;*/
}
.posted {
	display: block;
	margin: 1em 0 0.5em 0;
	padding: 0.5em 0 0.5em 0;
	font-style: italic;
	font-size: 0.85em;
	border-bottom: #b3bac0 1px dotted;
}
.colonne-a-la-loupe a {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.8em;
text-align: center;
font-size: 1.5em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.colonne-a-la-loupe a:hover {
padding: 0.8em;
width: 100%;
height: auto;
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.colonne-a-la-loupe-last a {
background: -moz-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#afcb1a), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #afcb1a 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #afcb1a 0%,
  #454545 100%); /* W3C */
width: 100%;
display: block;
height: auto;
padding: 0.8em;
text-align: center;
font-size: 1.5em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
}
.colonne-a-la-loupe-last a:hover {
padding: 0.8em;
width: 100%;
height: auto;
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}

@media screen and (max-width: 1000px) {
	#div-a-la-loupe {
	padding: 2em 1em 2em 1em;
	background-color: #e0e6eb;
	border-top: 1em solid #bdc7cf;
	}
	#titre-a-la-loupe {
	width: 100%;
	color: #4e575f;
    text-align: left;
    padding: 0 0.5em 0 0.5em;
    font-size: 1.7em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	}
	.colonne-a-la-loupe {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 50%;
	float: left;
	padding: 0 1em 0 1em;
	}
	.colonne-a-la-loupe-last {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 50%;
	float: left;
	padding: 0 1em 0 1em;
	}
}

@media screen and (max-width: 600px) {
	#div-a-la-loupe {
	padding: 2em 1em 2em 1em;
	background-color: #e0e6eb;
	border-top: 1em solid #bdc7cf;
	}
	#titre-a-la-loupe {
	width: 100%;
	color: #4e575f;
    text-align: left;
    padding: 0 0.5em 0 0.5em;
    font-size: 1.7em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	}
	.colonne-a-la-loupe {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 100%;
	float: left;
	padding: 0 1em 0 1em;
	}
	.colonne-a-la-loupe-last {
	padding-top: 1em;
	color: #666;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 100%;
	float: left;
	padding: 0 1em 0 1em;
	}
}

/* A LA LOUPE  ---------- END ----------- */


/* SUBFOOTER  ---------- START ----------- */

#div-subfooter {
	padding: 4em 0 4em 0;
	background-color: #afcb1a;
}
.table-subfooter {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
	/*padding: 0 3em 0 3em;*/
}
.colonne-subfooter {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 33.3%;
	min-width: 300px;
	float: left;
	padding: 1em 3em 0 3em;
}
.colonne-subfooter-last {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 33.3%;
	min-width: 300px;
	float: left;
	padding: 1em 3em 0 3em;
}
.colonne-subfooter h1 {
	color: #FFF;
    text-align: center;
    padding: 1em 2em 1em 2em;
    font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	background-color: #a9c41a;
	margin-bottom: 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #444;
	letter-spacing: 1px;
}
.colonne-subfooter-last h1 {
	color: #FFF;
    text-align: center;
    padding: 1em 2em 1em 2em;
    font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	background-color: #a9c41a;
	margin-bottom: 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #444;
	letter-spacing: 1px;
}
.colonne-subfooter img {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
	box-shadow: 1px 1px 2px #444;
}
.colonne-subfooter-last img {
	width: 31.3%;
	height: auto;
	border: 0.2em #FFF solid;
	box-shadow: 1px 1px 2px #444;
	margin: 0 0.5em 0.5em 0;
	float: left;
}
.colonne-subfooter a {
width: 100%;
display: block;
height: auto;
text-align: left;
font-size: 1.2em;
color: black;
text-decoration: none;
padding-bottom: 1.5em;
border-bottom: #dff373 1px dotted;
}
.colonne-subfooter a:hover {
color: white;
text-decoration: none;
}
.colonne-subfooter ul {
	padding-left: 0;
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	margin-left: 0;
}
.colonne-subfooter li {
	list-style-type: none; /* on annule la puce par défaut */
	margin-bottom: 1.5em;
	display: block;
	padding-top: 0.5em;
}
.colonne-subfooter i {
	float: left;
	margin-right: 1em;
	position: relative;
	top: -0.3em;
	left: 0.5em;
	color: #FFF;
	text-shadow: 1px 1px 1px #444;
}
.colonne-subfooter-last ul {
	padding-left: 0;
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	margin-left: 0;
}
.colonne-subfooter-last li {
	list-style-type: none; /* on annule la puce par défaut */
	margin-bottom: 1.5em;
	display: block;
	padding-top: 0.5em;
}
.colonne-subfooter-last i {
	float: left;
	margin-right: 0.6em;
	position: relative;
	top: -8px;
	left: 0px;
	color: #FFF;
	text-shadow: 1px 1px 1px #444;
}
.colonne-subfooter span {
	color: #FFF;
	letter-spacing: 1px;
}

@media screen and (max-width: 1000px) {
	#div-subfooter {
	padding: 2em 0 2em 0;
	background-color: #afcb1a;
	}
	.colonne-subfooter {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 50%;
	float: left;
	padding: 1em 2em 0 2em;
	}
	.colonne-subfooter-last {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 100%;
	float: left;
	padding: 1em 2em 0 2em;
	}
}

@media screen and (max-width: 600px) {
	#div-subfooter {
	padding: 2em 0 2em 0;
	background-color: #afcb1a;
	}
	.colonne-subfooter {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 100%;
	float: left;
	padding: 1em 2em 0 2em;
	}
	.colonne-subfooter-last {
	color: #000;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
	width: 100%;
	float: left;
	padding: 1em 2em 0 2em;
	}
}

/* SUBFOOTER  ---------- END ----------- */


/* FOOTER  ---------- START ----------- */

#div-footer {
	padding: 2em 3em 5em 3em;
	background-color: #111111;
}
.table-footer {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
	padding: 0 3.5em 0 3em;
}
.footer-left {
	color: #888888;
	font-size: 0.9em;
	float: left;
	padding: 1em 0 1em 0;
}
.footer-left a {
	color: #888888;
	text-decoration: none;
}
.footer-left a:hover {
	color: #afcb1a;
	text-decoration: none;
}
.footer-right {
	color: #888888;
	float: right;
	padding: 0.5em 0 0.5em 0;
}
.footer-right i {
	color: #888888;
	margin-left: 0.5em;
}
.footer-right i:hover {
	color: #afcb1a;
}

@media screen and (max-width: 1000px) {
	#div-footer {
	padding: 2em 1em 2em 1em;
	background-color: #111111;
	}
	.table-footer {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	height: auto;
	padding: 0 1em 0 1em;
	}
	.footer-left {
	color: #888888;
	font-size: 0.9em;
	float: none;
	padding: 1em 0 1em 0;
	}
	.footer-right {
	color: #888888;
	float: left;
	padding: 2em 0 0.5em 0;
	}
	.footer-right i {
	color: #888888;
	margin-right: 0.3em;
	margin-left: 0;
	}
	.footer-right i:hover {
	color: #afcb1a;
	}
}

@media screen and (max-width: 600px) {
	#div-footer {
	padding: 2em 1em 2em 1em;
	background-color: #111111;
	}
	.table-footer {
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	height: auto;
	padding: 0 1em 0 1em;
	}
	.footer-left {
	color: #888888;
	font-size: 0.9em;
	float: none;
	padding: 1em 0 1em 0;
	}
	.footer-right {
	color: #888888;
	float: left;
	padding: 2em 0 0.5em 0;
	}
	.footer-right i {
	color: #888888;
	margin-right: 0.3em;
	margin-left: 0;
	}
	.footer-right i:hover {
	color: #afcb1a;
	}
}

/* FOOTER  ---------- END ----------- */


/* ############ DESIGN GENERAL ############  ---------- START ----------- */

/* FORMULAIRE INSCRIPTION BODY  ---------- START ----------- */

.inscription {
	padding: 1.5em;
	background-color: #ebf2f8;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.select-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0 0 1em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.input-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0.5em 0 0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.textarea-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0.5em 0 0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.button-form-inscription {
background: -moz-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#bdc7cf), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #bdc7cf 0%,
  #454545 100%); /* W3C */
width: 40%;
/*display: block;*/
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0.5em 0 0;
/*float: left;*/
}
.button-form-inscription:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
padding: 0.4em;
width: 40%;
height: auto;
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}

/* FORMULAIRE INSCRIPTION BODY  ---------- END ----------- */


/* COLONNES BODY  ---------- START ----------- */

.fullwidth {
	width: 100%;
	padding: 0 2% 0 2%;
	margin: 0 0 1em 0;
	float: left;
}
.fullwidth-more-space {
	width: 100%;
	padding: 0 2% 0 2%;
	margin: 0 0 2em 0;
	float: left;
}
.onehalf {
	width: 50%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	min-width: 200px;
	float: left;
}
.onehalf-last {
	width: 50%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	min-width: 200px;
	float: left;
}

@media screen and (max-width: 600px) {
	.onehalf {
	width: 100%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	float: left;
	}
	.onehalf-last {
	width: 100%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	float: left;
	}
}

/* COLONNES BODY  ---------- END ----------- */


/* SEPARATION  ---------- START ----------- */

.separation {
	border-top: 1px dotted #bdc7cf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
	margin: 3em 0 2em 0;
}

/* SEPARATION  ---------- END ----------- */


/* YOUTUBE VIDEO  ---------- START ----------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 1em;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* YOUTUBE VIDEO  ---------- END ----------- */


/* GOOGLE MAPS  ---------- START ----------- */

.googlemap-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 1em;
}
.googlemap-container iframe,  
.googlemap-container object,  
.googlemap-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* GOOGLE MAPS  ---------- END ----------- */


/* IMAGES BODY  ---------- START ----------- */

.img-100 {
	width: 100%;
	height: auto;
	border: 0.2em #FFF solid;
}
.img-75 {
	width: 75%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-right: 1em;
	float: left;
}
.img-50 {
	width: 50%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-right: 1em;
	float: left;
}
.img-25 {
	width: 25%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-right: 1em;
	float: left;
}
.img-20 {
	width: 20%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-right: 1em;
	float: left;
}
.img-15 {
	width: 15%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-right: 1em;
	float: left;
}
.img-75-r {
	width: 75%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-left: 1em;
	float: right;
}
.img-50-r {
	width: 50%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-left: 1em;
	float: right;
}
.img-25-r {
	width: 25%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-left: 1em;
	float: right;
}
.img-20-r {
	width: 20%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-left: 1em;
	float: right;
}
.img-15-r {
	width: 15%;
	height: auto;
	border: 0.2em #FFF solid;
	margin-left: 1em;
	float: right;
}

/* IMAGES BODY  ---------- END ----------- */


/* TABLEAUX BODY  ---------- START ----------- */

.body-content th {
	border: thin solid #FFF;
	color: #FFF;
	background-color: #afcb1a;
	padding: 1.2em 2em 1.2em 2em;
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	text-align: left;
	/*text-shadow: 1px 1px 1px #000;*/
	letter-spacing: 1px;
}
.body-content td {
	border: thin solid #FFF;
	padding: 0.8em 2em 0.8em 2em;
	color: #000000;
	font-family: 'Lato-Regular', sans-serif;
}
.body-content tr:nth-child(odd) {
	background-color: #ebf2f8;
}
.body-content tr:nth-child(even) {
	background-color: #d8dfe5;
}

/* TABLEAUX BODY  ---------- END ----------- */


/* TABLEAUX SIDEBAR  ---------- START ----------- */

.table-detail {
	border: none;
}
.table-detail td {
	border: none;
	padding: 0.5em 0 0.7em 0;
	color: #222;
	font-family: 'Lato-Regular', sans-serif;
	line-height: 1.6em;
	width: 50%;
	border-bottom: 1px solid #d8dfe5
}
.table-detail sup {
	/*padding: 0.5em 0 0.5em 0;*/
	color: #FFF;
	font-family: 'Lato-Regular', sans-serif;
	font-size: 0.5em;
	margin-left: 0.2em;
}
.table-detail a {
background: -moz-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#bdc7cf), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #bdc7cf 0%,
  #454545 100%); /* W3C */
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white !important;
	text-decoration: none;
	box-shadow: 1px 1px 1px #000000;
	border: none;
	display: block;
	padding: 0.5em 0.7em 0.5em 0.7em;
	text-shadow: none;
	margin: 0.3em 0 0.3em 0.5em;
}
.table-detail a:hover {
	background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
}
.table-detail i {
	color: #FFF;
}

/* TABLEAUX SIDEBAR  ---------- END ----------- */


/* WARNING  ---------- START ----------- */

.warning {
	width: 50%;
	height: auto;
	background-color: #c1de28;
	color: #000;
	padding: 1.5em 1.5em 0.5em 1.5em;
	float: right;
	margin: 0 0 1em 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #666;
}
.warning i {
	float: left;
	color: #000;
	padding-right: 0.8em;
}
.warning-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: #000;
	line-height: 1em;
}

@media screen and (max-width: 600px) {
	.warning i {
	float: left;
	color: #000;
	padding-right: 0.8em;
	}
	.warning {
	width: 100%;
	height: auto;
	background-color: #c1de28;
	color: #000;
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin: 0 0 1em 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #666;
}
}

/* WARNING  ---------- END ----------- */


/* ACCORDION BODY  ---------- START ----------- */

 /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #ebf2f8;
    color: #444;
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
    cursor: pointer;
    padding: 1em 2em 1em 2em;
    width: 100%;
    text-align: left;
    border: 2px solid #FFF;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #afcb1a;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
	font-family: 'Lato-Light', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
    padding: 0 2em;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* Style the accordion + and - */
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 1em;
    color: #777;
    float: right;
    margin-left: 5em;
}
button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}


/* ACCORDION BODY  ---------- END ----------- */

/* ############ DESIGN GENERAL ############  ---------- END ----------- */