/* ---------------------------------------------- Photo dentaire--*/

/* ------------------------- */
/* Balises générales         */
/* ------------------------- */
html,body{
margin: 0;
padding: 0;
background: white;
color: black;
}
h1{
position: absolute;
top: -9999em;
}
h2{
font-weight: normal;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
color: #2F4F4F;
}
h3{
font-weight: bold;
color: rgb(51, 102, 204);
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
}
p{
font-family: Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
font-size: 11px;
}
img{
border: none;
}
a, a:link, a:visited, a:active{
color: #FF6600;
}
a:hover{
color: #FF6600;
text-decoration: none;
}
ul{
list-style: none;
font-family: Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
font-size: 11px;
}
ul li{
font-family: Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
font-size: 11px;
}
hr{
visibility: hidden;
clear: both;
}

/* ------------------------- */
/* Blocks de mise en page    */
/* ------------------------- */
#rectangle{
position: absolute;
top: 0;
left: 0;
}
#rectangle p{
margin: 0;
padding: 2px 0 0 2px;
}
#rectangle a, #rectangle a:link, #rectangle a:visited, #rectangle a:hover, #rectangle a:active{
text-decoration: none;
color: black;
}
#header{
height: 70px;
margin: 0;
padding: 0;
}
ul#box{
width: 220px;
height: 35px;
margin: 0 0 0 300px;
padding: 15px 0 0 80px;
background: #333333;
}
ul#box li{
float: left;
margin: 0 8px 0 8px;
}
ul#box li a{
color: #CCC;
text-decoration: none;
}
ul#menu{
height: 20px;
margin: 0;
padding: 0 0 0 600px;
background: black;
}
ul#menu li{
float: left;
width: 150px;
height: 20px;
background: url(images/puce_verte.gif) left no-repeat;
color: white;
}
ul#menu li a{
float: left;
width: 125px;
height: 17px;
margin: 0 0 0 25px;
padding-top: 3px;
color: #CCC;
text-decoration: none;
}
#produits{
margin: 0 0 20px 0;
padding: 0;
border-bottom: 1px dashed #A9A9A9;
}
div#menu2{
float: left;
width: 300px;
margin: 0;
padding: 0;
}
div#menu2 ul{
margin: 40px 10px 40px 0;
padding: 0;
border-bottom: 1px dashed #A9A9A9;
}
div#menu2 ul li{
margin: 0;
padding: 0 0 0 10px;
border-top: 1px dashed #A9A9A9;
}
div#menu2 ul li a,div#menu2 ul li a:link,div#menu2 ul li a:visited,div#menu2 ul li a:hover,div#menu2 ul li a:active{
color: #2F4F4F;
text-decoration: none;
}
div#menu2 ul li a.black,div#menu2 ul li a:link.black,div#menu2 ul li a:visited.black,div#menu2 ul li a:hover.black,div#menu2 ul li a:active.black{
color: #FFFFFF;
background: black;
}
div#presentation{
position: relative;
width: 500px;
margin: 0 0 0 300px;
padding: 30px;
border-left: 1px solid black;
}
div#presentation div#mini{
float: right;
width: 300px;
padding: 0 5px 0 5px;
border-left: 1px solid black;
border-right: 1px solid black;
}
div#presentation div#mini img{
float: right;
margin: 10px;
}
div#presentation div#images{
width: 140px;
margin-top: 50px;
}
div#presentation div#images p{
margin: 0;
padding: 0;
background: #CCCCCC;
}
div#presentation div#images img{
float: left;
}
#tableau{
clear: both;
margin: 0 0 0 10px;
}
#tableau table{
width: 825px;
margin: 0;
padding: 0;
color: rgb(0, 0, 0);
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
border:none;
}
#tableau table tr{
margin: 0;
padding: 0;
}
#tableau table tr th{
margin: 0;
padding: 0;
background: #CCCCCC;
font-family: Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
font-size: 11px;
font-weight: bold;
text-align: left;
border: none;
}
#tableau table tr td{
margin: 0;
padding: 0;
border: none;
}
#tableau table div{
padding: 10px;
border-left: 1px dashed #404040;
border-right: 1px dashed #404040;
}
#tableau table div p.invisible a{
text-decoration: none;
color: black;
}