.bg-adine
{
background:#FFF;
}	
 a{
    
    color:#000 ;
    
}  

.nav-item {
   
    margin: 0 auto;
    padding: 0.5em 0.5em;
    text-align: center;
}
.nav-item a {
    color: #FFF;
    text-decoration: none;
   
    margin: 0px 10px;
    padding: 10px 10px;
    position: relative;
    z-index: 0;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color:#2D8A6E;
}
.lien, .lien:visited, lien.active
{
 color:#fff;
}
a, a:visited {
color: #fff;
}
.breadcrumb-item a:visited
{
color:#000;
}
.nav-item a .active
{
color:#2D8A6E;
}
/* Top & Bottom Borders Out */
.topBotomBordersOut a:before, .topBotomBordersOut a:after {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #2D8A6E;
    content:"";
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.topBotomBordersOut a:before {
    top: 0px;
    transform: translateY(10px);
}
.topBotomBordersOut a:after {
    bottom: 0px;
    transform: translateY(-10px);
}
.topBotomBordersOut a:hover:before, .topBotomBordersOut a:hover:after {
    opacity: 1;
    transform: translateY(0px);
}




.carousel-item {
  height: 90vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color:white;
}

.carousel-caption
{
background: #000;
right: 0;
left:0;
bottom:0;

opacity: 0.7;
padding-bottom:2em;
}
#bloc-acc
{
text-align:left;
padding-top:2.5em;
}
#slider h2
{
text-transform: uppercase;
}
#slider
{
animation: 1s ease-out 0s 1 slideInFromBottom;
}
#Bloc-acc
{
animation: 1s ease-out 0s 1 slideInFromTop;
}
/********************
***** CARD **********
*********************/
.text-left
{
margin-bottom:1em !important;
}
.card-title
{
text-align:left;
text-transform: uppercase;
font-size:1.4em;
color:#000;
}
.card-title:hover
{
text-align:left;
text-transform: uppercase;
font-size:1.4em;
color:#000;
}
.card-title-top
{
text-align:left;
text-transform: uppercase;
font-size:1.1em;
margin-bottom:1em;
}
.card-text
{
text-align:left;
}
.btn-success {
color: #fff;
background-color: #2D8A6E;
border-color: #2D8A6E;
}

.btn-success:visited {
color: #fff;
background-color: #2D8A6E;
border-color: #2D8A6E;
}
.btn-success:hover {
color: #2D8A6E;
background-color: #fff;
border-color: #2D8A6E;
}
.btn-warning {
color: #fff;
background-color: #F4A261;
border-color: #F4A261;
}
.btn-warning:hover {
color: #F4A261;
background-color: #FFF;
border-color: #F4A261;
}

.actucardbody
{
paddin:0 !important;
background:none!important;
}
.actu
{

background-color:#2D8A6E;
padding:1em;
text-align:center;
}
.card-img-overlay
{
background-color: rgba(0, 0, 0, 0.4); 
}
.text-white
{
border:none !important;
}

/********************
****** FOOTER ********
*********************/
#footer
{
margin-top:2.5em;
background:#2D8A6E;
color:#FFF;
text-align:left;
}
.head_foot
{
color:#FFF;
text-transform: uppercase;
}
#footer ul
{
list-style:none;
padding-left:0;
margin-left:0;
}
#footer li
{
margin-top:0.8em;
}
#footer a:hover, a:visited, a:active, a:focus
{
color:none;
}
.orange{
color:#F4A261;
}
.orange:hover{
color:#FFF;
}
hr {
 padding:1px;
background:#FFF;
border:0;
}
.white{ color:#FFF;}
modal-header {
  border-bottom: none;
}

.modal-dialog {
  width: 100%;
  min-width:100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
label {
background: #2D8A6E;
		}

.modal-content {
  height: auto;
  min-height: 100%;
  min-width:100%;
  border-radius: 0;
  background: none;
  box-shadow: none;
  background: #2D8A6E;
color:#FFFFFF;
}

.modal-body {
  text-align: center;
  background:none;
}
.modal-body h1
{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-size:4em;
text-align:center;
}


.modal-content .close {
  opacity: 1;
  font-size: 30px;
  color:#FFF;
}


.input-big
{
	width:50%;
	height:40px;
	
font-size:1.7em;
text-align:center;
}
/****************
****************/
h1, .s-content .u-h1 {

background-image: linear-gradient(to right, rgba(45,138,110,0.5) 0%, rgba(45,138,110,0.5) 100%);
background-repeat: no-repeat;
background-position-y: bottom;
background-size: 100% 0.6em;
font-weight: 700;
text-align: center;
line-height: 1.33333;
animation: 1s ease-out 0s 1 slideInFromLeft;
}
h1
{
font-size:5em;
}
.chapo
{
font-size:2.3em;
animation: 1s ease-out 0s 1 slideInFromRight;
}

.card-deck
{
animation: 1s ease-out 0s 1 slideInFromBottom;
}

.contenu
{
animation: 1s ease-out 0s 1 slideInFromBottom;
}
a:visited { color: none;  }
/*Anim */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Pour les deux logos : Sieda ET Smica 
a[href="https://www.sieda.fr"] img,
a[href="https://www.smica.fr"] img {
    transition: transform 0.4s ease;
    display: inline-block;
}

a[href="https://www.sieda.fr"]:hover img,
a[href="https://www.smica.fr"]:hover img {
    transform: scale(1.2) rotate(360deg);
}
*/
.alert-success
{
background:linear-gradient(to right, rgba(45,138,110,0.2) 0%, rgba(45,138,110,0.2) 100%);
color:#2D8A6E;
border:#2D8A6E;
}
.alert-black
{
background:linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%);
color:#000;
border:#000;
}
#slider h2 
{
font-size:2.5em;
font-weight:bold;
color:#ffffff;
}
h2 
{
font-size:2.5em;
font-weight:bold;
color:#2D8A6E;
}
/***************************
***** RECHERCHE ************
***************************/
.search3
{
padding-left:0;
margin-left:0;
float:left;
}
.search3 ol, ul
{
margin-left:0;
}
.search3 .list-group-item.active
{
background:#2D8A6E;
background-color:#2D8A6E;
border-color:#2D8A6E;
}
.search3
{
animation: 1s ease-out 0s 1 slideInFromLeft;
}
.droite
{
animation: 1s ease-out 0s 1 slideInFromRight;
}
.badge-primary
{
background-color:#2D8A6E;
}

#result
{
list-style:none;
}
.search3 .list-group-item a
{
color:#000;
}
.search3 .list-group-item a:hover
{
color:#2D8A6E;
}
.vert
{
background-color:#2D8A6E;
color:#FFF;
}
.vert2{
color:#2D8A6E;

}
.vert3{
color:#2D8A6E;
font-size:1.3em;

}
.text-actu
{
font-size:1.4em;
}
.vert a:active 
{
color:#F4A261;
}
.vert a
{
color:#fff;
}
.vert .item-tri_actif
{
color:#F4A261;
}
#resultat
{
color:#2D8A6E;
}

.list-unstyled {
padding:1em;
list-style: none;
width: 100%;
text-align:left;
}

.page-item.disabled .page-link {
color: #2D8A6E;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #2D8A6E;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #2D8A6E;
border-color: #2D8A6E;
}
.page-item .page-link {
z-index: 1;
color: #2D8A6E;
background-color: #fff;
border-color: #2D8A6E;
}
/***********

***********/
.formulaire_spip label
{
color:#FFF;
text-align:left;
font-size:1.2em;
}
.formulaire_spip .explication
{
color:#000;
text-align:left;
font-size:1.2em;
}
.formulaire_spip input.text, .formulaire_spip select, .formulaire_spip textarea
{
padding:0.5em;
margin-bottom:0.5em;
}
.formulaire_spip p
{
margin-bottom:0.5em;
}
.choix .choix_newsletter
{
text-align:left;
}
button
{
float:right;
border-radius:4;
background-color: #2D8A6E;
font-size:1.5em;
color:#FFF;
}
#contenuarticle a{
color: #2D8A6E;
}

/* CARDS *///
* Ratio d'image fixe (16:9) */
.card-img-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
}

.card-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Carte cliquable + hover */
.card-link-wrapper {
  color: inherit;
  text-decoration: none;
}

.card-link-wrapper:hover {
  text-decoration: none;
}

.card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.card-hover img {
  transition: transform .3s ease;
}

.card-hover:hover img {
  transform: scale(1.05);
}
/* Hauteur minimale des cartes */
.card.card-hover {
  min-height: 520px; /* ajuste 480–600 selon ton design */
}

/* Zone image ratio fixe */
.card-img-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
}

.card-img-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hover */
.card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}
@media (min-width: 992px) {
  .card.card-hover { min-height: 540px; }
}

@media (max-width: 991px) {
  .card.card-hover { min-height: 480px; }
}






.card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

.card-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.card:hover .card-image img {
    transform: scale(1.05);
}
figure.spip_documents,
figure.spip_document {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

figure.spip_documents.media,
figure.spip_document.media {
    display: inline-block !important;
}

figure.spip_documents picture,
figure.spip_documents img {
    display: block;
    max-width: 100%;
    height: auto;
}

figure.spip_documents figcaption {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    clear: both !important;
    margin-top: 0.5rem;
}
figure.spip_documents_center {
    float: none !important;
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

figure.spip_documents_center picture,
figure.spip_documents_center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure.spip_documents_center figcaption {
    display: block;
    text-align: center;
    width: auto !important;
    max-width: 100%;
}
figure.spip_documents_center.media {
    display: table !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}