body
{
margin:0;
padding:0;
}

/* nav bar */
nav{
	background-color: #fff;
	min-height: 100px;
}
.navbar-nav {
	margin: 0 auto;
}
.navbar-light .navbar-nav .nav-link {
	font-family: 'Calibri';
	color: #575757;
	font-size: 17px;
}
.navbar-nav > li{
  padding-left:30px;
  padding-right:30px;
}
.navbar-brand {
	padding-left:30px;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #2581C4;
}

#container-principal:before {
    display: block;
    content: "";
    height: 100px;
    margin: -100px 0 0;
}

#container-quatrieme:before {
    display: block;
    content: "";
    height: 100px;
    margin: -100px 0 0;
}

#container-sixieme:before {
    display: block;
    content: "";
    height: 100px;
    margin: -100px 0 0;
}


/* clear */
.clear{
	clear: both;
	margin: 2%;
}
.clear1{
	clear: both;
	margin: 3%;
}

/* container entete */
.container-entete-gauche{
	float: left;
	width: 57%;
	margin: 4% 1% 1% 6%;
	text-align: justify;
}
.container-entete-gauche h1 {
	color: #009AA2;
	text-align: center;
}
.container-entete-gauche h3 {
	color: #2581C4;
	text-align: center;
}
.container-entete-gauche h4 {
	color: #2581C4;
	text-align: center;
}

.container-entete-droit{
	float: right;
	width: 31%;
	margin: 3% 1% 1% 4%;
}

.container-title {
	margin: 2% 0 0 0;
	padding: 1%;
	text-align: center;
	background-color: #2581C4;
	color: #fff;
}




#container-principal h3{
	color: #2581C4;
}

.container-principal-gauche {
	float: left;
	width: 50%;
	margin: 4% 1% 1% 6%;
	text-align: justify;
}
.container-principal-gauche h3{
	text-align: center;
}
.container-principal-droit{
	float: right;
	width: 38%;
	margin: 3% 1% 1% 4%;
}

.citation {
	margin: 4% 5% 4% 5%;
	text-align: center;
	color: #EF7D00;
}


.container-second-gauche {
	float: left;
	width: 60%;
	margin: 2% 1% 1% 8%;
	text-align: justify;
	padding: 1%;
}
.container-second-droit{
	float: right;
	width: 20%;
	margin: 4% 1% 1% 6%;
}


.container-troisieme h4{
	color: #2581C4;
}

.container-troisieme-gauche {
	float: left;
	width: 80%;
	margin: 1% 1% 1% 8%;
	text-align: justify;
	padding: 1%;
}


#container-quatrieme h3{
	color: #2581C4;
	text-align: center;
	margin: 1%;
}

.container-quatrieme-gauche {
	float: left;
	width: 70%;
	margin: 1% 1% 1% 8%;
	text-align: justify;
}
.container-quatrieme-droit{
	float: right;
	width: 15%;
	margin: 3% 1% 1% 1%;
}

.container-cinquieme {
	width: 80%;
	margin: 1% 1% 1% 8%;
}

.container-cinquieme h4{
	color: #2581C4;
	text-align: left;
	margin: 1% 1% 2% 0%;
}

.card {
	padding: 2%;
	text-align: justify;
}

#container-sixieme h3{
	color: #2581C4;
	text-align: center;
	margin: 1%;
}

.container-sixieme-gauche {
	float: left;
	width: 70%;
	margin: 1% 1% 1% 8%;
	text-align: justify;
}
.container-sixieme-droit{
	float: right;
	width: 15%;
	margin: 3% 1% 1% 1%;
}


.container-septieme h4{
	color: #5B60E6;
	text-align: left;
	margin: 1% 1% 2% 3%;
}

.d-flex h5 {
	text-align: left;
}
.container-septieme-gauche {
	margin: 1% 1% 1% 3%;
	width: 45%;
	float: left;
	text-align: justify;
}
.container-septieme-droite {
	margin: 1% 3% 1% 1%;
	width: 45%;
	float: right;
	text-align: justify;
}


.container-huitieme-gauche {
	margin: 1% 1% 5% 1%;
        float : center;       
	text-align: center;
	color: #009BA4;
}

.container-final-gauche {
	margin: 1% 1% 5% 15%;
	width: 30%;
	float: left;
	text-align: justify;
}

.container-final-droit {
	margin: 1% 15% 5% 1%;
	width: 30%;
	float: right;
	text-align: justify;
}

.card-body {
	text-align: center;
}


.imagebis {
	margin: 0% 0% 2% 0%;
}

.gauche {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.droite {
	float: right;
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.gauche1 {
	float: left;

}
.droite1 {
	margin: 15%;
}
.droite1 h6 {
	text-align: center;
	
}

.phishing {
	display: block;
	margin: auto ;
}

.rappel {
	margin: 1% 1% 1% 8%;
	text-align: left;
	color: #EF7D00;

}