body {
	margin:0;
	padding:0;
	font:13px Verdana, Tahoma, Arial, Sans-serif;
	color:#666;
}
#main {
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	position:relative;
}
ul {
	margin:0;
	padding:0;
}
ul li {
	list-style:none;
}
h3 {
	font-size:16px;
	margin:0;
	font-weight:bold;
}
h4 {
	font-size:12px;
	margin:0;
}
img {
	border:none;
	display:block;
}
a {
	outline:none;
	text-decoration:underline;
	color:#449ad6;
	cursor:pointer;
}
a:hover {
	color:#FF9933;
}
form, fieldset {
	margin:0;
	padding:0;
	border:0;
}
/*header*/

#header {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	background:url(../image/contenu/banner-top.jpg) no-repeat 0 0;
}
#header h1, #header p {
	float:right;
	height:190px;
	margin:0 50px 0 0;
	width:805px;
	text-indent:-9999px;
}
#header #accueil{
	position:absolute;
	top:12px;
	left:2px;
}
#header #lagon{
	position:absolute;
	top:82px;
	left:209px;
}
#header #marina{
	position:absolute;
	top:87px;
	left:410px;
}
#header #portpeche{
	position:absolute;
	top:75px;
	left:541px;
}
#header #pointe{
	position:absolute;
	top:97px;
	left:750px;
}
.titreActivitesNautiques{
	margin:0 0 0 150px;
}
#menu {
	float:right;
	margin:5px 50px 0 0;
	width:805px;
}
#menu li {
	float:left;
	font-size:13px;
	background:transparent url(../image/contenu/bg-issues-b.gif) no-repeat scroll 0 3px;
	color:#666;
	font-weight:bold;
	padding:0 0 0 25px;
	width:135px;
	line-height:18px;
}
#menu li a {
	color:#666;
	text-decoration:none;
}
#menu li a:hover {
	color:#FF9933;
	text-decoration:underline;
}
#content {
	float:left;
	width:815px;
	margin:20px 0 0 145px;
	display:inline;
}
#content .quot {
	background:#4ba8ea url(../image/contenu/bg-quotHaut.gif) no-repeat 0 0;
	margin:0 0 15px 0;
	padding:12px 0 0 0;
	position:relative;
	width:805px;
}
#content .quot div{
	background:url(../image/contenu/bg-quot.jpg) no-repeat 0 bottom;
	min-height:132px;
	padding:0 12px 12px 120px;
	width:673px;
}
#content .quot h2 {
	font:bold 14px Verdana;
	color:#fff;
	margin:0 0 10px;
	text-align:justify;
}
#content .quot span {
	font:bold 12px Verdana;
	padding:0 0 0 42px;
	display:block;
}
#content .quot img.quotGauche{
	margin:0 12px 0 0;
}
#content .quot img.quotDroite{
	margin:0 0 0 12px;
}
#main div.star {
	width:118px;
	height:76px;
	background:url(../image/contenu/bg-star.png) no-repeat 0 0;
	position:absolute;
	top:-40px;
	right:-40px;
}
#content h3, #content div.content-left h1 {
	color:#ff9933;
	font-size:22px;
	font-weight:bold;
	margin:0 0 13px 0;
}

#content div.content-left h1 small{
	font-size:16px;
}

#content div.content-left h1 span{
	color:#449AD6;
}

#content .colleft {
	width:410px;
	float:left;
}
#content .colleft p {
	margin:10px 0 15px;
}
#content div ul.issues li {
	float:left;
	padding:0 0 25px;
	width:100%;
	text-align:justify;
}
#content div ul.issues li div.imgList, #content div ul.issues li div.imgPortrait, #content div ul.issues li div.imgSmall, #content div ul.issues li div.imgActivite {
	float:left;
	margin:0 5px 0 0;
	padding:7px;
	width:200px;
	height:100px;
	background: url(../image/contenu/imgList.gif) no-repeat 0 0;
}
#content div ul.issues li div.imgPortrait {
	width:178px;
	height:89px;
	background: url(../image/contenu/ImgListPortrait.gif) no-repeat 0 0;
	margin:0;
}
#content div ul.issues li div.imgActivite{
	width:90px;
	height:68px;
	background:none;
	padding:0;
}
#content div ul.issues li div.imgSmall {
	width:75px;
	height:45px;
	background: url(../image/contenu/imgSmall.gif) no-repeat 0 0;
}
#content div ul.issues li h4, #content div.content-left h3 {
	font:bold 18px Verdana;
	text-decoration:none;
	margin:0;
	color:inherit;
	text-align:left;
}
#content div ul.issues li span {
	font:bold 13px Verdana;
	color:#ff9933;
	text-align:left;
}
#content div ul.issues li span.activites {
	background:url(../image/contenu/bg-issues-c.gif) no-repeat 0 3px;
	padding:0 0 0 17px;
	margin:3px 0 0;
	color:#666;
}
#content div ul.issues li a.savoirPlus {
	background:url(../image/contenu/bg-issues-a.gif) no-repeat 0 3px;
	float:right;
	padding:0 0 0 25px;
	margin:3px 0 0;
}
#content div ul.issues {
	clear:both;
}
#content div ul.issues li p {
	margin:7px 0 0;
}
#content div ul.issues li p strong {
	font-weight:normal;
}
#content div ul.issues li div.detailsEvenement {
	float:left;
	margin:10px 0;
	width:378px;
}
#content div ul.issues li p small {
	font-size:11px;
	font-style:italic;
	color:#000;
}
#content div a.voirTout {
	background:url(../image/contenu/bg-issues-b.gif) no-repeat 0 3px;
	float:right;
	padding:0 0 0 25px;
	margin:3px 0 0;
	color:#FF9933;
	font-weight:bold;
}
#content div a:hover.voirTout {
	color:#ff6000;
}
#content .colcenter {
	width:181px;
	float:left;
	margin:10px 0 0 18px;
	display:inline;
}
#content .colcenter ul.dates {
	background:url(../image/contenu/bg-colcenter.gif) repeat-y 0 0;
	float:left;
	width:181px;
	margin:0 0 13px;
}
#content .colcenter ul.dates li.first {
	background:url(../image/contenu/bg-date-first.gif) no-repeat 0 0;
	padding:10px 10px 0;
	width:163px;
}
#content .colcenter ul.dates li {
	padding:8px 17px;
	width:147px;
	float:left;
}
#content .colcenter ul.dates li h4 {
	font-size:12px;
	margin:0 0 5px;
}
#content .colcenter ul.dates li h4 span {
	color:#F93;
}
#content .colcenter ul.dates li p {
	margin:0;
	font-size:12px;
	line-height:15px;
	padding:0 0 10px 0;
	border-bottom:#999 1px dotted;
	text-align:justify;
}
#content .colcenter ul.dates li h4 a {
	text-decoration:none;
	font-size:14px;
}
#content div.colcenter ul.dates li h4 a:hover {
	text-decoration: underline;
}
#content .colcenter ul.dates li img {
	float:left;
}
#content .colcenter ul.dates li h3 {
	float:left;
	margin:5px 0 0 5px;
	width:90px;
}
#content .colcenter ul.dates li.last {
	background:url(../image/contenu/bg-date-last.gif) no-repeat 0 100%;
	padding:15px 17px;
}
#content .colcenter ul.dates li.last h4 {
	text-align:left;
}
#content .colcenter ul.dates li.last a {
	background:url(../image/contenu/bg-date-a.gif) no-repeat 0 4px;
	padding:0 0 0 26px;
}
#content div.nautismeIlesGpe {
	float:left;
	height:157px;
	margin:13px 0;
	padding:0 0 0 5px;
	width:181px;
}
#content div.meteo {
	background:url(../image/contenu/bg-meteo.gif) no-repeat 0 0;
	float:left;
	height:157px;
	margin:0;
	padding:0 30px;
	text-align:center;
	width:121px;
}
#content div.meteo h3 {
	font:bold 18px Verdana;
	color:#fff;
	text-align:center;
	margin:10px 0 3px;
}
#content div.meteo img {
	display:inline;
	margin:0 0 0 25px;
}
#content div.meteo ul {
	margin:-20px 0 0 0;
}
#content div.meteo ul li {
	float:right;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:10px;
}
#content div.meteo ul li span {
	font:bold 30px Arial;
	line-height:27px;
}
#content div.meteo ul li.left {
	float:left;
}
#content .colright {
	width:192px;
	float:right;
}
#content .colright h3.title {
	background:transparent url(../image/contenu/bg-title.gif) no-repeat scroll 0 2px;
	margin:0 0 0 5px;
	padding:0 0 13px 45px;
}
#content div.block {
	width:186px;
	float:left;
	background:url(../image/contenu/bg-block.gif) repeat-y 0 0;
}
#content div.block-top {
	width:186px;
	overflow:hidden;
	background:url(../image/contenu/bg-block-top.gif) no-repeat 0 0;
}
#content div.block-bottom {
	width:152px;
	overflow:hidden;
	background:url(../image/contenu/bg-block-bottom.gif) no-repeat 0 100%;
	text-align:center;
	padding:10px 17px 12px;
}
#content div.block-bottom img {
	display:inline;
	margin:5px 0 0;
}
#content div.block-bottom a.antilles {
	color:#ff9933;
	font:bold 12px Verdana;
	text-decoration:none;
}
#content div.block-bottom h4 {
	margin:0 0 10px;
	line-height:19px;
}
#content div.block-bottom h4 a {
	font-size:16px;
	text-decoration:none;
	color:#6eafdf;
}
#content div.block-bottom a.arrow {
	background:url(../image/contenu/bg-issues-a.gif) no-repeat 0 3px;
	padding:0 0 0 21px;
}
#main div.bird {
	width:116px;
	height:128px;
	position:absolute;
	left:16px;
	bottom:332px;
	background:url(../image/contenu/bird.jpg) no-repeat 0 0;
}
#content .colleft ul.links {
	margin:25px 0 0;
}
#content .colleft ul.links li {
	background:url(../image/contenu/bg-links-li.gif) no-repeat 0 2px;
	padding:0 0 0 28px;
	margin:8px 0 0 60px;
}
#content .colleft ul.links li a {
	color:#ff9900;
}
#content ul.icons li {
	float:left;
	margin:0 36px 0 16px;
	display:inline;
}
#content ul.icons li img {
	display:inline;
	margin:0 10px -15px 0;
	position:relative;
}
#content ul.icons li a {
	text-decoration:none;
	font-weight:bold;
}
#content ul.icons li a:hover {
	text-decoration: none;
}
#content .lagon {
	width:826px;
	height:362px;
	background:url(../image/contenu/lagon.jpg) no-repeat 0 0;
	padding:0;
	position:relative;
	margin:0 0 0 -6px;
}
#content .lagon a#swim {
	position:absolute;
	width:37px;
	height:24px;
	background:url(../image/contenu/bg-swimmer.png) no-repeat 0 0;
	text-decoration:none;
	left:355px;
	top:154px;
}
#content .lagon a#kite {
	position:absolute;
	width:38px;
	height:52px;
	background:url(../image/contenu/bg-kite.png) no-repeat 0 0;
	text-decoration:none;
	left:54px;
	top:198px;
}
#content .lagon a#winsurf {
	position:absolute;
	width:47px;
	height:61px;
	background:url(../image/contenu/bg-winsurf.png) no-repeat 0 0;
	text-decoration:none;
	right:135px;
	top:170px;
}
#content .lagon a#deriveur {
	position:absolute;
	width:58px;
	height:56px;
	background:url(../image/contenu/bg-deriveur.png) no-repeat 0 0;
	text-decoration:none;
	left:406px;
	bottom:66px;
}
#content .lagon a#surf {
	position:absolute;
	width:38px;
	height:48px;
	background:url(../image/contenu/bg-surf.png) no-repeat 0 0;
	text-decoration:none;
	left:143px;
	bottom:12px;
}
#content .lagon a.link {
	position:absolute;
	width:156px;
	height:23px;
	background:url(../image/contenu/bg-link.gif) no-repeat 0 0;
	text-decoration:none;
	right:8px;
	bottom:8px;
	color:#ff9900;
	font-weight:bold;
	padding:7px 0 0 11px;
}
#content .lagon a:hover {
	text-decoration: underline;
}
#content .lagon h3 {
	margin:0;
	font:bold 24px Verdana;
	padding:10px 0 0 90px;
	color:#666;
}
#content h3.star {
	background:url(../image/contenu/star.gif) no-repeat 0 0;
	padding:15px 70px 0 130px;
	margin:0 0 0 -68px;
	position:relative;
	font:bold 18px Verdana;
	height:76px;
}
#content .colright div.meteo {
	margin:0 0 7px;
}
#content .lagon div.layer {
	position:absolute;
	background:url(../image/contenu/bg-layer.png) no-repeat 0 0;
	width:189px;
	height:227px;
	padding:13px 25px 18px 14px;
	display:none;
	z-index:1000;
}
#content .lagon div.side {
	background:url(../image/contenu/bg-side.png) no-repeat 0 0;
	padding:13px 12px 18px 27px;
}
#content .lagon div.layer h3 {
	padding:0;
	font:bold 18px Verdana;
	color:#ff9900;
	background:url(../image/contenu/bg-layer-title.gif) no-repeat 0 7px;
	padding:2px 0 3px 21px;
}
#content .lagon div.layer ul li {
	padding:1px 0 2px;
}
#content .lagon div.layer ul li.blue {
	background:#eff7fe;
}
#content .lagon div.layer ul li.blue a {
	background:url(../image/contenu/bg-layer-li.gif) no-repeat 0 2px;
}
#content .lagon div.layer ul li a {
	background:url(../image/contenu/bg-layer-ul.gif) no-repeat 0 2px;
	padding:0 0 0 18px;
	margin:0 0 0 26px;
	text-decoration:none;
}
#content div.content-left {
	float:left;
	margin:5px 28px 0 0;
	width:597px;
}
#content div.content-left .loisirIntro {
	width:597px;
	height:235px;
	padding:0;
	position:relative;
	margin:0;
}
#content div.content-left .loisirIntro.activite {
	height:235px;
}
#content div.content-left .loisirIntro h1, #content div.content-left .loisirIntro h1.cadre {
	background:transparent none repeat scroll 0 0;
	bottom:0;
	color:#FFFFFF;
	left:0;
	max-height:70px;
	overflow:hidden;
	padding:8px 0 11px 10px;
	position:absolute;
	width:587px;
	z-index:2;
	font-weight:bold;
	margin:0 0 10px 0;
}
#content div.content-left .loisirIntro h1.cadre {
	background-color:#ff7f00;
	color:#ff7f00;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	z-index:1;
}
#content div.content-left h2 {
	font-size:14px;
	text-align:justify;
	font-weight:bold;
	margin:0 0 13px 0;
}
#content div.content-left div.text {
	position:relative;
	float:left;
	margin:30px 10px 0 0;
	display:inline;
}
#content div.content-left div.text div.star {
	background:url(../image/contenu/star.gif) no-repeat 0 0;
	top:-20px;
	left:-60px;
	height:89px;
}
#content div.content-left div.text span {
	float:left;
	width:60px;
	height:40px;
}
#content div.content-right {
	margin:3px 0 0;
}
#content div.content-right ul.icons {
	margin:0 0 50px;
	float:left;
}
#content div.content-right ul.icons li {
	margin:0;
	padding:25px 0 0;
}
#content .content-center {
	width:381px;
	float:right;
	margin:0;
}
#content .content-center ul.category {
	width:381px;
	float:left;
	padding:0 0 20px;
}
#content .content-center ul.category li {
	float:left;
	width:381px;
	margin:20px 0 -10px;
}
#content .content-center ul.category li h3 {
	padding:5px 0 8px;
	margin:0;
}
#content .content-center ul.category li img {
	float:left;
}
#content .content-center ul.category li ul {
	float:left;
	width:306px;
	margin:0 0 0 14px;
	display:inline;
}
#content .content-center ul.category li ul li {
	width:306px;
	padding:0 0 30px;
	margin:0;
}
#content .content-center ul.category li ul li h4 {
	font:bold 18px Verdana;
	color:#449ad6;
	background:url(../image/contenu/bg-category.gif) repeat-x 0 100%;
	padding:0 0 7px;
}
#content .content-center ul.category li ul li a {
	background:url(../image/contenu/bg-issues-a.gif) no-repeat 0 3px;
	float:left;
	padding:0 0 0 28px;
	margin:3px 0 0;
}
#content div.content-left .agenda {
	width:610px;
	height:auto;
	background:url(../image/contenu/bg-agenda.gif) no-repeat 0 0;
	padding:0;
	position:relative;
	margin:0;
	overflow:hidden;
}
#content div.content-left .agenda h3 {
	padding:14px 0 3px 70px;
	color:#666;
}
#content div.content-left .agenda ul {
	margin:0 0 0 11px;
	padding:0 0 45px;
	float:left;
	display:inline;
}
#content div.content-left .agenda ul li {
	background:url(../image/contenu/bg-agenda-li.gif) repeat-x 0 0;
	float:left;
	width:577px;
	border:1px solid #f0f0f0;
	padding:13px 0 0 6px;
	margin:3px 0 0;
}
#content div.content-left .agenda ul li img {
	float:left;
}
#content div.content-left .agenda ul li h3 {
	margin:0;
	padding:0 38px 10px 12px;
	float:left;
	font-size:20px;
	color:#4298d5;
}
#content div.content-left .agenda ul li p {
	margin:0;
	padding:3px 0 11px 7px;
	float:left;
	width:409px;
}
#content div.content-left .agenda ul li span.comment {
	float:right;
	background:url(../image/contenu/bg-agenda-span.gif) repeat-x 0 0;
	height:40px;
	width:405px;
	font-size:12px;
	color:#ff9933;
	margin:0 10px 0 0;
	padding:15px 0 0;
}
#content div.content-left .agenda ul li h4 {
	font-size:18px;
	color:#4298d5;
	padding:5px 0 15px;
}
#content div.content-left .agenda ul li h3 span {
	color:#666;
}
#content div.content-left .agenda ul li ul.icons {
	float:right;
	margin:0 0 15px;
	padding:0;
}
#content div.content-left .agenda ul li ul.icons li {
	background:none;
	width:177px;
	border:0;
	margin:15px 36px 0 0;
	padding:0;
}
#content div.content-left .agenda ul li ul.icons li img {
	margin:-10px 10px 0 0;
}
#content div.content-right ul.calendar li {
	float:left;
	margin:0 0 25px;
}
#content div.content-right ul.calendar li a.forward, #content div.content-right ul.calendar li a.back {
	float:left;
	width:75px;
	height:20px;
	background:url(../image/contenu/bg-month.gif) no-repeat 0 0;
	font-size:9px;
	text-decoration:none;
	color:#fff;
	padding:3px 7px 0;
	margin:-4px 0 0;
	position:relative;
}
#content div.content-right ul.calendar li a.forward:hover, #content div.content-right ul.calendar li a.back:hover {
	text-decoration: underline;
}
#content div.content-right ul.calendar li a.forward {
	text-align:right;
	margin:-4px 0 0 3px;
}
#content div.content-right ul.calendar li a.forward strong, #content div.content-right ul.calendar li a.back strong {
	font-size:14px;
}
#content div.content-right ul.calendar li ul {
	float:left;
	width:100%;
}
#content div.content-right ul.calendar li h4 {
	font-size:18px;
	color:#ff9900;
	text-align:center;
	margin:0 0 6px;
}
#content div.content-right ul.days li {
	float:left;
	width:22px;
	text-align:center;
	font-weight:bold;
	margin:-4px 3px 0 0;
}
#content div.content-right ul.numbers li {
	float:left;
	margin:4px 3px 0 0;
	width:22px;
}
#content div.content-right ul.numbers li a {
	float:left;
	width:22px;
	height:18px;
	background:url(../image/contenu/bg-numbers.gif) no-repeat 0 0;
	text-align:center;
	text-decoration:none;
	color:#666;
	padding:4px 0 0;
	font-size:11px;
}
#content div.content-right ul.numbers li a.active {
	background:url(../image/contenu/bg-numbers-active.gif) no-repeat 0 0;
	font-weight:bold;
	color:#fff;
}
#content div.content-right ul.numbers li a.active:hover {
	text-decoration: underline;
}
#content .colBottom {
	float:left;
	margin:15px 0 0 0;
	width:805px;
}
#content .colBottom div.blockText, #content .content-left div.blockText {
	float:left;
	margin:0 15px 0 0;
	width:655px;
}
#content .colBottom div.blockPrix, #content .content-left div.blockPrix {
	float:left;
	width:135px;
}
#content .content-left div.blockText {
	width:447px;
}
#content .colBottom div.blockPrix div.detailPrix, #content .content-left div.blockPrix div.detailPrix {
	background-color:#FF9900;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	margin:0 0 5px;
	padding:10px;
	text-align:right;
	text-decoration:none;
}
#content .colBottom div.blockPrix div.detailPrix strong, #content .content-left div.blockPrix div.detailPrix strong {
	font-size:20px;
	font-weight:bold;
	line-height:21px;
}
/*footer*/
#footer {
	width:1000px;
	overflow:hidden;
	margin:0 0 20px 0;
	clear:both;
	padding:20px 0 0;
}
#footer div {
	width:832px;
	height:51px;
	background:url(../image/contenu/bg-footer-ul.gif) no-repeat 0 0;
	margin:0 0 0 147px;
}
#footer ul {
	padding:8px 0 0;
	margin:0 0 0 60px;
	overflow:hidden;
}
#footer img {
	display:inline;
	margin:0 5px 0 0;
}
#footer ul li {
	border-left:1px dotted #449AD6;
	display:block;
	float:left;
	font-size:11px;
	height:30px;
	line-height:29px;
	margin:0 5px;
	padding:0 0 0 10px;
	white-space:nowrap;
}
#footer ul li.first {
	border-left:none;
}
#footer ul li a {
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
/*popup*/
div.popup {
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:595px;
}
div.popup a.close {
	background:url(../image/contenu/bg-close.png) no-repeat 0 0;
	cursor:pointer;
	float:right;
	height:40px;
	margin:0 0 -25px;
	position:relative;
	width:40px;
}
div.popupinfo {
	background:url(../image/contenu/bg-popup.png) repeat-y 0 0;
	float:left;
	overflow:hidden;
	width:535px;
	padding:0 30px 10px 20px;
}
div.popup-top {
	background:url(../image/contenu/bg-popup-top.png) no-repeat 0 0;
	float:left;
	overflow:hidden;
	width:585px;
	padding:13px 0 0;
}
div.popup-bottom {
	background:url(../image/contenu/bg-popup-bottom.png) no-repeat 0 0;
	float:left;
	height:13px;
	overflow:hidden;
	padding:0;
	width:585px;
}
div.popupinfo img {
	float:left;
}
div.popupinfo h3 {
	background:url(../image/contenu/bg-category.gif) repeat-x 0 100%;
	font:bold 24px Verdana;
	color:#449ad6;
	padding:9px 0;
	margin:0 0 0 63px;
}
div.popupinfo p.quotation {
	background:url(../image/contenu/bg-popup-quots.gif) no-repeat 100% 100%;
	padding:0 10px 0 54px;
	margin:20px 14px 20px 10px;
	font:bold 20px "Times New Roman";
	color:#666;
	float:left;
	width:auto;
	display:inline;
}
div.popupinfo p.quotation i {
	padding:0 0 10px 5px;
	float:left;
	width:100%;
	font-style:normal;
}
div.popupinfo p.quotation span {
	float:left;
	width:32px;
	height:26px;
	background:url(../image/contenu/bg-popup-quots-span.gif) no-repeat 0 0;
	margin:0 0 0 -53px;
}
div.popupinfo p.quotation strong {
	line-height:40px;
	font:bold 12px Verdana;
	color:#449ad6;
	float:left;
}
div.popupinfo p {
	margin:3px 0 12px;
	float:right;
	width:365px;
	text-align:left;
}
div.popupinfo p.adress {
	margin:15px 0;
}
div.popupinfo p.adress a {
	color:#666;
	text-decoration:none;
}
div.popupinfo ul.icons {
	width:527px;
	float:left;
	padding:30px 0 0;
	margin:50px 0 0 10px;
	display:inline;
	border-top:1px solid #d1d1d1;
}
div.popupinfo ul.icons li {
	float:left;
}
div.popupinfo ul.icons li.first {
	margin:0 135px 0 0;
}
div.popupinfo ul.icons li a {
	font-weight:bold;
	text-decoration:none;
	color:#6eafdf;
}
div.popupinfo ul.icons li a img {
	padding:0 19px 0 0;
	margin:-10px 0 0;
	position:relative;
}
#fader {
	display:none;
}
/* Navigation dans les listes  */

#content .navPage {
	clear: both;
	float: right;
	margin:0 0 15px;
}
#content .navPage li {
	float: left;
	line-height: 16px;
	padding: 0;
	margin: 0 2px;
}
#content .navPage li a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	background: url(../image/contenu/nav.gif) no-repeat;
}
#content .navPage .firstPage a {
	background-position: -16px 0;
}
#content .navPage .firstPage a:hover {
	background-position: -16px -16px;
}
#content .navPage .lastPage a {
	background-position: -32px 0;
}
#content .navPage .lastPage a:hover {
	background-position: -32px -16px;
}
#content .navPage .nextPage a {
	background-position: -48px 0;
}
#content .navPage .nextPage a:hover {
	background-position: -48px -16px;
}
#content .navPage .previousPage a:hover {
	background-position: 0 -16px;
}
/* Tri des liste  */

#content .sortList {
	background:url(../image/contenu/bg-tri-Liste.gif) no-repeat;
	width:597px;
	height:50px;
	margin:15px 0;
}
#content .sortList table td {
	height:30px;
	padding:10px;
	white-space:nowrap;
}
#content .sortList table td select {
	width:120px;
}
#content .sortList label {
	font-size:14px;
	font-weight:bold;
	color:#449AD6;
}
em{
	color:#FF0000;
}
form div.error {
	background: #ffc1c1;
	border: 1px solid red;
	padding: 5px;
	margin:0;
	clear:both;
	color:#CC0000;
}
table.envoyerAmi input, table.envoyerAmi textarea, table.envoyerAmi select {
	border: 1px solid #bbb;
	padding:2px;
	width:200px;
}

table.envoyerAmi #content {
	float:none;
	width:200px;
	margin:0;
	display:block;
}

table.envoyerAmi{
	font-size:12px;
	font-weight:bold;
}
#encartnautisme{
	float:left;
	margin-top:1em;
}