BODY {
    background-color:#999;
	margin:0px;
	padding:0px;
	SCROLLBAR-FACE-COLOR: #666; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFF; 
	SCROLLBAR-SHADOW-COLOR: #FFF; 
	SCROLLBAR-3DLIGHT-COLOR: #000; 
	SCROLLBAR-ARROW-COLOR: #FFF; 
	SCROLLBAR-TRACK-COLOR: #666; 
	SCROLLBAR-DARKSHADOW-COLOR: #000;
}

.sudimmo{font: bold 25px Geneva, Arial, Helvetica, sans-serif;
         color:#0033FF;
		 letter-spacing:1px;
		 word-spacing:3px}
.sudimmo h1 {}

.sudimmo a:link, .sudimmo a:link:visited{
           color:#0033FF;
           text-decoration:none}
		   
.sudimmo a:hover{color:#66f}
		   


.legende{font-style:italic;
         color:#FFFFFF;
		 font-size:22px;
		 padding-bottom:0px}
		 
.contact{font: bold 18px Geneva, Arial, Helvetica, sans-serif;}	 
/* liens du site */
A:link {COLOR: #ffcc00; TEXT-DECORATION:none}
A:hover {COLOR: #ff6600; TEXT-DECORATION: underline}
A:active {COLOR: #ffcc00; TEXT-DECORATION: none}
A:visited {COLOR: #ffcc00; TEXT-DECORATION: none}
a:visited:hover {COLOR: #ff6600; TEXT-DECORATION: underline}

/* style de la date dans les pages annonces */
.date{font-weight:bold; 
      font-family:verdana;
	  font-size:0.8em; 
      color: #f90 ;}

.jaune{font-family:verdana;
       font-size:0.8em; 
       color: #fc0 ;}
	   
.article{font-family:verdana;
         font-size:0.7em;
		 color:white;
		 padding:0px 10px 0px 10px;
		 line-height:150%;}	

.titre{font-weight:bold;
       font-size:0.8em;
	   font-family:verdana;
	   color:#fc0;
	   padding:3px;
	   text-indent:30px;
	   background: url(images/fleche.gif) no-repeat center left; }   

.t2{font-size:150%;
    font-weight:bolder;
    color:#FFF;
    border-bottom:solid #fff 3px;
    }
	
.grd{font-weight:bold;
     font-size:0.9em;
	 letter-spacing:2px;
	 color:#fc0;}	   
	 
.pttxt{font-family:verdana;
       font-size:0.6em;
	   color:white;
	   boder-top:solid #999 1px;
	   border-bottom:solid #999 1px;
	   padding:10px;}	 
	   
.image{border:solid 3px #fc0;
       margin:20px;}
	  
.imgtourisme{border:solid 1px #fc0;
             margin:10px;}	   

.titre{font-size:150%}

.description{padding:10px;
             color:white}
.pdp{font-family:verdana;
     color:#fff;
	 font-size:x-small;
	 padding:5px;
	 margin:5px;
	 border:solid #fff 1px;}
 
.titre{font-size:110%;
       font-weight:bolder;
       color:#FFF;
       border-bottom:solid white 1px;
       }	  
	   
.pied{font:0.7em Verdana, Arial, Helvetica, sans-serif;
	  color:#009;
	  text-align:center;
	  line-height:1.2em;
	  clear:both;
	  padding:10px 0 10px 0;
	  margin-top:5px;
	  border-bottom:1px solid #f30; 
	  border-top:1px solid #f30;
	  }
/* Pied de page de la fiche complement*/      	   
.ptpied{font-family:verdana;
        font-size:60%;
	    color:#009;
		margin:20px 17px 0px 17px;
		border-top:solid #009 1px;}		   



.imageArticle{ float:left;
               margin:0 10px 10px 0;
			   border:0px solid #ccc;
}

h1{color:#f60;
   text-indent:30px;
   text-transform:uppercase;
   letter-spacing:1px;
   font-size:25px;
   margin:0px;
   padding:20px 0px 0px 0px;
   background: #666 url(images/bande-haut.jpg) no-repeat;
   border-bottom:solid #999 5px;
   height:100px;}
		
h2{border-bottom:solid #FFF 1px;
   margin-top:10px;
   letter-spacing:2px;
   color:#FFF;
   padding:3px}		

h3{font-family:"Times New Roman", Times, serif;
   font-size:120%;
   color:#fff;}
   
   
.cadre{border:solid #333 1px;
	   padding-top:20px;
	   margin-top:30px;
	   width:760px;
	   background-color:#666;}
	   
.recherche{font-family:verdana;
           font-size:0.7em;
		   color:white;
		   background-color:#33F;
		   border:solid #EEE 1px}	   
/***************************************
========================================
========================================
****************************************/
   

   /***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu {
	background-color:#369;
	color:#333;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:0px solid #999;
	padding:0px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

.ssmenu {
	background-color:#369;
	color:#333;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #999;
	padding:0px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
	background: #999 url(images/fond.gif) center;
	color:#fff;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
.ssmenu ul,.ssmenu li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#eee;
	padding:2px;
	text-decoration:none;
	font-family:Arial,Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenu a, .ssmenu a:visited {
	padding-left:5px;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background-color: #EEE;
	color:#F60;
	text-decoration:none;
	font-family:Arial,Verdana;
	margin:0px;
	width:100%;
}

img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:8px;
}
.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}
.cd-article {
	margin: 15px;
	padding: 15px;
	border: 1px solid #0099FF;
}

.verdana{font-family:verdana;
         font-size:small;}

.menuvilles{width:90%;
            margin:30px auto;
			font:xx-small verdana;
			color:#fff;
            paddind:10px;
			text-align:center;
			word-spacing:2px;
			line-height:12px;}

.menuvilles a, .menuvilles a:visited {color:#FFF;
                            text-decoration:none;}
						  
.menuvilles a:hover {text-decoration:underline;}		

.petit{font:xx-small verdana;}