/* CSS Document */

body {background:#0C5178 url(../images/bg-site.gif) repeat-x;margin:0px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;}

.bleuGras {font-weight:bold;color:#1674B1;}
.jauneGras {font-weight:bold;color:#E5BD7A;}
.jauneGrasBig {font-weight:bold;color:#E5BD7A;font-size:14px;}

.bleuGrasMaj {font-weight:bold;color:#2A453C;text-transform:uppercase;}
.rougeAutoGras {font-weight:bold;color:#E50002;}
.bleuAutoGras {font-weight:bold;color:#3E82C6;}
.gras {font-weight:bold;}

/* DIV CONTENEUR */
#conteneur {width:1000px;height:auto;margin:0 auto;background-color: #FFFFFF;border:1px solid #303030;}

/* DIV BANDEAU SUPERIEUR */
#haut {clear:both;width:1000px;height:412px;margin-bottom:2px;}
#haut	#diaporama	{width:1000px;height:412px;}

/* DIV MENU HORIZONTAL */
#menu {clear:both;width:1000px;height:30px;background: url(../images/bandemenu.gif) no-repeat;color:#FFFFFF;font-size:14px;border-bottom:solid 2px #E5BD7A;}
#menu ul {list-style-type: none;margin: 0;padding:6px 0 0 0 ;}
#menu li {display: inline;}
#menu a {color:#FFFFFF;margin: 0 19px;text-decoration: none;text-align:center;font-weight:bold;}
#menu a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

/* DIV LIGNE MULTILANGUES */
#lang	{clear:both;width:985px;height:24px;text-align:right;padding-right:15px;}

/* DIV PIED DE PAGE */
#pied {clear:both;width:1000px;height:25px;padding-top:5px;background: url(../images/pied.gif) no-repeat;color:#FFFFFF;font-size:12px;text-align:center;font-weight:bold;}
#pied a{text-decoration:none;color:#FFFFFF;font-weight:bold;}
#pied a:hover{text-decoration:none;color:#FFFFFF;font-weight:bold;}

/* DIV COLONES */
#Centre {clear:both;width:1000px;height:auto;margin-bottom:15px;}
#Centre #ColBig {float:left;width:670px;padding:0 10px 15px 10px;}
#Centre #ColSmall {float:left;width:300px;padding:0 10px 15px 0;}

/* DIV MOTEUR DE RECHERCHE ACCUEIL */
#moteur {clear:both;width:670px;height:auto;}
#moteur #entete {clear:both;width:358px;height:41px;background: url(../images/titre-moteur.gif) no-repeat;margin-bottom:5px;margin-left:15px;}
#moteur #corps {clear:both;width:670px;height:132px;background: url(../images/fond-moteur.gif) no-repeat;}
#moteur #corps #criteres {clear:both;width:627px;height:100px;padding:21px 16px 21px 16px;}
#moteur #corps #criteres .ColMot {float:left;width:313px;height:auto;padding-top:10px;}
#moteur #corps #criteres .ColMot .LigneForm {clear:both;width:313px;font:bold 12px/12px Arial;color:#000000;padding-top:6px;}
#moteur #corps #criteres .ColMot .LigneForm .TexteForm {float:left;width:80px;padding-top:3px;padding-right:30px;text-align:right;}
#moteur #corps #criteres .ColMot .LigneForm .ChampForm {float:left;width:180px;}
#moteur #corps #criteres .ColMot .LigneForm .miniCase {float:left;width:110px;}
#moteur #corps #criteres #bouton {clear:both;width:auto;height:26px;text-align:center;padding-top:8px;}
.button {
  height:28px;
  font-family:arial; 
  font-size:11px; 
  font-weight:bold; 
  text-transform: uppercase;
  color: #FFFFFF;
  background:url(../images/button.gif); 
  cursor:pointer;
} 

/* DIV PUB */
#pub	{float:left;width:300px;height:250px;padding:10px 0 10px 0; cursor: pointer; border: none;}
#pub a img { border: none;}

/* DIV EN BREF ACCUEIL */
#blocBrevesAcc {float:left;width:340px;height:auto;padding:10px 10px 10px 20px;}
#blocBrevesAcc #entete {clear:both;width:331px;height:41px;background: url(../images/titre-breve.gif) no-repeat;margin-bottom:5px;}
#blocBrevesAcc .uneBreve {clear:both;width:330px;padding:7px 5px 7px 5px;border-bottom:1px #1674B1 dashed;}
#blocBrevesAcc .uneBreve a {color:#000000;text-decoration:none;}
#blocBrevesAcc .uneBreve a:hover {color:#1674B1;text-decoration:underline;}

/* DIV EN BREF */
#blocBreves {float:left;width:300px;height:auto;margin-bottom:10px;}
#blocBreves #entete {clear:both;width:300px;height:41px;background: url(../images/titre-breve2.gif) no-repeat;margin-bottom:5px;}
#blocBreves .uneBreve {clear:both;width:290px;padding:7px 5px 7px 5px;border-bottom:1px #1674B1 dashed;}
#blocBreves .uneBreve a {color:#000000;text-decoration:none;}
#blocBreves .uneBreve a:hover {color:#1674B1;text-decoration:underline;}

/* DIV UNE INFO */
#Info {clear:both;width:670px;height:auto;}
#Info #entete {clear:both;width:299px;height:41px;background: url(../images/une-info.gif) no-repeat;margin-bottom:5px;margin-left:15px;}
#Info #TitreInfo {clear:both;font-weight:bold;color:#5596C3;padding:7px 5px 0 5px;}
#Info #ContenuInfo {clear:both;padding:7px 5px 0 5px;font:12px/14px Arial;}

/* DIV COORDONNEES */
#blocCoordonnees {clear:both;width:300px;height:428px;background:url(../images/fond-coord.gif) no-repeat;}
#blocCoordonnees #PhotoCoord	{clear:both;width:240px;height:180px;padding-left:30px;padding-top:10px;}
#blocCoordonnees #PhotoCoord img {border:1px #FFFFFF solid;}
#blocCoordonnees #infos	{clear:both;width:240px;height:auto;padding-left:30px;padding-top:15px;color:#FFFFFF;}
#blocCoordonnees #infos	p {margin:10px 0 10px 0;padding:0;}
#blocCoordonnees #infos .separateur	{clear:both;height:1px;width:240px;background:url(../images/separateur.gif) no-repeat;margin:5px 0 5px 0;font-size:1px;}
.buttonBis {
  height:28px;
  font-family:arial; 
  font-size:11px; 
  font-weight:bold; 
  text-transform: uppercase;
  color: #1674B1;
  background:url(../images/buttonbis.gif); 
  cursor:pointer;
} 

/* DIV RESULTATS */
#resultats {clear:both;width:670px;height:auto;margin-top:10px;}
#resultats #entete {clear:both;width:386px;height:41px;background:url(../images/titre-occasion.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#resultats #TriPage {clear:both;width:670px;}
#resultats #TriPage #TriSel {float:left;width:600px;height:30px;color:#000000;}
#resultats #TriPage #TriSel select {font-family : Arial; font-size: 11px;}
#resultats #TriPage #Pagin {float:left;width:auto;text-align:right;font-weight:bold;color:#000000;}

#resultats	.UneAnnonce	{clear:both;width:668px;height:54px;border:1px solid #5596C3;margin-bottom:10px;}
#resultats	.UneAnnonce	.Photo	{float:left;width:72px;height:54px;font-size:1px;}
#resultats	.UneAnnonce .infos	{float:left;width:458px;height:54px;border:1px solid #5596C3;border-top:0;border-bottom:0;}
#resultats	.UneAnnonce .infos .TitreBateau	{clear:both;width:448px;height:18px;background-color:#5596C3;color:#FFFFFF;font-weight:bold;text-transform:uppercase;padding:2px 5px 0 5px;}
#resultats	.UneAnnonce .infos .TitreBateau a {color:#FFFFFF;text-decoration:none;}
#resultats	.UneAnnonce .infos .TitreBateau a:hover	{color:#FFFFFF;text-decoration:underline;}
#resultats	.UneAnnonce .infos .InfoBateau	{clear:both;width:448px;height:32px;background-color:#E5BD7A;color:#000000;padding:2px 5px 0 5px;}
#resultats	.UneAnnonce .prix	{float:left;width:136px;height:54px;}
#resultats	.UneAnnonce .prix .LePrix	{clear:both;width:136px;height:20px;color:#D20F24;font-weight:bold;font-size:14px;text-align:center;padding:5px 0 5px 0;}
#resultats	.UneAnnonce .prix .LienPrix	{clear:both;width:136px;height:24px;color:#5596C3;font-weight:bold;text-align:center;}
#resultats	.UneAnnonce .prix .LienPrix a {color:#5596C3;text-decoration:underline;}
#resultats	.UneAnnonce .prix .LienPrix a:hover {color:#5596C3;text-decoration:none;}


/* FICHE DETAIL */
#fiche	{clear:both;width:670px;height:auto;margin-top:10px;margin-bottom:10px;}
#fiche	#entete	{clear:both;width:350px;height:41px;background:url(../images/titre-detail.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#fiche	#contenu	{clear:both;width:670px;height:auto;}
#fiche	#contenu	#retour	{clear:both;text-align:center;font-weight:bold;}
#fiche	#contenu	#retour a {text-transform:uppercase;text-decoration:underline;color:#000000;}
#fiche	#contenu	#retour a:hover {text-transform:uppercase;text-decoration:none;color:#000000;}
#fiche	#contenu	.Col	{float:left;width:335px;height:auto;margin-top:15px;}
#fiche	#contenu	.Col	#EspacePhotos	{clear:both;width:335px;height:auto;}
#fiche	#contenu	.Col	#EspacePhotos	#BigPhoto	{clear:both;width:304px;height:229px;}
#fiche	#contenu	.Col	#EspacePhotos	#BigPhoto	img	{text-align:center;padding-left:15px;width:304px;height:229px;}
#fiche	#contenu	.Col	#EspacePhotos	#SmallPhoto	{clear:both;width:304px;height:54px;;padding-left:15px;margin-top:7px;margin-bottom:15px;}
#fiche	#contenu	.Col	#EspacePhotos	#SmallPhoto	.UnePhoto {float:left;width:72px;height:54px;padding:0 2px 4px 2px;}
#fiche	#contenu	.Col	#EspacePhotos	#SmallPhoto	.UnePhoto img {border: none;}
#fiche	#contenu	.Col	#TxtDescriptif	{clear:both;width:333px;height:auto;border:1px solid #5596C3;}
#fiche	#contenu	.Col	#TxtDescriptif	#Titre	{clear:both;width:328px;height:25px;background-color:#5596C3;color:#FFFFFF;font-weight:bold;font-size:14px;padding-left:5px;padding-top:5px;}
#fiche	#contenu	.Col	#TxtDescriptif	#BlocTxt	{clear:both;width:323px;height:auto;padding:5px;}

#fiche	#contenu	.Col	#Caract	{clear:both;width:323px;height:auto;margin-left:10px;border:1px solid #5596C3;}
#fiche	#contenu	.Col	#Caract	#Titre	{clear:both;width:318px;height:25px;background-color:#5596C3;color:#FFFFFF;font-weight:bold;font-size:14px;padding-left:5px;padding-top:5px;}
#fiche	#contenu	.Col	#Caract	#NomBoat	{clear:both;width:313px;height:auto;font-size:14px;color:#000000;font-weight:bold;text-transform:uppercase;padding:5px;}
#fiche	#contenu	.Col	#Caract	#details	{clear:both;width:313px;height:auto;padding:5px;}

#fiche	#contenu	.Col	#Caract	#details	p	{margin:0;padding:0;}

#fiche	#contenu	.Col	#Caract	#details	ul	{list-style-type:none;margin:0;padding:0;}
#fiche	#contenu	.Col	#Caract	#details	.UnCritere	{float:left;width:156px;height:auto;}

#fiche	#contenu	.Col	#Caract	#prix	{clear:both;width:auto;height:auto;padding:5px;color:#D20F24;font-weight:bold;font-size:18px;text-transform:uppercase;}
#fiche	#contenu	.Col	#Caract	#ht	{clear:both;width:auto;height:auto;font-weight:bold;color:#808080;text-transform:uppercase;padding-left:65px;}

/* DIV D'ENVOI MAIL FICHE SUR FICHE DETAIL */
#EnvoiMailInternaute {clear:both;width:650px;height:auto;background-color:#5596C3;color:#FFFFFF;padding:10px;}
	#EnteteMail {color:red;font:bold 12px/12px Arial;height:25px;}
	
	.ColMail1 {float:left;padding-right:15px;width:270px;}
	.ColMail1 input {font:11px/11px Arial;width:170px;}
	.ColMail2 {float:left;width:350px;}
	.ColMail2 textarea {font:11px/11px Arial;}	
		.ElemMail {clear:both;}
		.MesgMail {padding-bottom:5px;}
			.TitreMail {float:left;width:95px;font:bold 11px/20px Arial;}
			.InputMail {float:left;}
			.TitreMail2 {float:left;width:60px;font:bold 11px/20px Arial;text-align:center;}
			.TitreMail3 {float:left;width:80px;font:bold 11px/20px Arial;text-align:center;}
			.InputMail2 {float:left;width:80px;}
			.InputMail2 input {font:13px/11px Arial;width:60px;}				
	#SubMail {clear:both;text-align:center;padding-top:5px;}
	#optcapt {clear:both;}

/* DIV RESERVATION */
#PageReservation {clear:both;width:980px;height:auto;padding: 0 10px 0 10px;}
#PageReservation #entete {clear:both;width:450px;height:41px;background:url(../images/titre-reservation.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#PageReservation #corps {clear:both;width:669px;height:174px;background: url(../images/fond-reservation.gif) no-repeat;margin-left:155px;}
#PageReservation #corps #criteres {clear:both;width:627px;height:100px;padding:41px 16px 21px 16px;}
#PageReservation #corps #criteres .ColMotUn {float:left;width:413px;height:auto;padding-top:5px;}
#PageReservation #corps #criteres .ColMotUn .LigneForm {clear:both;width:453px;font:bold 12px/12px Arial;color:#000000;padding-top:6px;}
#PageReservation #corps #criteres .ColMotUn .LigneForm .TexteForm {float:left;width:220px;padding-top:3px;padding-right:30px;text-align:right;}
#PageReservation #corps #criteres .ColMotUn .LigneForm .ChampForm {float:left;width:180px;}
#PageReservation #corps #criteres .ColMotUn .LigneForm .miniCase {float:left;width:110px;}
#PageReservation #corps #criteres .ColMot	{float:left;width:210px;height:auto;padding-top:50px;text-align:center;}
#PageReservation #corps #criteres #bouton {clear:both;width:auto;height:26px;text-align:center;}
.button {
  height:28px;
  font-family:arial; 
  font-size:11px; 
  font-weight:bold; 
  text-transform: uppercase;
  color: #FFFFFF;
  background:url(../images/button.gif); 
  cursor:pointer;
} 

#PageReservation	#BlocRappel	{clear:both;width:980px;height:auto;margin-top:30px;margin-bottom:10px;}
#PageReservation	#BlocRappel	#titre	{font-weight:bold;color:#1674B1;margin-bottom:10px;}
#PageReservation	#BlocRappel	p {margin:0;padding:0;}
#PageReservation	#Tableau	{clear:both;width:967px;height:auto;border:1px solid #1674B1;}
#PageReservation	#Tableau	#Legende	{clear:both;width:967px;height:30px;}
#PageReservation	#Tableau	#Legende	.CaseLeg	{float:left;width:241px;height:25px;background-color:#1674B1;color:#FFFFFF;font-weight:bold;text-transform:capitalize;text-align:center;padding-top:5px;border-right:1px solid #FFFFFF;}
#PageReservation	#Tableau	#Ligne	{clear:both;width:967px;height:30px;}  
#PageReservation	#Tableau	#Ligne	.CaseLig	{float:left;width:241px;height:25px;background-color:#E5BD7A;color:#000000;text-align:center;padding-top:5px;border-right:1px solid #1674B1;}
#PageReservation	#Tableau2	{clear:both;width:241px;height:auto;margin-left: 380px;border:1px solid #1674B1;}
#PageReservation	#Tableau2	#Legende2	{clear:both;width:241px;height:30px;}
#PageReservation	#Tableau2	#Legende2	.CaseLeg2	{float:left;width:241px;height:25px;background-color:#1674B1;color:#FFFFFF;font-weight:bold;text-transform:capitalize;text-align:center;padding-top:5px;border-right:1px solid #1674B1;}
#PageReservation	#Tableau2	#Ligne2	{clear:both;width:241px;height:30px;}  
#PageReservation	#Tableau2	#Ligne2	.CaseLig2	{float:left;width:241px;height:25px;background-color:#E5BD7A;color:#000000;text-align:center;padding-top:5px;border-right:1px solid #1674B1;}
#PageReservation	#divers	#titre	{font-weight:bold;color:#000000;margin-bottom:10px;}
#PageReservation	#divers	{clear:both;width:980px;height:auto;margin-top:20px;}
#PageReservation	#divers	p	{margin:0;padding:0;}

/* DIV FORMULAIRE DE CONTACT / RECHERCHE / ENREGISTREMENT RECHERCHE*/
#formucontact {clear:both;width:670px;height:auto;}
#formucontact #entete	{clear:both;width:290px;height:41px;background:url(../images/titre-contact.gif) no-repeat;margin-bottom:10px;margin-left:15px;}

#formucontact #blocformu {float:left;width:650px;padding:5px 10px 5px 10px;}
#formucontact #blocformu .TitreForm {
	padding-top:20px;
	float:left;
	width:650px;
	color:#2A453C;
	text-transform:uppercase;
	font:bold italic 12px/12px Arial;
	border-bottom:2px solid #2A453C;
	padding-bottom:5px;
	margin-bottom:10px;
}

#formucontact #blocformu .LigneForm {float:left;width:650px;font:bold 12px/12px Arial;color:#000000;padding-top:12px;}
#formucontact #blocformu .LigneForm .TexteForm {float:left;width:190px;padding-top:3px;}
#formucontact #blocformu .LigneForm .TexteForm .facultatif {font-weight:normal;font-style:italic;}
#formucontact #blocformu .LigneForm .TexteFormID {float:left;width:389px;padding-top:3px;color:#A0A0A0;}
#formucontact #blocformu .LigneForm .ChampForm {float:left;width:389px;}
#formucontact #blocformu .LigneForm .ChampFormBis {float:left;width:140px;}
#formucontact #blocformu .LigneForm .ChampFormBiss {float:left;width:200px;padding-left:10px;}
#formucontact #blocformu .LigneForm .ChampFormTA {float:left;width:auto;}
#formucontact #blocformu .LigneForm a {text-decoration:none;color:#E50002;font-weight:bold;}
#formucontact #blocformu .LigneForm a:hover {text-decoration:underline;color:#E50002;font-weight:bold;}

.rappel {display:inline;}

/* DIV NAVIGATION FLUVIAL */
#Navigation #entete	{clear:both;width:350px;height:41px;background:url(../images/titre-navigation.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#Navigation	#Carte #titre {display: block; font-weight:bold;color:#1674B1;}
#Navigation	#Carte img {width: 300px; height: 283px; border: none;}

/* DIV PORT */
#Port #entete {clear:both;width:370px;height:41px;background:url(../images/titre-presentation.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#Port #corps { padding: 0 0 0 10px;}
#Port .gras { font-weight: bold;}
#Port .col { display: block; float: left; clear: left; width: 990px; padding: 5px 0;}
#Port .col1 { display: block; float: right; clear: left; width: 780px; padding-right: 10px;}
#Port .col2 { display: block; float: right; clear: left; width: 200px;}
#Port .col2 img { float: left; clear: left; }

/* DIV TOURISME */
#Tourisme #entete {clear:both;width:370px;height:41px;background:url(../images/titre-tourisme.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#Tourisme #corps { padding: 0 0 0 10px;}
#Tourisme .minititre { font-size: 13px; font-weight: bold; color: #1674B1;}
#Tourisme .gras { font-weight: bold;}

/* DIV PHOTOS */
#Photos #entete {clear:both;width:370px;height:41px;background:url(../images/titre-photos.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#Photos #corps { padding: 0 0 0 10px;}
#Photos .Unetof { float: left; width: 980px; height: 180px; margin: 5px 0;}
#Photos .Unetof .col1, #Photos .Unetof .col1 img { float: left; width: 240px; height: 180px; padding-right: 5px;}
#Photos .Unetof .col2  { float: left; width: 735px;}
#Photos .Unetof .col2 .titreunetof { float: left; width: 730px; padding: 0 10px 5px 0; margin: 0; font-weight: bold;}
#Photos .Unetof .col2 .texteunetof { float: left; width: 730px; padding: 0 0; margin: 0;}

/* DIV PARTENAIRES */
#Partenaires #entete {clear:both;width:370px;height:41px;background:url(../images/titre-partenaires.gif) no-repeat;margin-bottom:10px;margin-left:15px;}
#Partenaires #corps { padding: 0 0 0 10px;}
#Partenaires .Unpartenaire { float: left; width: 980px; margin: 0 0 5px 0;}
#Partenaires .gras { font-weight: bold;}
#Partenaires p { padding: 0; margin: 0;}