/* ------------ */
/* MIS          */
/* ------------ */

/* ----------------- */
/* Balises générales */
/* ----------------- */
html, body{
margin: 0 auto 0 auto;
padding: 0;
background: rgb(204, 204, 204);
width: 100%;
text-align: left;
}
hr{
visibility: hidden;
clear: left;
float: left;
}
h1{
position: absolute;
top: -9999px;
}
h2{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: rgb(51, 51, 51);
}
h3{
padding-left: 15px;
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: rgb(119, 136, 153);
background: url(images/fleche_h3.gif) left no-repeat;
}
h4{
margin-left: 20px;
padding-left: 20px;
background: url(images/puce_verte.gif) left no-repeat;
color: rgb(119, 136, 153);
}
h5{
font: 11px Verdana,Arial,sans-serif;
color: rgb(119, 136, 153);
margin: 20px 0 10px 20px;
padding: 0 0 0 17px;
background: url(images/fleche_h5.gif) left no-repeat;
}
img{border:0;}
p{
font: 11px Verdane, Arial, sans-serif;
}
p.legende{
margin-left: 20px;
padding-left: 20px;
background: url(images/puce_verte.gif) left no-repeat;
color: rgb(119, 136, 153);
}
p#top{
position: relative;
left: -200px;
top: 10px;
width: 100px;
height: 20px;
margin: 0;
padding: 5px 10px 0 7px;
background: url(images/fleche_top.gif) 95px 0 no-repeat;
}
p#top a, p#top a:link, p#top a:visited{
font-weight: normal;
color: rgb(102, 102, 102);
}
p#top a:hover, p#top a:active{
color: white;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}
em{
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
color: rgb(255, 153, 51);
}
a, a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
text-decoration: none;
}
a:hover,a:active{
color: black;
text-decoration: none;
}
#contenu a, #contenu a:link{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: blue;
}
#contenu a:hover{
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 11px;
color: rgb(119, 136, 153);
}

/* ------ */
/* Blocks */
/* ------ */
#header{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #99ABBB;
text-align: center;
}
#header div{
width: 540px;
height: 20px;
margin: 0 auto 0 auto;
padding: 0 0 0 230px;
text-align: left;
}
body#nouveautes div#header div{
background: url(images/nouveautes.gif) left no-repeat;
}
body#produits div#header div{
background: url(images/produits.gif) left no-repeat;
}
#header div ul{
width: 410px;
height: 20px;
margin: 0;
padding: 0;
}
#header div ul li{
float: right;
height: 20px;
margin: 0 0 0 7px;
padding: 0 0 0 10px;
background: url(images/fleche.gif) 0 5px no-repeat;
}
#wrapper{
width: 770px;
margin: 0 auto 0 auto;
background: url(images/bg_menu.gif) top left repeat-y;
}
#menu{
float: left;
margin: 0 0 0 1px;
padding: 0;
}
#logo{
width: 209px;
height: 115px;
margin: 30px 0 15px 0;
background: url(images/mis.gif) no-repeat;
}
#logo a{
display: block;
width: 209px;
height: 115px;
}
#logo a:hover{
background: url(images/mis2.gif) no-repeat;
}
#menu ul{
width: 209px;
height: 120px;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li{
float: left;
margin: 0;
padding: 0;
width: 104px;
height: 50px;
border-right: 1px solid white;
border-bottom: 1px solid white;
background: rgb(119, 136, 153);
}
#menu ul li.second{
border-right: none;
}
#menu ul li a{
display: block;
width: 104px;
height: 50px;
}
#menu ul li a:hover{
background: rgb(204, 235, 141);
}
#menu ul li a span{
position: relative;
top: 30px;
left: 15px;
}
#medic{
clear: left;
width: 209px;
height: 270px;
background: url(images/implants.jpg);
}
#content{
margin: 0 0 0 230px;
padding: 0 0 20px 0;
background: url(images/bg.jpg) top right repeat-y;
}
#contenu{
background: white;
margin: 0 130px 0 0;
padding: 50px 0 10px 10px;
}
#footer{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #99ABBB;
text-align: center;
}
#footer ul{
width: 90%;
height: 20px;
margin: 0 auto 0 auto;
padding: 0;
list-style: none;
}
#footer ul li{
float: left;
width: auto;
height: 20px;
margin: 0;
padding: 5px 10px 0 7px;
}
#footer ul li.droite{
float: right;
font-size: 11px;
color:white;
}

/* ------------- */
/* Page produits */
/* ------------- */
#contenu ul.categorie{
margin: 0 10px 0 10px;
padding: 0;
}
#contenu ul.categorie li{
margin: 0;
padding: 0;
}
#contenu ul.categorie li a, #contenu ul.categorie li a:link, #contenu ul.categorie li a:visited{
display: block;
margin: 0;
padding: 3px 0 0 20px;
font: 11px Arial, Helvetica, sans-serif;
border-bottom: 1px dashed rgb(204,204,204);
color: rgb(51, 51, 51);
text-decoration: none;
background: url(images/fleche_h5.gif) left no-repeat;
}
#contenu ul.categorie li a:hover, #contenu ul.categorie li a:active{
color: rgb(51, 51, 51);
font-weight: normal;
text-decoration: none;
background: url(images/fleche_h5_h.gif) left no-repeat;
}
#contenu ul.scat{
margin: 0;
padding: 0 0 0 0;
}
#contenu ul.scat li{
font: 11px Verdana, Arial, sans-serif;
color: rgb(51, 51, 51);
}
p.footer{
margin: 20px 20px 20px 0;
padding: 10px 10px 10px 0;
border-top: 1px dashed rgb(204,204,204);
}
p.footer2{
margin: 0 0 0 15%;
color: rgb(153, 171, 187);
}