body
{
	background-color:#59316b;
}

h1
	{
		color:#ffffff;
		text-align: center;
		font-size: 2.5rem;
	}
	
h2
	{
	color:#ffffff;
	font-size: 2rem;
	display: flex;
	align-items : center;
	}
		
img.h2
	{
	height : 32px;
	max-height: 100%;
	width: auto; 
	margin-left: 8px;
	margin-right: 8px;
	}
	
h3
	{
	color:#ffffff;
	font-size: 1.5rem;
	display: flex;
	align-items : center;
	}
	
a.h3
	{
	color:#ffffff;
	font-size: 1.5rem;
	text-decoration: none;
	display: flex;
	align-items : center;
	}	
	
img.h3
	{
	height : 24px;
	max-height: 100%;
	width: auto;
	}
	
h4
	{
	color:#ffffff;
	font-size: 0.75rem;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	align-items : center;
	justify-content: center;
	}

img.logo
	{
	width : 150px;
	max-width: 100%;
	height: auto; 
	}
	
div.logos
	{
	display: flex;
	justify-content: space-between;
	}	
	
img.Connect
	{
	width : 500px;
	max-width: 100%;
	height: auto;
	}
	
div.Connect
	{
	display: flex;
	justify-content: flex-start;
	align-items : center;
	margin-left : 50px;	
	margin-bottom : 50px;
	}

h3.Connect
	{
	margin-left : 25px; 
	}
	
img.Search
	{
	width : 500px;
	max-width: 100%;
	height: auto;	
	}

div.Search
	{
	display : flex;
	justify-content : flex-end;
	align-items : center;
	margin-right: 50px;
	margin-left : 25px;
	}
	
img.attention
	{
	height : 60px;
	max-height: 100%;
	width: auto;
	}
	
div.Sites1
	{
	display: flex;
	flex-direction: row;
	margin-left :50px;
	margin-right :50px;
	margin-bottom :75px;
	justify-content: space-between;
	}
	
div.browser
	{
	display: flex;
	justify-content: flex-start;
	align-items : center;
	}
	
img.Sites
	{
	height : 150px;
	max-height: 100%;
	width: auto;
	}

div.liste
	{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 25px; 
	}
	
div.avis
	{
	display:flex;
	justify-content: space-between;
	}
	
div.maintenance
	{
	display:flex;
	justify-content: center;
	}
	
img.maintenance
	{
	width : 1000px;
	max-width: 100%;
	height: auto;
	}