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

*{
	margin:0;
}


#contenu{
background:url(images/matelas_01.png) no-repeat;
width:508px;
height:226px;
margin:0;
}

#title{
font-family:Helvetica;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
margin-left:11px;
margin-top:6px;

}

#titleshadow{
font-family:Helvetica;
color:#333333;
font-weight:bold;
font-size:24px;
margin-left:10px;
margin-top:-28px;
}

#Back{
/*background:url(images/matelas_03.png) no-repeat;*/
width:460px;
height:165px;
margin-left:20px;
margin-top:8px;
}


#texte{


width:460px;
height:180px;
margin-top:10px;
font-family:Verdana;
font-size:12px;
color:#666666;

}

#texte span{
font-size:12px;
font-weight:bold;
}

#s{

background:url(images/bouton.png) no-repeat;
width:80px;
height:23px;
float:right;
text-align:center;
}

#p{

background:url(images/bouton.png) no-repeat;
width:80px;
height:23px;
float:left;
text-align:center;

}

#suivant a{
font-family:Helvetica;
color:#ededed;
font-size:16px;
text-decoration:none;
}
#suivant a:hover {
background:url(images/bouton2.png) no-repeat;
width:80px;
height:23px;


}
#precedent a{
font-family:Helvetica;
color:#ededed;
font-size:16px;
text-decoration:none;
}

#precedent a:hover {
background:url(images/bouton2.png) no-repeat;
width:80px;
height:23px;


}

#etape2 {
width:460px;
height:130px;
}

#content{
width:460px;
height:130px;
padding-left:50px;
padding-top:10px;
font-family:Helvetica;
color:#666666;
}


#content1{
width:440px;
height:130px;
padding-left:40px;
padding-top:10px;
font-family:Helvetica;
color:#0066FF;
font-weight:bold;
font-size:20px;
text-align:center;
}


#barre{
background:url(images/barre.png) no-repeat;
height:54px;
margin-left:100px;
padding-top:5px;}


#scrol{
position:absolute;
margin-left:457px;
margin-top:-100px;
}
/*.img1 {
width:39px;
height:38px;
margin-top:-15px;
background:url(images/cercle.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
}

.img2{
width:39px;
height:38px;
margin-top:-15px;
margin-left:80px;
}

.img3{
width:39px;
height:38px;
margin-top:-15px;
margin-left:80px;
}

.img4{
width:39px;
height:38px;
margin-top:-15px;
margin-left:80px;
}

#barre a img{
border-style:none;
}*/




.lien1
{
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:14px;
color:#0033FF;
text-decoration:none;
}


.lien2
{
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:98px;
color:#0033FF;
text-decoration:none;
}

.lien3
{
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:97px;
text-decoration:none;
color:#0033FF;
}
.lien11
{
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:14px;
color:#CCCCCC;
text-decoration:none;
}

.lien21{
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:98px;

text-decoration:none;
}

.lien31
{
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
padding-left:97px;
text-decoration:none;
color:#CCCCCC;
}
#texte h3
{
font-size:14px;}







/*#barre ul{
	width:440px;
	list-style-type:none;
	height:165px;

}
#barre li{
	display:inline;
margin-left:-25px;
width:110px;
	
}
#barre:active{
color:#FF0000;
}

#barre li a { 

   
   padding-right:120px;
    color: #215ec8 ; 
   font-family:Arial, Helvetica, sans-serif;
font-size:33px;
    
   
    text-decoration: none ; 
    }

/*#navigation li a{
width:39px;
height:38px;
margin-top:-15px;
background:url(images/cercle.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:33px;

	
	text-decoration:none;

}
#navigation a:hover{
	/*border-bottom:2px solid #e6772a;
	border-bottom-style:solid;
	/*  2eme proposition mais ne marche pas 
	background-image:url(../images/ss_menu.png);
	vertical-align:bottom;*/
	
}