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

body{
background-color:#FFFFFF;
}

/*************** TITRE **************/


#Titre_a{
width:100%;
height: 300px;

font-family:Helvetica, Arial, sans-serif;
color:#fdb813;
font-size:66px;
line-height:57px;
letter-spacing:-2px;
font-weight:bold;
}

#Titre_b{
padding-top:25px;
width:100%;
height: 115px;

font-family:Helvetica, Arial, sans-serif;
color:#fdb813;
font-size:66px;
line-height:57px;
letter-spacing:-2px;
font-weight:bold;
}



/*************** TEXTE **************/

#Texte_a{
padding-top:5px;
width:100%;
height:80px;

font-family:Helvetica, Arial, sans-serif;
color:#fdb813;
font-size:11px;
line-height:13px;
}

#Texte_b{
padding-top:15px;
width:100%;
height:80px;

font-family:Helvetica, Arial, sans-serif;
color:#fdb813;
font-size:24px;
line-height:21px;
font-weight:lighter;
}

#Texte_b a{
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#fdb813;
font-size:24px;
line-height:21px;
font-weight:lighter;
}

#Bande{
width:100%;
height:30px;
padding:0;
margin:0;

background-image:url(../images/bande.jpg);
background-repeat:repeat-x;
background-position:left;
}

#Logo{
width:100%;
height:60px;
padding-top:20px;

}


#contener{
width:100%;
height:100%;

padding:0;
margin:0;
}

#content{
width:900px;
height:140px;

margin:0;
padding:0;
overflow:hidden;
position: relative;
}


/*************************    LEFT    *******************/

#Left_in ul{  
/* 
"n" est le nombre de photos de mains dans la liste (index.php) 

WIDTH = (n*110) + (n*5) + 450.

	110 = largeur de chaque images

	5 = padding à droite de chaque image

	450 = with de la div où apparaissent les images (on doit pouvoir faire disparaitre toutes les mains si on scroll du début à la fin)
*/
width:5625px;
padding:0;

}

#Left_in ul li {  
display:block;          
margin:0;
padding-right:5px;
padding-top:0;
float:left;
list-style:none;
text-align:left;
}

/*************************    RIGTH    *******************/


#Right_in ul{ 
/* 
"n" est le nombre de photos de mains dans la liste (index.php) 

WIDTH = (n*110) + (n*5) + 450.

	110 = largeur de chaque images

	5 = padding à droite de chaque image

	450 = with de la div où apparaissent les images (on doit pouvoir faire disparaitre toutes les mains si on scroll du début à la fin)
*/ 
width:5625px;
padding:0;
}

#Right_in ul li {  
display:block;
margin:0;
padding-right:5px;
padding-top:0;
float:right ;
text-align: left; 
list-style:none; 
}