@charset "UTF-8";
/* CSS Document */

BODY {
	font-family:Tahoma, Arial;
	font-size:12px;
	line-height:15px;
	color:#472317;
	margin-bottom:20px;
}

IFRAME, OL, UL, LI, TD, TR, TH, H1, H3, DL, DT, DD, P {
	margin:0;
	padding:0;
}

IFRAME {
	overflow:hidden;
	position:relative;
}

H1 {
	clear:both;
	background:transparent url(./_image/ligne_titre.gif) repeat-x 0 20px;
	margin:5px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	color:#007eae;
	font-family:Tahoma, Arial;
	line-height:normal;
}
H1 span{
	background:#FEFCE7;
}

H1.titrePage {
	color:#472317;
	font-size:20px;
	background-color:#fff;
	background-image:url(./_image/fond_haut.gif);
	background-position:top left;
	background-repeat:repeat-x;
	margin:-20px -20px 20px -20px;
	padding:3px 0 3px 20px;
}
H2 {
	clear:both;
	background:transparent url(./_image/ligne_titre.gif) repeat-x 0 20px;
	margin:5px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	color:#007eae;
	font-family:Tahoma, Arial;
	line-height:normal;
}
H2 span{
	background:#FEFCE7;
}

#logoNauti A {
	behavior: url(./iepngfix.htc);
	
	width:301px;
	height:0;
	padding-top:57px;
	overflow:hidden;
	display:block;
	
	position:absolute;
	margin:35px 0 0 20px;
	top:0;
	
	background-image:url(./_image/nautiboat-logo.png);
	background-repeat:no-repeat;
}

#accueil,
#stagepilotage,
#liens,
#permisbateau,
#contact,
#minicroisiere,
#nautiboat,
#copyright {
	font-size:12px;
	width:710px;
	padding:20px;
	display:inline-block;
}

A IMG {
	border:0 none;
}
.photo {
	border:1px solid #000;
	background-color:#fff;
	padding:3px;	
}

P {
	margin-bottom:15px;
}

/**ACCUEIL**/

#gauche {
	width:590px;
	float:left;
}
#droite {
	width:100px;
	float:right;
}

ul#activite {
	width:590px;
	overflow:hidden;
	margin-bottom:20px;
	padding:0;
}
ul#activite li {
	list-style:none;
	display:inline;
}
ul#activite li a {
	float:left;
}
#permis a {
	width:285px;
	height:0;
	padding-top:196px;
	display:block;
	overflow:hidden;
	
	background-image:url(./_image/permis-bateau-accueil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin-right:20px;
	margin-bottom:20px;
}
#stage a {
	width:285px;
	height:0;
	padding-top:196px;
	display:block;
	overflow:hidden;
	
	background-image:url(./_image/stage-pilotage-accueil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#croisiere a {
	width:285px;
	height:0;
	padding-top:140px;
	display:block;
	overflow:hidden;
	
	background-image:url(./_image/mini-croisiere-accueil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	
	margin-right:20px;
}
#croisiere2 a {
	width:285px;
	height:0;
	padding-top:140px;
	display:block;
	overflow:hidden;
	
	background-image:url(./_image/croisiere-accueil.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#meteo {
	width:100px;
	height:196px;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}

#partenaire {
	clear:both;
	width:690px;
}	
#partenaire li {
	display:inline;
	height:60px;
	margin-right:20px;
}
#partenaire li img {
	border:0 none;
}

#espaceclient a {
	width:100px;
	height:0;
	padding-top:200px;
	display:block;
	overflow:hidden;
	
	background-image:url(./_image/entrainement.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}


/**ESPACE CLIENTS**/
body#bodyframe {
	color:#472317;
	font-size:0.71em;
	background-color:#fff;
	background-image:url(./_image/fond_haut.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
body#bodyframe,
#bodyframe p,
#bodyframe td,
#bodyframe li,
#bodyframe ul,
#bodyframe dd,
#bodyframe dl,
#bodyframe caption,
#bodyframe input,
#bodyframe textarea,
#bodyframe select,
#bodyframe option {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	}

#bodyframe h2 {
	margin:5px 0;
	}
#bodyframe form{
    margin:0;
    padding:0;
}

#contenu {
	width:320px;
	padding:0 10px 0 20px;
	float:left;
}

#contenu h2 {
	background:transparent url(./_image/ligne_titre.gif) repeat-x 0 20px;
	margin:5px 0 10px 0;
	font-size:1.8em;
	font-weight:normal;
}
#contenu h2 span{
	background:#fff;
}
#contenu .der{
	padding:0 0 20px 0;
}
#contenu input,
#contenu textarea,
#contenu select {
    border:1px solid #472317;
    padding:1px;
}
#contenu  ul{
	list-style:none;
}
#contenu a:link{
	color:#f60;
	}
#contenu a:visited{
	color:#f80;
	}
#contenu a:hover{
	color:#f40;
	}
#contenu a:active{
	color:#f20;
	}
#contenu p {
	margin:0 0 10px 0;
}
#contenu fieldset {
	border:none;
	padding:10px;
	display:inline;
    margin:0;
	padding:5px;
}
#contenu input,
#contenu label {
	margin:5px 0;
}
#contenu legend {
	display:none;
}
#bouton input {
	color:#fff;
	width:84px;
	height:17px;
	background:transparent url(./_image/bouton_connexion.gif) no-repeat;
	padding:0 0 0 12px;
	border:0;
}

.intro {
	font-size:1.1em;
}

.logo_monpermisbateau {
	margin-bottom:15px;
}


/**LIENS**/
BODY#liens TD {
	text-align:left;
	vertical-align:top
}
#liens IMG {
	border:1px solid;
}

/**ACTUALITES**/
DL {
	clear:both;
	margin-bottom:20px;
}
DL DT {
	font-size:14px;
	color:#007eae;
	background:transparent url(./_image/ligne_titre.gif) repeat-x 0 14px;
}
DL DT STRONG {
	background-color:#FEFCE7;
}
DL DD .photoactu a {
	float:right;
	margin:0 0 10px 20px;
	border:1px solid #000;
	background-color:#fff;
	padding:3px;
}
DL DD {
	padding-top:5px
}
DL DD P {
	text-align:justify;
}

/*Galerie*/
.close, .open {
	clear: both;
}
.close h4, .open h4 {
	text-decoration: none;
	padding-left: 12px;
	font-size: 12px;
	cursor: pointer;
	background-position: 0 2px;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #ac7b24;
}
.close div, .open div {
}

.close h4 {
	background-image: url(./_image/plus.png);
}
.close ul {
	display:none;
}
.open h4 { 
	background-image: url(./_image/moins.png);
}
.open ul {
	display:inherit;
	overflow:hidden
}

.open div a.pmpup {
	float:none;
}

.open ul li {
	display:inline;
	padding:0;
	margin:0;
}
.open ul li a {
	border:1px solid #000;
	background-color:#fff;
	padding:3px;
	display:block;
	float:left;
	margin-left:5px;
	text-decoration:none;
}
.open ul li a:hover,
DL DD .photoactu a:hover {
	border-color:#007eae;
}
.open ul li a .masque-photo {
	display:none;
}


/**STAGE PILOTAGE**/
#stagepilotage .photo {
	float:right;
	margin-left:50px;
}

/**PERMIS BATEAU**/
#permisbateau a {
	text-decoration:underline;
	color:#472317;
}
#permisbateau a:hover {
	color:#007eae;
}
ul#formation {
	margin-bottom:20px;
}
ul#formation li {
	list-style:none;
}
ul#formation li H3 {
	font-size:14px;
	margin-bottom:4px;
}
ul#formation LI H3 EM {
	font-size:12px;
	font-style:normal;
}
#permisbateau .photo {
	float:right;
	/*margin:0 0 10px 20px;*/
}
.important {
	float:left;
	padding:10px 10px 5px;
	font-size:14px;
	line-height:16px;
	width:400px;
	border:1px solid #978a79;
	background-color:#F8E0C2;
	margin-bottom:20px;
}
#permisbateau th {
	font-size:14px;
	background-color:#cbc6ac;
	color:#472317;
	font-weight:normal;
	padding:2px;
}
#permisbateau td {
	font-size:12px;
	padding:0 20px 5px;
}
#permisbateau td em {
	font-size:10px;
	display:block;
	color:#855b27;
}
#permisbateau td.telecharger {
	background-image:url(./_image/pdf-16.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/**MINI CROISIERE**/
#minicroisiere .photo {
	float:right;
	margin-left:20px;
}
#minicroisiere UL#formation LI {
	list-style-type:none;
	list-style-position:outside;
}
#minicroisiere UL#formation LI H3 {
	font-size:12px;
}
#minicroisiere UL#formation LI H3 SPAN {
	color:#939da2;
	background-image:url(./_image/time.png);
	background-repeat:no-repeat;
	padding:1px 0 1px 18px;
}
#minicroisiere UL#formation LI P {
	padding:0 0 0 18px;
	text-align:justify;
}
#minicroisiere UL#formation LI STRONG {
	color:#855b27;
	font-weight:normal;
}

#minicroisiere .important {
	float:none;
	width:auto;
	margin-bottom:20px;
}
.Style1 {
	font-family: Tahoma, "Times New Roman";
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
.Style2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.Style3 {
	font-family: Tahoma, "Times New Roman";
	font-size: 11px;
	color: #666666;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
.Style8 {
	font-size: 12px;
	font-family: Tahoma, "Times New Roman";
	font-weight: bold;
	color: #666666;
}
.Style11 {font-size: 11px}
.Style14 {font-size: 11px; font-family: Tahoma, "Times New Roman"; font-weight: bold; color: #666666; }
.Style17 {	font-family: Tahoma, "Times New Roman";
	font-size: 10px;
	color: #515151;
	font-weight: bold;
}
.Style16 {font-family: Tahoma, "Time Roman", Arial}
.Style18 {color: #515151}
.Style18 {font-size: 12px; font-weight: bold; color: #515151; }