body

{
    background-color: #324c97;
    background-image: url("fond.png");
    background-attachment: fixed;
    color: #253971/*#324c97*/;
    font-family: verdana ;


}

.entete

{
	background-color: rgba(255, 255, 255, 0.75);
	padding: 0px;
	border-radius: 12px;
	display: flex;
	justify-content: space-around;
    align-items: flex-end;
    overflow: scroll;

}

.logo

{
	width:60px;
	opacity: 1;
}

.liens

{

	font-family: verdana ;
	font-size: x-large;
}

.fond

{
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: auto;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);


}



.bienvenue

{

	text-align: justify;	
	overflow: scroll;

}

.contact
{
	text-align: center;
}
.mvtbrown

{
	width: 50%;
    float: left;

}

.coeur

{
	height:100px;
	width:25px;
	opacity: 0.7;
}


.amiscoeur

{

	display: flex;
	justify-content: space-around;

}

.liens ul

{

    list-style-type: none;
    display: flex;
    justify-content: space-around;

}


.liens li

{

    margin-right: 35px;

}


a

{

    font-size: 1em;
    color: #324c97;
    padding-bottom: 3px;
    text-decoration: none;

}


a:hover

{

    color: #324c97;
    border-bottom: 3px solid #324c97;

}

.amis a

{

    font-size: 1em;
    color: #324c97;
    padding-bottom: 3px;
    text-decoration: none;

}

.amis li

{

    margin-bottom : 10px;

}



.cambridge

{

	text-align: justify;
}

.schrodinger

{

	text-align: justify;
}

.agregintro

{

	text-align: justify;
}

.avertissement

{

	text-align: justify;
	font-style: italic;

}

.lecons

{

	text-align: justify;
}
.developpements

{

	text-align: justify;
}
.bibliographie

{

	text-align: justify;
}

.modelisation

{

	text-align:

}

.liensagreg a

{

    font-size: 1em;
    color: #324c97;
    padding-bottom: 3px;
    text-decoration: none;

}

.liensagreg li

{

    margin-bottom : 10px;

}

.gaz

{
	width:400px;
	margin:auto;


}


button.accordion {
    background-color: rgba(235, 237, 245, 0.5);
    color:#324c97;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: medium;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}

div.panel {
    padding: 0 18px;
    background-color: rgba(255, 255, 255, 0.3);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 8px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}