/*  les couleurs :

#15334E bleu très foncé
#233B7F bleu foncé
#3052B4 bleu moyen
#C3D0F7 bleu clair
#9D3B27 marron
#FF9425 jaune orangé
*/

body         { background-color: #15334E; font-family: Verdana; font-size: 9pt; color: #FFFFFF }
ul           { font-family: Verdana; font-size: 9pt; color: #FFFFFF }
table		 {font-family: Verdana; font-size: 9pt; color: #FFFFFF }


div.global {position:absolute;
     left: 50%; 
     top: 54px;
     width: 970px;
     height: 704px;
     /*margin-top: -302px; /* moitié de la hauteur */
     margin-left: -485px; /* moitié de la largeur */
     border: 0px solid #000;
     overflow:hidden;
     background-color : #15334E;
	 /*border: medium grey solid;*/


}
/* bandeau image en haut de la fenêtre */
div.bandeau   {height:104px;}
div.bandeau800 {height:75px;}

/*pied de page avec coordonnées et photo ligne bateau */
div.piedphoto {width: 70%; height:100px; position: absolute; left:20px; bottom: 0px; z-index:3; font-family: verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}
div.pied800photo {width: 70%; height:100px; position: absolute; left:0px; bottom: 0px; z-index:3; font-family: verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}
div.pied {width: 70%; height:100px; position: absolute; left:20px; bottom: 0px; z-index:3; font-family: verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}
div.pied800 {width: 70%; height:100px; position: absolute; left:0px; bottom: 0px; z-index:3; font-family: verdana; font-size: 12px; font-weight: bold; color: #FFFFFF}
td.pied {color: #FFFFFF; font-family: Arial; font-size: 9pt;font-weight:bold;}

/* div principal */
/* principal = page du site */
/* principalb = page des 7 iles */
/* principalpeche = page peche en mer */
/* principalbrehat = page bréhat */

/*1024 pour affichage en 1024 */
div.principal1024   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal1024   { background-image:url('photos/fd021.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;width:740px; height:450px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px }
div.principal1024b   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal1024b   { background-image:url('photos/fd041.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;width:740px; height:450px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px }
div.principal1024peche   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal1024peche   { background-image:url('photos/fdpeche.jpg'); background-repeat: no-repeat; background-position:  left 50%; background-attachment: fixed;width:740px; height:450px; padding: 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px }
div.principal1024brehat   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal1024brehat   { background-image:url('photos/fdbrehat.jpg'); background-repeat: no-repeat; background-position: right; background-attachment: fixed;width:740px; height:450px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px }

/*800 pour affichage en 800 */
div.principal800   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal800   { background-image:url('photos/fd021800.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; width:570px; height:250px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 10px }
div.principal800b   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal800b   { background-image:url('photos/fd041800.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; width:570px; height:250px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 10px }
div.principal800peche   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal800peche   { background-image:url('photos/fdpeche800.jpg'); background-repeat: no-repeat; background-position:  left 50%; background-attachment: fixed; width:570px; height:250px; padding: 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 10px }
div.principal800brehat   { overflow: auto; scrollbar-face-color: #15334E; scrollbar-shadow-color: #5770B7; scrollbar-highlight-color: #233B7F; scrollbar-3dlight-color: #5770B7; scrollbar-darkshadow-color: #C3D0F7; scrollbar-track-color: #C3D0F7; scrollbar-arrow-color: #FFFFFF}
div.principal800brehat   { background-image:url('photos/fdbrehat800.jpg'); background-repeat: no-repeat; background-position: right; background-attachment: fixed; width:570px; height:250px; padding: 2px 2px 2px 2px; color: #FFFFFF; text-align: left; FONT-FAMILY: verdana; FONT-WEIGHT: bold; FONT-SIZE: 9px }


/* photo des oiseau en bas à droite */

div.oiseau1024 { background-image:url('photos/foucouple1024.jpg'); float: left; position: absolute; z-index:0; right: 30px; bottom: 0px; width:185px; height:203px; padding: 2px 2px 2px 2px }
div.oiseau800 { background-image:url('photos/foucouple800.jpg'); background-repeat: no-repeat; background-position: bottom; float: left; position: absolute; z-index:0; right: 10px; bottom: 0px; width:138px; height:123px; padding: 2px 2px 2px 2px }

/* menu */
div.menu1024   { overflow: auto; scrollbar-face-color: #4476A0; scrollbar-shadow-color: #4476A0; scrollbar-highlight-color: #13324E; scrollbar-3dlight-color: #13324E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #0A472D}
div.menu1024   { padding: 6px 33px 10px 10px; 
				 color: #FFFFFF; text-align: right; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
				 width: 290px; height: 650px; position: absolute; z-index:4; right: 10px; top: 0px; /*border:medium red solid;*/ }

div.menu800   { overflow: auto; scrollbar-face-color: #4476A0; scrollbar-shadow-color: #4476A0; scrollbar-highlight-color: #13324E; scrollbar-3dlight-color: #13324E; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #0A472D}
div.menu800   { padding: 5px 5px 5px 5px; 
                color: #FFFFFF; text-align: right; FONT-FAMILY: verdana; FONT-WEIGHT: bold; 
                width: 290px; height: 350px; position: absolute; z-index:4; right: 0px; top: 0px }



/* les liens */
a:link {  font-family: verdana; font-size: 11px; color: #FFFFFF; text-decoration: underline}
a:visited {  font-family: verdana; font-size: 11px; color: #FFFFFF; text-decoration: underline}
a:hover {  font-family: verdana; font-size: 11px; color: #15334E; background-color: #FF9425; text-decoration: none}

a:link.lienb {  font-family: verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}
a:visited.lienb {  font-family: verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}
a:hover.lienb {  font-family: verdana; font-size: 10px; color: #FFFFFF; background-color:#3052B4 ; text-decoration: none}

a:link.menu01 {  font-family: verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}
a:hover.menu01 {  font-family: verdana; font-size: 10px;  background-color: #5770B7; color:#FFFFFF ; text-decoration: underline}
a:visited.menu01 {  font-family: verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}

a:link.menu02 {  font-family: verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none}
a:hover.menu02 {  font-family: verdana; font-size: 8pt;  background-color: #5770B7; color: #FFFFFF; text-decoration: underline}
a:visited.menu02 {  font-family: verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none}

/* la carte */
/* div.photo { border-width:3px; position:absolute;z-index:10; top:90px;right:100px;width:350;height:320px;visibility:hidden;border-style:double;background-color: #15334E;font-family: Verdana; font-size: 10pt; color: #FFFFFF; font-weight:bold}*/
/* div.fermer { text-align:right; } */

/*les diaporamas*/

input.diapo {font-size: 8pt; color:#15334E; font-weight:bold; background-color:#68A3D7}
input.diapotext {border-style:double; border-width:0px; width:351; height:22; font-family:Verdana; color:#FFFFFF; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#15334E}
textarea.diapo2text {border-style:double; border-width:0px; width:348; height:45; font-family:Verdana; color:#FFFFFF; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#15334E}