body{
margin:0px;
padding:0px;
font-family:"Trebuchet MS";
color:#333;
font-size:12px;
height: 100%;
}
a{
text-decoration:none;
color:#fff;
}
a:hover{
text-decoration:underline;
}
img{
border:0px;
}
img a{
cursor:pointer;
}
#centrer_site{
position:absolute;
left:50%;
margin-left:-425px;
width:850px;
height:400px;
min-height: 100%;
}

#contenu_photo{
border:5px solid #fff;
height:266px;
width:840px;
}
#contenu_page{
float:right;
background-color:#fff;
width:620px;
height:auto;
min-height: 100%;
margin:0px;
padding:0px;
padding-left:20px;
padding-top:30px;
border-right:5px solid #fff;
border-bottom:5px solid #fff;
}
h1{
color:#353535;
font-size:20px;
font-variant:small-caps;
padding-top:5px;
margin:0px;
letter-spacing:0em;
}
h2{
color:#353535;
font-size:16px;
padding-top:5px;
margin:0px;
letter-spacing:0em;
}
#contenu_photo #texte_photo{
position:relative;
margin-top:-30px;
margin-left:570px;
}
#barre1{
position:absolute;
top:344px;
left:0px;
background:url('../images/barre_1.png') no-repeat;
width:840px;
height:40px;
border-left:5px solid #fff;
border-right:5px solid #fff;
}
html>body #barre1{
top:344px;
}
#menu_start{
position:relative;
}
#menu_start_1 , .menu_start_2{
float:left;
background:url('../images/fond_menu1.jpg') repeat-x;
width:276px;
border-left:5px solid #fff;
border-bottom:5px solid #fff;
background-color:#636363;
}
#menu_start_1 img.titre{
margin-top:0px;
}
#menu_start_1 .puce_titre , .menu_start_2 .puce_titre, .menu_start_3 .puce_titre{
position:relative;
padding-right:4px;
top:4px;
}
.menu_start_3{
float:left;
background:url('../images/fond_menu1.jpg') repeat-x;
width:278px;
border-left:5px solid #fff;
border-bottom:5px solid #fff;
border-right:5px solid #fff;
background-color:#636363;
}
#menu_start_1 .contenu , .menu_start_2 .contenu, .menu_start_3 .contenu{
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
color:#323232;
margin-top:35px;
height:265px;
background-image:url('../images/cadre_menu_bottom.jpg');
background-position:bottom;
background-repeat:no-repeat;
}
.menu_start_2 .satisfait{
position:relative;
margin-top:-25px;
margin-left:15px;
}
#bouton_formats{
cursor:pointer;
position:relative;
left:50px;
top:10px;
}
#bouton_commander{
position:relative;
cursor:pointer;
left:50px;
}
#bouton_livre{
position:relative;
cursor:pointer;
margin-left:50px;
margin-top:12px;
}
.menu_start_2 .photos_commande{
position:relative;
top:-20px;
margin-left:35px;
}
html>body .menu_start_2 .photos_commande{
top:-10px;
}
#menu_start_1 .infos ,.menu_start_2 .infos{
position:relative;
height:160px;
margin-left:-5px;
}
html>body .menu_start_3 .infos_livre{
position:relative;
top:10px;
}
#menu_start_1 ul{
position:relative;
list-style:none;
padding:0px;
margin:0px;
margin-top:-20px;
margin-left:40px;
padding-left:4px;
width:200px;
}
html>body #menu_start_1 ul{
margin-top:0px;
list-style:none;
}
#menu_start_1 li{
font-size:12px;
padding:1px;
padding-left:10px;
height:18px;
border-bottom:1px solid #ccc;
}
#menu_start_1 li.ligne{
border-bottom:1px solid #ccc;
}
#menu_start_1 li div{
float:left;
font-size:12px;
color:#fff;
width:120px;
padding-left:10px;
}
#menu_start_1 li div.prix , #menu_start_1 li div.new_prix{
float:left;
font-size:12px;
width:45px;
}
#menu_start_1 li div.prix{
text-decoration:line-through;
color:red;
}
#menu_start_1 li div.type_format{
float:right;
font-size:12px;
width:120px;
color:#FEFEFE;
}

#bottom{
margin-top:5px;
text-align:center;
color:#FFF;
font-family:"Trebuchet MS";
font-size:12px;
}
#barre2{
position:relative;
background-color:#656565;
background-image:url('images/barre3.png');
width:840px;
border:5px solid #fff;
margin:0px;
padding:0px;
text-align:right;
}
#barre2 div.annim{
position:absolute;
top:-6px;
left:590px;
}
#barre3{
position:absolute;
top:95px;
left:0px;
background:url('../images/barre_1.png') no-repeat;
width:840px;
height:40px;
border-left:5px solid #fff;
border-right:5px solid #fff;
}
.version_beta{
color:#fff;
position:absolute;
font-weight:bold;
font-size:18px;
top:40px;
left:325px;
cursor:pointer;
}
.version_beta span.italique{
font-style:italic;
}
#langue{
float:right;
margin-top:-25px;
margin-right:5px;
font-weight:bold;
}
#parrainage{
left:250px;
top:10px;
width:480px;
height:50px;
position:absolute;
color:#fff;
border:2px #fff solid;
}
#parrainage div.contenu{
height:50px;
background-color:orange;
font-size:16px;
font-weight:bold;
padding-left:5px;
}
#parrainage .texte{
position:absolute;
top:0px;
left:5px;
color:#fff;
font-size:16px;
font-weight:bold;
}