@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
@font-face {
    font-family: headerFont;
    src: url(../fonts/headerCours.ttf);
}
html{
	height:100%;}
body{
	margin:0 auto;
	height:100%;
	min-width:300px;}
header{
	width:100%;
	background-image:url(../img/header.png);
	background-attachment: local;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	position:relative;
	z-index:1;
	overflow:hidden;
	padding-bottom:40px;
	border-bottom:2px solid rgba(132, 112, 255,1);}
.aboutCont{
	background-color: rgba(100,149,237,0.75);
	border:2px solid rgba(255,255,255,1);
	width:100%;
	text-align:center;
	
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
	position:relative;
	max-width:900px;
	padding:10px;
	border-radius:20px;
	}
.aboutCont > div{
	width:50%;
	display:inline-block;
	vertical-align:top;
		color:rgba(255,255,255,1);
		font-family:Tahoma, Geneva, sans-serif;
		font-size:20px;
		min-width:300px;}
.aboutCont > div:nth-child(1) img{
	height:100%;
	display:block;
	border: 2px solid rgb(255,255,255);
	margin:0 auto;}
.aboutCont > div:nth-child(2) img{
	width:100%;}			
.topCont > h1 {
	color:rgba(132, 112, 255,1);
	text-align:center;
	margin:0;
	line-height:70px;
	font-family: headerFont;}	
.topCont{
	background-image:linear-gradient(rgba(230, 230, 250, 0.9), rgba(230, 230, 250, 0.7));
	width:100%;
	min-height:60px;	
	color:rgba(0,0,0,1);
	overflow:hidden;
	border-bottom:2px solid  rgba(255, 240, 245, 1);	
	-webkit-box-shadow: 0px 3px 2px 0px rgba(51,204,255, 0.25);
-moz-box-shadow:0px 3px 2px 0px rgba(51,204,255, 0.25);
box-shadow:0px 3px 2px 0px rgba(51,204,255, 0.25);
	}
.menu{
	max-width:900px;
	display:block;
	margin:0 auto;
	width:100%;
	min-height:40px;
	padding:0;
	list-style:none;
	margin-top:-20px;
	text-align:center;
		position:relative;
	z-index:2;
	
	}
.menu > li{
	display:inline-block;
	width:19%;
	height:100%;
	margin-left:0.5%;
	margin-bottom:10px;
	min-width:150px;
	}					

.menu > li a{
	color:rgba(0,0,0,1);
	
	line-height:40px;
	display:block;
	width:100%;
	height:100%;
	
	background-color:rgba(255, 240, 245, 0.99);
	color:rgba(132, 112, 255,1);
	font-weight:bold;
	border:2px solid rgba(132, 112, 255,1);
	border-radius:20px; 	
	font-family:Tahoma, Geneva, sans-serif; }
.menu > li a:hover, .menu > li a.active{
	border:2px solid rgba(255, 215, 0 ,1);
	color:rgba(255, 215, 0 ,1);
	cursor:pointer;
	}	
.mainCont{
	width:100%;
	background-image:url(../img/mPageImg.png), url(../img/mPageTopImg.png);
	background-repeat:no-repeat, no-repeat;
	background-size:auto, contain;
	background-position:right bottom, 10px 5px;
	min-height:600px;
	}
.mainCont article{
	display:block;
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	
	max-width:900px;
	width:100%;
	
	margin:0 auto;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:60px;
	padding-bottom:60px;
	color:rgba(51,51,102,1);
	}
footer{
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgba(51,51,102,1);
	border-top:2px solid rgba(132, 112, 255,1);}
.footerMenu{
	display:block;
	padding:0;
	margin:0;
	margin:0 auto;
	max-width:900px;
	width:100%;
	text-align: center;}
.footerMenu li {
	width:30%;
	display:inline-block;
	margin-left:2%;
	min-width:150px;
	margin-bottom:15px;}
.footerMenu li img{
	width:100%;}
.sign{
	text-align:right;
	padding-right:20px;
	
	}
.sign a {
	color:rgba(255,255,255,1);}	
@media screen and (max-width:460px){
	.menu > li{
		width:300px;
		margin-bottom:10px;
	}
	.mainCont article {
		max-height:none;
		padding-left:5px;
		padding-right:5px;}
	.footerMenu li{
		width:200px;}
	.sign{
		text-align:center;}		
	}