/* CSS Document */

body  {
	background:url(/images/habillage/fond.gif) left top repeat-x;
	background-color: #47768E;
	color: #000;
	padding: 0; 
	margin: 0; 
}

/*******************************************/
/* BLOCS */
/*******************************************/

#page {
	width: 766px;
	margin: 0 auto;
	position: relative;
}
#colMenu {
	background: url(/images/habillage/mouette.gif) left top no-repeat;
	width: 270px;
	float: left;
}
#colInfo {
	width: 488px;
	float: right;
}

/*******************************************/
/* TYPO */
/*******************************************/

html { 
	font-size: 11px; 
	font-family: arial, sans-serif; 
} 
p {
	margin: 0;
	padding: 5px 0px;
}

/*******************************************/
/* ENTETE */
/*******************************************/

#entete {
	margin: 30px 0 30px 10px;
}
#entete p {
	margin: 0;
}
#entete h1 {
	margin: 0;
	background: url(/images/habillage/logo.gif) left top no-repeat;
	height: 70px;
}
#entete h1 span {
	position:absolute;
	left:-50000px;
	top:-50000px;
	text-indent:-50000px;
}

/*******************************************/
/* BAS DE PAGE */
/*******************************************/

#basPage p {
	color: #FFF;
	line-height: 1.2em;
	padding: 10px;
	text-align: center;
	font-size: 11px;
}
#basPage a {
	color: #FFF;
	text-decoration: underline;
}
#basPage a:hover {
	color: #FFF;
	text-decoration: none;
}

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

#menu {
	margin-top: 370px;
	padding: 0 10px 0 0;
	color: #FFF;
	font-size: 12px;
}
#menu a {
	text-decoration: none;
	color: #FFF;
}
#menu a:hover {
	text-decoration: none;
	color: #FFF;
}
#menu ul.top {
	border-top: solid #FFF 1px;
}
#menu ul {
	padding: 10px 0px 10px 16px; 
	margin: 0;
	border-bottom: solid #FFF 1px;
}
#menu li {
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0;
	vertical-align:top;
	line-height: 1.4em;
	color: #FFF;
}
#menu ul li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
}
#menu li a:hover {
	text-decoration: underline;
	color: #FFF;
}
#menu h3 { 
	color: #FFF;
	font-size: 12px;
	line-height: 1em;
	padding: 0px 0px 0px 15px;
	margin: 10px 0 0 0;
	background-image: none;
}

/*******************************************/
/* CONTENU */
/*******************************************/

#contenuHaut {
	width: 488px;
	background: url(/images/habillage/haut-cadre.gif) left top no-repeat;
	padding-top: 10px;
}
#contenuBas {
	width: 488px;
	background: url(/images/habillage/bas-cadre.gif) left bottom no-repeat;
	height: 10px;
}
#contenu {
	width: 468px;
	background-color: #FFF;
	padding: 0 10px;
}
p.google468 {
	margin: 0;
	padding: 15px 0;
	clear: both;
/*
	border-top: 1px solid #246180;
	border-bottom: 1px solid #246180;
*/
}
#contenu h3 {
	color: #246180;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 5px 0;
	margin: 0;
}
#contenu a {
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
div.col1 {
	width: 220px;
	float: left;
}
div.col2 {
	width: 232px;
	float: right;
}
#contenu hr.none {
	clear: both;
	border: 0 solid #FFF;
}
p.plus {
	font-size: 0.8em;
	color: #999;
}
#contenu a.texte {
	font-size: 1em;
}
#contenu a.plus {
	text-decoration: none;
	font-size: 0.8em;
	color: #999;
}
#contenu a.plus:hover {
	text-decoration: underline;
}

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

fieldset {
	border: 1px solid #47768E;
	margin: 10px 0;
}
legend {
	color: #246180;
	text-transform: uppercase;
	font-weight: bold;
}
label {
	display: inline;
	float: left;
	width: 130px;
}
textarea {
	width: 300px;
	font-size: 12px; 
	border: 1px solid #47768E;
	margin-left: 130px;
	height: 150px;
}
#piedForm {
	text-align: center; 
	padding: 10px;
}
input {
	width: auto;
}

/*******************************************/

p.checkbox label,
p.radio label {
	float: none;
	width: auto;
}
p.checkbox label.prems,
p.radio label.prems {
	float: left;
	width: 130px;
}
p.checkbox input,
p.radio input {
	margin-left: 130px;
}
span.deus {
	margin-left: 130px;
}

/*******************************************/

p.radio input#intTypeBateauA1,
p.checkbox input#intDureeSortie1,
p.checkbox input#intPeriodeSortie1,
p.checkbox input#intTypeBateauB1,
p.checkbox input#intTypeSortie1,
p.checkbox input#intTypeNavigation1 {
	margin-left: 0;
}
p.radio input#compteNouveau {
	margin-left: 20px;
}
input#strMail,
input#strPass,
input#strPass2,
input#strNom,
input#strPrenom,
input#strTelephone,
input#strBateau {
	width: 300px;
	font-size: 12px; 
	border: 1px solid #47768E;
}

/*******************************************/

input#dateDebutDisponibilite,
input#dateFinDisponibilite {
	width: 150px;
	font-size: 12px; 
	border: 1px solid #47768E;
}

/*******************************************/
/* ANNONCES */
/*******************************************/

div.annonce {
	background-color: #F0EFE1;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 330px;
	font-size: 1.1em;
}
div.annonce div.infoPlus {
	display: none;
}
p.navigation {
	width: 330px;
	text-align: center;
}
#googleVertical {
	float: right;
}
div.annonce h4 {
	margin: 0;
	padding: 10px 10px 0 10px;
	font-size: 12px; 
}
div.annonce p {
	margin: 0;
	padding: 10px 10px 0 10px;
}
.hautGauche, .hautDroit, .basGauche, .basDroit {
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
	font-size: 1px;
}
.hautGauche {
	float: left;
	background-image: url(/images/habillage/hautGauche.gif);
}
.hautDroit {
	float: right;
	background-image: url(/images/habillage/hautDroit.gif);
}
.basGauche {
	float: left;
	background-image: url(/images/habillage/basGauche.gif);
}
.basDroit {
	float: right;
	background-image: url(/images/habillage/basDroit.gif);
}

/*******************************************/
/* ALERTES */
/*******************************************/

p.erreur {
	color: red;
	font-weight: bold;
}
input.erreur,
textarea.erreur,
input#strMail.erreur,
input#strPass.erreur,
input#strPass2.erreur,
input#strNom.erreur,
input#strPrenom.erreur,
input#strTelephone.erreur,
input#strBateau.erreur,
input#dateDebutDisponibilite.erreur,
input#dateFinDisponibilite.erreur {
	border: 1px solid red;
	border-width: 1px 1px 1px 10px;
	width: 291px;
}
label.erreur {
	color: red;
	font-weight: bold;
}

/*******************************************/
/* ISLANDE */
/*******************************************/

#islande {
	width: 240px;
	margin-top: 10px;
	padding: 10px;
	background-color: #FFF;
}
#islande h3 {
	margin: 0;
	padding: 0;
}
#islande p {
	margin: 0;
	padding: 0;
}
#islande a {
	color: #000;
}

/*******************************************/
/* RECHERCHE */
/*******************************************/

#recherche { 
	background-color: #47768E;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	font-size: 11px; 
	color: #FFF; 
}
#recherche label {
	width: 110px;
}
#recherche input {
	width: 100px;
	/*float: left;*/
}
#recherche p.recherche input {
	width: 300px;
}
#recherche p.navigation {
	clear: both;
	text-align: left;
}
#recherche select {
	width: 120px;
}