<!--
    body 
    {
       background : #fff;
       font-family: Verdana, Arial, Helvetica, sans-serif;
    } 
    
	.header 
    {
       background-image: url('http://petites-annonces-typhoon.com/templates/template1/imagesndk/headerbg.png');
	   background-repeat:repeat-x;
	   background-position:top;
       font-family: Verdana, Arial, Helvetica, sans-serif;
    } 
    /* General font families for common tags */
    p 
    { 
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size:9pt; margin-top:0; margin-bottom:0  
    }
    
    /* Les liens */
    a 
    { 
       text-decoration:none;
    }
    a.link1, a:link.link1, a:active.link1, a:visited.link1 
    { 
       color: #76875F; font-size: 9pt;
    }
    a:hover.link1 
    { 
       color: #76875F; font-size: 9pt; text-decoration:overline underline; font-weight:bold
    } 
    a.link2, a:link.link2, a:active.link2, a:visited.link2 
    { 
       color: #57A6BF; font-size: 14pt; text-decoration:none; font-weight:bold;
    }
    a:hover.link2
    { 
       color: #76875F; font-size: 14pt;font-weight:bold; text-decoration: underline;
    } 
    a.link3, a:link.link3, a:active.link3, a:visited.link3 
    { 
       color: #000000; font-size: 9pt; text-decoration:none
    }
    a:hover.link3
    { 
       color: #000000; font-size: 9pt; text-decoration: underline
    } 
        
    /* forms & inputs ... */
    form
    {
       margin: 0px;
       padding: 0px;
    }
    input.input1
    {
       border: 1px solid #000000; background-image: url('bg2.gif');
    }
    
    /* Les tableaux */
    table.Table1 
    { 
       border:5px solid #dcdcdc; 
       border-collapse:collapse;
       background-color: #FFFFFF;
       margin-bottom:5;
-moz-border-radius:16px 16px 16px 16px;
    }
    table.Table2 
    { 
       border:1px solid #E49702; 
       border-collapse:collapse;
       background-color: #FFFFFF;
       margin-bottom:5;
    }
    table.pwdtable
    { 
       border:1px solid #C0CAB3; 
       border-collapse:collapse;
       padding: 0px; 
       margin: 0px;
    }
      
    /* Les sous tableaux (<th>, <td>, etc...) */
    th.thHead
    { 
       background-image: url('images/bg.gif');
       border: 3px solid #CCC
    }
    th.thHead2
    { 
       background-color:#E49702; 
       border-color:#E49702;
       border:0px solid #ffffff; 
    }
    td.row1
    {
       padding:3px; 
       background-color:#FFF;
	    background-image: url('imagesndk/blockbarres.gif');
       border:3px solid #CCC; 
    }
    td.row2
    {
       padding:3px; 
       background-color:#FFF; 
       border:1px solid #CCC; 
    }
    td.row3
    {
       padding:3px; 
       background-color:#57a6bf; 
       border:1px solid #57a6bf; 
    }
    td.row4
    {
       padding:3px; 
       background-color:#FFEFD2; 
       border:1px solid #C0CAB3; 
    }
    
    /* les texts */
    span.policeTh 
    { 
       color: #000; font-family: Arial; font-weight: bold; font-size: 11pt;
    }
    span.policeTh2
    { 
       color: #000000; font-family: Arial; font-weight: bold; font-size: 11pt;
    }
    span.gensmall
    {
       font-family: Arial;
       font-size: 8pt; 
    }    
    span.genmed
    {
       font-family: Arial;
       font-size: 9pt; 
    }  
    span.gen
    {
       font-family: Arial;
       font-size: 10pt; 
    }  
    span.color2
    {
       color: #E49702; 
    }  
    
    /* Menu header */
    .preload16 {background: url(images/pro16/pro16_2.gif);}
    .preload16a {background: url(images/pro16/pro16_2a.gif);}

    .pro16 {padding:0 0 0 1em; margin:0; list-style:none; height:43px; position:relative; background:transparent url(images/pro16_back.gif) repeat-x left top; font-size:11px;}
    .pro16 li {float:left; height:43px;}
    .pro16 li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/pro16_0a.gif) no-repeat;}
    .pro16 li a b {float:left; display:block; padding:0 10px 0 0;}
    .pro16 li.current a {color:#000;background:url(images/pro16_0ahover.gif); background-repeat:repeat-x;}
    .pro16 li.current a b {color:#000;}
    .pro16 li a:hover {color:#000;background:url(images/pro16_0ahover.gif);background-repeat:repeat-x;}
    .pro16 li a:hover b {color:#000;}
    .pro16 li.current a:hover { color:#000; cursor:default;}

	.wrapper 
	{	background-color:#FFF;
		-moz-border-radius:20px 0px 20px 20px;
		-moz-box-shadow:1px 1px 6px #000000;}
		
	.menuextra  {
opacity:1;
filter:alpha(opacity=100);
}
.menuextra img:hover {
opacity:0.4;
filter:alpha(opacity=70);
border: 0px solid #ffffff;
}
.share {
	border: 3px solid #CCC;
	position: fixe;
	float: center;
	-moz-border-radius:16px 16px 16px 16px;
-moz-box-shadow:0 10px 16px rgba(170, 170, 170, 0.5);
background-color:#DCDCDC;
background-image:-moz-linear-gradient(rgba(180, 180, 180, 0.8) 0%, rgba(255, 255, 255, 0.9) 90%);
border-color:#CCCCCC #AAAAAA #BBBBBB;
border-style:solid;
border-width:2px;
margin:1em 0 2em;
padding:5px 16px 3px;
position:relative;
}
-->
