Your IP : 216.73.217.6
/*! Place your custom styles here */
body{ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.spip_logo_site {float:left; margin: 0 1em;}
.bar-- { background:#000;}
#menu2 { background:#000;}
.bar__module { vertical-align:bottom;}
.dropdown__trigger a { color:#fff; text-decoration:none;}
.slider { margin: 2em 0;}
p { font-size:1em; text-align:justify; color:#121a22;}
p strong { font-weight:bold; color: inherit; }
blockquote.spip { font-style:italic; color:#999; font-size:.9em; padding-left:1em; border-left: 1px solid #999; margin:2em; }
ul.spip { padding-left:2em;}
ul.spip li { list-style:square; font-size:1em; text-align:left;}
h1, .h1 { font-size:2.2em; text-transform:uppercase; text-align:center; margin-top:1em;}
.h3 {font-size:1.5em; margin-bottom: .8em; }
h3.spip {font-size:1.5em; margin: 2em 0 .5em 0; border-bottom: 1px #666 dotted;}
.accordion__content {margin: 0 0 3em 3em;}
/*! box */
.boxed::before, .boxed { border-radius:0px;}
.boxed.boxed--border { border: 2px #121a22 dotted; border-clip: 10px 1fr 10px;}
.boxed:not([class*="bg-"]) { background:rgba(255, 255, 255, 0.8);}
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) { background:rgba(63, 78, 94, 0.8); box-shadow: 4px 6px 3px 1px rgba(0, 0, 0, .4); margin-top:2em;}
.boxed.boxed--lg { padding:1em 2em;}
.boxed h1, .boxed .h1 { margin-top:.5em;}
h1 p { text-align:center;}
iframe {
width: 100%;
min-height: 200px;
border: none;
}
.feature { margin-top:2em; min-height:26em; }
.feature-3 p { min-height:2em; margin-bottom:.5em; line-height:1.6em; text-align:center;}
.feature-3 span.h4 { margin-bottom:1em; min-height:3em;}
.feature-3 span.h5 { border-bottom:1px solid #121a22;}
.vp-center { align-items:flex-start;}
.bg--primary .boxed:not(.imagebg) p {color:#121a22;}
h4.team { color:#121a22; text-align:center; text-transform:uppercase; border-bottom:1px solid #121a22;}
h5.titre p { color:#121a22; text-align:center; margin:0; padding:0;}
hr.sep {color:#121a22; margin:0 2em; background-color:#121a22;}
/*! boutons */
.btn { background:rgba(255, 255, 255, 0.4); color:#fff; margin:1em;}
.btn:last-child, .btn:first-child { margin:1em;}
h7 p{ text-align:center; font-size:1.2em; font-weight:400; padding-bottom:2em;}
h7 a{ color:#fff; text-decoration:none;}
/*! formulaire */
input[type]::placeholder, textarea::placeholder, select::placeholder {margin: 0 1em; color:#121a22;}
input.submit {margin:.5em 0;}
textarea { height:8em; font-size:.9em; line-height:1.2em;}
.modal-container .modal-content {padding:2em; background:rgba(63, 78, 94, 0.2);}
label { color:#fff;}
/*! modal homepage */
.modalbottom { position: fixed; bottom:0; left:0; z-index:99;}
.notification { border-radius: 10px; border:1px solid #121a22; background:rgba(63, 78, 94, 0.9);}
.formulaire_spip { padding:.8em; max-width:100% ;}
/*! slider homepage */
.flickity-page-dots { margin-bottom:3em;}
.typed-headline{ margin-top:2em;}
.txtzone { text-align:justify;}
.txtzone img {margin:0 1em 1em 0; box-shadow: 4px 6px 3px 1px rgba(0, 0, 0, .4);}
br.autobr { display:none;}
.clear { clear:both;}
.accordion li.active .accordion__content { max-height:1000px;}
.accordion li.active .accordion__content { vertical-align: top;}
/*! tableau */
table {
width: 80%;
border-collapse: separate;
}
td { border-right: 1px dotted;}
tr:first-child { background:rgba(63, 78, 94, 0.8); font-weight:bold; }
tr:last-child { background:rgba(63, 78, 94, 0.8); }
td:nth-child(2) {
text-align: right; border-right: none;
}
/*! onglet */
.tab__title { text-transform:uppercase; font-size:.95em;}
/*! images */
@keyframes background2 {
0% {transform:translateX(+800px) translateY(0px);}
100% {transform:translateX(0px) translateY(0px);}
}
.images img{
transition: .3s ease-in-out;
animation-name: background;
animation-duration: 8s;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
@keyframes background {
0% {transform:translateX(-800px) translateY(0px);}
100% {transform:translateX(0px) translateY(0px);}
}
.image2 img {
transition: .3s ease-in-out;
animation-name: background2;
animation-duration: 8s;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
.images:hover img{
opacity:0.5;
}
/* largeur maximum 400px */
@media screen and (max-width: 600px) {
.btn { margin:.2em; padding:.2em; width:80%; font-size:.8em; -webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
overflow: hidden;
}
.btn p {width:90%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}