html {overflow-y: scroll;}
* {
	margin:					0;
	padding:					0;
	scrollbar-face-color:	#e9e3d8;
	scrollbar-arrow-color:	#6f8eb5;
	scrollbar-track-color: 	#efebe2;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #6f8eb5;
}

body {
	font-size: 				12px;
	font-family: 			trebuchet MS, arial, hevetica, sans-serif;
	color: 					#4F4E54;
	background:				#CFCFCB url(../images/bckrepeat.gif);
}
a {
	text-decoration: 		none;
	color: 					#4F4E54;
	outline:					none;
}


#main {
	float: 					left;
	width:					100%;
	height: 					auto;

}
#c1 {
	width: 					970px;
	margin: 					0 auto;
	z-index: 				100;
}

#c2 {
	margin-top: 			31px;
	position: 				absolute;
	width: 					970px;
	padding: 				0px;
	/*height: 					950px;*/
	/*background-color: 	#EDF5FC;*/
	background-image: 	url(../images/bck.jpg);
	background-repeat: 	no-repeat;

}
img {
	border:					0px;
}

.alerte {
	color: 					#cc0000;
}

a.plus {
	float: 					right;
}
a.plusLeft {
	float: 					left;
}
#header {
	width:					100%;
	height: 					130px;
	margin:					10px 0px;
}
#header .logo {
	float:					left;
	width:					60%;
	padding:					10px 0px 0px 30px;
}
#drapeau {
	float: 					right;
	width: 					22%;
}
#drapeau a {
	display:					block;
	float: 					left;
	padding-right:			5px;
}
#drapeau ul {
	float:					right;
	list-style: 			none;
	padding-right:			20px;
	margin-top:				15px;
}
#drapeau ul li {
	float:					left;
}
#drapeau p.message {
	clear: both;
	text-align: right;
	margin-right: 25px;
}
#acces {
	float: 					right;
	background-image: 	url(../images/btacces2.gif);
	background-repeat: 	no-repeat;
	font-size:				12px;
	font-weight: 			bold;
	width: 					116px;
	height: 					38px;
	margin-top:				20px;
	padding-right:			20px;
}
#acces a {
	display:					block;
	padding:					10px 0px 0px 32px;
}

div.logo2 {
	float:					left;
	margin-top:				20px;
}

#contenu {
	float: 					left;
	width: 					970px;
}
#footer {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bck2.gif);
	background-repeat: 	repeat-y;
	padding-bottom: 		20px;
}




#gauche {
	float:					left;
	width: 					635px;
	padding-left:			30px;
	max-height: 			80%;
}

#droite {
	float:					right;
	width: 					235px;
	padding-right:			25px;
	max-height: 			50%;
}

ul#onglet1 {
	float:					left;
	width: 					100%;
}

ul#onglet1 li {
	float: 					left;
	width: 					200px;
	list-style: 			none;
	height: 					29px;
}
ul#onglet1 li.home {
	width: 					34px;
	background-image: 	url(../images/onglet1h_off.gif);
	background-repeat: 	no-repeat;
	background-position: 0px 2px;
	height: 					28px;
}
ul#onglet1 li.on {
	background-image: 	url(../images/onglet1_on.gif);
	background-repeat: 	no-repeat;
}
ul#onglet1 li.off {
	background-image: 	url(../images/onglet1_off.gif);
	background-repeat: 	no-repeat;
	background-position: 0px 2px;
	height: 					28px;
}
ul#onglet1 li.home a,
ul#onglet1 li.on a,
ul#onglet1 li.off a {
	display:					block;
	font-size:				17px;
	font-weight: 			bold;
	color: 					#F7C722;
	padding-left:			20px;
	margin-top:				2px;
}
ul#onglet1 li.home a {
	padding-left:			3px;
}
ul#onglet1 li.on a {
	color:					#F7C722;
	font-size:				17px;
}


div.lienDivers {
	float:					left;
	font-size:				14px;
	font-weight: 			bold;
	width: 					350px;
	border-bottom: 		2px dotted #92B6CE;
	margin-bottom: 		10px;
	margin-left:			10px;
}
div.lienDivers a {
	display:					block;
	float:					left;
	width: 					98%;
	color: 					#2f78a8;
	font-size:				13px;
	font-weight: 			normal;
	padding:					0px 0px 5px 0px;
}
span.desLien {
	display: 				block;
	float: 					left;
	font-size: 				11px;
	line-height: 			12px;
}

h1.titreLien {
	float:					left;
	width:					100%;
	margin:					10px 0px;
	color: 					#2f78a8;
}



div.lienDivers a:hover {
	background-color: 	#f5f5f5;
}

#photo {
	float:					left;
	background-color: 	#F7C722;
	padding: 				0px 0px 3px 0px;
	margin-bottom: 		20px;
	border-top:				3px solid #F7C722;
}


#contentOnglet {
	float:					left;
	background-color: 	#fff;
	border-top:				3px solid #F7C722;
	border-left:			1px solid #ddd;
	border-right:			1px solid #ddd;
	border-bottom:			1px solid #ddd;
	width: 					100%;
	padding-left:			20px;
	padding-bottom: 		20px;
}
#contentOnglet h1 {
	font-size:				17px;
	margin-top:				10px;
}

#recherche {
	float:					left;
	width: 					240px;
}
#recherche table {
	margin-top:				10px;
}


#recherche h1 {
	background-image: 	url(../images/barretitre1.gif);
	background-repeat: 	no-repeat;
	height:					25px;
	color:					#265371;
	font-size: 				17px;
	font-weight: 			bold;
	padding:					0px 5px 0px 10px;
}
#recherche input,
#recherche select {
	margin-top: 			10px;
}

/* Accordion */
#accordion {
	float: 					left;
	height: 					150px;
	width: 					95%;
	margin-top:				15px;
}
#accordion h3 {
	margin-top:				7px;
	font-size: 				15px;
	text-align: 			right;
	color:					#265371;
	padding-right:			20px;
	background-color: 	#fff;
	cursor:					pointer;
}

#accordion a {
	display: 				block;
	color: 					#265371;
	text-align: 			right;
}
#accordion ul {
	padding:					5px 0px;
	/*height: 					50px;*/
	background-color: 	#adcfe8;
}
#accordion li {
	margin:					0px;
	line-height: 			17px;
	list-style: 			none;
	list-style-image: 	url(../images/puce1.gif);
}
#accordion li a {
	display: 				block;
	width:					100%;
	line-height: 			17px;
	color:					#2b5876;
	font-size:				12px;
	font-weight: 			bold;
	text-align: 			right;
}
#recherche #accordion li a:hover {
	background-color: 	#d9e8f3;
}
.flechebas {
	background-image: url(../images/fl_bas.gif);
	background-repeat: no-repeat;
	background-position: 99% 2px;
}
.flechedroite {
	background-image: url(../images/fl_right.gif);
	background-repeat: no-repeat;
	background-position: 99% 2px;
}
/*
.toggler {
	margin: 0;
	padding: 2px 5px;
	background: #FFF;

	font-size: 15px;
	font-weight: bold;
}*/




#blocInfo {
	float:					right;
	width:					380px;
	margin-left:			5px;
}
#blocInfo h1 {
	background-image: 	url(../images/barretitre2.gif);
	background-repeat: 	no-repeat;
	height:					25px;
	color:					#265371;
	font-size: 				17px;
	font-weight: 			bold;
	padding:					0px 5px 0px 10px;
	margin-bottom: 		15px;
}
#info {
	float: 					right;
	margin:					5px 0px 0px 0px;
}
#info.t2 {
	float: 					left;
	width: 					100%;
}
#info #vignette {
	float: 					left;
	width: 					112px;
	height: 					102px;
	background-image: 	url(../images/ombrevignette1.gif);
	background-repeat: 	no-repeat;
	background-position: 0px 0px;
}
#info #vignette img {
	border: 					2px solid #fff;
}
#info #description.taille2,
#info #description {
	float:					left;
	margin-left:			10px;
	width:					240px;
}
#info #description.taille2 {
	width:					78%;
}


#info #description h2 {
	font-size: 				13px;
	color:					#3078A8;
	margin-bottom:			5px;
}
#info #description div {
	font-size:				11px;
	height: 					65px;
	border-bottom: 		1px solid #afafaf;
}


#news {
	float: 					left;
	width: 					100%;
}
#news h1 {
	background-image: 	url(../images/barretitre3.gif);
	background-repeat: 	no-repeat;
	height:					25px;
	color:					#265371;
	font-size: 				17px;
	font-weight: 			bold;
	padding:					0px 5px 0px 10px;
	margin:			 		15px 0px;
}

#news #connaitre {
	float: 					left;
	width: 					380px;
	margin-left:			5px;
}
#news h2 {
	font-size:				15px;
	font-weight: 			bold;
	color:					#3078A8;
	width: 					100%;
	height:					20px;
	border-bottom: 		2px dotted #92B6CE;
	margin-bottom: 		10px;
}
#news h2.type2 {
	float:					left;
	margin-top:				10px;
}
#news h2.type2 p {
	float:					left;
	color: 					#4F4E54;
	font-size:				13px;
	font-weight: 			normal;
}
#news h3 {
	font-size:				15px;
	font-weight: 			bold;
	color:					#3078A8;
	width: 					auto;
	height:					20px;
	margin:			 		20px 5px 20px 80px;;
}

#news #connaitre a.des {
	display:					block;
	float:					left;
	width: 					130px;
	line-height: 			15px;
	margin-left:			5px;
}
#news #connaitre .vignette {
	float: 					left;
	width: 					240px;
	height: 					139px;
	background-image: 	url(../images/ombrevignette2.gif);
	background-repeat: 	no-repeat;
}

#blocNewsletter {
	float:					left;
	width: 					100%;
}
#blocNewsletter span {
	margin:		 			0px 15px 0px 20px;
	font-size:				14px;
	font-weight: 			bold;
	color:					#3078A8;
}

#gazette {
	float: 					right;
	width:					241px;
	height: 					222px;
	background-image: 	url(../images/bckgazette.gif);
	background-repeat: 	no-repeat;
	color:					#3078A8;
	line-height: 			13px;
}
#gazette a {
	display:					block;
	float: 					left;
	color:					#3078A8;
}
#gazette a.gaz {
	margin-top:				0px;
}


#gazette img.vignette {
	float: 					left;
	margin:					20px 0px 0px 5px;
}
#gazette #info {
	float: 					left;
	width: 					140px;
	margin-bottom:			10px;
}
#gazette .font2 {
	color:					#113F5D;
	font-size:				14px;
	font-weight: 			bold;
}




#entete {
	float:					left;
	width: 					100%;
	height: 					40px;
	font-size:				13px;
	margin-top:				0px;
}
#entete p {
	float: 					left;
}
#entete p.right {
	float: 					right;
	margin-right: 			25px;
	font-size:				15px;
}

#entete h1 {
	color:					#3078A8;
	font-size:				19px;
	border-bottom: 		2px dotted #E3E3E0;
	width: 					98%;
	padding-bottom:		10px;
}
#blocvente {
	float:					left;
	padding: 				7px;
}
#infovente {
	float:					left;
	width: 					303px;
	margin-bottom: 		10px;
}
#infovente a {
	text-decoration: 		underline;
	color:					#23526f;
}
#infovente h1 {
	font-size:				16px;
	font-weight: 			bold;
	height: 					55px;
	width: 					100%;
}
#infovente h1 p {
	float:					right;
	color:					#2C536D;
	padding:					30px 5px 2px 0px;
}
#infovente h2 {
	font-size:				14px;
	font-weight: 			bold;
	padding: 				5px 10px;
}
#infovente .des {
	padding: 				0px 10px;
	line-height: 			14px;
	margin-bottom: 		10px;
}
#infovente h1.head {
	background-repeat: 	no-repeat;
}

#infovente h1.appartement {
	background-image: 	url(../images/head_appartement.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.villa {
	background-image: 	url(../images/head_villa.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.construc {
	background-image: 	url(../images/head_construc.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.hotel {
	background-image: 	url(../images/head_hotel.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.vignoble {
	background-image: 	url(../images/head_vignoble.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.miami {
	background-image: 	url(../images/head_miami.gif);
	background-repeat: 	no-repeat;
}
#infovente #contVente {
	width:					100%;
	height: 					124px;
	background-image: 	url(../images/bckvente.gif);
	background-repeat: 	no-repeat;
}
#infovente h1.immo {
	background-repeat: 	no-repeat;
}



#blocArticle1 {
	float: 					left;
	width: 					97%;
}
#blocArticle1 a {
	text-decoration:		underline;
	color:					#347eae;
}

#blocArticle1.padd {
	margin:					0px 10px 0px 10px;
}
#blocArticle1 h1 {
	font-size: 				17px;
	margin-bottom:			5px;
}
#blocArticle1 h1.taille2 {
	font-size: 				20px;
	margin-bottom:			10px;
	border-bottom: 		1px solid #b1b0b6;
}
#blocArticle1 h2 {
	font-size: 				19px;
	margin-bottom:			10px;
}
#blocArticle1 img {
	float: 					left;
	margin:					0px 10px 3px 0px;
}
#blocArticle1 .mess {
	font-size:				15px;
}
p.line {
	font-size: 				13px;
	font-weight: 			bold;
	padding-bottom:		10px;
	text-align: 			right;
}

p.libPro {
	float:					left;
	width: 					97%;
	font-size:				15px;
	margin:					20px 0;
	border-bottom:			1px solid #aeaeae;
}

#listeArticle {
	float: 					left;
	margin:					10px 0 0 15px;
	width: 					580px;
	border: 					1px solid #c3d2df;
	background-color: 	#e9f3fd;
	
}
span.desArt {
	display:					block;
	clear:					both;
	font-size:				11px;
	width: 					95%;
}

div.lienArticle {
	float:					left;
	font-size:				14px;
	font-weight: 			bold;
	width: 					95%;
	border-bottom: 		2px dotted #92B6CE;
	margin-bottom: 		10px;
	margin-left:			10px;
}
div.lienArticle a {
	display:					block;
	float:					left;
	width: 					98%;
	color: 					#2f78a8;
	font-size:				13px;
	font-weight: 			normal;
	padding:					0px 0px 5px 0px;
	line-height: 			14px;
}



/**
*		petit onglet de droite
**/
#onglet2 .mootabs_title {
	list-style-image: 	none;
	list-style-type:		none;
	padding: 				0px;
	height: 					24px;
}

#onglet2 .mootabs_title li {
	float: 					left;
	width: 					74px;
	height: 					24px;
	cursor: 					pointer;
	background-image: 	url(../images/onglet2_off.gif);
	background-repeat: 	no-repeat;
}
#onglet2 .mootabs_title li p,
#onglet2 .mootabs_title li.active p {
	display:					block;
	padding: 				0px;
	margin: 					0px;
	font-size:				11px;
	color: 					#fff;
	margin-top:				8px;
	text-align: 			center;
}
#onglet2 .mootabs_title li.active p {
	color:					#1D4D6B;
}

#onglet2 .mootabs_title li.active {
	background-image: 	url(../images/onglet2_on.gif);
	background-repeat: 	no-repeat;
}

#onglet2 .mootabs_panel {
	display: 				none;
	background-color: 	#ddd;
	position: 				relative;
	width: 					100%;
	top: 						-1px;
	clear: 					both;
	overflow:				none;
	border:					1px solid #ddd;
	padding: 				0px;
}
#onglet2 .mootabs_panel .content {
	float	:					left;
	margin:					15px 0px;
	font-size: 				12px;
	line-height: 			14px;
	padding-left:			5px;
}
#onglet2 .mootabs_panel img {
	float:					left;
	padding:					0px 5px 5px 5px;
}
#onglet2 .mootabs_panel .texte {
	float:					left;
	font-size: 				12px;
	line-height: 			14px;
	width: 					130px;
}

#onglet2 .mootabs_panel.active {
	display: 				block;
	background-image: 	url(../images/bck_contact.gif);
	background-repeat: 	no-repeat;
}



#navOnglet {
	float:					left;
	width: 					95%;
	border-bottom:			1px solid #ddd;
}

ul#onglet3 {
	float:					left;
	margin-left:			0px;
}

ul#onglet3 li {
	float: 					left;
	width: 					120px;
	list-style: 			none;
	height: 					35px;
	margin-right:			1px;
}

ul#onglet3 li.off {
	background-image: 	url(../images/onglet3_off.gif);
	background-repeat: 	no-repeat;
	background-position: 0 2px;
	height: 					35px;
}
ul#onglet3 li.centeroff {
	background-image: 	url(../images/onglet3_centeroff.gif);
	background-repeat: 	no-repeat;
	background-position: 0 2px;
	height: 					35px;
}
ul#onglet3 li.lastoff {
	background-image: 	url(../images/onglet3_lastoff.gif);
	background-repeat: 	no-repeat;
	background-position: 0 2px;
	height: 					35px;
}
ul#onglet3 li.on {
	background-image: 	url(../images/onglet3_on.gif);
	background-repeat: 	no-repeat;
}
ul#onglet3 li.centeron {
	background-image: 	url(../images/onglet3_centeron.gif);
}
ul#onglet3 li.laston {
	background-image: 	url(../images/onglet3_laston.gif);
}
ul#onglet3 li.on a,
ul#onglet3 li.centeroff a,
ul#onglet3 li.lastoff a,
ul#onglet3 li.off a {
	display:					block;
	font-size:				12px;
	font-weight: 			bold;
	line-height: 			12px;
	color: 					#548EB4;
	padding-left:			10px;
	margin-top:				10px;
}
ul#onglet3 li.centeron a,
ul#onglet3 li.laston a,
ul#onglet3 li.on a {
	display:					block;
	float: 					left;
	color:					#1b79b7;
	font-size:				13px;
	margin:					5px 0px 0px 3px;
	font-weight:			bold;
}

#numPage,
#numPage2 {
	float:					right;
	margin:					0px 5px 0px 0px;
}
#numPage2 {
	margin-top:				25px;
}

#numPage2 a.c0,
#numPage a.c0 {
	font-size:				14px;
	color:					#4A4C4D;
}
#numPage2 a.c1,
#numPage a.c1 {
	color:					#9A9A9A;
}
#numPage2 a.c2,
#numPage a.c2 {
	color:					#BBB;
	font-size: 				11px;
}
#numPage2 #nPage,
#numPage #nPage {
	float: 					left;
	margin: 					0px 15px;
}


#bandeaubien {
	float:					left;
	width:					615px;
	height: 					154px;
	background-color: 	#F3F3F3;
	background-image: 	url(../images/coinhaut.gif);
	background-repeat: 	no-repeat;
	background-position: 100% 0px;
	margin-top:				15px;
}
#bandeaubien .cont {
	float:					left;
	width:					410px;
}
#bandeaubien .ligneBas {
	float: 					left;
	width: 					100%;
}


#photos {
	float:					left;
}

#photos #visuel {
	float:					left;
}
ul#listeDiapo {
	clear:					both;
	list-style: 			none;
	padding-top:			5px;
}
ul#listeDiapo li {
	float:					left;
	margin-right:			5px;
}


#bandeaubien.complete {
	height: 					auto;
	padding-top:			15px;
}
#bandeaubien img {
	float: 					left;
	margin:					10px;
}

#bandeaubien .localite,
#bandeaubien h1 {
	color:					#265371;
	font-size:				15px;
	height: 					60px;
	font-weight: 			bold;
	padding-top:			0px;
}
#bandeaubien .localite {
	float:					left;
	width: 					100%;
}
#bandeaubien .localite span {
	display:					block;
	float: 					left;
}

#bandeaubien .localite img {
	position: relative;
	top: 0px;
}

#bandeaubien h2 {
	color:					#713826;
	font-size:				15px;
	font-weight: 			bold;
}
#bandeaubien h2 span {
	/*display: block;*/
	position: relative;
	top: -20px;
	float: right;
	font-size:11px;
	margin-right:0px;
	font-weight: normal;
	text-align: right;
	margin-right: 0px;
}

#bandeaubien table {
	margin-top:				0px;
	width:					100%;
}
#bandeaubien table.taille2 {
	width: 					390px;
}
#bandeaubien table tr.pair {
	background-color: 	#D9DADA;
}
#bandeaubien table td {
	padding: 				2px 4px;
	line-height: 			14px;
}
#bandeaubien table td.lib {
	font-size: 				12px;
	color:					#204660;
	font-weight:			bold;
}

#barreIcone {
	float: 					left;
	background-image: 	url(../images/vaguebandeau.gif);
	background-repeat: 	no-repeat;
	height: 					48px;
	width: 					100%;
	margin-top:				20px;
}
#barreIcone a {
	color:					#3078A8;
	font-size:				13px;
}
#barreIcone a:hover {
	text-decoration: 		underline;
}
#barreIcone ul img {
	float: 					left;
	margin:					0px;
}
#barreIcone ul {
	float: 					right;
	list-style: 			none;
	width: 					auto;
	margin-top:				23px;
}
#barreIcone ul li {
	float: 					left;
	background-image: 	url(../images/sepa.gif);
	background-repeat: 	no-repeat;
	background-position: 100% 0;
	height: 					auto;
	padding-right:			15px;
}
#barreIcone ul li.last {
	background-image: 	none;
}

#navBas {
	float:					left;
	width: 					95%;
	margin-top:				25px;
	border-top:			1px solid #ddd;
}


/**
*		bloc central avec bord arrondi
**/
#blocCentral {
	float:					left;
	width: 					615px;
	margin-top:				15px;
}
#blocCentral h1 {
	font-size:				15px;
	color:					#2B5671;
	margin:					5px 5px 0px 10px;
	padding-bottom:		2px;
	border-bottom: 		2px dotted #84AECB;
}

#blocCentral #head {
	background-image: 	url(../images/headbloc3.gif);
	background-repeat: 	no-repeat;
	height: 					40px;
}
#blocCentral #center {
	float:					left;
	background-image: 	url(../images/centerbloc3.gif);
	background-repeat: 	repeat-y;
	width: 					100%;
}
#blocCentral #foot {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/footbloc3.gif);
	background-repeat: 	no-repeat;
	height: 					3px;
}
#blocCentral img {
	float:					left;
	margin-right: 			10px;
}
#blocCentral #info {
	float:					left;
	margin:					0px 10px 20px 20px;
	padding-left:			5px;
}
#blocCentral #info div {
	float: 					left;
	width:					auto;
}
#blocCentral h2 {
	font-size:				14px;
	color:					#113F5D;
	margin:		 			0px;
}
#blocCentral p.des {
	color:					#113F5D;
	line-height: 			14px;
	margin:					0px 4px;
}





#pop1 {
	background-color: 	#fff;
	width: 					100%;
	/*height: 					600px;*/
	overflow:				hidden;
	padding-bottom:		15px;
}
#pop1 .type1 {
	height: 					510px;
	background-color: 	#E6F0F0;
	overflow: 				hidden;
}
#pop1 div.info {
	clear: 					both;
	width:					100%;
	margin-bottom: 		10px;
	margin-left:			10px;
}
#pop1 div.info h1 {
	font-size: 				17px;
	color:					#6f8eb5;
}
#pop1 img.vign {
	float:					left;
	margin:					0px 5px 5px 0px;
}
#headPop {
	float:					left;
	width:					100%;
	height: 					110px;
}
#contPop {
	float:					left;
	width: 					98%;
	height: 					auto;
	margin-left: 			0px;
}






/**
*		petit bloc1 de droite
**/
#bloc1 {
	float:					left;
	width: 					233px;
	margin-top:				15px;
}
#bloc1 h1 {
	font-size:				14px;
	margin:					5px 5px 0px 10px;
}
#bloc1 div.texte {
	font-size:				11px;
	width: 					215px;
}
#bloc1 .haut {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bckbloc1.gif);
	background-repeat: 	no-repeat;
	height: 					182px;

}
#bloc1 span.vignette {
	float:					left;
	margin:					0px 0px 0px 5px;
	border:					2px solid #fff;
}
#bloc1 .milieu {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bck2bloc1.gif);
	background-repeat:	repeat-y;
	padding:					0px 7px;
	line-height: 			13px;
}
#bloc1 .bas{
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bck3bloc1.gif);
	background-repeat:	no-repeat;
	height: 					25px;
}
/**
**/



/**
*		petit bloc2 de droite
**/
#bloc2 {
	float:					left;
	width: 					233px;
	margin-top:				15px;
}
#bloc2 h1 {
	font-size:				14px;
	margin:					5px 5px 0px 10px;
	padding-bottom:		2px;
	border-bottom: 		2px dotted #ccc;
}
#bloc2 .haut {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bckbloc2.gif);
	background-repeat: 	no-repeat;
	height: 					30px;
}
#bloc2 .haut img.vignette {
	float:					left;
	margin:					0px 0px 0px 5px;
}
#bloc2 .milieu {
	float:					left;
	background-color: 	#E3E3E2;
	width: 					100%;
	background-image: 	url(../images/bck2bloc2.gif);
	background-repeat:	no-repeat;
}
#bloc2 .bas{
	float:					left;
	width: 					100%;
	background-image: 	url(../images/bck3bloc2.gif);
	background-repeat:	no-repeat;
	height: 					2px;
}
/**
**/


/**
*		petit bloc3 de droite
**/
#bloc3 {
	float:					left;
	width: 					233px;
	margin-top:				5px;
}
#bloc3 table {
	margin:					10px 10px;
}
#bloc3 table td {
	padding: 				2px 0px;
}
#bloc3 h1 {
	font-size:				15px;
	line-height: 			16px;
	color:					#2B5671;
	margin:					5px 5px 0px 10px;
	padding-bottom:		2px;
	border-bottom: 		2px dotted #84AECB;
}

#bloc3 #head {
	background-image: 	url(../images/headbloc1.gif);
	background-repeat: 	no-repeat;
	height: 					10px;
}
#bloc3 #head.ht2 {
	padding-top:			5px;
	height: 					23px;
}
#bloc3 #center {
	float:					left;
	background-image: 	url(../images/centerbloc1.gif);
	background-repeat: 	repeat-y;
	width: 					100%;
	padding-top:			15px;
}
#bloc3 #info {
	float:					left;
	width: 					90%;
	margin:					0px 0px 5px 5px;
}
#bloc3 #info.lise {
	border-bottom: 		1px solid #ccc;
}
#bloc3 h2 {
	font-size:				14px;
	color:					#3078A8;
	margin-bottom: 		0px;
}
#bloc3 p.des {
	color:					#3078A8;
	line-height: 			14px;
}
#bloc3 #foot {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/footbloc1.gif);
	background-repeat: 	no-repeat;
	height: 					4px;
}
#bloc3 img {
	float:					left;
	margin:					0px 3px 0px 0px;
}
#bloc3 img.carre {
	float: 					left;
	margin:		 			0px 20px 5px 0px;
}



/**
*		petit bloc4 de droite
**/
#bloc4 {
	float:					left;
	width: 					233px;
	margin-top:				15px;
}
#bloc4 table {
	margin:					10px 0px;
	width:					95%;
}
#bloc4 table td {
	padding: 				2px 0px;
}
#bloc4 h1 {
	font-size:				15px;
	color:					#2B5671;
	margin:					5px 5px 0px 10px;
	padding-bottom:		2px;
	border-bottom: 		2px dotted #84AECB;
}

#bloc4 #head {
	background-image: 	url(../images/headbloc2.gif);
	background-repeat: 	no-repeat;
	height: 					26px;
}
#bloc4 #center {
	float:					left;
	background-image: 	url(../images/centerbloc2.gif);
	background-repeat: 	repeat-y;
	width: 					100%;
}
#bloc4 #foot {
	float:					left;
	width: 					100%;
	background-image: 	url(../images/footbloc2.gif);
	background-repeat: 	no-repeat;
	height: 					40px;
}
#bloc4 #info {
	float:					left;
	width: 					100%;
	margin:					20px 0px 0px 0px;
	padding-left:			5px;
}
#bloc4 h2 {
	font-size:				14px;
	color:					#113F5D;
	margin:		 			5px 0px 2px 4px;
}
#bloc4 h3 {
	font-size:				14px;
	color:					#113F5D;
	margin:		 			5px 0px 2px 4px;
	border-top: 			2px dotted #84AECB;
}
#bloc4 p.des {
	color:					#113F5D;
	line-height: 			14px;
	margin:					0px 4px;
}
#bloc4 img {
	border:					1px solid #fff;
	margin-left:			2px;
}
#bloc4 img.carre {
	float: 					left;
	margin-right: 			20px;
}
#bloc4 ul.sommaire {
	list-style:				none;
	padding-left: 			5px;
	margin-top:				10px;
}
#bloc4 ul.sommaire li {
	border-bottom: 		1px solid #A0C1D7;
	background-image: 	url(../images/fl_right2.gif);
	background-repeat: 	no-repeat;
	background-position: -5px 2px;
	width:					90%;
	margin-bottom:			2px;
	padding-left:			15px;
}
#bloc4 ul.sommaire a {
	display: 				block;
	color:					#113F5D;
	font-size:				11px;
	line-height: 			13px;
	padding-bottom: 		3px;
}


#inscription {
	float: 					left;
	margin-top:				35px;
	background-image: 	url(../images/fdtrame.gif);
	background-repeat: 	no-repeat;
	width: 					232px;
	height: 					30px;
	padding:					5px 0px 0px 5px;
}
#inscription p {
	float: 					left;
	font-size: 				13px;
	color:					#23648F;
	font-weight: 			bold;
}



#bouton {
	float:					left;
	width:					233px;
	margin-top:				15px;
	font-size:				14px;
	font-weight: 			bold;
}
#bouton .gauche {
	float:					left;
	background-image:		url(../images/btmeteo.gif);
	background-repeat: 	no-repeat;
	width: 					126px;
	height: 					150px;
}

#bouton .droite {
	float:					right;
	background-image:		url(../images/btcallback.gif);
	background-repeat: 	no-repeat;
	width: 					104px;
	height: 					150px;
}
#bouton .gauche a {
	display:					block;
	float: 					right;
	width:					95%;
	text-align: 			right;
	padding:					20px 5px 0px 0px;
}
#bouton .droite a {
	display:					block;
	width:					95%;
	padding:					20px 0px 0px 5px;
}
#bouton .droite a.mess {
	font-size: 				11px;
	text-align: 			center;
}

#login {
	float: 					left;
	width: 					500px;
	margin:					0px 0px 50px 40px;
}
#login p {
	float: 					left;
	width:					200px;
}





#formVendre {
	clear: both;
	border: none;
	margin: 0px 0px 0px 15px;
	padding-top: 20px;
	width: 570px;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #9ac9ee;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #d4d4d0;
	color: black;
	background: #e7e7e5;
	margin: 0px;
	padding-left: 10px;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 15px 10px 10px 10px;
	border: 1px solid #a5a59d;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
	padding: 0px 10px;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 2px 0;
	margin: 0 0 1px 0;
	clear: both;

}
#corpForm p.spec {
	font-size:		14px;
	color:			#cc0000;
	margin-bottom: 10px;
}

#corpForm table {
	width: 90%;
	margin: 15px auto;
	border: 1px solid #004953;
	padding: 5px;

}
#corpForm select,
#corpForm input {
	width: 200px;
}
#corpForm input.nt {
	width: 20px;
}
#corpForm fieldset#coordonnees label#lib {
	display: block;
	text-align: right;
	clear:both;
	width: 30%;
	margin: 0;
	padding: 0;
}

#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1;	/*** ... et centrés verticalement. ***/
}

#corpForm fieldset#coordonnees label.noSize {
	width: auto;
	padding: 0px 0px 10px 10px;
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm label.taille2 {
	font-size: 12px;
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#corpForm a {
	color: black;
	text-decoration: underline;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;

}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}
p.alertMess {
	clear: both;
	color: #cc0000;
	width: 570px;
	margin: 0px 20px;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('../images/icon_alert.gif') no-repeat left center;
}

#corpForm .info {
	font-size:	12px;
	margin:	10px 0px;
}
#corpForm .info ul {
	margin:	10px 20px;
}



#plandesite {
	width:					90%;
	margin:					15px auto;
	border-top:				1px solid #d0d0d0;
	font-family: 			Tahoma, Arial;
}

ul.blocPlan {
	float: 					left;
	list-style: 			none;	
	margin: 					15px 0;
	padding-right: 		50px;
}
ul.blocPlan li {
	list-style: 			none;
	line-height: 			20px;
	background:			 	transparent url(../images/bullet1.gif) no-repeat scroll left 0.5ex;
	background-position: 0px 10px;
	padding-left:			10px;
}
ul.blocPlan li a {
	color: 					#a1a1a1;
	border-bottom:			1px solid #d6d6d6;
	
}
ul.blocPlan li a:hover {
	color:					#5d91b5;
	border-bottom:			1px solid #5d91b5;
}



a.plus {
	display:					block;
	margin:					5px 5px 0px 0px;
	height: 					13px;
	line-height: 			13px;
	padding-right:			20px;
	background-image: 	url(../images/btplus.gif);
	background-repeat: 	no-repeat;
	background-position: 100% 50%;
	font-size: 				11px;
}
a.type2 {
	color:					#2f78a8;
}
a.type3 {
	color:					#113F5D;
}
a.type4 {
	color:					#cc0000;
}
a.type5 {
	height:					auto;
}
a.type5:hover {
	background-color: 	#b6d3e7;
}
/*
a.plus:hover {
	background-color: 	#ddd;
}*/






.format2 {
	clear:					both;
	color:					#3078A8;
	font-size:				13px;
	text-align: 			center;
}
.format3 {
	clear:					both;
	font-size:				11px;
	text-align: 			center;
}
.marge1 {
	margin-top:				10px;
}


ul.bt {
	float:					right;
	list-style: 			none;
}
ul.bt.left {
	float: 					left;
	margin-top:				15px;
}
ul.bt li.left {
	float: 					left;
	background-image: 	url(../images/bordleft1.gif);
	background-repeat: 	no-repeat;
	width: 					7px;
	height: 					16px;
}
ul.bt li.center {
	float: 					left;
	background-image: 	url(../images/fdbt1.gif);
	background-repeat: 	repeat-x;
	padding:					0px 0px 0px 5px;

}

ul.bt li.right {
	float: 					left;
	background-image: 	url(../images/bordright1.gif);
	background-repeat: 	no-repeat;
	width: 					11px;
}
ul.bt li.right.type2 {
	background-image: 	url(../images/bordright3.gif);	
}

ul.bt a {
	display: 				block;
	color:					#334B5A;
	float:					left;
	padding-right: 		20px;
	/*width:					130px;*/
}


ul.bt2 {
	float:					left;
	list-style: 			none;
	margin-right:			5px;
}
ul.dec {
	margin:					3px 0px 0px 7px;
}
ul.bt2 li.left {
	float: 					left;
	background-image: 	url(../images/bordleft2.gif);
	background-repeat: 	no-repeat;
	width: 					5px;
	height: 					13px;
}
ul.bt2 li.center {
	float: 					left;
	background-image: 	url(../images/fdbt2.gif);
	background-repeat: 	repeat-x;
	padding:					0px 0px 0px 0px;

}

ul.bt2 li.right {
	float: 					left;
	background-image: 	url(../images/bordright2.gif);
	background-repeat: 	no-repeat;
	width: 					5px;
	height: 					13px;
}
ul.bt2 a {
	display: 				block;
	color:					#425D6E;
	font-size:				10px;
	float:					left;
	padding-right: 		0px;
	/*width:					130px;*/
}




ul.partenaire {
	float:					left;
	list-style: 			none;
	padding: 				50px 0px 0px 50px;
}
ul.partenaire li {
	float:					left;
	margin-right:			50px;
}


.tool-tip {
	color: #2b5795;
	background-color: #fff;
	width: auto;
	z-index: 13000;
	padding: 3px;
	border: 1px solid #cbdcf3;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #2b5795;
	padding: 2px;
	background: url(bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 2px;
	background: url(bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


#weather {
	font-size:		11px;
	margin: 		40px 0px 0px 2px;
	width: 			124px;
}
#weather table {
	width: 			100%;
}
#weather .s2 {
	font-size:		10px;
}
#weather .s3 {
	font-size:		13px;
}

.ajax-loading {
	height: 120px;
	width:	180px;
	background: #FFF url(../images/indicator_snake.gif) no-repeat center;
}




input.bt1 {
	background-color: #F3F0EA;
	font-size:			11px;
}

#tb_load {
	background-color: 	#fff;
	border:					1px solid #eee;
}



textarea.type1,
input.type1,
select.type1  {
	color: 					#66584C;
	font-weight: 			normal;
	font-size: 				11px;
	font-family: 			Verdana;
	background-color: 	#F5FAFD;
	border: 					1px solid #858585;
	width: 					230px;
	padding-left:			3px;
}

input.type1 {
	height: 					15px;
}
input.taille2 {
	width: 					30px;
}
select.taille3,
input.taille3 {
	width: 					150px;
}
select.taille4,
input.taille4 {
	width: 					200px;
}
input.taille5 {
	width: 					110px;
}