@CHARSET "UTF-8";



body {
  background: url("../images/background.jpg") no-repeat center top;
  height: 100%;
  font-family: Arial;
  margin: 8px;
}

#container {
  width: 960px;
  margin: 0 auto;
}

#colonne-gauche {
	width: 166px;
	float: left;
	color: #52677c;
}

#colonne-droite {
	width: 166px;
	float: left;
	color: #52677c;
}

#colonne-principale {
	width: 554px;
	float: left;
}

#contenu {
	min-height: 290px;
}
	
#logo-careformyboat {
  text-align: center;
  font-size: 8pt;
  background: url("../images/logo-careformyboat.gif") no-repeat center bottom;
  height: 180px;
  margin-top: 20px;
}

#logo-careformyboat strong {
	/*padding-left: 15px;
	padding-right: 15px;*/
	padding: 0px 15px;
	font-weight: normal;
}

#logo-careformyboat a {
	display: block;
	height: 127px;
	width: 128px;
	margin: auto;
}

#inscription {
	margin-top: 250px;
  text-align: left;
  font-size: 8pt;
  background: url("../images/pixel-transparent.png") repeat;
}

#inscription a {
	text-decoration: none;
	color: #52677c;
}

#inscription-haut {
	background: url("../images/carre-12x12.png") no-repeat;
}

#inscription p {
  padding: 12px 16px 0 16px;
}

#logo-sunbrella {
	padding-left: 15px;
	padding-right: 90px;
	padding-top: 15px;
	background: url("../images/logo-sunbrella.jpg") no-repeat right center white;
	height: 35px;
	font-size: 7pt;
}

#versions {
	font-size: 8pt;
	font-variant: small-caps;
	height: 140px;
	color: #249fe2;
	list-style: url("../images/carre-clair-8x8.png");
	border: 0px;
}

#versions ul {
	padding-left: 16px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#versions ul li a {
	color: #249fe2;
	text-decoration: none;
}

#acces {
	border: 0px;
}
.acces {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 52px;
	font-size: 10pt;
	font-weight: normal;
	width: 240px;
}

.acces a {
	color: #52677c;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 65px;
	padding-bottom: 5px;
}
	
#acces-devis {
	background: url("../images/icon-devis.jpg") no-repeat white 5px 5px;
}
	
#acces-carnet {
	background: url("../images/icon-carnet.jpg") no-repeat white 5px 5px;
}

#acces-conseils {
	background: url("../images/icon-conseils.jpg") no-repeat white 5px 5px;
}

#acces-meteo {
	margin-top: 50px;
	line-height: 36px;
	background: url("../images/icon-meteo.jpg") no-repeat white 5px 5px;
}

#haut.haut {
	height: 53px;
	color: #52677c;
  padding-top: 87px;
  padding-left: 110px;
}

#haut.nohaut {
	height: 70px;
}

#haut h2.titre {
  font-size: 10pt;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#haut div.soustitre {
  font-size: 8pt;
}

#bas {
	clear: both;
	color: #52677c;
	text-align: center;
}

#bas-liens {
	font-size: 8pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

#bas-liens a {
	padding-left: 5px;
	padding-right: 5px;
	color: #52677c;
	text-decoration: none;
}

#bas-infos {
	font-size: 7pt;
	margin: 0 55px 20px 55px;
}