*{
	 padding : 0;
	 margin : 0;
	 border : 0;
	 font-family: arial, verdana;
	 font-size: 16px;
}
a{
	text-decoration: none;
	color:white;	
}

.blended_grid{
	 display : block;
	 width : 1000px;
	 margin : 0px auto 0 auto;
}
.Menu{
	background-image: url("img/menu.png");
	background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 74px;
	 width : 1000px;
}

.home{
	background-size: 300px;
	 float : left;
	 clear : none;
	 height : 74px;
	 width : 300px;
}


#menu li {
    display: inline;
    list-style: none;

    margin: 35px 29px 0px 10px;
    float:right;
    color: #012678;
    font-size : 22px;
}

#menu li a{
    color:#012678;
    font-size : 20px;
    text-decoration: none;
        font-weight: bold;    
}

#menu li a:hover{
	 color: #3ec2cf;
    font-size : 20px;
    font-weight: bold;
}


.langue{
	 float : right;
}

.ligne{
	 background-color : white;
	 text-align: center;
	 float : left;
	 clear : none;
	 height : 20px;
	 width : 1000px;
}

.lignebleue{
	 background-image : url("img/lignebleue.png");
	 background-size: 999px;
	 text-align: center;
	 color: white;
	 float : left;
	 clear : none;
	 height : 40px;
	 width : 999px;
}


.lignebleuebot{
	 background-image : url("img/lignebleuebot.png");
	 background-size: 999px;
	 text-align: center;
	 color: white;
	 float : left;
	 clear : none;
	 height : 26px;
	 width :  999px;
}

.Banner{
	 background-image: url("img/banner2.jpg");
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 350px;
	 width : 1000px;

}
.Bannerscience{
	 background-image: url("img/headerscience.jpg");
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 350px;
	 width : 1000px;
	 border-top: 50px;

}
.txtBanner{
	 margin : 100px 460px 0px 50px;
	 font-weight: bold;
	 font-size: 25px;
	 color:white;
	 text-align: center;
}
.txtBanner2{
	 margin : 20px 460px 0px 50px;
	 font-size: 20px;
	 	 color:white;
	 text-align: center;
}
.deuxdroite{
	 clear : none;
	 float : left;
	 position : relative;
	 width : 499px;
	 height : 275px;
	 background-image: url("img/top1.jpg");
	 background-size: 500px;
}
.deuxgauche{
	 clear : none;
	 float : left;
	 position : relative;
	 width : 499px;
	 height : 275px;
	 background-image: url("img/top2.jpg");
	 background-size: 500px;
}

.txtdeuxgauche{
	 margin : 15px 0px 0px 30px;
	 color : white;
	 font-weight: bold;
}
.txtdeuxdroite{
	color : white;
	 margin : 15px;
	 font-weight: bold;
}








.toprightBanner{
	 background-image: url("img/mid3.png");
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}
.topcenterBanner{
	 background-image: url("img/mid2.png");
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}
.topleftBanner{
	 background-image: url("img/mid1.png");
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}

.txttopleftBanner{
	 margin : 20px 0px 0px 30px;
	 color : white;
	 font-weight: bold;
}
.txttopcenterBanner{
	 margin : 20px 0px 0px 30px;
	 color : white;
	 font-weight: bold;
}.txttoprightBanner{
	 margin : 20px 0px 0px 60px;
	 color : white;
	 font-weight: bold;
}


.BannSoftware{
	 background-image: url("img/mid0.png");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 51px;
	 width : 1000px;
}
.txtBannSoftware{
	 margin : 12px 200px 0px 200px;
	 color : white;
	 text-align: center;
	 font-weight: bold;
}

.leftBanner{
	 background-image: url("img/mid4.png");
	 background-repeat: no-repeat;
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 272px;
	 width : 333px;
}
.centerBanner{
	 background-image: url("img/mid5.png");
	 background-repeat: no-repeat;
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 272px;
	 width : 333px;
}
.rightBanner{
	 background-image: url("img/mid6.png");
	 background-repeat: no-repeat;
	 background-size: 333px;
	 float : left;
	 clear : none;
	 height : 272px;
	 width : 333px;
}

.txtleftBanner{
	 margin : 227px 0px 0px 20px;
	 color: #012678;
	 font-weight: bold;
	 text-align: center;
}
.txtcenterBanner{
	 margin : 227px 0px 0px 30px;
	 color: #012678;
	 font-weight: bold;
	 	 text-align: center;
}

.txtrightBanner{
	 margin : 227px 0px 0px 60px;
	 color: #012678;
	 font-weight: bold;
	 	 text-align: center;
}



.ableu a{
    color:#012678;
    font-size : 20px;
    text-decoration: none;
        font-weight: bold;    
}

.apprightBanner{
		 background-color : #3ec2cf;
	 background-image: url("img/app1.jpg");
	 background-size: 250px;
	 background-repeat: no-repeat;
	 background-position: center;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}
.appcenterBanner{
	 background-color : #3ec2cf;
	 background-image: url("img/app2.jpg");
	 background-size: 250px;
	 background-repeat: no-repeat;
	 background-position: center;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}
.appleftBanner{
	 background-color : #3ec2cf;
	 background-image: url("img/app3.jpg");
	 background-size: 250px;
	 background-repeat: no-repeat;
	 background-position: center;
	 float : left;
	 clear : none;
	 height : 305px;
	 width : 333px;
}

.txtappleftBanner{
	 margin : 250px 0px 0px 0px;
	 color: white;
	 text-align: center;
	 font-weight: bold;
}
.txtappcenterBanner{
	 margin : 250px 0px 0px 0px;
	 color: white;
	 text-align: center;
	 font-weight: bold;
}.txtapprightBanner{
	 margin : 250px 0px 0px 0px;
	 color: white;
	 text-align: center;
	 font-weight: bold;
}



.apps{
	 background-color : grey;

}


.soutien{
	 background-image: url("img/soutien.jpg");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 170px;
	 width : 1000px;
}
.txtsoutien{
	 margin : 20px 0px 0px 20px;
	 color: #3ec2cf;
	 font-weight: bold;
}





/* --- FOOTER --- */

.footleft{
	
	 background-color: #25272e;
	 background-repeat: no-repeat;
	 float : left;
	 clear : none;
	 height : 350px;
	 width : 430px;
	 font-size : 12px;
	 color: white;
	 padding: 0px 0px 0px 20px;
}
.footcenter{
	padding: 0px 0px 0px 40px;	
	 background-color: #25272e;
	 background-repeat: no-repeat;
	 float : left;
	 clear : none;
	 height : 350px;
	 width : 290px;
	 color: white;
	 	line-height: 18px;
}
.footcenter li a{
    list-style: none;
	color: white;
	line-height: 10px; 
}
.footcenter li{
    list-style: none;
}
.footcenter li a:hover{
    color: #3ec2cf;
    font-weight: bold;
}

.footright{
	 text-align: center;	
	 background-color: #25272e;
	 background-repeat: no-repeat;
	 color: white;
	 float : left;
	 clear : none;
	 height : 350px;
	 width : 220px;
}
h1{
	font-size: 16px;
}
h2{
	font-size: 14px;
}
h3{
	font-size: 10px;
}
.boutonrouge{
	background-color: #dc2a36;
	height : 80px;
	 width : 180px;
	color: white;
	 font-weight: bold;
}


.jardin{
	 background-image: url("img/jardin.jpg");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 500px;
	 width : 1000px;
}

.apptitre{
	 margin : 10px 650px 0px 50px;
	 font-weight: bold;
	 font-size: 25px;
	 color:white;
}
.apptxtvert{
	 margin : 60px 420px 0px 70px;
	 font-size: 16px;
	 color:green;
	 font-weight: bold;
	 height : 220px;
}
.apptxtbleu{
	 margin : 60px 420px 0px 70px;
	 font-size: 16px;
	 color:blue;

	 font-weight: bold;
	 height : 220px;
}
.apptxtmauve{
	 margin : 60px 420px 0px 70px;
	 font-size: 16px;
	 color:#6028cb;

	 font-weight: bold;
	 height : 220px;
}
.apptxtjaune{
	 margin : 60px 420px 0px 70px;
	 font-size: 16px;
	 color:#ae6610;

	 font-weight: bold;
	 height : 220px;
}
.apptxt{
	 margin : 60px 420px 0px 70px;
	 font-size: 16px;
	 color:white;
	 text-align: center;
	 font-weight: bold;
	 height : 200px;
}

.appresume{
	 margin : 25px 330px 0px 100px;
	 font-size: 16px;
	 color:white;
	 text-align: center;
	 font-weight: bold;
	 height : 100px;
}
.plage{
	 background-image: url("img/plage.jpg");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 500px;
	 width : 1000px;
}

.safari{
	 background-image: url("img/safari.jpg");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 500px;
	 width : 1000px;
}

.aviron{
	 background-image: url("img/aviron.jpg");
	 background-repeat: no-repeat;
	 background-size: 1000px;
	 float : left;
	 clear : none;
	 height : 500px;
	 width : 1000px;
}

.scA{
	 clear : none;
	 float : left;
	 position : relative;
	 width : 230px;
	 height : 800px;
}
.scF{
	 clear : none;
	 float : left;
	 position : relative;
	 width : 230px;
	 height : 1200px;
}
.scE{
	 clear : none;
	 float : right;
	 position : relative;
	 width : 375px;
	 height : 188px;
	 background-image: url("img/scE.jpg");
	 background-size: 500px;
}

.espace{
	 width : 185px;
	 height : 152px;
	 background-size: 300px;
}


.scienceE{
	color : white;

	 margin-top: 25px;
	 margin-left: 45px;
	 font-size : 18px;
}

.scienceE li a{
    
    font-size : 13px;
    margin : 30px 0px 0px 30px;
    text-decoration: none;
        font-weight: bold;    
}

.scienceE li a:hover{
	color:#012678;
    font-size : 13px;
    font-weight: bold;
}

.txtscience{
	clear: :none;
	 margin : 20px 0px 0px 10px;
	 color: grey;
	 font-size:16px;
}

.txtscience li{
	 margin : 20px 0px 0px 20px;
}