body {
	margin:0;
	padding-left: 4px;
}
p {
	margin-top: 0;
	padding-top: 0;
}
form {
	margin: 0;
	padding: 5px;
	border: 0px solid #FFF;
}
body, select, td, input, div, textarea{
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
}
input, textarea {
	background: #FFF;
	color: #000;
	border: 1px solid #000;
	padding-left: 2px;
}

.radio {
	background: none;
	border: 0; 
}
label {
	font-weight: bold;
}
a img {
	border:0;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #F2841F;
}
a:hover {
	text-decoration: underline;
}
.lezart, .lezart a:link, .lezart a:visited{
	color: #777;
}
.recTrouve {
	background-color: #DAE4EE;
}
hr {
	padding: 0; 
	margin: 5px 0 5px 0;
	height: 1px;
}
.clear {
	clear: both;
	height: 0px;
	padding: 0; 
	margin: 0;
	font-size: 0;
	visibility: hidden;
}
.imgLeft {
	float: left;
	margin-right: 10px;
}
.imgRight {
	float: right;
	margin-left: 10px;
}
.imgTop {
	margin-bottom: 10px
}
.imgBottom {
	margin-top: 10px
}

#imgzoom {
	position: absolute;
	display: none;
	overflow: hidden;
	height: auto;
	color: #000;
	border: 0px solid #8C0202;
	cursor: pointer;
	z-index: 100;
}

#legende{
	padding:5px 0px 0px 5px;
	color:#FFF;
	height:15px;
	font-size:10px;
	background:#115380;
	float:left;
}
.legende{
	font-size: 9px;
	text-align:center;
}
.dropshadow2 {
	background:url(../shadow.gif) right bottom repeat-y;
	padding:0px 10px 0px 0px;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}
.dropshadow1 {
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}


h1,h2 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 13px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 12px;
	margin: 0 0 10px 0;
}

#contenu li{
	list-style: url(../tpLi.gif);
}

#container {
	margin:0 auto;
	display: block;
	width: 980px;
}


#haut{
	height:195px;
	border-bottom:17px solid white;
	background:white;
}
#logo{
	position:absolute;
	top:28px;
	margin-left:332px;
}
#baseline{
	position:absolute;
	top:0px;
	margin-left:771px;
}
#aleatoire{
	width: 980px;
	height: 172px;
}
#navHaut{
	background:#FFCC66;
	height: 23px;
	display:block;
}
.drapeaufr {
	float: right;
	margin-right: 5px;
}
.drapeauen {
	float: right;
	margin-right: 65px;
}
#gauche {
	float: left;
	width: 157px;
	margin-right:16px;
	margin-bottom:10px;
}
#navGauche {
	clear: both;
	text-align: right;
	margin-bottom: 100px;
	padding-top: 20px;
}
#navGauche ul, #navGauche li{
	padding:0;
	margin:0;
	list-style-type:none;
}

a.navOff1, a.navOff1:visited, a.navOff1:link , a.navOff1:active{
	padding:6px 2px 7px 0px;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	width:155px;
	display:block;
	color: #000;
}
a.navOff1:hover{
	text-decoration: none;
	background-color: #AFBABE;
	color: #FFF;
}
a.navOn1{
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	padding: 6px 2px 7px 0px;
	display: block;
	color: #FFF;
}
a.navOn1:hover {
	text-decoration: none;
}
a.navOff2, a.navOff2:visited, a.navOff2:link , a.navOff2:active{
	padding: 6px 2px 7px 0px;
	font-size: 9px;
	border-bottom: 1px solid #FFF;
	width: 155px;
	display: block;
	color: #000;
}
a.navOff2:hover{
	text-decoration: none;
	color: #FFF;
}
a.navOn2{
	font-size: 9px;
	border-bottom: 1px solid #FFF;
	padding: 6px 2px 7px 0px;
	display: block;
	color: #FFF;
}
a.navOn2:hover {
	text-decoration: none;
}

#liC80 a{
	background-image: url(../img/point-plage.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	padding-left: 55px;
	width: 100px;
}
#liC43 a{
	background-image: url(../france-station-nautique.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	padding-left: 19px;
	width: 136px;
}


#navActu{
	margin-top:50px;
}
#navActu span{
	padding:6px 2px 7px 0px;
	background: #B6CDDC;
	font-size:10px;
	width:155px;
	display:block;
	border-bottom:1px solid #E3E8EB;
	text-align: center;
	color: #5B87AC;
}
#navActu a, #navActu a:visited, #navActu a:link , #navActu a:active{
	color: #5B87AC;
}
#navActu a:hover{
	text-decoration: none;
	color: #FFF;
}
#AccesNewsletter{
	margin-top:20px;
}
#AccesNewsletter a{
	border:0;
}
#contenu {
	float: left;
	width: 610px;
	margin-right:16px;
	margin-bottom:10px;
}
#chemin {
	margin-bottom: 20px;
}
#chemin, #chemin a, #chemin a:link, #chemin a:visited {
	color: #026A9E;
	font-weight: bold;
	font-style: italic;
}

#droite{
	float: left;
	display: block;
	overflow: hidden;
	width: 172px;
}
#droite img{
	display: block;
	margin-bottom:6px;
	margin-right:6px;
}

#rechercher{
	width:172px;
	height:43px;
	margin-bottom:8px;
}
#rechTxt{
	font-size:10px;
	margin-top:17px;
	margin-left:3px;
	border: 1px solid #76787B;
	width:123px;
}
#rechBou{
	background: #000;
	border: 1px solid #5E6266;
	width:23px;
	height:17px;
	color:#FFF;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
#outils{
	display:block;
	width:172px;
	height:254px;
	background: url(img/fdbleu.png) top no-repeat;
	padding-top:7px;
	padding-left:7px;
}
#outils{
	float: center;
}	
#newsletter{
	margin-top:-7px;
	height:90px;
	margin-bottom:6px;
	color:#97979A;
	font-size:10px;
}
.paveD{
	width: 160px;
	margin-left:9px;
	margin-bottom: 10px;
	padding-top:23px;
	padding-left:4px;
}
.txtNewsletter{
	font: 9px Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	padding-left:16px;
	background: urlhttp://www.calvados-nautisme.com/img/coche_verte.gif) top left no-repeat;
}
.txtNewsletter a, .txtNewsletter a:link, .txtNewsletter a:visited{
	color: #97979A;
	text-decoration: none;
}
.txtNewsletter a:hover{
	color: #ABBA38;
}
#newsTxt{
	font-size:10px;
	margin-right:3px;
	border: 1px solid #76787B;
	width:110px;
}
#newsBou{
	background: #8F9DAE;
	border: 0px solid #8F9DAE;
	width:20px;
	height:17px;
	color:#FFF;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}

#bas {
	font-size: 9px;
	clear: both;
	height: 35px;
}
#bas a, #bas a:visited, #bas a:link {
	color: #434343;
	text-decoration: none;
}
#bas a:hover {
	text-decoration: underline;
}


#dhtmltooltip {
	position: absolute;
	left: -300px;
	border: solid 1px #CCC;
	padding: 4px;
	color: #FFF;
	background: #FFF;
	visibility: hidden;
	z-index: 100;
}
#dhtmltooltip img {
	margin-top: 0px;
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.encartBonus {
	display: block;
	overflow: hidden;
	padding: 10px;
}
.encartBonus h3{
	font-weight: bold;
	margin-bottom: 15px;
	color: #FFF;
	font-size: 12px;
	margin: 0 0 10px 0;
}
.encartBonus h3 a{
	color: #FFF;
}

.suite a, .suite a:link, .suite a:visited, .suite a:active, .retour a, .retour a:link, .retour a:visited, .retour a:active, a.pageprec, a.pageprec:link, a.pageprec:visited, a.pageprec:active, a.pagesuiv, a.pagesuiv:link, a.pagesuiv:visited, a.pagesuiv:active{
	padding: 2px 4px 2px 4px;
	color: #FFF;
	background: #CA771D;
	clear: both;
	float: left;
	margin-top: 10px;
}
.encartActu {
	margin-bottom: 10px;
}
.encartActu .titre{
	display:block;
	font-size: 13px;
	margin: 10px 0 6px 0;
	font-weight: bold;
	height: 21px;
	text-transform: uppercase;
	background: url(http://www.calvados-nautisme.com/img/tpTitre.gif) 0px 1px no-repeat;
	padding-left: 25px;
}
a.retourHaut, a.retourHaut:link, a.retourHaut:hover, a.retourHaut:visited, a.retourHaut:active{
	clear:both;
	margin-top: 20px;
	padding: 2px 0 10px 14px;
	height: 14px;
	color: #000;
	float: right;
	background: url(../retour_haut.gif) 0 3px no-repeat;
}

