/* © 2010 MINIsite : Defaut - Bexter Vaince CSS */


/* ------------------------------------------------ IMPORT CSS */

/* CSS - Lighbox */
@import url(/.framework/ajax/lightview/css/lightview.css);

/* CSS - Coup de coeur */
@import url(/scripts/themes/carousel/carousel.css);

/* CSS - Bateaux */
@import url(/css/bateaux.css);


/* ------------------------------------------------ FONT */
/*@font-face {font-family:myfontAUGIE; src:url("augie.eot");}
@font-face {font-family:myfontAUGIE; src:url("augie.TTF");}*/


/* ------------------------------------------------ CSS */
html{
	padding: 0px;
	margin: 0px;
	height:100%;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:100%;
	color: #6a6a6a;
	padding: 0px;
	margin: 0px;
	background: #000000 url(/images/fondHTML.jpg) repeat-x;
}

#body{
	padding: 0px;
	margin:	0px;
	height: auto;
	height: 100%;
	/*background: url(/images/fond.jpg) top center no-repeat;*/
}

/* ------------------------------------------------ TITRE : h1 */
h1{
	font-size: 20px;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #685d4b;
	font-weight: bold;
	width:640px;
	height:35px;
/*	line-height:40px; */
	background: transparent url(/images/h1.jpg) right no-repeat;
}

h1 a, h1 a:hover{
	color: #685d4b;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h2 */
h2{
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 15px;
	color: #685d4a;
	border-bottom: 1px dotted #685d4a;
	text-align: justify;
}

h2 a, h2 a:hover{
	color: #685d4a;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h3 */
h3{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 15px;
	color: #685d4a;
	border-bottom:1px dotted #685d4a;
	text-align: justify;
}

h3 a, h3 a:hover{
	color: #685d4a;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h4 */
h4{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-style:italic;
	font-size: 13px;
	color: #685d4a;
	text-align: left;
}

h4 a, h4 a:hover{
	color: #685d4a;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h5 - h6 */
h5,h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: #685d4a;
	text-align: left;
}

h5 a, h5 a:hover{
	color: #685d4a;
	text-decoration: none;
}

h6 a, h6 a:hover{
	color: #685d4a;
	text-decoration: none;
}


/* ------------------------------------------------ PARAMETRES : defaut */

/* Hack FF pour masquer les contours pointillés sur les liens */ 
a{
	outline: none;
}

:focus{
	-moz-outline-style: none;
}

a {
	color: #232222;
	text-decoration: none;
}

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

p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

strong{
	color: #232222;
	font-weight: bold;
}

b{
	color: #232222;
	font-weight: bold;
}

img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/*---------------------------------------------------------------------*/
/* PARAMETRES : site  */
/*---------------------------------------------------------------------*/
#site{
	width: 990px;
	padding: 0px;
	margin: 0 auto;
}

#header{
	float:left;
	width: 990px;
	height: 220px;
	margin: 0px;
	background: transparent url(/images/header.jpg) no-repeat;
}

.lienretourdyn{
	float: left;
	width: 100px;
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	background: transparent url(/images/retour.gif) center left no-repeat;
	font-size:10px;
}

.bbdynasuite{
	float: right;	
	width: 70px;
	padding: 0px 12px 0px 0px;
	font-size:10px;
	background: transparent url(/images/puce.gif) center right no-repeat;
}

.docftp{
	margin-top:0px;
	padding:10px 0px 0px 0px;
	/*border-top:1px dotted #494949; */
	clear:both;
}

.lightview{
	cursor: url(/images/zoomin.cur), pointer !important;
}

.border-photo{
	padding:2px;
	margin:0px;
	border:1px solid #6b6b6b;
}

.wash{
	margin: 0px;
	padding: 0px;
	clear: both;
}


/*--------------------------------------------------------------------*/
/* GESTION : contenu */
/*--------------------------------------------------------------------*/
#contenu{
	width:990px;
	height:300px;
	min-height:300px !important;
	height:auto !important;
	padding:0px 0px 20px 0px;
	margin:0px;
	background: transparent url(/images/contentMIDDLE.jpg) repeat-y;
	float:left;
}

.content{
	float:right;
	width:640px;/*640*/
	height:400px;
	min-height:400px !important;
	height:auto !important;
	margin:0px 20px 0px 0px !important;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

.content ol{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	text-align: justify;
}

.content ol li{
	margin: 0px 0px 0px 10px !important;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
}

.content ul{
	margin: 10px 0px 0px 15px !important;
	margin: 5px 0px 0px 8px;
	padding: 0px;
	list-style-position:inside;
	list-style-image: none;
}

.content ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.gauche{
	float: left;
	width: 300px;
	height: 400px;
	height: auto !important;
	min-height: 400px !important;
	margin: 0px 0px 0px 20px !important;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

.blocTOP{
	float: left;
	width:300px;/*300*/
	height:55px;/*50*/
	margin: 0px;
	padding:0px;
	background:url(/images/blocTOP.jpg) no-repeat;
}

.blocMIDDLE{
	float: left;
	width: 270px;/*300*/
	height: 110px;
	height: auto !important;
	min-height: 110px !important;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 0px 15px;
	background: transparent url(/images/blocMIDDLE.jpg) repeat-y;
}

.blocBOTTOM{
	float: left;
	width: 300px;/*300*/
	height: 10px;/*10*/
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: transparent url(/images/blocBOTTOM.jpg) no-repeat;
}

/*-----------------------------------------------------------------------  BLOC COORDONNEES : pages */
.coordonnees{
	float: left;
	width: 300px;
	margin: 0px;
}

.coordonnees h2{
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding: 22px 0px 0px 20px;
	text-align:left;
	font-weight: bold;
	text-transform:uppercase;
	border:0px;
}

.societe-image{
	padding:2px;
	margin:0px 0px 20px 0px;
	border:1px solid #6b6b6b;
}

/*-----------------------------------------------------------------------  BLOC ACTU : pages */
.actualites{
	float: left;
	width: 300px;
	margin: 0px;
}

.actualites h2{
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding: 22px 0px 0px 20px;
	text-align:left;
	font-weight: bold;
	text-transform:uppercase;
	border:0px;
}

.actualite{
	float: left;
	width: 270px;
	height: 50px;
	height: auto !important;
	min-height: 50px !important;
	margin: 10px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background: transparent url(/images/actuBARRE.jpg) bottom no-repeat;
}

.actualite h1, .actualite h1 a{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #0a0a0a;
	font-weight: bold;
	width:auto;
	height: auto;
	line-height:15px;
	background-image:none;
	text-transform:uppercase;
}

.actusImg{
	float: left;
	width: 76px;
	height: 56px;
	margin: 0px 10px 0px 0px;
	padding: 2px;
	border: 1px solid #6b6b6b;
}

.plusinfos{
	margin: 0px 0px 5px 0px;
	text-align: right;
	font-style: normal;
	font-size:10px;
}

.actuMIDDLE{
	float: left;
	width: 270px;/*300*/
	height: 350px;
	height: auto !important;
	min-height: 350px !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background: transparent url(/images/actuMIDDLE.jpg) repeat-y;
}

.actuMIDDLE p{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align:left;
}

.actuBOTTOM{
	float: left;
	width: 300px;/*300*/
	height: 25px;/*32*/
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align:center;
	background: transparent url(/images/actuBOTTOM.jpg) no-repeat;
}

/* ---------------------------------------------------------------------- PAGE : liste */
.outils-biens-immobiliers{
	border-bottom:1px dotted #494949;
	border-top:1px dotted #494949;
	float:left;
	width:636px;
	padding:5px 0px;	
}

#triImmo{
	float:left;
	width:350px;
	margin:0px;
	padding:0px;
}

.triForm1{
	float:left;
}

.triForm2{
	float:left;
}

#resultat{
	float:right;
	width:200px;
	text-align:right;
	font-style:italic;
	margin:0px;
	padding:0px;
}

#biens-immobiliers{
	float:left;
	width:636px;
	height:215px;
	min-height:215px !important;
	height:auto !important;
	margin:20px 0px 0px 0px;
	padding:0px;
}

.border-photo-immobilier{
	width:250px;
	float:left;
	padding: 2px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #6d5c54;
}

.texte-liste{
	float:right;
	width:360px;
}

.prix-immobilier{
	float:left;
	width:200px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.prix-immobilier-liste{
	float:left;
	width:200px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #177bc9;
}

.boutons-immobilier{
	float:right;
	width:110px;
	text-align:right;
	padding:0px;
	margin: 15px 0px 0px 0px;
}

.bouton-savoir{
	float:right;
	margin: 0px 0px 5px 0px;
}

.bouton-contact{
	float:right;
	margin: 0px 0px 0px 0px;
}

#rampe{
	float:left;
	width:630px;
	height:20px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:10px;
	border-top:1px dotted #494949;
}


/*---------------------------------------------------------------------- index.htm */

.tableau-index{
	width:640px;
	float:left;
}

.bloc-index{
	width:122px;
}

.images-index{
	border:1px solid #685d4b;
	width:118px;
	height:116px;
	background-color:#685d4b;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

.images-index a, .images-index a:hover{
	text-decoration:none;
	color:#ffffff;
}

.liens-index{
	border-top:1px solid #000000;
	text-align:right;
	padding-top:5px;	
}

/*---------------------------------------------------------------------- PAGES DETAIL */
.images-bateaux-grande{
	float:left;
	border:1px solid #685d4b;
	padding:2px;
	margin-bottom:10px;
}

.images-bateaux-petite{
	float:left;
	border:1px solid #685d4b;
	padding:2px;
}

#video-bateaux{
	float:left;
}

#video-bateaux p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#document-bateaux{
	float:left;
}

#document-bateaux p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

/*---------------------------------------------------------------------- services.htm */



/*---------------------------------------------------------------------- contact.htm */
.fieldset-contact{
	float: left;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width:350px;
	border:0px;
}

.fieldset-contact label{
	float: left;
	width: 100px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

.input-contact{
	width: 240px;
	float:right;
	margin: 2px 0px !important;
	margin: 0px;
	padding: 2px;
}

.input-envoyer{
	float: right;
	height: 22px;
	width: 125px;
	border: 0px;
	padding: 0px;
}

.envoyer-contact{
	float:right;
	margin-top:10px;
}

p.message{
	font-size: 14px;
	color: #0b72ff;
	font-weight: bold;
	text-align: center;
}

p.obligatoire{
	font-size: 10px;
	font-style: italic;
	text-align: right;

}

.bloc-adresse{
	float:right;
	width:275px;
}

.googleMap{
	border: 1px solid #C0C0C0;
	padding: 2px;
}

.wash-contact{
	height:1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/*---------------------------------------------------------------------- sitemap.htm */
.sitemap{
	width: 600px;
	text-align: justify;
	float: left;
	margin-top: 20px !important;
	margin-top: 10px;
	border: 1px solid #B4B5B9;
	padding: 30px 0px 10px 30px !important;
	padding: 15px 0px 10px 15px;
	background: #FFFFFF;
}

/*---------------------------------------------------------------------- mentions.htm */
#mentions-gauche{
	float: left;
	width: 180px;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;				
	text-align: left;
}

#edition-conception-hebergement{
	float: left;
	width: 180px;
	margin: 0px 0px 30px 0px !important;	
	margin: 0px 0px 15px 0px;				
	text-align: left;	
}

#concetion-graphique{
	float: left;
	width: 180px;
	margin: 0px 0px 30px 0px !important;	
	margin: 0px 0px 15px 0px;				
	text-align: left;	
}

#realisation-site{
	float: left;
	width: 180px;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;				
	text-align: left;	
}

#mentions-droite{
	float: right;
	width: 440px;
	text-align: justify;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;	
}

#contenu-site{
	float: right;
	width: 440px;
	text-align: justify;
	margin: 0px 0px 20px 0px !important;	
	margin: 0px 0px 10px 0px;	
}

#liens-hypertextes{
	float: right;
	width: 440px;
	text-align: justify;
	margin: 0px 0px 20px 0px !important;	
	margin: 0px 0px 10px 0px;	
}

#liens-hypertextes{
	float: right;
	width: 440px;
	text-align: justify;
	margin: 0px 0px 20px 0px !important;	
	margin: 0px 0px 10px 0px;	
}

#informatique-libertes{
	float: right;
	width: 440px;
	text-align: justify;
	margin: 0px 0px 20px 0px !important;	
	margin: 0px 0px 10px 0px;	
}

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	float:left;
	width: 970px;/*990*/
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 0px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

#footer ul{
	width: 670px;
	list-style: none;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#footer li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

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

#copyright{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/