:root {
/*--F1body:#D9D4CE;*/
--BorderV:#A19E9C;
--F1body:#D9D6D2;
--IndigoTh:#323C59;
--Vert:#64b59e;
--BlueN:#9AABC5;
--BrunF:#A67458;
--BrunC:#D9C8B4;
--bodyfont:#394466;
--F1color:var(--IndigoTh);
--F1colorbck:var(--BlueN);
}

/*couleurs*/
.bckg-Connex{
	background-color: white;
}

.mainTtlcolor{
color:var(--BrunC);
}

.bodycolor{
	/*background-color:var(--F1body) ;*/
	color:var(--bodyfont);
}
.bodF1{

	background-color:var(--F1body);
}
.wtbkgF1{
	/*color:whitesmoke;*/
	color:var(--F1colorbck);
}
.wtF1 {
	color:var(--F1color);
	/*color:red;*/
}


/*couleurs FIN*/

.myFlex {

		display: flex;
		flex-wrap:wrap;
	    margin-left: auto;
    	margin-right: auto;	
}
.bckgwt {
	background-color:var(--F1color);
}
.activ{
	
	margin-left: auto;
	margin-right:auto;
}

.artcl p {

	padding-left:15px;
	padding-right:15px;
	text-align: justify;
}
.artcl li {
	list-style: circle;
	padding-bottom:15px;
	padding-right:15px;

}
.artclmain {
	border:1px var(--BorderV) solid;
	margin:5px;
	min-height:470px;
	background-color: whitesmoke;
	/*background-color:#F2EFBD;*/
	
}
.titleSte {   
    padding: 25px;
    border:0;
	margin:0;
}
.titleartcl {
	font-style: italic;
	text-align: center;
	padding:20px;
	margin-bottom:20px;
	color:var(--BrunC);
	background-color: var(--IndigoTh);
	/*color:var(--IndigoTh);*/



}
.bckgabnt{
	background-color: var(--IndigoTh);
}
.sVert {
color:var(--Vert);
font-style: italic;
font-weight: bold;
font-size : 1.2em;
}
.sGrey{
	color:#d6d6d6;
}
.H1t2{
	font-weight: bold;
	font-style: italic;
	font-size: 2.3em;
	text-align : center;
}
.tdRighcompTtl {
	text-align: right;
}
.colindigo {
	color:var(--IndigoTh);
}
.sticky-offset {
    top: 56px;   
}
.divCompare{
	border:1px solid var(--BorderV);

	padding:0px;
	margin-left:5px;
    margin-right: 5px;
}
.motdepasse{
	text-decoration: none;
	color: black;
}
.motdepasse: hover{
	text-decoration: none;
	color: red;
}
.centerWht {
	text-align: center;
	background-color: white;
}
.Thead{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
   	justify-content: center;
}
.bckgwht{
	background-color: white;
}
.compareTab{
	text-align: center;
}
.EFstat{
	/*border:1px black solid;*/
padding:10px;
}
.foot2{
display: flex;
flex-direction: column;
text-align: center;
}
.foot {
	
	display: flex;
	flex-direction : inline;
	justify-content: flex-end;
	margin-top :30px;
	margin-bottom : 3px;
	margin-right : 60px;
	
}
.foot p {
text-align: right;
font-family:jack;
font-size: 0.7em;
color:black;
}
.divInsEBtn {
	display: flex;
	justify-content: center;
	padding: 5px;
}
.foot a {
	text-align: right;
text-decoration:none;
color:black;
/*font-family: fire;*/
font-size:2em;
margin-bottom: 0;
}
.foot a:hover {
color:var(--themeColor2);
/*font-weight:bold;*/
}

@font-face {font-family: "jack"; src:url("fonts/jack.ttf"); format("trutype")}
@font-face {font-family: "fire"; src:url("fonts/fire.ttf"); format("trutype")}