h1.amalfi
{
	font-family: Amalfi;
	font-size: 3.5rem;
	text-align: center;
}

.dark-container, .dark-container *
{
	color: white;
	background-color: #34343a;
}

.cc_container
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em;
}

.cc
{
	display: block;
    /*border: 1px solid #86abce;*/
    border-radius: 13px;
    padding: 1rem;
    text-decoration: none;
   /* background-color: aliceblue;*/
    /*background-color: #dfe9f2;*/
    transition: .2s;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
}

a.cc:hover
{
	/*background-color: #b0d6f7;*/
	background-color: aliceblue;
}

.cc .cc_logo
{
	display: block;
    height: 70px;
    margin-right: 1em;
    object-fit: contain;
    object-position: left;
    margin-bottom: 1em;
}

h1#banner
{
	background-image: url('../img/banniere_site.jpg');
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../img/contactus.webp');*/
    padding: 10rem 1rem;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-position: center;
    font-weight: normal;
    margin:0;
    
}

h1#banner *
{
	color: #fff;
}

.logo_ab_menu
{
	float: right;
	margin-top: 7px;
}

.poeme
{
	font-family: 'Cormorant Garamond', serif; 
	font-style: italic; 
	font-size: 1.35em; 
	font-weight: 500; 
	color: #000;
}

table.glanage_demandes
{
	text-align: left;
    border-collapse: collapse;
}

/*table.glanage_demandes tr:nth-child(even)
{
	background-color: #eee;
}*/

table.glanage_demandes tr td
{
	/*background-color: #eee;*/
	font-style: italic;
}

table.glanage_demandes tr.bordertop td
{
	/*background-color: #fff;*/
	border-top: 1px solid black;
	font-style: normal;
}

table.glanage_demandes td, table.glanage_demandes th
{
	padding: .5em;
}

input {
    padding: 1em;
    border-radius: 13px;
    margin: 5px;
    margin-left: 0;
    font-size: 1rem;
}

input:not([type="radio"]) {
	box-sizing: border-box;
	border:solid 1px black;
}
   
#nous_rejoindre input:not([type="radio"]) {
	width: 280px;
}
   
input[type="submit"]
{ 
	background-color: #f19fad;
	border-color: #f19fad;
	font-size: 1em;
	box-shadow: none;
	outline: none;
	color: white;
	
}

input[type="submit"]:hover
{ 
	opacity: .6;
}



ul, p
{
	margin-bottom: 1em;
}

ul
{
	padding-left: 1.5em;
}

#footer, #footer *
{
	/*background-color: #fdf4f5;*/
	background-color: #34343a;
	color: #fff;
}

#footer
{
	margin-top: 3em;
}

#footer.footer_accueil, #footer.footer_accueil *
{
	/*background-color: #fdf4f5;*/
	background-color: #e8f5de; /*#d7e8ca;*/
}

h4
{
	font-weight: bold;
}

h1#banniere_accueil
{
	background-image: url('../groupement-achat/img/locominges-banniere-cropped.jpg');
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../groupement-achat/img/locominges-banniere-cropped.jpg');
    padding: 3em 1rem;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-position: center;
    font-weight: normal;
    margin-top: -2rem;
}



#logo_mppt_accueil
{
	 width: 8rem; 
	 float: left; 
	 margin-right: 2rem;
}

@media only screen and (max-width: 700px) {
	#logo_mppt_accueil
	{
		 width: 4rem;
	}
}

@media only screen and (min-width: 880px) {
	.cc .cc_logo
	{
		float: left;
	}
	
	h1#banner
	{
		padding: 12rem 1rem;
    }
}

@media only screen and (min-width: 1390px) {
	h1#banner
	{
		padding: 14% 1rem;
    }
}