*{margin:0; padding:0; border:0;}
a{text-decoration:none; color:#ffffff; font-size:10pt}
a:hover{text-decoration:underline; color:#de419c;}/**/

body {
	background: #000000;
	font-family: trebuchet MS, sans-serif;
	font-size: 100%;
}

div#container {
 /*position: absolute; 
	top: 25%;       */

        width: 800px; /* MUST BE 100% MINUS THE LEFT AND RIGHT MARGINS */
	height: 600px;
       margin-top: 7%;  /*MUST BE HALF OF THE HEIGHT*/
	margin-left: auto;
	margin-right: auto;
	background: #000000;    /* couleur du corps */

}	

/*div#container {
 position: absolute;
	top: 12%;
	width: 800px;  MUST BE 100% MINUS THE LEFT AND RIGHT MARGINS */
/*	height: 600px;
       margin-top: 20px;  MUST BE HALF OF THE HEIGHT
	margin-left: 20%;
	margin-right: 20%;
	background: #000000;     couleur du corps 

}                                                 */




/*----------------------------------------------------------------
               STYLES FOR THE TITLE/SLOGAN DIVS
-----------------------------------------------------------------*/

#title {
	position: absolute;
	display: inline; /* PREVENTS OTHER DIVS FROM WRAPPING */

	float: left;
	
	margin: -33px ;
	width: 200px;
	height: 200px; 
        margin-top: 10px;

}



#title h1 {
	font-family: trebuchet MS, sans-serif;
	font-size: 22px;
	color: #EC7B2B;
	text-align: right;
	margin: 200px 30px 0 0;
}

#title h1 span {
	color: #1A658D;
}

#title h2 {
	font-family: trebuchet MS, sans-serif;
	font-size: 18px;
	color: #1A658D;
	text-align: right;
	margin: 5px 20px 0 0;
}


#title1 {
	position: absolute;
	display: inline; /* PREVENTS OTHER DIVS FROM WRAPPING */

	float: center;
	
	margin: 300px ;
	width: 200px;
	height: 200px; 
        margin-top: 10px;

}
#title1 h1 {
	font-family: trebuchet MS, sans-serif;
	font-size: 22px;
	color: black;
	text-align: right;
	margin: 200px 30px 0 0;
}

#title1 h1 span {
	color: #1A658D;
}

#title1 h2 {
	font-family: trebuchet MS, sans-serif;
	font-size: 18px;
	color: #1A658D;
	text-align: right;
	margin: 5px 20px 0 0;
}






#title2 {                       /* Zone des 4 icones lol */
	position: absolute;
	display: inline; /* PREVENTS OTHER DIVS FROM WRAPPING */
	/*background: #B966B4 no-repeat;  */
	float: center;
	margin: -275px ;
	width: 700px;
	height: 50px;
        margin-top: 40px;
        text-align: center;
        text-decoration: none;
}
#title2 h1 {
	font-family: trebuchet MS, sans-serif;
	font-size: 22px;
	color: black;
	text-align: right;
	margin: 200px 30px 0 0;
}

#title2 h1 span {
	color: #1A658D;
}

#title2 h2 {
	font-family: trebuchet MS, sans-serif;
	font-size: 18px;
	color: #1A658D;
	text-align: right;
	margin: 5px 20px 0 0;
}


#title3 {                       /* Zone de defilement */
 position: absolute;
	 /* PREVENTS OTHER DIVS FROM WRAPPING */
	/*background: #B966B4 no-repeat;  */

	margin: -200px ;
	width: 550px;
        margin-top: 295px;
	color:#ffffff;
	font-size:13px;
        text-decoration: none;
}

#title4 {                       /* Zone de defilement */
 position: absolute;
	 /* PREVENTS OTHER DIVS FROM WRAPPING */
	/*background: #B966B4 no-repeat;  */

	margin: 310px ;
	width: 90px;
        margin-top: 305px;
	color:#ffffff;
	font-size:13px;
        text-decoration: none;
}


#titleflash {                       /* Zone pub haut de page */
	position: absolute;                                   
	display: inline; /* PREVENTS OTHER DIVS FROM WRAPPING */
	/*background: #B966B4 no-repeat;  */
	float: center;
	width: 500px;
	height: 50px;
        margin-top:-90px;
        margin-left: 120px;
        text-align: center;
        text-decoration: none;
}


#footer {
        position: absolute;
	 /* PREVENTS OTHER DIVS FROM WRAPPING */
	/*background: #B966B4 no-repeat;  */

	margin: -220px ;
	width: 600px;
        margin-top: 380px;
	color:#8d8d8d;
	font-size:13px;
        text-decoration: none;
}

#footer a{                    /*texte liens du footer*/
color:#ffffff;
font-size:13px;
}

#footer p{                    /*texte liens du footer*/
color:#ffffff;
font-size:13px;
}