/*
	projet: Wassit
	author: MOZ (www.WASSIT.com) 
	
*/
   
/* default styles */
  <meta name="viewport" content="width=device-width, initial-scale=1.0">



*{ margin: 0; padding: 0; outline: 0;  }
body {direction: ltr; font: 0.7em "Trebuchet MS", Verdana, Sans-Serif;  color: #454545;  margin: 0; padding: 0; outline: 0; }


a { color: #3F2C57; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
a:focus {border: 0 ;}
p {	margin: 0 0 5px 0; }
h1 { font: normal 1.7em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 9px 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Georgia, "Trebuchet MS", Arial, Sans-Serif; color: blue;}
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
img { border: 0; }
pre { white-space: pre-wrap;      /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
/* layout */

.fond{padding : 0; margin:0; position:absolute; right:0px; top:-3px;   margin:2px; padding:0px ;background-image: url(../images/bgmenu.gif); background-repeat: repeat-x;
height: 114px; width: 100%;  z-index: -3;}
.logo{position:absolute;  margin:2px; padding:0px ;color: rgb(255,255,255);  }
#title{position:absolute;  margin:2px 0 0 60px; padding:0px ;color: rgb(255,255,255); }
#title H1{font-family:"Lucida Calligraphy", "Comic Sans MS", "Comic Sans MS", cursive; }

#connect_logo {position: absolute; right:0px; top:0px; margin:0px; padding:0px; z-index: -2;}
#connect_txt {
  font-size: 1.2em;
  float: right;
  width: 280;
  height: 60px;
  color: yellow;
  background: url(../images/connexion.gif) no-repeat;
	padding: 0 40px 0 0;
  background-position: right top;
}
.payant {

     clear: Both;

     text-align: center;
     margin: 0 0 110px 0;
	}
}
  #connect_txt a {
    color: rgb(255,153,51);
  	padding: 0 0 0 10px;
  }
  #connect_txt span a {
    color: white;
  	padding: 0 0 0 10px;
  }
#content {
    margin: 0 auto;
     width: 1000px; 
 }



/* left side */
#left {
	float: left;
	width: 700px;
	margin: 0 0 10px 10px;
}

#header {
	padding: 9px 0;
	color: #fff;
	margin: 0 0 20px 0;
	height: 6px; 
}

/*  language menu  */
  #tablist{ float: right;    margin: 2px 10px 5px 10px; }
	#tablist li{ list-style: none; display: inline; line-height: 1.7em;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 3px ; /* 0 3px 0 0*/
		padding: 4px 10px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
    font-size: 1.3em;;
		color: white;
	}
	#tablist li a:hover{
		border: 1px solid rgb(0,0,153);
		color: #1295E4;
	}
	#tablist li a.current{
		background: #ADD597;
		color: #fff;
		text-decoration: underline;
		padding-left:2px; padding-right:2px;
	}


#extitle{
  float: left; color: rgb(76,76,76); padding-top: 0;}

#menu { border-radius: 12px 12px 0 0;clear: both; float: left; height: 43px; width:650px; margin: 0 0 0 10px; background: url(../images/menu.gif) repeat-x; }
#menu-left { background: url(../images/menu-corners.gif) no-repeat left top; float: left; width: 9px; height: 43px; }
#menu-right {background: url(../images/menu-corners.gif) no-repeat left bottom; float: right; width: 9px; height: 43px; }
#menu ul { float: left; padding: 0px 0; }
#menu li { display: inline; }
#menu li a { float: left; margin: 0 5px 0 0; padding: 12px 0 15px 2px; color: white; font-size: 1.15em; position:  relative; z-index: 2; }
#menu li a span { padding: 12px 3px 5px 3px; }
#menu li a:hover, #menu li a:focus { color: #1295E4;}
#menu li a.current-menu { border-radius: 12px 12px 0 0;  background-color: #e3e3e3;height: 13px; color: #000; font-weight: bold; margin-right: 3px;  }
#menu li a.current-menu span {  padding-right: 3px ;margin-right:0; }

#content-top { clear: both; height: 26px; background: url(../images/content-top.gif) no-repeat;  margin: 0 !important; margin: -14px 0 0; }
#content-middle { padding: 0 25px 25px 15px; background: url(../images/content-middle.gif) repeat-y; }
#content-bottom { clear: both; padding: 6px 0 7px; background: url(../images/content-bottom.gif) no-repeat left bottom; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #content-top { margin: -35px 0 0; }
#menu {  margin: 3px 0 0 10px; } }



	 #content-middle a:hover, #content-middle a:focus  #content-bottom a:hover, #content-bottom a:focus{
  text-decoration: underline;
	}
	#sub-menu {
    height: 15px;
		padding: 15px;
  background: #F1F8ED;
		color: #444;
  }
  #sub-menu a:hover, #sub-menu a:focus { color: #1295E4; }
  .notif {
  color: #F8F7F2;
  text-align: center;
  margin: 12px 3px ; /* 0 3px 0 0*/
  padding: 16px 10px;
  background-color: #0E2902;  
  font-weight: bold;
  font-size: 1.5em;;

 }


#vent_loc{
  color: rgb(0,51,153);
	margin: 0 10px 0 0;
	padding: 30px 0 0 0;
	font-size: 1.1em;
}
#vent_loc span{
  font-size: 1.4em;
}
	#vent_loc a{
  color: blue;
  font-size: 1.2em;
}

	 #vent_loc  a:hover, #Results a:focus {
  text-decoration: underline;
  color: rgb(51,51,153);
	}
	
	#results {
  color: rgb(0,51,153);
	margin: 0 10px 0 0;
	padding: 30px 0 10px 0;
}

	#results a{
  color: blue;
  font-size: 1.2em;
}

	.status{
  color: rgb(153,0,255);
  font-size: 1.2em;
}
	.statusenligne{
  color: green;
  font-size: 1.2em;
}
	.statusexpire{
  color: red;
  font-size: 1.2em;
}

	 #results  a:hover, #Results a:focus {
  text-decoration: underline;
	}
	
	#pagination {
  text-align: center;
  color: red;
}

	#pagination a{
  text-align: center;
  color: blue;
  font-size: 1.2em;
}
	#pagination a:hover, #pagination a:focus{
text-decoration: underline;
}
	#sort {
  color: rgb(0,51,153);
	float: right;
	margin: 0 10px 0 0;
	padding: 30px 0 0 0;
  position:relative;
}
	#sort a {
  color: blue;
}

  #sort a:hover, #Results a:focus {
  text-decoration: underline;
  color: rgb(51,51,153);
	}
	 .block {
  position : relative;
		/*background-color: black;*/
    height: 100px;
    clear: both;
    border: 1px rgb(0,204,255) solid;
		margin: 0px 0px 15px 0;

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 1px 2px #eee, 0 0 40px #fff inset;
	}
		 .block-rub {
  position : relative;
		/*background-color: black;*/
    height: 100px;
    clear: both;
    border: 1px rgb(0,204,255) solid;
		margin: 15px 0px;
	}
		.inner-block {
	/*	background-color: red;*/
	  float: left;
		padding: 3px;
	}
		.icone {
		/* background-color: blue;*/
    float: left;
		padding: 25px 2px;
	}
	.cat{
  font-size: 0.8em;
  }
   .numero{
    color: rgb(0,102,102);
   }
	
		.photo {
    height: 90px;
    width: 105px;
   /* background-color: green;*/
    float: left;
		padding: 0 2px;
	}


		.center {

		/*background-color: yellow;*/
    width: 470px;
    float: left;
		padding: 0px 3px;
	}
		.title {

    /*width: 380px;*/
    text-align: center;
    height: 50px;
		padding: 0 0 25px;
    margin-right: 100px;
	}

		.title h2 a{
  color: blue;
	}

	  .title h2 a:hover, .title h2 a:focus {
  text-decoration: underline;
	}
			.um {

    float: left;
    line-height: 7px;
		padding: 3px 3px 0 0px;
		font-size: 1.2em  ;
	}

		.price {
    font-size: 1.3em  ;
    color: blue;
    height: 50px;
    width:140px;
    text-align: right;
    float: right;
		padding: 0 0 0 15px;
	}
		.date {
    float: right;
    color: blue;
	}
		.city {
    float: left;
    color: blue;
	}



/* affichage*/
 .affichage {
 	 position : relative;
 border: 1px rgb(0,204,255) solid;
 margin: 10px 0px; padding: 50px 35px;

  font-family: Bookman Old Style;
  font-size: large;
 direction: ltr;}
 

 .affichage-rub {

  background: url(../images/rub.gif) no-repeat right top;
 	 position : relative;
 border: 1px rgb(0,204,255) solid;
 margin: 30px 0px; padding: 50px 35px;
 font-size:  1.2em ;
 direction: ltr;}
 
 .messages {
 padding: 10px ;
 overflow: auto;
 border: 2px blue double;
 background-color: rgb(244,244,244);

 }

 .hauteur  { height: 500px;}

 .hauteur1 { height: 300px;}

 .hauteur2 { height: 300px;}

 .hauteur3 { height: 300px;}

 .hauteur4 { height: 300px;}

 .hauteur5 { height: 300px;}

 .hauteur6 { height: 300px;}


 .rub{position:absolute; right:-1px; top:-1px; margin:0px; padding:0px}


	.option { font: normal 1.2em "Georgia", "Times New Roman", Arial;  display: inline; margin: 20px 2px; }
	.option a { color: #3F6C24; border: 0; background: #fff url(../images/side_menu.gif) repeat-x; padding: 5px 20px; }
	.option a:hover { color: #fff; background: #fff url(../images/side_menu_hover.gif) repeat-x; }


 .lien {color:blue; font-size: 10px;}
.lien{
width: 199px;
background: #5F78AB;
border-top: solid 1px 
#879AC0;
border-bottom: solid 1px 
#1A356E;
color: 
white;
display: block;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: bold;
padding: 2px 6px 4px;
margin: 1px 1px 0 0;
text-shadow: none;
}

 .lien:hover{color:green; cursor: pointer;}
/* right side */


#right {
  text-align: center;

	float: right;
	width: 280px;
	margin: -1px 0 10px 0;
	padding: -2px 0 0 0;
	background: url(../images/right.gif) no-repeat top right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#right {margin: 2px 0 10px 0;}
.fond{padding : 0; margin:0; position:absolute; right:0px; top:-0.5px;   margin:2px; padding:0px ;background-image: url(../images/bgmenu.gif); background-repeat: repeat-x;
height: 114px; width: 100%;  z-index: -1;}
 }






#right a:focus, #right a:hover  { color: blue; text-decoration: none;}



	.button {

    clear: Both;
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		margin: 0 0 110px 0;
	}

	.big {  font: normal 1.5em "Georgia", "Times New Roman", Arial; }
	.big a:hover  { color: blue; }

	#side_menu { margin: 0 0 20px 0; }
	#side_menu li { list-style: none; }
	#side_menu li a { color: #3F6C24; border: 0; margin: 0 0 1px 0; display: block; background: #fff url(../images/side_menu.gif) repeat-x; padding: 8px 10px; }
	#side_menu li a:hover { color: #fff; background: #fff url(../images/side_menu_hover.gif) repeat-x; }


/* footer */
#footer  {
	clear: both;
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer a.current , #footer  a:hover,{
		text-decoration: underline;
	}

	#footer .right { float: right; }
	

 /*responsive

@media screen and (max-width: 600px) {
   .right #right {
   float: left;
   display: none;
    visibility: hidden;
    clear: both;
    float: left;
    width: 0px;
    display: none;
  }

#content {
    width: 600px; 

}
}


@media only screen and (max-device-width : 600px) {
   .right #right {
      float: left;
   display: none;
    visibility: hidden;
    clear: both;
    float: left;
    width: 0px;
    display: none;

 }


#content {
    width: 600px; 

}
}
  




*/ 




	.info{

  padding: 0 20px;
  font-family: Bookman Old Style;
  font-size: large;
  }
  .info a {
color:blue;
  }
  .info b {
color:green;
  }
  
  
  
  .liens{
height: 2600px;
  font-style: oblique;
color: blue;
font-size: 1.5em

  }
  
  .liens a{
  color: rgb(51,0,51);
  }
  
  .ensemble{
  padding-right: 30px;
  text-align: right;
  text-decoration: underline;
  }
ul.menu{list-style-type: disc;margin:0em;padding:1em text-align: justify; }
ul.menu li{margin-bottom:2em}
ul.sousmenu{list-style-type:circle;margin-left:2em;padding:0.5em}
ul.sousmenu li{margin-bottom:0em}


#lienstyle,#lienstyle #lienstyle2{
clear: both;
background: #fff;
}
#lienstyle,#lienstyle #lienstyle2{
padding-bottom: 80px;
width: 560px;
display: block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 2px #eee, 0 0 40px #fff inset;
}
#lienstyle{
margin-top:30px;
}

#lienstyle3 a{
float: right;
width: 175px;
height: 22px;
border: 1px solid #B2BFC2;
margin-top: 6px;
margin-right: 6px;
padding: 4px 1px 4px 1px;
text-align: center;
font-weight: bold;
color: #0084B4;
text-decoration: none;

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 1px 2px #eee, 0 0 40px #fff inset;
}
#lg a{
height: 48px;
}
#lienstyle3 a:hover {
background: #9BF09B;
color: #2900FF;
}