* 
{
margin: 0;padding: 0;}
html,body 
{
margin:0;padding: 0;}
body 
	{
		background-color:#576D97;  /*4E6E97*/
		background-image:url(images/backgroundcadre.gif); 
		background-repeat:repeat-x; 
		/* background-position: top right;*/
		
	}
body,input,select,textarea 
{
font-family: Arial, verdana, "lucida console", sans-serif;font-size: 12px;padding: 2px;}
body.mceContentBody 
{
background: none;background-color: white;font-size: 12px;padding: 5px;line-height: 17px;}
body.mceContentBody ul 
{
list-style-type: none;}

h1 
{ 
font-size: 100%;
color:#FFF;
}
h2 
{
font-size: 100%;
color:#699;
}
h3 
{
font-size: 12px;
color:#FFF;
}
h4 
{
font-size: 12px;
color:#FC0;  /*   FDDE00 */
}
h5 
{
font-size: 13px;
color:#FC0;  /*   FDDE00 */
}
h6 
{
font-size: 15px;
color:#FC0;
/* font-family: Arial, verdana, "lucida console", sans-serif; */
}

#bContact p {
color: #666;
font-size: 12px;
padding: 0px 30px 10px 30px;
text-align: justify;}
a {
outline: none; }
a:link 
{
text-decoration: none;
color: #60C;}
a:visited 
{
text-decoration: none;
color: #60C;}
a:hover 
{
text-decoration: none;
color: #60C;}



label 
{
color: #666;font-size: 12px;}
input, select 
{
margin-bottom: 10px;}
input, textarea, select 
{
border: 1px solid #ccc;}
fieldset 
{
padding: 10px 20px 20px 20px;margin: 15px 0px 10px 0px;border: 1px solid #ccc;}
legend 
{
font-size: 133%;font-weight: bold;letter-spacing: -0.03em;line-height: 1;color: #666;padding: 0 0.5em;}
fieldset .wrapper 
{
padding-top: 15px;}
#containers_old
	{
	float:left;
	width: 960px;
	margin-left: 0px;
	margin-right: 0px;
	background-color:#336; /* 336 */
	color:FFF;
	}
#containers
	{
	margin: 5px auto;
	width: 960px;
	background-color:#576D96; /* 336 */
	color:FFF;
	text-align: center;	
	}
#container { 
	margin: 2px auto;
	padding: 0px;	
	height: auto;
	width: 760px;	
	background-color:#000;
	text-align: center;
}	
#containerGauche 
	{
	float:left;
	width: 960px;
	padding:0px;
	margin:0px;
	color:#FFF;
	background-color:#576D96; 
	}
#containerGauche a:link, 
#containerGauche a:active, 
#containerGauche a:visited,
#containerGauche a:hover
{
	color: #FC0;
}
	
#contact 
	{
	float:left;
	width: 960px;
	height: 794px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/contact.jpg);
	}
#top 
{
height: 24px;
padding-top: 6px;
border-bottom: 1px solid #ccc;
background: url(img/barBg.jpg) repeat-x top left;
}
#entete_f {
height: 120px;
padding: 0px;
background: url(images/entete_f.jpg) no-repeat top left;
}

#entete_e {
height: 120px;
padding: 0px;
background: url(images/entete_e.jpg) no-repeat top left;
}

#content 
{
padding: 0px;
margin: 0px;
background: #666;
}

#frontPageImg div 
{
margin: 0 auto;padding: 10px 2px 0px 0px;}
#frontPageImg img 
{
padding: 1px;border: 1px solid #ccc;}

.inner 
{
padding-left: 20px;
}
.contentHead img 
{
float: left;
margin: 0 5px 0 0;
}

#rightColumn ul 
{
list-style-type: square;padding: 0;margin: 0 0 0 25px;}
#rightColumn li 
{
padding: 0;margin: 0;}
#rightColumn li a.on 
{
font-weight: bold;}
#tripsSubMenu
{
height: 30px;}
#tripsSubMenu ul 
{
list-style-type: square;margin: 0;padding: 0;}
#tripsSubMenu ul li 
{
float: left;padding: 0 5px;margin: 0 15px;}
#snerpa 
{
float: left;padding-right: 0px;margin-top: 0px;clear: both;}
#bigFoot 
{
width: 900px;height: auto;overflow: hidden;border-top: 1px solid #ccc;padding: 5px 0 5px 0;}
#bigFoot .box, #bigFoot2 .box 
{
float: left;display: inline;width: 270px;padding: 5px 13px;font: "Trebuchet MS";font-size: 100%;color: #666;text-align: center;}
#bigFoot .name 
{
padding-top: 5px;font-weight: bold;}
#bigFoot2 
{
width: 900px;height: auto;overflow: hidden;border-top: 1px solid #ccc;padding: 5px 0 5px 0;}
#frontPageTop 
{
width: 900px;}

#frontPageTop .kynning 
{
line-height: 17px;font-size: 100%;}
#frontPageTop .box h3 
{
padding: 0px 0px 4px 0px;}
#frontPageTop .box ul 
{
margin: 0 0 0 20px;}
#frontPageTop .box li 
{
line-height: 23px;}

.bodyBox 
{
float: left;width: 428px;text-align: justify;line-height: 17px;font-size: 100%;color: #333;}
.bodyBox .inner 
{
padding: 10px 0;}
.bodyBox .innerLeft 
{
padding-right: 15px;}
.bodyBox .innerRight 
{
padding-left: 5px;}
.bodyBox .terms 
{
padding-left: 15px;padding-right: 15px;background: #fffcdc;}
.bodyBox table 
{
margin: 15px 0;width: 100%;}
.bodyBox td 
{
text-align: center;padding: 3px;}
.bodyBox thead td 
{
text-align: center;font-weight: bold;font-size: 115%;}
.bodyBox thead 
{
background-color: #f8f8f8;border: 1px solid #ddd;}
.bodyBox td a.red 
{
color: #ff0000;font-weight: bolder;}
#bCharter .bodyBox .innerLeft, #bCharter .bodyBox .innerRight
{
display: none;}

#msgNotOkBooking 
{
height: auto;width: auto;padding: 10px;border: 1px solid #ff0000;margin-bottom: 20px;line-height: 17px;}
#msgOkBooking 
{
height: auto;width: auto;padding: 10px;border: 1px solid #2bcb05;margin-bottom: 20px;line-height: 17px;}
#bookingForm 
{
margin: 0px 0px 10px 0px;}
#bookingForm label 
{
display: block;}
.booker 
{
float: left;width: 250px;}
#bookingForm p 
{
padding: 5px 0;}
.checkBoxTerms 
{
line-height: 20px;padding-top: 3px;}
.checkBoxTerms input 
{
margin-right: 5px;margin-bottom: 3px;vertical-align: middle;}
legend input 
{
margin-right: 5px;margin-bottom: 3px;vertical-align: middle;}
#search 
{
float: left;padding: 0;margin: 0px;display: inline;margin-left: 30px;}
#search_input 
{
border: 1px solid #666;padding: 2px 0;margin: 0px;height: 13px;width: 90px;margin-left: 5px;background: #fff url(formBg.jpg) repeat-x top left;}
.searchText 
{
font-size: 11px;color: #666;}
#languages 
{
float: right;display: inline;margin-right: 20px;margin-top: 3px;}
#sitemap 
{
float: right;display: inline;margin-right: 6px;margin-top: 0px;}
a.rss 
{
float: left;display: block;width: 20px;height: 20px;background: url(rss.gif) no-repeat top left;}
#languages img, #search img, #sitemap img 
{
border: none;margin-left: 10px;}
#bMaps img 
{
border: none;}
.center 
{
text-align: center;}
.left 
{
float: left;}
.right 
{
float: right;}


.voilier 
	{
	float:left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}

.voilierGauche 
	{
	float:left;
	width: 640px;
	padding: 20px;
	}
.voilierDroit
	{
	width: 200px;
	padding: 10px;
	float:right;
	}
.voilier h3 
{
color: #333;
padding: 0 0 5px 0;
}
.voilier h3 a 
{
color: #FDDE00;
text-decoration: none;
}
.voilier img 
{
float:right;
padding: 1px;
border: 1px solid #ccc;
}
.voilier .menu 
{
float: left;display: inline;width: 150px;margin-left: 22px;padding: 8px 0 4px 0;z-index: 30;}
.voilier .menu ul 
{
margin: 5px 0 0 10px;}


.submit 
{
background: #666;color: #fff;padding: 3px 3px;}
.formBg 
{
background: #fff url(formBg.jpg) repeat-x top left;}
.backButton 
{
padding-bottom: 5px;}
.commentInvite 
{
margin: 5px 0;}
#bBookingform #content, #bBookingfinish #content 
{
background: #f5f5f5;}

#containerDroit {
float:left;
width: 240px;
padding:0px;
margin:0px;
}
#menues {
position: absolute;
top: 25px;
left: 1100px;
width: 150px;
} 

#menues .menu  {
float: left;display: inline;
}

#menues .menu .img 
{
float:right;
padding: 1px;
border: 1px solid #ccc;
}

.banniere 
{
width:134px;
height=101px;
padding:0px;
background-color: #FFF;
}
.banniere h3 
{
text-align:center;
font-size: 100%;
padding: 0px;

}
.banniere h3 a 
{
font-size: 100%;
color: #336; /* FDDE00 */
background-color: #FFF;
text-decoration: none;
}
.banniere img 
{
float:right;
padding:1px;
background-color: #FFF;
border: 1px solid #CCC;  /* cadre autour de la photo */
}

/* page voilier detail */

#colonnemilieu {
float: right;
width: 600px;
}
#colonnegauche {
float: left;
width: 170px;
padding: 5px;
margin: 0px;
}
#colonneGlobal {
float: right;
padding: 0px;
margin:0px;
width: 600px;
background-color:#FFF;
/* background-color:yellow;  */
}
#imagegrande {
float: right; 
width: 368px;
height: 276px;
padding: 10px;
margin: 3px 5px ;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
#imagegauche {
float: right; 
height: 101px;
width: 134px;
padding: 10px;
margin: 3px 5px;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
/* Debut des balises Menu */
#menuhorizon {
	float: left;
	width: 960px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-color:#336;
	border-top:1px solid #FFF;
	border-bottom:1px solid #666;
	font: 11px Geneva,Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* C63 CCC     */
}

#menuhorizon ul li {
	float: left;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 3px;
	width: 100px;
	background-color:#336;
	
}
#menuhorizon a:link, 
#menuhorizon a:active, 
#menuhorizon a:visited,
#menuhorizon a:hover
{
	color: #FC0;
	/* FC0 ou F90 */
}

#menuhorizon ul li a:link, 
#menuhorizon ul li a:active, 
#menuhorizon ul li a:visited,
#menuhorizon ul li a:hover
{
	color: #FFF;	
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 12px Geneva,Arial, Helvetica, sans-serif;
	}
#menuhorizon ul li a:link.active {
	color: #FC0;
	background-color: #336;
	border:none;
	}
#menuhorizon ul li a:visited.active {
	color: #F93;
	background-color: #336;
	border:none;
	}	
#menuhorizon ul li a:hover {
	color: #699;
	background-color: #336;
	}
/* Fin des balises Menu */

#gauche960
{
float: left;
width: 960px;
background-color:#576D96;
}

#image_defilante {
float: right;
width: 727px;
background-color:#576D96;
padding:0px;
margin:0px;
}
#gauche200 {
float: left;
width: 200px;
padding:5px;
margin:0px;
}
#news {
width: 200px;
display: inline;
font-family: Arial, verdana, "lucida console", sans-serif;
text-align:left;
font-size:12px;
padding:0px;
margin:0px;
color: #FFF;
}
#news a:link, 
#news a:active, 
#news a:visited,
#news a:hover
{
color: #FFF;
}
#gauche900texte
{
float: left;
width: 900px;
padding: 10px 30px 0px 30px;
margin:0px;
color:F00;
text-align:left;
}
#gauche900_inscription
{
float: right;
width: 900px;
padding:20px;
margin:0px;
color:F00;
text-align:center;
}
#gauche_contact
{
float: left;
width: 960px;
height:430px;
padding:0px;
margin:0px;
color:F00;
background-image: url(images/contact.jpg);
}
#gauche_contact_texte
{
float: left;
padding:10px;
margin:10px;
}
#gauche_contact_texte a:link, 
#gauche_contact_texte a:active, 
#gauche_contact_texte a:visited,
#gauche_contact_texte a:hover
{
	color: #26305F;
	font-weight: bold;	
}
#ddm_texte
{
float: left;
padding: 0px;
margin: 0px;
}
#ddm_texte a:link, 
#ddm_texte a:active, 
#ddm_texte a:visited,
#ddm_texte a:hover
{
	color: #699;
}
#pied {
	width: 960px;
	margin: 0px;
	height: 30px;
	padding: 0px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #000;
	background-color:#336;
	color:#FFF;
}
#pied a:link, 
#pied a:active, 
#pied a:visited,
#pied a:hover
{
	color: #FFF;
}
#pied div {
	height: 20px;
	text-align: center;
	padding-top: 10px;
}
/* gestion des photos */
#cadreDroit500 {
float: right;
width: 650px;
padding: 10px;
margin: 5px;
color:#FFF;
}

#cadreDroit_2_photos {
float: right;
width: 450px;
padding: 10px;
margin: 5px;
color:#FFF;
}

#titreDroit500 {
float: right;
width: 500px;
padding: 0px;
margin: 0px;
}
/* --- phototheque1 --- pour la page voilier detail*/

ul.phototheque1
	{
	float: left;
	list-style: none;
	/* background-color: #F00;  */
	padding: 3px 3px 3px 7px;
	width: 200px; /* ddm */
	margin: 0px;
	text-align: center;

	}

ul.phototheque1 /* ie6 */
	{
	_padding-left: 5px;
	_padding-right: 5px;
	}

*:first-child+html ul.phototheque1 /* ie7 */
	{
	padding-left: 5px;
	padding-right: 5px;
	}
ul.phototheque1 li
	{
	display: block;
	float: left;
	width: 180px;
	height: 135px;
	text-align: center;
	}

ul.phototheque1 li img
	{
	width: 175px; 	
	height: 130px; 
	border: 1px solid #CCC;
	}

ul.phototheque1 li a
	{
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	width: 175px;
	height: 80px;
	margin-top: -89px;
	margin-left: 4px;
	font-size: 10px !important;
	text-decoration: none!important;
	background-image: url(img/pixelt.gif);
	line-height: 10px;
	}

ul.phototheque1 li a span
	{
	display: none;
	}

ul.phototheque1 li a /* ie6 */
	{
	_margin-left: 3px;
	}

*:first-child+html ul.phototheque1 li a /* ie7 */
	{
	margin-left: 6px;
	}


ul.phototheque1 li a:hover
	{
	background-position: right top;
	background-repeat: no-repeat;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

ul.phototheque1 li a
{
height: 90px !important;
}

/*   pour 2 photos */

ul.phototheque2
	{
	float: left;
	list-style: none;
	/* background-color: #F00;  */
	padding: 3px 3px 3px 7px;
	width: 400px; /* ddm */
	margin: 0px;
	text-align: center;
	}

ul.phototheque2 /* ie6 */
	{
	_padding-left: 5px;
	_padding-right: 5px;
	}

*:first-child+html ul.phototheque2 /* ie7 */
	{
	padding-left: 5px;
	padding-right: 5px;
	}

ul.phototheque2 li
	{
	display: block;
	float: left;
	width: 180px;/*112*/
	height: 135px;/*87   ddm */ 
	text-align: center;
	}

ul.phototheque2 li img
	{
	width: 175px; 	
	height: 130px; 
	border: 1px solid #CCC;
	}

ul.phototheque2 li a
	{
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	width: 180px;
	height: 135px;
	margin-top: -100px;
	margin-left: 4px;
	font-size: 10px!important;
	text-decoration: none!important;
	background-image: url(img/pixelt.gif);
	line-height: 10px;
	}

ul.phototheque2 li a span
	{
	display: none;
	}

ul.phototheque2 li a /* ie6 */
	{
	_margin-left: 3px;
	}

*:first-child+html ul.phototheque2 li a /* ie7 */
	{
	margin-left: 6px;
	}


ul.phototheque2 li a:hover
	{
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(img/bg_prod.gif);
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

ul.phototheque2 li a
{
height: 90px !important;
}


/* --- pour la page galerie */

#photo_galerie {
	float:left;
	padding:0px;
	margin: 0px;
	width: 200px;
	height: auto;
	text-align:center;
	color:#FFF;
}
#photo_galerie_global {
	float:left;
	padding:0px;
	margin: 0px;
	width: 900px;
	height: auto;
	text-align:center;
	color:#FFF;
}
/* phototheque global */

ul.phototheque5
	{
	float: left;
	list-style: none;
	padding: 4px;
	width: 900px; 
	margin: 0px;
	text-align: center;
	}

ul.phototheque5 /* ie6 */
	{
	_padding-left: 5px;
	_padding-right: 5px;
	}

*:first-child+html ul.phototheque5 /* ie7 */
	{
	padding-left: 5px;
	padding-right: 5px;
	}

ul.phototheque5 li
	{
	display: block;
	float: left;
	width: 180px;
	height: 200px;
	text-align: center;
	}

ul.phototheque5 li img
	{
	width: 175px; 
	height: 130px;
	border: 1px solid #CCC;
	}

ul.phototheque5 li a
	{
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	margin-top: -100px;
	margin-left: 4px;
	font-size: 10px!important;
	text-decoration: none!important;
	background-image: url(img/pixelt.gif);
	line-height: 10px;
	}

ul.phototheque5 li a span
	{
	display: none;
	}

ul.phototheque5 li a /* ie6 */
	{
	_margin-left: 3px;
	}

*:first-child+html ul.phototheque5 li a /* ie7 */
	{
	margin-left: 6px;
	}




ul.phototheque5 li a
{
height: 90px !important;
}
/* pour les pages programmes */

#listeDroiteImage {
	float:right;
	padding:0px;
	margin: 0px;
	width: 600px;
	height: auto;
}

#cotegauche {
	float: left;
	width: 200px;
	height: auto;
	padding:10px;
	color:#FFF;
}
#cotegauche ul li {
	margin: 0px;
	padding: 0px;
	color:#FFF;
	}
#cotegauche ul li a:link, 
#cotegauche ul li a:active, 
#cotegauche ul li a:visited,
#cotegauche ul li a:hover
{
	color:#FFF;
}
#cotegauche ul li a:link.active, 
#cotegauche ul li a:visited.active 
	{
	color:#FC0;
	}
#cotegauche ul li a:hover 
{
	color:#FC0;
}
/* formulaire inscription */
#zoneForm {
	text-align: left;
	font-size: 13px;
	color:#FFF;	
	font-weight: bold;	
}
#dataClient {
	text-align: left;
	padding: 0px;
	margin: 0 0 0 10px;
	color: #666;
	font: 13px Geneva,Arial,Tahoma,sans-serif;
}

#dataClientOrange {
	text-align: left;
	padding: 0px;
	margin: 0 0 0 10px;
	color: #FF9C08;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
}
#alerte {
	color:#FF6633;
	font-weight: bold;
	font: 15px;
	/* marge gauche du texte par rapport au bloc */
}