/* *** ####################################### *** */

/* *** couleurs *** */
/*
	gris BG parution : d3d3d3
	gris filet externe : d2d8da
	gris typo footer : 7c7c7c
	bleu titre : 6299ae
	bleu marine : 100d67
*/



@import url(generiques.css);
@import url(menu.css);

body{color : #100d67;position:relative;}

#container {
	text-align:left;
	width:1000px;
	margin:0 auto;
	
	position:relative;
}

h3{font-size:2.2em;}

a,
a:link{
	color : #6299ae;
	text-decoration : underline;
}

a:visited{
	color : #4f4f4f;
}

a:hover,
a:active,
a:focus {
	color : #7c7c7c;
}
/* ###########################################################
		HEADER FOOTER
########################################################### */

#header {
	margin-top : 10px;
	height : 190px;
	width:1000px;
	position : relative;
	background : #fff url(../images/degrade_bottom_header.png) no-repeat left bottom;
}

#header #logo {
	/*width : 234px;*/
	width : 141px;
	float : left;
	padding-left : 60px;
	padding-right : 33px;
}

#footer {	
	position : relative;
	clear:both;
	/*width : 956px;*/
	width : 856px;
	margin : 0 auto;
	padding : 30px 50px 0 50px;
	
	/* le border-bottom de #centre */
	background : #fff url(../images/filet_bottom.png) no-repeat left top;
	
	text-align : center;
	color : #7c7c7c;
	font-size : 1.1em;
	text-transform : uppercase;
	font-weight : bold;
	word-spacing : 0.6em;
	line-height : 1.8em;
}

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

#footer a.select{text-decoration : underline;}

#footer a#membreServiBoat{
	position : absolute; 
	top : 10px;
	left : 10px;
}

/* ###########################################################
		CONTENU
########################################################### */

#centre {	
	clear:both;
	
	/*width : 956px;*/
	width : 925px;
	margin : 0 auto;
	
	border : 3px solid #d2d8da;
	border-top : none;
	border-bottom : none;
	
	padding : 5px 13px 20px 12px;
}

#colGauche {
	width:315px;
	float:left;
}


#colCentre {
	width:315px;
	float:left;
}


#colDroite {
	width:300px;
	float:left;
}



/* ###########################################################
		BOITES
########################################################### */

/**** Accueil ****/
#colGaucheHome {
	width : 673px;
	height : 282px;
	float : left;
	
	margin-left : 4px !important;
	margin-left : 2px;
	
	background : #fff url(../images/BG_recherche.jpg) no-repeat top left;
}

#SearchFormHome {
	height : 282px;
	margin-left : 214px;
	padding-right : 30px;
	
	background : #fff url(../images/BG_recherche_droit.png) no-repeat top right;
}

#SearchFormHome h3 {
	color : #6299AE;
	font-size : 2.3em;
	font-weight : normal;
	margin-top : 25px;
	padding-left : 10px;
}

#SearchFormHome p {
	text-align : right;
	border-bottom : 1px solid #6299ae;
	margin : 0;
	
	height : 40px;
	line-height : 40px;
}

#SearchFormHome p.noline {border-bottom : none;}

#SearchFormHome p label {
	float : none;
	width : auto;
	padding-top : 2px;
	font-size : 1.2em;
	text-transform : uppercase;
	margin : 0 10px;
}

#SearchFormHome p label,
#SearchFormHome p input {
	/*color : #7c7c7c;*/
}
#SearchFormHome p input {width : 96px;}
#SearchFormHome p select{width : auto;}

#SearchFormHome p input.checkbox {
	width : auto;
	border : none;
}

#SearchFormHome .btImg{margin-top : 2px;}
#colDroiteHome {
	/*width : 236px;*/
	width : 236px;
	height : 282px;
	float : left;
	padding-left : 8px;
}

#colDroiteHome a span {
	position : absolute;
	left : -20000px;
}

h3.lastParutions {
	height : 38px;
	
	line-height : 38px;
	color : #fff;
	font-size : 1.8em;
	
	margin-top : 15px;
	padding-left : 15px;
	
	background : #a3a3a3 url(../images/BG_dernieres_parutions.png) no-repeat top left;
}

#parutionsHome {
	width : 890px;
	margin : 0 auto;
	
	/*background : #d3d3d3 url(../images/BG_degrade_bleu.png) repeat-x top left;*/
	background : #cdcfd0 url(../images/BG_degrade_bleu.png) repeat-x top left;
}

#parutionsHome .col {
	/*width : 445px;*/
	width : 437px;
	padding-left : 8px;
	float : left;
}
#parutionsHome h4 {
	color : #fff;
	text-align : center;
	font-size : 1.6em;
	padding-right : 7px;
	height : 50px;
	line-height : 50px;
}
/** les boites des parutions **/
.parution {
	width : 430px;
	background : #fff url(../images/BG_parution_middle.png) repeat-y top left;
	
	margin : 10px 0;
	position : relative;
}

.parution a{text-decoration:none;cursor:pointer;}

.parutionImg {
	width : 110px;
	min-height : 110px;
	height : auto !important;
	height : 110px;
	
	line-height : 110px;
	text-align : center;
	
	margin-left : 10px !important;
	margin-left : 5px;
	
	float : left;
	position : relative;
	z-index : 10;
	
	padding-bottom : 2px; /*Pr récupérer la bordure du bottom*/
}

.parutionTxt {
	width : 310px;
	float : left;
	position : relative;
	z-index : 10;
}

.parutionTxt p {
	padding : 2px 0;
	clear : both;
	font-size : 1.4em;
	font-weight : bold;
}
.parutionTxt p span.label{
	display:block;
	width : 72px;
	text-align : right;
	padding-right :8px;
	float : left;
	color : #fff;
}
.parutionTxt p span.data {
	display:block;
	width : 220px;
	float : left;
	color:#000;
}

/** Les coins arrondis **/
.parCgh {
	width:6px;
	height:35px;
	position:absolute;
	left:0;top:0;
	background:transparent url(../images/parCgh.png) no-repeat top left;
}
.parCdh {
	width:5px;
	height:35px;
	position:absolute;
	right:0;top:0;
	background:transparent url(../images/parCdh.png) no-repeat top left;
}
.parCgb {
	width:5px;
	height:35px;
	position:absolute;
	left:0;bottom:0;
	background:transparent url(../images/parCgb.png) no-repeat top left;
}
.parCdb {
	width:5px;
	height:34px;
	position:absolute;
	right:0;bottom:0;
	background:transparent url(../images/parCdb.png) no-repeat top left;
}
.parTop {
	width : 430px;
	height : 35px;
	position : absolute;
	top : 0; left : 0;
	background:transparent url(../images/BG_parution_top.png) no-repeat top left;
}
.parBottom {
	width : 430px;
	height : 35px;
	position : absolute;
	bottom : 0; left : 0;
	background:transparent url(../images/BG_parution_bottom.png) no-repeat top left;
}

/* ###########################################################
		LISTING ANNONCES-BÂTEAUX
########################################################### */
.boxBateau,
.boxAgence {
	/*width : 300px;*/
	width : 286px;
	border : 1px solid #d2d8da;
	padding : 6px;
	
	float : left;
	margin : 6px 12px 6px 0px;
	
	font-size : 1.2em;
}

.boxBateau.last,
.boxAgence.last {
	margin-right : 0;
}

.boxBateau a,
.boxAgence a{
	text-decoration : underline;
}


.boxBateau .visu_boxBateau {
	width : 112px;
	float : left;
	
	text-align : center;
}

.boxBateau .visu_boxBateau img{border : 1px solid #d2d8da;}

.boxBateau .txt_boxBateau,
.boxAgence .txt_boxBateau {
	padding-left : 120px;
}


.pagination{
	margin : 12px 0;
	padding : 6px;
	border : 1px solid #6299ae;
	color : #6299ae;
	
	font-size : 1.2em;
}


.pagination .nbrResults{width : 200px;float:left;}
.pagination .pages{text-align : right;}


/*** AGENCES ***/
.pictoAdresse{
	background : transparent url(../images/picto_adresse.png) no-repeat 0 4px;
	padding : 3px 20px;
}
.pictoPhone{
	background : transparent url(../images/picto_telephone.png) no-repeat 0 4px;
	padding : 3px 20px
}
.pictoFax{
	background : transparent url(../images/picto_fax.png) no-repeat 0 4px;
	padding : 3px 20px
}
.pictoMail{
	background : transparent url(../images/picto_mail.png) no-repeat 0 4px;
	padding : 3px 20px
}


/* ###########################################################
		FICHE ANNONCE
########################################################### */
#annonce {
	/*width : 920px;*/
	width : 878px;
	margin : 0 auto;
	padding : 20px;
	border : 1px solid #d2d8da;
}

#annonce #colDiaporama {
	width : 342px;
	float : left;
}

#image{text-align : center;}
#annonce #colDiaporama img {border:1px solid #d2d8da;}

#annonce #colDiaporama #diaporama{margin-top:20px;text-align:center;}
#annonce #colDiaporama #diaporama img{margin-right : 20px;}
#annonce #colDiaporama #diaporama img.last{margin-right : 0px;}

#annonce #colAnnonce {
	/*width : 536px;*/
	width : 496px;
	float : left;
	padding-left : 40px;
}

#annonce #colAnnonce h4{font-size : 2.2em;color : #6498AE;font-weight : lighter;}
#annonce #colAnnonce h5{font-size : 1.4em; color : #006DFC;font-weight : normal;margin : 12px 0;}

#annonce #colAnnonce p{margin : 5px 0; padding : 5px 0;font-size : 1.2em;}
#annonce #colAnnonce p.prix{border : 2px solid #97bdd2;border-left:none;border-right:none;font-size : 1.5em;}

#annonce #colAnnonce p.colored{background-color:#E0ECF7;}

#annonce #colAnnonce p span.label{color : #6498ae;width : 145px;float:left;padding-left:5px;font-weight:bold;}

/*#annonce #colAnnonce p span.data{color : #000;}*/
#annonce #colAnnonce p span.data.important{text-transform : uppercase;color:#ff0000;}
#annonce #colAnnonce h5.description{margin-bottom:0;}
#annonce #colAnnonce h5.description span{position : absolute; left : -200000px;}
#annonce #colAnnonce #descAnnonce {border : 1px solid #6c6c6c;padding : 6px;font-size:1.2em;}

/* ###########################################################
		FORMULAIRE D'AJOUT ANNONCE
########################################################### */
fieldset.visible {
	border : 1px solid #c5c5c5;
	margin-bottom : 18px;
}

fieldset.visible legend {
	font-size : 1.4em;
	padding : 0 8px;
	margin : 0 18px;
	color : #6299AE;
}

fieldset.visible p, fieldset.visible div.formP {padding:8px 0;margin : 8px;}
.colore{background-color : #E0EAEF;}

fieldset.visible p label, fieldset.visible div.formP label {width : 200px;font-size:1.2em;}
fieldset.visible p label em, fieldset.visible div.formP label em {
	clear: both;
	display: block;
	font-size: 0.9em;
	padding: 10px 10px;
	text-align: left;
}

fieldset.visible div.formP div#box_Chp_bateauxVisuels{margin-left : 208px;}
fieldset.visible div.formP div#box_Chp_bateauxVisuels input{margin-bottom : 4px;}

.important{color : #ff5f5f;}


#boxCgu {
	width : 500px;
	height : 250px;
	overflow : auto;
	border:1px solid #ccc;
	border-top-color :#7c7c7c;
	border-right-color : #c3c3c3;
	padding:2px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1.1em;
}

#bt_valider{
	width : 262px;
	height : 46px;
	border : none;
}

#bt_valider.lg_fr {
	background : transparent url(../images/fr_valider_button.png) no-repeat 0 0;
	cursor : pointer;
}

#bt_valider:hover {
	background-position : 0 -46px;
}

/* ###########################################################
		CONTACT
########################################################### */
#bt_envoyer{
	width : 262px;
	height : 46px;
	border : none;
}

#bt_envoyer.lg_fr {
	background : transparent url(../images/fr_envoyer_button.png) no-repeat 0 0;
	cursor : pointer;
}

#bt_envoyer:hover {
	background-position : 0 -46px;
}
/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
#register{font-size : 1.2em}
.mentionsLegales{padding-right : 300px; font-size: 1.2em;}

.modifVisuels{
	margin : 8px 0 8px 210px;
}