<!--

		body {
		background: url(images/fontglobale.jpg) repeat-y center center;
	background-color: #000000;
	 
	
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img, div, ul, li { behavior: url(iepngfix.htc) }
#rubrique {position:absolute; top:0px; 
  width: 100%;
 background: url(images/fontarticle3.jpg) no-repeat center center;
	background-position: top center; 

	}
	#page {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto; margin-top:0px; 

}

	
#conteneur {  padding-left:15px; padding-right:15px; /padding-right:0px  }

#conteneur #contenu {
	float: right;
	width: 600px;
	text-align:left; /margin-right:10px; 
}

#conteneur #contenu2 {
	float: right;
	width: 100%;
	text-align:right;
}
#conteneur #recherche {
	float: right;
	width: 680px;
	text-align:left; margin-right:40px; /margin-right:0px;
}

#conteneur #navigation {
	float: left;
	width: 250px;
	text-align: left;
}
.lemenu {position:absolute; z-index:200; top:70px; margin-left:240px;
  height:20px; width:830px; /margin-left:0px; 
}
#blocs {width:100%; height:100%; position:static}
#fader {float:right}
#gauche {padding-top:0px; height:456px}
#immobilierfigeac {margin-top:20px;}


#footer {clear: both;
background-color:#666666; min-height:150px; padding:10px 30px 10px 30px; color:#ffffff; width:840px; text-align:left; margin-left:0px; /margin-left:0px; font-size:11px;}

#searchbloc {background-image:url(images/searchmid.png); background-repeat: repeat; color:#000000; font-size:11px;width:100%;  padding:10px; margin-right:30px; /margin-left:10px;}
#blocvendre {background-image:url(images/vendrebienmid.png); background-repeat: repeat-y; color:#000000; font-size:11px;width:100%;  padding-left:10px;padding-right:10px;margin-top:-2px; /margin-top:0px; margin-bottom:0px; /padding:0; margin-left:10px}

#blocvideo {background-image:url(images/vendrebienmid.png); background-repeat: repeat-y; color:#000000; font-size:11px;width:100%; margin-top:-2px; /margin-top:0px;margin-bottom:0px}
.entete {color:#FFFFFF; text-align:justify; margin-right:30px; margin-left:15px}
.fontrubloc {background-image: url(images/fontrubloc.png); background-repeat: no-repeat; color:#000000; font-size:11px;width:250px; height:61px; padding:5px; margin-top:10px}
.fontrubloc2 {background-image: url(images/searchblocmid2.png); background-repeat: repeat; color:#000000; font-size:11px;width:239px;  padding:5px; /padding-left:0px; /padding-right:10px }
.fontrubloc3 {background-image: url(images/searchblocmid2.png); background-repeat: repeat; color:#000000; font-size:12px;width:239px;  padding:5px; margin-bottom:-2px; /padding-left:0px; /padding-right:10px}
.fontrubloc4 {background-image: url(images/searchblocmid2.png); background-repeat: repeat; color:#000000; font-size:11px;width:239px;  padding:5px; margin-bottom:0px; /margin-bottom:-2px;  /padding-left:0px; /padding-right:10px }
.contenufond {color:#000000 ; width:530px; margin-right:20px;  text-align:justify; padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px; background-color:#cccccc; margin-top:0px; margin-bottom:0px}
.contenufond strong {font-family:"Times New Roman", Times, serif; font-weight:300; font-size:14px; color:#000000}
.contenufond h3 {font-family:"Times New Roman", Times, serif; font-weight:300; font-size:18px; color:#000000}
.contenufond a:link {text-decoration:none; color:#000000}
.contenufond a:visited {text-decoration:none; color:#000000}
.contenufond a:hover {text-decoration:none; color:#990033}

h1 {color:#FFFFFF; font-size:32px; font-family:"Times New Roman", Times, serif; font-weight:100}
.agence {color:#333333; font-size:25px; font-family:"Times New Roman", Times, serif; font-weight:100; margin-left:0}
.head_titre {color:#FFFFFF; margin-left:185px; margin-right:30px; padding-top:70px; /padding-top:70px; margin-bottom:10px;}
.formulaire {width:450px; height:190px; color:#FFFFFF; padding-left:15px; background: url(images/fondmoteur.png) no-repeat;}
.moteur2 {background: url(images/search.png) no-repeat top left;
color:#ffffff; font-size:11px; font-family:verdana; width:330px; margin-left:0px;}
.moteur2 p {line-height:20px}
.moteur {color:#990000; font-size:11px; font-family:verdana}
#moteurindex {background: url(images/indexblocmid.png) repeat-y top right; padding-left:30px;}
.imgart {float:left; margin-right:20px; }
.refrub {color:#333333; margin-top:5px; margin-bottom:10px}
.art_photo {padding-right:20px; margin-top:15px; /margin-right:20px;}
.polaroid {border:8px solid #FFFFFF;}
.polaroid_small {border:6px solid #FFFFFF; margin-right:10px;  }
.img-shadow {
  
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 6px solid #FFFFFF;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;

}
.moteurtitles {font-family:Times New Roman; color:#666666;font-weight:500; font-size:14px; text-transform:uppercase; padding-top:10px; }
.plusde {font-size:11px; font-family:verdana}
.plusde a:link {text-decoration:none; color:#990033}
.plusde a:visited {text-decoration:none; color:#990033}
.plusde a:hover {text-decoration:none; color:#ffffff}
.submit {background-color:#EEEEEE; color:#333333; border:1px solid #999999; font-size:11px;  margin-right:35px; margin-bottom:30px}
.autres {font-size:12px}
.autres a:link {text-decoration:none; color:#CCCCCC}
.autres a:visited{text-decoration:none; color:#CCCCCC}
.autres a:hover {text-decoration:none; color:#cc0033}
#blocrub { padding:5px;  background-color:#CCCCCC; clear: both; min-height:112px; color:#666666; padding-left:10px; padding-right:20px; /margin-bottom:-2px}
#blocrub h2 {color:#FFFFFF; font-size:20px; font-family:Times New Roman; font-weight:100; display:inline; }
#blocrub a:link {color:#000000; text-decoration:none }
#blocrub a:visited {color:#000000; text-decoration:none }
#blocrub a:hover {color:#990033; text-decoration:none }
#fader li {list-style: none; display:block;margin:0;padding:0}
#fader ul {list-style: none;margin:0;padding:0;  /padding-right:310px}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
#fader img{border:0; margin-top:-5px; position:relative; /margin-top:-5px}

ul#portfolio li img{
	border: 4px solid #fff;

}
ul#portfolioo li {
	border: 0px solid #fff;
list-style-type:none;
}


ul#portfolio2 li img{
	border: 4px solid #fff;

}
ul#portfolio3 li img{
	border: 4px solid #fff;

}
ul#portfolio4 li img{
	border: 4px solid #fff;

}

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

.titrebloc {
   position: relative; /* important */
  z-index:100;
   font-size:12px; font-family:Times New Roman;
   padding-top:5px; padding-bottom:5px;
  color:#ffffff;
  background-color: #000000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
 font-weight:100;
text-transform:uppercase;
    text-align:left; 
 width:294px; padding-right:8px;padding-left:0px; margin-left:-1px; /margin-left:-1px;
   margin-top:-7px; text-align:right; /padding-top:-2px;
}
/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
		width:152px;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff; margin-top:-100px; margin-left:50px; font-size:11px; text-align:center;
}


/* css pour la tooltip image preview */


#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;margin-left:-350px;
        border:1px solid #333;
        background-image:url(images/menu-fontgris.png);
        padding:2px 5px;
        color:#333; font-size:11px; width:250px;
        display:none; 
}
.footitre strong {color:#333333; font-family:"Times New Roman", Times, serif; font-size:13px}
.footitre hr {background:#FFFFFF; background-color:#FFFFFF; height:1px; margin:10px; border:0px solid #ffffff}
/* Menu format vertical
#Nav {
	width: 100px;
	padding: 0;
	list-style: none;
}

#Nav li {
	background: #ddd;
	margin: 1px;	
	height: 20px;
}

.Menu {
	padding: 0;		
	margin-top: -18px;
	margin-left: 98px;
	width: 202px;
	list-style: none;
	display: none;	
}

.Menu li {
	height: 20px;
	width: 200px;	
}
*/

#Nav {

padding: 0;
list-style: none;
position: relative;
}
#Nav ul {position: absolute;}
#Nav li {
width: 150px;
position: relative;
margin: 0px 0 0 0px;
margin-right:5px;
float: left;
padding: 0;
/margin-right:1px;
}

#Nav li a {
display: block;
background-color: #000000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */

color: white;
text-decoration: none;	
margin: 0; padding: 3px;
width:200px;

}
#Nav li#ie6 a {
display: block;

color: white;
text-decoration: none;	
margin: 0; padding:0; border:0;
width:0px; background-color: ;

}

#Nav  span a {
display: block;
text-decoration: none;	
margin: 0; padding: 0px;
float:left; 
margin-right:2px;
}
#Nav   strong a {
display: block;
text-decoration: none;	
margin: 0; padding: 0px;
float:left; 

}
#Nav li a:hover,#Nav li a:active {
display: block;
background-color: #000000;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}
#Nav li#ie6 a:hover,#Nav li#ie6 a:active {
display: block;
color: white;
text-decoration: none;	
margin: 0; padding: 0px;
}

.Menu {
padding: 0;
margin: 0;
list-style: none;
display: none;
/margin-left:-150px; /margin-top:25px;
}

.titrerub {margin-top:30px;}
#menumoteur {/padding-left:-20px}
.hr {width:900px; border:0; background-color:#333333; color:#333333; font-size:1px; height:10px; clear: both; 
}
#rubjustify { display:table-cell}
.Style1 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
a:link {text-decoration:none; color:#FFFFFF}
a:visited {text-decoration:none; color:#FFFFFF}
a:hover {text-decoration:none; color:#cc0033}
--> MENU ACCORDEON GAUCHE

ul.menu {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px;
}

ul.menu li {
  margin-top: 1px; list-style-type:none; margin-bottom:0px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}


ul.menu li a {
  background-color: #333333;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
  color: #fff;	
  padding: 5px; font-size:11px;
}


ul.menu li a:hover {
  background-color: #000000;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */

  color:#FFFFFF;
}
ul.menu   li a {/display:inline-block;}
ul.menu   li a {/display:block;}
 ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px; 
}
ul.menu li ul li a:link {
   background-image:url(images/menu-fontgris.png);

  color: #000;
  padding-left: 20px; margin:0px;
}
ul.menu li ul li a:visited {
   background-image:url(images/menu-fontgris.png);

  color: #000;
  padding-left: 20px; margin:0px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  color: #000;
  padding-left: 15px;
}


--> MENU ACCORDEON CONTENU
.menu2 ul {margin:0px; padding:0px;}
ul.menu2 {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 380px;
  
}

ul.menu2 ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 380px;
}
ul.menu2 a {
  display: block;
  text-decoration: none;	margin:0px
}

ul.menu2 li {
 
  list-style-type:none;
}

ul.menu2   li a {/display:inline-block;}
ul.menu2   li a {/display:block;}

ul.menu2 li a {
  
  color: #333333;	
   font-size:11px
}

ul.menu2 li a:hover {
  background: #ffffff;
}

ul.menu2 li ul li a:link {
    color: #000;
	background:#FFFFFF;
  
}
ul.menu2 li ul li a:visited {
    color: #000;
	background:#FFFFFF;
  
}
ul.menu2 li ul li a:hover {
    color: #000;
	background:#FFFFFF;
  
}

.formu p { font-size:11px; color:#000000; font-family:verdana; /margin-top:0px; /margin-bottom:5px; /padding-bottom:5px}
.formu { /margin-top:5px;}
.moteur {color:#990000; font-size:11px; font-family:verdana}
.moteurpage {color:#333333; font-size:12px; font-family:verdana; padding:2px;  }
.moteurpage select {z-index:-1;}
.moteurpage p {margin-bottom:10px; margin-top:10px; }
.hrmoteur {margin-bottom:10px;margin-top:10px; background:#cccccc; margin-right:10px; border:0; height:1px}
.submit {background-color:#EEEEEE; color:#333333; border:1px solid #999999; font-size:11px;  margin-right:35px; margin-bottom:5px }

.submitimmo {background-color:#EEEEEE; color:#333333; border:1px solid #999999; font-size:11px;  margin-right:0px; margin-bottom:5px; }
.immo {position: absolute; top: -3000em; height: 1%;}

.submit2 {background-color:#EEEEEE; color:#333333; border:1px solid #999999; font-size:11px;  margin-right:35px; }