.-.-.-.-.-

/*! 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; color:#F9A31A;}
#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 #F9A31A dotted; border-clip: 10px 1fr 10px;}
.boxed:not([class*="bg-"]) { background:rgba(255, 255, 255, 0.4);}
.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;}
.feature-1 img { width:100%; height:auto;}

/*! footer */
footer ul.spip li { list-style:none; margin:0;}

iframe {

width: 100%;
    min-height: 200px;
    border: none;

}

.instaphoto{ width:100%;}

.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 #F9A31A;}
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.8); 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;}
}

/home/atelierpru/provence/squelettes/icon/../css/../css/custom.css