@charset "utf-8";
/* CSS Document */

body, html{
	border			: 0px;
	padding			: 0px;
	margin			: 0px;
}

body{
	text-align		: center;
	background		: url('../img/bg-body.jpg') repeat-x #5e94d7;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #6f6f6f;
}

#global{
	position		: relative;
	margin			: 0 auto;
	width			: 900px;
	background		: #fff;
	text-align		: left;
}

#ombreLeft{
	position		: absolute;
	left			: -35px;
	top				: 0;
	width			: 35px;
	height			: 800px;
	background		: url('../img/ombre-left.jpg');
}

#ombreRight{
	position		: absolute;
	right			: -33px;
	top				: 0;
	width			: 33px;
	height			: 800px;
	background		: url('../img/ombre-right.jpg');
}

#top{
	position		: relative;
	width			: 900px;
	height			: 162px;
	background		: url('../img/bg-top-2.jpg');
}

/****************** LIENS **********************/

a{
	color			: #859d00;
	text-decoration	: none;
}

a:hover{
	color			: #a7c500;
}

ul,li{
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
}

/*************** MENU **************************/

#menu{
	position		: absolute;
	top				: 134px;
	left			: 0px;
	width			: 900px;
	height			: 27px;
}

#menu ul{
	width			: 900px;
}

#menu li{
	float			: left;
	text-align		: center;
}

#menu li a{
	font-size		: 13px;
	color			: #353436;
	text-decoration	: none;
	font-weight		: bold;
	display			: block;
	padding			: 5px 0px 0px 0px;
	height			: 21px;
}

#menu li a:hover{
	background		: url('../img/li-select.jpg');
}

.li-select a{
	background		: url('../img/li-select.jpg');
}

/****************** CONTAINER ******************/

#container{
	width			: 900px;
	padding			: 25px 0 0 0;
	background		: url('../img/bg-container.jpg') repeat-x;
}

/****************** TITRES *********************/


/****************** IMAGES *********************/

.marg-l20{
	float			: right;
	margin-left		: 20px;
}

.img-right{
	margin			: 5px 10px 5px 0;
	border			: 3px solid #e9e9e9;
	float			: right;
}

a:hover .img-right{
	border			: 3px solid #d3d3d3;
}

/****************** INDEX **********************/

.diapo-index{
	position		: relative;
	width			: 844px;
	background		: #fff;
	border			: 3px solid #e2e2e2;
	text-align		: right;
}

#player{
	width			: 844px;
	text-align		: left;
	height			: 260px;
}

#bottom-player{
	position		: absolute;
	top				: 230px;
	left			: 0px;
	width			: 834px;
	height			: 20px;
	padding			: 5px;
	background		: url('../img/bg-bottom-player.png');
}

#bottom-player a{
	font-size		: 16px;
	color			: #373332;
	font-weight		: bold;
}

.fleches-diapo{	
	position		: absolute;
	top				: 0px;
	right			: -3px;
	width			: 170px;
}

.fleches-diapo li{
	margin-top		: -3px;
	width			: 170px;
	height			: 55px;
	padding			: 0 0px 0 0;
	background		: url('../img/fleche-diapo-index.png');
	font-size		: 11px;
}

.fleches-diapo li:hover{
	background-position	: 0px -55px;
}

.fleches-diapo li.selected-fleche{
	background-position	: 0px -55px;	
}

.fleches-diapo li a{
	color			: #6f6f6f;
	text-decoration	: none;
	padding			: 13px 10px 0 0;
	margin			: 0;
	display			: block;
	height			: 42px;
	width			: 160px;
}

.cartouche-415{
	position		: relative;
	width			: 415px;
	float			: left;
	margin			: 0 5px 0 5px;
	padding			: 0px;
	background		: url('../img/bg-cartouche-415.jpg') repeat-y;
}

.cartouche-415 a, .cartouche-311 a{
	color			: #6f6f6f;
}

.cartouche-415 a:hover, .cartouche-311 a:hover{
	color			: #3e3e3e;
}

.cartouche-415 h1{
	position		: relative;
	margin			: 0px;
	margin-left		: 0px;
	font-size		: 18px;
	color			: #333333;
	padding			: 10px 0 0 30px;
	height			: 40px;
	width			: 385px;
	background		: url('../img/top-cartouche-415.jpg') no-repeat;
}

.cartouche-415 h2{
	position		: relative;
	margin			: 0px;
	margin-left		: 0px;
	font-size		: 18px;
	color			: #333333;
	padding			: 10px 0 0 30px;
	height			: 40px;
	width			: 385px;
	background		: url('../img/top-pompom-415.jpg') no-repeat;
}

.ss-titre-415{
	position		: relative;
	display			: block;
	margin-left		: 0px;
	background		: url('../img/ss-titre-415.jpg');
	width			: 385px;
	height			: 21px;
	padding			: 8px 0 0 30px;
}

.bottom-cartouche-415{
	position		: relative;
}

.pgr-cours{
	margin-left		: 10px;
	display			: block;
}

/*********************** PRESENTATION **************************/

.border3{
	border			: 3px solid #e2e2e2;
	float			: left;
	margin-right	: 20px;
}

.presentation{
	width			: 815px;
	background		: url('../img/bg-presentation.jpg') repeat-y;
	padding			: 20px;
	text-align		: justify;
}

.presentation h1{
	font-size		: 14px;
	color			: #414141;
	background		: url('../img/top-presentation.jpg');
	height			: 29px;
	width			: 840px;
	padding			: 15px 0 0 15px;
	margin			: -20px 0 0 -20px;
}

/*********************** IMMOBILIER NEUF *********/

#big-map{
	position		: relative;
	height			: 530px;
	width			: 850px;
	background		: url('../img/big-map.jpg');
}

#mini-map{
	position		: relative;
	height			: 241px;
	width			: 386px;
	background		: url('../img/mini-map.jpg');
	margin			: 19px 0 41px 10px;
}

#micro-map{
	position		: relative;
	height			: 181px;
	width			: 290px;
	background		: url('../img/micro-map.jpg');
	margin-left		: 10px;
}

.rss-popup {
	padding		: 0;
	list-style	: none;
	position	: absolute;
	z-index		: 2000;
}

.rss-popup em, #mini-map .rss-popup em, #micro-map .rss-popup em{	
	text-align	: left;
	z-index		: 2000;
	display		: none;
	color		: #000;
	font-style	: normal;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 9px;
	font-weight	: bold;
	padding		: 10px;
}

.rss-popup em{
	background	: url('../img/etik.gif');
	width		: 144px;
	height		: 112px;
	position	: absolute;
	top			: -135px;
	left		: -72px;
}

#mini-map .rss-popup em, #micro-map .rss-popup em{
	background	: url('../img/mini-etik.gif');
	width		: 110px;
	height		: 48px;
	position	: absolute;
	top			: -70px;
	left		: -55px;
}

.rss-popup em .ville{
	font-weight:normal;
}

#rss-icon a{
	height			: 17px;
	margin			: 0 auto;
	width			: 17px;
	color			: #000;
	padding-top		: 3px;
	display			: block;
}

/*********************** FICHE *******************/

#fiche{
	position		: relative;
	width			: 860px;
	padding			: 0;
	margin			: 0 0 0 20px;
}

#fiche .left{
	position		: relative;
	float			: left;
	width			: 525px;
	padding			: 0;
	background		: url('../img/bg-left-fiche.jpg') repeat-y;
	text-align		: justify;
}

#fiche .left ul{
	margin			:0;
	padding			:0;
}

#fiche .left li{
	margin			: 0px 0 0px 10px;
	padding			: 0;
	list-style-type	: disc;
}

.img-bottom-left{
	margin-bottom	: -2px;
}

#fiche .right{	
	position		: relative;
	float			: left;
	width			: 334px;
	padding			: 0px;
	background		: url('../img/bg-right-fiche.jpg') no-repeat;
}

#fiche .titre-principal{
	position		: relative;
	font-size		: 16px;
	color			: #333;
	background		: url('../img/top-left-fiche.jpg');
	height			: 28px;
	width			: 510px;
	padding			: 15px 0 0 15px;
	margin			: 0 0 0 -20px;
}

#fiche .titre-principal span{
	position		: relative;
	font-size		: 16px;
	color			: #333;
	padding			: 0 10px 0 10px;
	background		: url('../img/bg-h2-titre-principal.jpg') repeat-x;
	font-weight		: bold;
}

.titre-fiche{
	font-size		: 16px;
	font-weight		: bold;
}

.po-fiche{
	font-size		: 12px;
	color			: #e31f4e;
	font-style		: italic;
}

.right ul{
	width			: 337px;
	margin-top		: 43px;
	margin-left		: -3px;
	margin-bottom	: 10px;
}

.right li a{
	display			: block;
	height			: 27px;
	color			: #353436;
	font-size		: 12px;
	padding			: 12px 0 0 60px;
	background		: url('../img/bg-li-droite.jpg') no-repeat;
}

#link6 a{
	margin-top		: -1px;
	height			: 30px;
	background		: url('../img/bg-li-droite-last.jpg') no-repeat;	
}

.right li a:hover{
	color			: #353436;
}

#link1 a:hover, #link1 a.selected,
#link2 a:hover, #link2 a.selected,
#link3 a:hover, #link3 a.selected,
#link4 a:hover, #link4 a.selected,
#link5 a:hover, #link5 a.selected{
background		: url('../img/bg-li-droite.jpg') 0 -39px no-repeat;}

#link6 a:hover, #link6 a.selected{
background		: url('../img/bg-li-droite-last.jpg') 0 -42px no-repeat;}

.hidden{visibility:hidden;}

.cartouche-311{
	position		: relative;
	width			: 311px;
	float			: right;
	margin			: 0px 0 0 0;
	background		: url('../img/bg-cartouche-311.jpg');
}

.cartouche-311 h1, #fiche .cartouche-311 h2{
	position		: relative;
	margin			: 0px;
	font-size		: 14px;
	color			: #333333;
	padding			: 13px 0 0 30px;
	height			: 37px;
	width			: 281px;	
}

#fiche .cartouche-311 h1{
	background		: url('../img/top-cartouche-311.jpg') no-repeat;
}

#fiche .cartouche-311 h2{
	background		: url('../img/top-pompom-311.jpg') no-repeat;
}

.ss-titre-311{
	position		: relative;
	display			: block;
	background		: url('../img/ss-titre-415.jpg');
	width			: 278px;
	height			: 21px;
	padding			: 8px 0 0 30px;
}

/*********************** REALISATIONS ****************/

#video-realisation{
	width			: 480px;
	height			: 350px;
	border			: 0px solid #000;
}

/*********************** TABLEAUX ****************/

th,td{
	border-bottom	:1px solid #ebebeb;
}

th{
	color			:#a7c500;
}

td{
	background		:#f8f8f8;
}

.no-bd{
	border			: 0px;
	background		: none;
}

.borloo td, .borloo th{
	color			: #6f6f6f;
}

/*********************** FORMULAIRE **************/

.facultatif{
	font-size		: 9px;
	font-style		: italic;
}

.chp1, .chp2{
	background		: url('../img/input.gif') repeat-x #e5f5a6;
	border			: 1px solid #989898;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #6f6f6f;
	padding			: 3px;
	
}

.chp1{
	width			: 187px;
}

.chp2{
	width			: 450px;
}

.envoyer{
	width			: 85px;
	height			: 24px;
	background		: url('../img/envoyer.gif') repeat-x #e5f5a6;
	border			: 0px solid #989898;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 14px;
	color			: #6f6f6f;
	padding			: 3px;	
	cursor			: pointer;
	float			: right;
	margin-right	: 25px;
}

/*********************** FOOTER ******************/

#footer{
	position		: relative;
	margin			: 0 auto;
	width			: 700px;
	height			: 180px;
	background		: url('../img/bg-footer.jpg');
	padding			: 50px 100px 0 100px;
	color			: #333;
	font-size		: 10px;
}

#footer a{
	color			: #333;
}

#footer a:hover{
	color			: #000;
	text-decoration	: underline;
}

.text-footer{
	font-size		:12px;
	background		:url(../img/bg-adresse-footer.png);
	width			:370px;
	padding			:5px;
	border			:3px solid #a7c500;
	margin			:auto;
}

div#asvel{
	position		: absolute;
	top				: 50px;
	left			: 33px;
	width			: 196px;
	height			: 55px;
	background		: #a7c505;
}

div#asvel p.panier{
	margin			: 0;
	padding			: 0;
	font-size		: 21px;
	color			: #ff8a00;
	font-weight		: bold;
	width			: 50px;
	line-height		: 8px;
	margin-top		: 9px;
	margin-left		: 3px;
	float			: left;
	display:none;
}

div#asvel p.panier span{
	font-size		: 8px;
}

div#asvel p.gains{
	margin			: 0;
	padding			: 0;
	font-size		: 21px;
	color			: #000;
	font-weight		: bold;
	width			: 80px;
	line-height		: 8px;
	margin-top		: 9px;
	margin-left		: 32px;
	float			: left;
	display:none;
}

div#asvel p.gains span{
	font-size		: 8px;
}