@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/stripes.png);
	
}

#centre {
    position: relative;
	width: 960px; 
	height: 680px;
	background-color: white;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#gauche {
    position: absolute;
	width: 190px; 
	height: 610px;
	background-color: white;
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#logo a{
    position: absolute;
	width: 176px; 
	height: 177px;
	background-image: url(images/logo_fin.jpg);
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#logo a:hover{
    position: absolute;
	width: 176px; 
	height: 177px;
	background-image: url(images/logo_finh.jpg);
	top: 0px;
	left: 0px;	
	z-index: 14;
}

#about a{
	position:absolute;
	color: #666666;
	width: 130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
	z-index: 14;
	top: 198px;
	left: 20px;
}

#about a:hover{
	text-decoration: underline;
	color:#333333;
	}

ul {
list-style-type: none;

}

#tags2 {
	position: absolute;
	width: 170px;
	top: 240px;
	left: -20px;
	z-index: 14;
	line-height: 25px;
	display: inline;
}

#tags2a {
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}



#tags2b a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2b a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2c a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
}

#tags2c a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2d a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}

#tags2d a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2e a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2e a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2f a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
}

#tags2f a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2g a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:inherit;
}

#tags2g a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2h a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:inherit;
}

#tags2h a:hover{
	color:#333333;
	text-decoration:underline;
}

#tags2i a{
    color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:inherit;
}

#tags2i a:hover{
	color:#333333;
	text-decoration:underline;
}



#ligne0 {
    position: absolute;
	width: 1px; 
	height: 434px;
	background-color:#CCCCCC;
	top: 200px;
	left: 5px;	
	z-index: 14;
}

#ligne {
    position: absolute;
	width: 1px; 
	height: 434px;
	background-color:#CCCCCC;
	top: 200px;
	left: 175px;	
	z-index: 14;
}

#module1 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 180px;	
	z-index: 14;
}

#module1 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 180px;	
	z-index: 14;
}

#module2 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 310px;	
	z-index: 14;
}

#module2 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 310px;	
	z-index: 14;
}


#module3 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 440px;	
	z-index: 14;
}

#module3 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 440px;	
	z-index: 14;
}

#module4 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 570px;	
	z-index: 14;
}

#module4 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 570px;	
	z-index: 14;
}

#module5 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 700px;	
	z-index: 14;
}

#module5 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 700px;	
	z-index: 14;
}

#module6 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 830px;	
	z-index: 14;
}

#module6 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 1px;
	left: 830px;	
	z-index: 14;
}


#module7 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 180px;	
	z-index: 14;
}

#module7 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 180px;	
	z-index: 14;
}

#module8 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 310px;	
	z-index: 14;
}

#module8 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 310px;	
	z-index: 14;
}

#module9 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 440px;	
	z-index: 14;
}

#module9 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 440px;	
	z-index: 14;
}

#module10 a{
    position: absolute;
	width: 120px; 

	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 570px;	
	z-index: 14;
}

#module10 a:hover{
    position: absolute;
	width: 120px; 

	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 570px;	
	z-index: 14;
}

#module11 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 700px;	
	z-index: 14;
}

#module11 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 700px;	
	z-index: 14;
}


#module12 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 830px;	
	z-index: 14;
}

#module12 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 130px;
	left: 830px;	
	z-index: 14;
}


#module13 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 180px;	
	z-index: 14;
}

#module13 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 180px;	
	z-index: 14;
}

#module14 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 310px;	
	z-index: 14;
}

#module14 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 310px;	
	z-index: 14;
}

#module15 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 440px;	
	z-index: 14;
}

#module15 a:hover{

    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 440px;	
	z-index: 14;
}

#module16 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 570px;	
	z-index: 14;
}

#module16 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 570px;	
	z-index: 14;
}

#module17 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 700px;	
	z-index: 14;
}

#module17 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 700px;	
	z-index: 14;
}


#module18 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 830px;	
	z-index: 14;
}

#module18 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 259px;
	left: 830px;	
	z-index: 14;
}


#module19 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 180px;	
	z-index: 14;
}

#module19 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 180px;	
	z-index: 14;
}

#module20 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_electric_indigo.jpg);
	top: 388px;
	left: 310px;	
	z-index: 14;
}

#module20 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_electric_indigoh.jpg);
	top: 388px;
	left: 310px;	
	z-index: 14;
}

#module21 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 440px;	
	z-index: 14;
}

#module21 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 440px;	
	z-index: 14;
}

#module22 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 570px;	
	z-index: 14;
}

#module22 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 570px;	
	z-index: 14;
}

#module23 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 700px;	
	z-index: 14;
}

#module23 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 700px;	
	z-index: 14;
}

#module24 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 830px;	
	z-index: 14;
}

#module24 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 388px;
	left: 830px;	
	z-index: 14;
}

#module25 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_clumpi.jpg);
	top: 517px;
	left: 180px;	
	z-index: 14;
}

#module25 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_clumpih.jpg);
	top: 517px;
	left: 180px;	
	z-index: 14;
}

#module26 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 310px;	
	z-index: 14;
}

#module26 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 310px;	
	z-index: 14;
}

#module27 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 440px;	
	z-index: 14;
}


#module27 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 440px;	
	z-index: 14;
}

#module28 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 570px;	
	z-index: 14;
}

#module28 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 570px;	
	z-index: 14;
}

#module29 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 700px;	
	z-index: 14;
}

#module29 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1.jpg);
	top: 517px;
	left: 700px;	
	z-index: 14;
}

#module30 a{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_moto2.jpg);
	top: 517px;
	left: 830px;	
	z-index: 14;
}

#module30 a:hover{
    position: absolute;
	width: 120px; 
	height: 121px;
	background-image: url(images/module1_moto2h.jpg);
	top: 517px;
	left: 830px;	
	z-index: 14;
}

#noms {
    position: absolute;
	width: 170px; 
	height: 400px;
	background-color: white;
	top: 190px;
	left: 10px;	
	z-index: 14;
}

#liste_noms {
    position: absolute;
	width: 130px; 
	height: 300px;
	background-color: white;
	top: 40px;
	left: 15px;	
	z-index: 15;
}

a:link { 
	font-size: 11px;
	font-weight: thin; 
	text-decoration: none; 
	color: #666666;
	}
a:visited { 
	font-weight: thin; 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #333333;
	}


#fleche1 {
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_up.png);
	top: 0px;
	left: 60px;	
	z-index: 14;
}


#fleche2 a{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_down.png);
	top: 350px;
	left: 60px;	
	z-index: 14;
}

#fleche2 a:hover{
    position: absolute;
	width: 34px; 
	height: 38px;
	background-image: url(images/fleche_downh.png);
	top: 350px;
	left: 60px;	
	z-index: 14;
}


#link1 a{
    position: absolute;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 650px;
	left: 815px;	
	z-index: 14;
}


#link1 a:hover{
	color: #333333;
}

#link2 a{
    position: absolute;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 650px;
	left: 799px;	
	z-index: 15;
}


#link2 a:hover{
	color: #333333;
}

#link3 a{
    position: absolute;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:inherit;
	top: 650px;
	left: 870px;	
	z-index: 15;
}


#link3 a:hover{
	color: #333333;
}




#news{
    position: absolute;
	width: 160px; 
	top: 550px;
	left: 15px;
	z-index: 15;
}

#eclairs{
    position: absolute;
	width: 147px; 
	height: 161px;
	background-image: url(images/eclairs_gris.jpg);
	top: 485px;
	left: 15px;
	z-index: 15;
}