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

body 
{    
	width: 800px;
	height:600px;
	margin: 0 auto;
	color:#777;
	overflow:hidden;
	position:relative;	
}

#colone a{
	color:#FFFFFF;
	text-decoration: none; 
	display:block;
	text-align:center;
	font-family: "Arial";
	font-size:13px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;	
	}
	
#colone a:visited 
{ 
	color:#FFFFFF;
	text-decoration: none; 
	display:block;
	text-align:center;
	font-family: "Arial";
	font-size:13px;	
	font-weight:bold;
} 

#colone a:hover{
	color:#de2919;
	text-decoration: none; 
	display:block;
	text-align:center;
	font-family: "Arial";
	font-size:13px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-color:#de2919;
	border-bottom-style:solid;
 }
 

#colone {
	margin-top:0;
	top:0;
	z-index: 2 ;
	width: 140px ;
	height: 600px ;
    margin-left: 30px ;
	background-color:#333333;
	color:#FFFFFF;
	position:fixed;
	background: url(../img/logo.png)  0 0 no-repeat;
	}
	
	#colone2 {
    margin-top:0;
	top:0;
	z-index: 1 ;
	width: 140px ;
	height: 600px ;
    margin-left: 30px ;
	background-color:#333333;
	position:fixed;
}

#lien1{
	padding-top:140px;
	width: 120px ;
	margin-left:10px;

}

#lien2{
	padding-top:15px;
	width: 120px ;
	margin-left:10px;
}

#lien3{
	padding-top:15px;
	width: 120px ;	
	margin-left:10px;
}

#lien4{
	padding-top:15px;
	width: 120px ;	
	margin-left:10px;
}

#lien5{
	padding-top:15px;
	width: 120px ;
	margin-left:10px;
}

#lien6{
	padding-top:15px;
	width: 120px ;
	margin-left:10px;
	line-height: 19px;
}



#slideshow 
{
	width: 800px;
	height: 600px;
	background: #FFF;	
	margin: 0 auto;
	overflow:hidden;
    position:relative;
}


/*--------------------------Texte mobile--------------------------------------*/
#mtexte{
width: 800px;
height:3600px;
position: relative;
margin:0 auto;

}
#page1{
float:left;
clear:right;
width:800px;
height:600px;
background:url(../img/page1.jpg) no-repeat;

}

#page2{
float:left;
width:800px;
height:600px;
background:url(../img/page2.jpg) no-repeat;


}
#page3{
float:left;
width:800px;
height:600px;
background:url(../img/page3.jpg) no-repeat;

}
#page4{
float:left;
width:800px;
height:600px;
background:url(../img/page4.jpg) no-repeat;

}
#page5{
float:left;
width:800px;
height:600px;
background:url(../img/page5.jpg) no-repeat;

}

#page6{
float:left;
width:800px;
height:600px;
background: url(../img/page6.jpg) no-repeat;

}


#texte2 {
   margin:0;
   position: relative;
   width:470px;
   height:190px;
   left:200px;
   top:290px;
 } 

#texte3 {  
   position: relative;
   width:280px;
   height:190px;
   left:200px;
   top:150px;
  } 
  
#texte4{   
   position: relative;
   width:190px;
   height:300px;
   left:530px;
   top:225px;
} 

#texte6{
   font-style:italic;
   margin:0;
   position: relative;
   width:600px;
   height:190px;
   left:190px;
   top:200px;
}

#texte5{
   position: relative;
   width:290px;
   height:300px;
   left:200px;
   top:417px;
}

#texte5 a{
	text-decoration:underline; 
	color:#FFFFFF;
	}

#mtexte p {
font-family: Arial;
font-size:13px;
color:black;
}

#page3 p, div#texte3 ul li{
font-family: Arial;
font-size:13px;
color:white;

}

#page6 p, div#texte6 {
   font-size:11px;}

 #page5 p, div#texte5 {
   color:#FFFFFF;}