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

*{
	margin:0;
	padding:0;
}

body{
	background-color:#161818;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{ text-decoration:none; color:#fff;}
a img{border:none;}
a:hover{color:#333;}

#page{
	
	margin: 0 auto ;
	width:900px;
}
#top{
	margin-top:-49px;
	margin-left:381px;
	width:303px;
}

#top-border{
	background-image:url(Images/top-bg-x.png);
	height:40px;
	margin-top:25px;
}

.titre{
	font-size:45px;
	background-color:#161818;
	width:303px;
	
}
.bold{
	font-weight:bold;
}
 .sous-titre{
	font-size:25px;
	font-weight:bold;
	color:#8e8e8e;
	margin-bottom:20px;
}

#description{
	line-height:1.5;
	margin-bottom:50px;
	margin-top:30px;
}

#box1,#box2,#box3,#box4, #box5, #box6, #box7, #box8, #box9,#box10,#box11,#box12,#box13,#box14, #box15, #box16, #box17, #box18, #box19, #box20, #box21, #box22 {
	background-color:#CCC;
	height:261px;
	width:261px;
	float:left;
	margin-bottom:44px;
	background-repeat:no-repeat;
}

#box1{margin-right:29.25px; background:url(Images/box1.jpg);} 
#box2{margin-right:29.25px; margin-left:29.25px;background:url(Images/box2.jpg);} 
#box3{margin-left:29.25px;background:url(Images/box3.jpg);} 
#box4{margin-right:29.25px;background:url(Images/box4.jpg);} 
#box5{margin-right:29.25px;margin-left:29.25px;background:url(Images/box5.jpg);} 
#box6{margin-left:29.25px;background:url(Images/box6.jpg);}
#box7{margin-right:29.25px;background:url(Images/box7.jpg);} 
#box8{margin-right:29.25px;margin-left:29.25px;background:url(Images/box8.png);} 
#box9{margin-left:29.25px;background:url(Images/box9.png);} 
#box10{margin-right:29.25px; background:url(Images/box10.png);}
#box11{margin-right:29.25px;margin-left:29.25px;background:url(Images/box11.png);} 
#box12{margin-left:29.25px;background:url(Images/box12.png);} 
#box13{margin-right:29.25px; background:url(Images/box13.png);} 
#box14{margin-right:29.25px;margin-left:29.25px;background:url(Images/box14.png);} 
#box15{margin-left:29.25px;background:url(Images/box15.png);} 
#box16{margin-right:29.25px; background:url(Images/box16.png);}
#box17{margin-right:29.25px;margin-left:29.25px;background:url(Images/box17.png);} 
#box18{margin-left:29.25px;background:url(Images/box18.png);} 
#box19{margin-right:29.25px; background:url(Images/box19.png);}
#box20{margin-right:29.25px;margin-left:29.25px;background:url(Images/box20.png);} 
#box21{margin-left:29.25px;background:url(Images/box21.png);} 
#box22{margin-right:29.25px; background:url(Images/box22.png);}

.content{
	padding-left:16pt;
	padding-right:16pt;
	text-align:justify;
	line-height:normal;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:15px;
}
#box1 .content{color:#36332f;}

.logo{
	width:261px;
	height:130px;
}
.content .desc{
	height:85px;
}
.content .go{
	font-size:20px;
	font-weight:bold;
	float:right;
}

.next{
	font-size:25px;
	padding-top:95px;
	color:#8e8e8e;
	width:261px;
	height:261px;
	margin-left:28.95px;
	float:left;
}

a #box2 .content, a #box3 .content, a #box4 .content, a #box5 .content, a #box6 .content, a #box7 .content, a #box8 .content, a #box9 .content, a #box10 .content, a #box11 .content, a #box12 .content, a #box13 .content, a #box14 .content, a #box15 .content, a #box16 .content, a #box17 .content, a #box18 .content, a #box19 .content, a #box20 .content, a #box21 .content, a #box22 .content {color:#fff;}

a #box1 .content .go {color:#258ca2;} 
a #box2 .content .go {color:#9d2977;} 
a #box3 .content .go {color:#77b41f;} 
a #box4 .content .go {color:#77b41f;} 
a #box5 .content .go {color:#77b41f;} 
a #box6 .content .go {color:#4e3521;}
a #box7 .content .go {color:#f7931e;} 
a #box8 .content .go {color:#652c90;} 
a #box9 .content .go {color:#ea0e68;} 
a #box10 .content .go {color:#7e7e7e;}
a #box11 .content .go {color:#5c2c1e;} 
a #box12 .content .go {color:#943a5b;} 
a #box13 .content .go {color:#f2c769;} 
a #box14 .content .go {color:#355041;} 
a #box15 .content .go {color:#142143;} 
a #box16 .content .go {color:#943a5b;}
a #box17 .content .go {color:#8E8E8E;} 
a #box18 .content .go {color:#78CF3B;} 
a #box19 .content .go {color:#301C12;} 
a #box20 .content .go {color:#5B359A;}
a #box21 .content .go {color:#E8700B;} 
a #box22 .content .go {color:#fff;} 
a:hover #box1 .content .go {color:#fff;} 
a:hover #box2 .content .go {color:#fff;} 
a:hover #box3 .content .go {color:#fff;} 
a:hover #box4 .content .go {color:#fff;} 
a:hover #box5 .content .go {color:#fff;} 
a:hover #box6 .content .go {color:#fff;}
a:hover #box7 .content .go {color:#fff;} 
a:hover #box8 .content .go {color:#fff;} 
a:hover #box9 .content .go {color:#fff;} 
a:hover #box10 .content .go {color:#fff;}
a:hover #box11 .content .go {color:#fff;} 
a:hover #box12 .content .go {color:#fff;} 
a:hover #box13 .content .go {color:#fff;} 
a:hover #box14 .content .go {color:#fff;} 
a:hover #box15 .content .go {color:#fff;} 
a:hover #box16 .content .go {color:#fff;}
a:hover #box17 .content .go {color:#fff;} 
a:hover #box18 .content .go {color:#fff;} 
a:hover #box19 .content .go {color:#fff;} 
a:hover #box20 .content .go {color:#fff;}
a:hover #box21 .content .go {color:#fff;} 
a:hover #box22 .content .go {color:#fff;}