/********************************************
 * Personnalisation du thème TWENTY
 *
 **********************************************/


/* colorisation des Hx*/

h1, h2, h3, h4, h5, h6 {
    text-transform: inherit;
	font-weight: bold;
}

h1, h2{
	color: #000000
}

#cta h2{
	color: #b8852e
}

h3, h4, h5, h6 {
	color: #b8852e
}

/* colorisation des pages */

 .wrapper.style1 article {
	padding: 1rem;
    border-radius: 8px;
	border:	0.5px solid #ddd;
}

.wrapper.style2 {
	background-color: #363d49;
}

.wrapper.style3 {
	background-color: #f6f4ee;
}
	
#footer {
    background: #363d49;
    color: #ffffff;
}

body, input, select, textarea {
    color: #676f7e;
}

body {
    background: #faf5f7;
}

/* Bannière */

#banner .inner header h1, #banner .inner header {
	border: none;
}

#banner .inner {
    max-width: 800px;
}

#banner .inner header, #banner .inner header h1 {
    color: #ffffff;
	text-transform: inherit;
}

#hero h2 {
	color: #faf8f5
}

#banner .inner p {
    color: #d6cfc2;
	text-transform: inherit; 
}

#banner .inner li {
    background-color: #b8852e;;
}


#banner .inner li a {
    border: none;
}


header.special:before, header.special:after {
	display:none;
}

#header nav ul li.active > a.primary { background-color: #363d49;}
#formulaire_recherche input#recherche:focus { border-color: #363d49; }
body .oembed_audio .oe-play-button button {background:#363d49;}
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #363d49; text-decoration: none; padding:.5em; text-align: center; border: 1px solid #363d49; }
.pagination a.pagination-item-label:active { background: #fff; color: #363d49; text-decoration: none; }
.pagination .pagination-item.disabled .pagination-item-label {color:#363d49; background: transparent;}


/* La balise hr nettoie les flotants */
hr.spip {
	clear: both;
}


/* Séparateur des articles du sommaire */
	.row section::before {
	background-color: #b8852e;
    content: "";
    display: flex;
    height: 1.5px;
    width: 30%;
	margin: auto;
	}
	
/* colorisation des icones */
i.icon,header.special:before, header.special:after {
	color: #b8852e;
}

/* colorisation des boutons */

#banner .inner li {
        background-color: inherit;
    }

.button {
	color: #ffffff;
	border-radius: 3.75em;
	display: inline-block;

}
.actions .button, .major .button  {
	color: #363d49;

}

input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #b8852e;
		}
		
.button.primary,.button.scrolly {
			background: #b8852e;
			border-color: #b8852e;
			color:#ffffff;
		}

input[type="button"].primary:hover,input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
button.primary:hover,
.button.primary:hover {
	background: #af7e2c55 !important;
	border-color: #af7e2c55 !important;
}

.dropotron > li:hover > a {
	background: #363d4955;
}

/* Surchage style de la balise hx */

.special h1::after {
    background-color: #b8852e;
    bottom: -5px;
    content: "";
    display: flex;
    height: 2px;
    position: relative;
    width: 10%;
	margin: auto;
}

h2.spip::after {
    background-color: #b8852e;
    bottom: -5px;
    content: "";
    display: flex;
    height: 5px;
    position: relative;
    width: 100px;
	margin: 0 0 1em 0;
}

/* Surchage style de la balise h3 */
h3.spip::after {
    background-color: #b8852e;
    bottom: -5px;
    content: "";
    display: flex;
    height: 2px;
    position: relative;
    width: 100px;
}

/* Tableaux */
table.spip {
    width: auto;
	border-collapse:collapse 
}
table.spip th, table.spip td, table.spip caption {
    padding:0 1em;
}
table.spip caption {
    text-align: left;
}

a.spip_out {
	font-weight:bold
}

.bg-card {
    background-color: hsl(var(--card));
}
.rounded-xl {
    border-radius: .75rem;
}
.card-elevated {
    box-shadow: var(--shadow-soft);
    transition: box-shadow .3s ease, transform .3s ease;
}

/* style de l'article */
.surtitre {
	color: #b8852e;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8rem;
	letter-spacing: 0.4rem;
}


/*fon des images article */
.image::before {background:none}


/* modele contacter */
.modele_contacter {
	color: #000; /*#363d49;*/
	background: #f6f4ee;
	text-align: center;
	margin: 1rem 2rem 1rem 2rem;
	padding: 1rem;
	border-width: 1px;
	border-color:#e7e2da; 
	border-radius: 1rem;
}

/* formulaire contact */

div#formulaire_formidable_contact{
background: #fff;
padding: 2.5em;
margin: 0;
color: #7c8081;
}

#formulaire_formidable_contact input[type="text"], 
#formulaire_formidable_contact input[type="password"], 
#formulaire_formidable_contact input[type="email"], 
#formulaire_formidable_contact textarea {
    background: none;
    border: solid 1px rgba(124, 128, 129, 0.2);
    border-radius: 0;
    color: inherit;
    padding: 0.75em;
    text-decoration: none;
}