@charset "utf-8";

:root {
--clr1: #569A59;
--clr2: #252525;
--clr3: #092f57;
}

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

body {
margin: 0;
padding: 0;

background: #fff;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #696969;
}

a img {
border: 0;
}

a {
color: #333;
text-decoration: underline;
}

a:hover {
}

.fontello {
font-family: Fontello;
}

hr {
background-image: none;
margin: 2em 0 2em 0;
border: 0;
height: 1px;
background-color: #eee;
}

.resp {
display: none;
}

.noresp {
}

h1 {
margin: 0.75em 0 0 0;
font-weight: 600;
color: #333;
font-size: 2.1em;
}

h2 {
margin: 0 0 1em 0;
color: #333;
font-size: 1.15em;
font-weight: 500;
}

h2 span {
color: var(--clr1);
}

h3 {
width: 100%;
padding: 0.25em 0;
margin: 2em 0 0 0;
/*border-bottom: 1px solid #777;*/
font-weight: 500;
font-size: 1.14em;
color: #333;
}

p {
margin: 1em 0;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
color: #777;
}

p span.fontello {
margin-right: 1em;
}

.col50, .col66 {
display: grid;
margin: 0 auto;
padding: 0;
grid-auto-rows: auto;
gap: 2em;
}

.col50 {
grid-template-columns: repeat(2, 1fr);
}

.col66 {
grid-template-columns: 2fr 1fr;
}

.nogrille {
grid-column: span 2;
}

button {
width: 100%;
padding: 1em 1.5em;
border: none;
font-weight: 600;
font-size: 1em;
color: #fff;
cursor: pointer;
background-color: var(--clr3);
border-radius: 0.3em;
transition: all .15s ease-in-out;
}

button:disabled {
opacity: 0.5;
}




section#head {
padding-top: 100px;
padding-bottom: 2em;
}

section#head > div {
width: 1560px;
margin: auto;
}

section#head.shadow {
box-shadow: 0 7px 10px -5px rgba(50, 50, 50, 0.05) !important;
}

section#main {
width: 1560px;
margin: auto;
padding-top: 3em;
padding-bottom: 5em;
}


#header {
position: fixed;
width: 100%;
height: 90px;
z-index: 200;
background: linear-gradient(to top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
transition: all 0.2s ease-out;
}

#header nav {
width: 1560px;
margin: auto;
transition: all 0.5s ease;
}

#header.sticky {
position: fixed;
width: 100%;
top: 0;
background: unset;
background-color: #fff;
box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.2);
transition: all 0.2s ease-out;
}

#header.sticky ul li a {
color: #333 !important;
}

/*
#header {
position: absolute;
width: 1560px;
height: 90px;
margin: auto;
z-index: 100;
top: 0;
left: calc(50% - 600px);
}
*/

#header .logo {
position: absolute;
display: block;
left: calc(50% - 70px);
top: 30px;
height: 3em;
}

#header .logo img {
height: 3em;
}

#header .logo.dark {
display: none;
}

.sticky .logo {
display: none;
}

.sticky .logo.dark {
display: block !important;
}

/*#header #menuresp {
float: right;
margin-right: 2rem;
font-size: 2em;
color: #fff;
font-family: Fontello;
text-decoration: none;
}
*/
ul#navig, ul#navig2 {
list-style-type: none;
display: inline-block;
/*width: 1560px;*/
margin: 0;
padding: 0 0 0 0;
text-align: left;
line-height: 90px;
}

ul#navig {
float: left;
width: 50%;
text-align: left;
z-index: 100;
}

ul#navig2 {
float: right;
width: 50%;
text-align: right;
}

#header ul > li {
display: inline-block;
height: 45px;
line-height: 45px;
}


#header ul > li a {
display: block;
height: 45px;
/*width: calc(100% - 4em);*/
position: relative;
z-index: 100;
font-size: 1em;
font-style: normal;
text-align: left;
font-weight: 400;
text-decoration: none;
padding: 0 0 0 0;
margin: 0;
color: #ffffff;
border-bottom: 2px solid transparent;
transition: border 0.3s ease-out;
}

#header ul#navig > li {
margin-right: 2em;
}

#header ul#navig2 > li {
margin-left: 2em;
}

ul#navig2 > li img {
margin-right: 0.5em;
}

#header ul > li a:hover, ul#navig > li a.active {
border-bottom: 2px solid var(--clr3);
}

header.dark {
/*background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #fff !important;
}

header.dark ul li a {
color: #333 !important;
}

header.dark ul li a:hover, header.dark ul li a.active {
}

#navig2 #espace {
margin-right: 0.5em;
}

.message {
position: relative;
padding: 0.75em 1.25em;
margin-bottom: 1em;
border-radius: 0.2em;
}

.message.inf {
color: #155724;
background-color: #d4edda;
border: 1px solid #c3e6cb;
}

.message.warn {
color: #805e00;
background-color: #fdf0cc;
border: 1px solid #fceab8;
}

.message.err {
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
}

/*
ul#navig > li > a:hover::before, ul#navig > li > a.active::before, ul#navig > li > a:hover::after, ul#navig > li > a.active::after  {
content: '';
position: absolute;
z-index: -1;
width: 50%;
height: 100%;
top: 0;
background-color: #4F4F5A;
}

ul#navig > li a:hover::before, ul#navig > li a.active::before {
right: -2em;
}

ul#navig > li a:hover::after, ul#navig > li a.active::after {
left: -2em;
}
*/

ul#navig > li:hover ul.snavig {
display: block;
width: 250px;
}

ul#navig > li ul.snavig {
position: absolute;
display: none;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
     -o-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, Direction=180, Strength=15);
z-index: 200;
}

ul#navig > li ul.snavig li {
text-align: left;
margin: 0;
padding: 0;
width: 100%;
height: 50px;
}

ul#navig > li ul.snavig li a {
display: block;
width: calc(100% - 30px);
height: 100%;
line-height: 50px;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
padding: 0 0 0 2em;
margin: 0;
}

nav#fil {
width: 1560px;
margin: auto;
font-size: 0.875em;
text-transform: uppercase;
}

nav#fil a {
color: #aaa;
text-decoration: none;
transition: all 0.2s;
}

nav#fil a:last-child {
color: #333;
}

nav#fil a:hover {
color: #333;
}

nav#fil span {
/*color: #333;*/
}

nav#fil span.separ {
margin: 0 1em;
color: #aaa;
}


#last ul {
list-style-type: none;
display: grid;
margin: 1em 0 5em 0;
padding: 0;

grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
gap: 2em;
}

#last ul li {
position: relative;
grid-column: auto;
grid-row: auto;
width: 100%;
/*height: 260px;*/
opacity: 1;
transition: all 0.5s ease-in;
}

#last ul li a {
position: relative;
display: block;
}

#last ul li a img {
vertical-align: top;
border-radius: 0.3em;
width: 100%;
/*height: 260px;*/
}

/*aside > div {
margin-bottom: 1.5em;
border: 1px solid #eee;
border-radius: 0.3em;
padding: 1em;
}
*/
#last.simple ul li {
/*height: 140px;*/
}

#last.simple ul li a img {
/*height: 140px;*/
}

#last h3 {
color: #fff;
}

#last.simple h3 {
font-size: 0.9em;
}

#last ul li a .infos {
position: absolute;
width: calc(100% - 1.6em);
bottom: 0;
padding: 0.8em;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}

#last ul li a .pictos {
font-weight: 500;
font-size: 0.92em;
color: #fff;
margin: 0.5em 0 0 0;
}

#last ul li a .pictos span {
margin-right: 1em;
font-weight: 500;
color: #fff;
}

#last ul li a .pictos span::before {
font-family: Fontello;
color: var(--clr1);
font-size: 1.3em;
margin-right: 0.5em;
}

#last ul li a .pictos span:first-child::before { content: '\e806'; }
#last ul li a .pictos span:nth-child(2)::before { content: '\f236'; }
#last ul li a .pictos span:nth-child(3)::before { content: '\f2cc'; }


#last ul li.hidden {
opacity: 0;
transition: all 0.5s ease-in;
}




table.general {
width: 100%;
border-collapse: collapse;
font-size: .875em;
font-weight: 400;
}

table.general tr td, table.general tr th {
text-align: left;
padding: .75em;
border-top: 1px solid #eee;
}

table.general tr th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
font-weight: 500;
border-bottom: 2px solid #eee;
}

table.general tr:hover, table.general tr.actif {
background-color: #e9ecef;
border-color: #eee;
color: #333;
background-color: #e9ecef;
border-color: #eee;
font-weight: 500;
}








#footer {
width: 100%;
background-color: var(--clr2);
}

#footer .contfooter {
width: 1560px;
margin: auto;
padding-top: 5em;
padding-bottom: 5em;
margin-bottom: 0;
}

#footer h3 {
margin: 0;
color: #fff;
font-weight: 500;
font-size: 1.57em;
text-align: center;
}

#footer #mentions {
font-size: .875em;
font-weight: 400;
color: #ccc;
margin: 3em 0 0 0;
text-align: center;
}

#footer #mentions span, #footer #mentions a {
padding: 0 1em;
}

#footer #mentions #tel {
font-size: 1.1em;
font-weight: 700;
}

#footer #mentions a {
color: #fff;
text-decoration: none;
}

#footer #logo {
display: block;
height: 3em;
margin: 3em auto;
}

#footer hr {
background-image: none;
margin: 0 0 1em 0;
border: 0;
height: 1px;
background-color: #333;
}



#menuresp {
position: absolute;
display: none;
right: 1em;
top: 1em;
font-family: Fontello;
text-decoration: none;
transition: all 0.5s ease;
font-size: 2em;
color: #fff;
}

header.dark #menuresp {
color: #333;
}

#menurespclose {
position: absolute;
display: none;
right: 1em;
top: 1em;
font-family: Fontello;
text-decoration: none;
transition: all 0.5s ease;
font-size: 2em;
color: #fff;
}


#menuresp.open {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}



.clear {
clear: both;
}