/* Reset */
* {border:0 none; margin:0; padding:0;list-style-type: none;}
body {width:100%;background: url(../img/bg_big.gif) no-repeat top center #cdcccc;}
	

#wrapper {margin: 0px auto;width: 900px;}

#header {width:100%;height: 113px;margin: 15px auto 5px;background: #333;}
#header_slide {width: 900px;height: 95px;margin: 0 auto;border-left: 5px solid #ececec;border-right: 5px solid #ececec;}
#fade img {	margin: auto;}

#content {float: left;padding:20px;width: 630px;color:black;}

#content .gallery { float:left;	width: 260px;}

#content .description { float:left;	width: 300px;}
#side {padding:10px;float:left;width:210px;min-height:400px;background: #333;}

#footer {clear: both;border-top: 1px solid #333;}
.footer {color: #747474;text-align: center;}
.footer a {text-decoration: none;color: #747474;}
.footer a:hover {text-decoration: underline;color: #000;}

#side img {margin:0 auto;display: block;}



/* Page bien */

 #galnav {padding-top:260px;}
 #galnav a {margin-right:8px;}
 #galnav a img {border:none;}
 
 p.price {font-size: 18px;font-weight: bold; color: #59a71b;font-family: Arial, sans-serif;}
 p.ref {float: right;font-family: helvetica, arial, sans-serif;padding-top:5px;}
 
/* Contenu à ajouter au moment de l'update ! */

div.annonce {text-align: left; color: black; border-bottom: 1px dotted #333; margin-bottom: 20px;
width:630px;margin-right:10px;float:left;}
div.annonce:hover {background: #ccc;}
div.annonce h3 {font-size: 16px; background: #333; padding: 5px 10px;}
div.annonce h3 span {font-size: 11px; float: right; color: white; font-family: Arial, sans-serif;font-weight: normal;}
div.annonce img {float: left; margin-right: 20px; margin-bottom: 20px; width:100px;height:100px;}
div.annonce p {color:black;font-size: 17px;}
div.annonce p.price {font-weight: bold;font-size: 20px;font-family: Arial, sans-serif;}
.clear {clear: both;}

div.annonce a, div.annonce a h3,div.annonce a p {text-decoration: none;}

table.annonces { width: 630px;border-spacing: 0px; }
#side-b table.annonces {  width: 190px;}

#side-a h2 {font-size: 16px;color:black;}
#side-a p{color:black;}

#portfolio li {list-style-type: none;}
#portfolio li img {display:none;}

#annonce_v h3 {  font: 20px "Georgia", serif;  }
#annonce_v table.contacts tr td:first-child h3 {font-size:10px;color:black;}
 
.contact_map {width:380px;float:left;}
.contact_description {width:240px;float:left;}
.break {margin-top: 10px;}
.green {color: #59a71b;}

 /* Typography */
body {font-size: 12px; font-family: Georgia, serif;text-align: left;color:black;}
#side {color:white;}
h1 {color: #000;font: 20px "Georgia", serif;margin:.4em 0 .2em 0;padding: 0;text-align: left;} 
h2 {color: #333;font-size:20px; margin-bottom: 10px;}
#side h2 {color: #59a71b;font-size:18px;font-weight: normal;}
h3 {color: #59a71b;}
p{margin-bottom: 8px;}

a {text-decoration: none;color: #aaa;}
a:hover {text-decoration: none;color: #62a52d;}
    
  #side h3 {font-size: 12px; margin-bottom: 15px; text-align: center;}  
  #side h2 {font-size: 11px; margin-bottom: 15px; text-align: center;color: #E7F9E2;}  

#content h2 span {display: block; font-size: 15px;}
    
/* Droppy navigation basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Droppy navigation essentials - configure this */


#nav ul { width: 130px;  }
#nav ul ul { left: 131px; }

/* Everything else is theming */
#main_menu { font: 12px "Century", serif; width: 100%; height:18px; top: 0px; z-index: 20;
position: relative; background-color: #333333; }
#menu { margin: auto; height:20px; width:900px;border-left: 5px solid #ececec;	border-right: 5px solid #ececec;}
#menu_nav { margin: 0px auto; width:800px;}
 
#nav { background-color: #333333; height: 18px; }
#nav *:hover { background-color: #333333; }
#nav a { border-right: 1px solid #666666; color: white;text-decoration: none; padding: 3px 10px; line-height: 1; }
  #nav li.hover a { background-color: #333333; color:white; filter: alpha(opacity=90);}
  #nav ul { top: 17px; }
    #nav ul li a { color: white; background-color: #333333; font: 11px "Century", serif;}
      #nav ul a.hover { color: #6fd021; background-color: #000000; filter: alpha(opacity=90);}
   #nav ul a { color: #FFFFFF; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */