@charset "utf-8";
q { 
quotes : "\00AB\2009" "\2009\00BB"; 
}
HTML{
    font-size: 100%;    
}
body {
	  width:100%;
}
body { 
background : url(../img/menu.jpg) repeat-y 0 0; 
font-family : Arial, Helvetica, sans-serif; /* font de police */
margin : 0; 
padding : 0;
} 
#header { 
height : 100px; /* hauteur */
padding-left : 0; 
background : #fff url(../img/header.jpg) repeat-x 0 0; 
} 
.logo { 
float : left; 
padding : 0 10px 0 0; 
} 
.tel { 
margin : -5px 40px 0 0; 
color : #fff; /* couleur de police */
float : left; 
} 
.prix { 
font-size : 0.4em; /* taille de police */
line-height : 0.4em; 
} 
#impots { 
float : right; 
text-align : right; 
padding : 10px 10px 0 0; 
background : url(../img/accroche.jpg) no-repeat top right; 
height : 84px; /* hauteur */
width : 220px; /* largeur */
} 
#impots h1, #impots p { 
color : #fff; 
} 
#impots p { 
margin : 0; 
padding : 0; 
font-size : 0.7em; 
} 
#impots h1 strong { 
font-size : 0.9em; 
} 
#menu { 
position : absolute;
left : 0; /* position en partant de la gauche */
width : 160px; 
padding : 10px 10px 10px 10px;
} 
#menu p { 
padding : 0; 
margin : 10px 0 0 0; 
text-align : center; 
font-size : 0.6em; 
display : list-item; 
list-style-image : url(../img/fleche.jpg);
} 
#menu a { 
color : #165465; 
} 
#main { 
font-size : 0.9em;	
margin : 10px 230px 0 200px; 
padding : 0;
} 
#main p { 
font-size : 0.8em;
margin : 0 0 5px 5px;
} 
#main img { 
margin : 0 0 0 0; 
padding : 2px; 
border : 1px solid #165465; 
background-color : #c7dff3; 
float : right; 
} 
#main table tr th img.nofloat, #main img.nofloat { 
margin : 0 0 5px 5px; 
padding : 5px; 
border : 1px solid #165465; 
background-color : #c7dff3; 
float : none; 
} 
#rss { 
position : absolute; 
width : 210px; 
padding : 10px; 
margin : 0 0 0 10px; 
right : 0; 
background : transparent url(../img/rss.jpg) repeat-y top right; 
} 
#rss li { 
font-size : 0.8em; 
} 
#rss li a { 
color : #666; 
text-decoration : underline; 
} 
table { 
font-size : 0.7em; 
border-spacing : 0; 
padding : 5px; 
margin : 5px;
} 
th { 
color : #fff; 
text-align : left; 
} 
td, th { 
border : 1px solid #489db2; 
} 
.zero { 
border : 1px solid #fff; 
} 
.tr0 { 
background-color : #5cb4cc; 
text-align : center; 
width : 300px; 
} 
tr.tr1 { 
background-color : #6ec0d6; 
} 
tr.tr2 { 
background-color : #83cbe1; 
} 
.center { 
text-align : center; 
} 
#credits { 
clear : both; 
height : 20px; 
background-color : #165465; 
} 
h1 { 
padding : 0px 0 0 0; 
margin : 0; 
color : #165465; 
font-size : 1.4em; 
line-height : 1em; 
} 
h2 { 
padding : 0px 0 0 0; 
margin : 0; 
color : #165465; 
font-size : 0.8em; 
} 
h3 { 
padding : 0px 0 0 0; 
margin : 0; 
color : #333; 
font-size : 0.8em; 
} 
p { 
padding : 0 0 10px 0; 
margin : 0; 
} 
ul { 
padding : 2px 0; 
margin : 0; 
} 
li { 
padding : 2px 1px; 
margin : 0; 
font-size : 0.8em; 
font-weight : normal; 
list-style : none; 
} 
#menu li a { 
color : #fff; 
} 
a { 
color : #165465; 
text-decoration : none; 
} 
a:hover { 
text-decoration : underline; 
} 
#main a { 
text-decoration : underline; 
} 
#menu li a { 
color : #fff; 
} 
a.tooltip em { 
display : none; 
} 
a.tooltip:hover { 
border : 0; 
position : relative; 
z-index : 500; 
text-decoration : none; 
} 
a.tooltip:hover em { 
font-style : normal; 
display : block; 
position : absolute; 
top : 20px; /* position du en partant du haut */
left : -10px; 
padding : 5px; 
color : #000; 
border : 2px solid #000; 
background : #c3d9ff; 
width : 190px; /* largeur */
} 
a.tooltip:hover em span { 
position : absolute; 
top : -7px; 
left : 15px; 
height : 7px; 
width : 11px; 
background : transparent url(../img/image-infobulle.gif); 
margin : 0; 
padding : 0; 
border : 0; 
} 
a.viewpic { 
position : relative; 
border-bottom : 1px dashed #808080; 
text-decoration : none; 
} 
a:hover.viewpic { 
text-decoration : none; 
background : none; 
} 
a.viewpic span { 
display : none; 
} 
a:hover.viewpic span { 
display : inline; 
position : absolute; 
top : -30px; 
top : -20px; 
left : -5px; 
left : 10px; 
z-index : 20; 
width : 100%; 
padding : 2px 4px; 
}