@charset "iso-8859-1";
/* auteur: Cyril*/
/* Date de création: 05/04/2006 */
BODY {margin-top: 0; background-color: #43A257; scrollbar-face-color: #006633; scrollbar-shadow-color: #43A257;
scrollbar-highlight-color: #43A257; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #F38504}

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; COLOR: #000000;}
.texte    {COLOR: #333333; FONT-SIZE: 13px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-ALIGN: left}
.intro    {COLOR: #F38504; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Lucida Sans, Verdana, Arial; TEXT-DECORATION: underline; TEXT-ALIGN: left}
.desc    {COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial ; TEXT-ALIGN: left}

INPUT		{COLOR: #008837; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA	{COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px}
table.maintab {width: 780px; background: url("http://www.photos-voyages.com/hawaii/images/fleur.jpg") no-repeat; background-position: 0% 70%; FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px}
table.ctc {width: 780px; background: url("http://www.photos-voyages.com/hawaii/images/fleur.jpg") no-repeat; background-position: 45% 0%; FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px}

h1			{margin: 0; COLOR: #006633; FONT-SIZE: 42px; FONT-WEIGHT: normal; font-style: italic; FONT-FAMILY: Lucida Sans, Verdana; TEXT-JUSTIFY: newspaper; margin-left: 110px; TEXT-ALIGN: left}
h2			{margin-bottom: 0; COLOR: #F38504; FONT-SIZE: 22px; FONT-WEIGHT: normal; font-style: normal; FONT-FAMILY: Verdana, Arial; margin-left: 100px; TEXT-ALIGN: left}
h3			{COLOR: #333333; FONT-SIZE: 20px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-ALIGN: left}
h3.main     {color: #009900; font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;	margin-bottom: 5px; margin-left: 50px;font-variant: small-caps; text-decoration: underline}
h3.recit {
	position: relative;
	width:90%;
	color: #004E27;
	padding-bottom: 2px;
	padding-left: 25px;
	background-position: 0% 20%;
	background-repeat: no-repeat;
	font: bold 1.4em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-image: url("http://www.photos-voyages.com/hawaii/images/icone.jpg");
	background-color: #9DD6A9;
	border-bottom: 1px solid #004E27;
	text-decoration: none;
}
h4          {color: #006666; width:90%; font-size: 11px; border-bottom: 1px solid #006666; margin: 0 0.2em 0; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}

h5          {color: #006666; width:90%; font-size: 11px; border-bottom: 1px solid #006666; margin: 0 0 0.1em 0; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}

A:link, A:visited        {BACKGROUND: none; COLOR: #004E27; FONT-WEIGHT: normal; font-style: normal; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active                   {BACKGROUND: none; COLOR: #004E27; FONT-WEIGHT: normal; font-style: normal; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover                    {BACKGROUND: none; COLOR: #5D9921; FONT-WEIGHT: normal; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.resume:link, A.resume:active  {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:visited                    {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:hover                      {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.hidden:link, A.hidden:visited        {BACKGROUND: none; COLOR: #006633; font-size:11px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.hidden:active                   {BACKGROUND: none; COLOR: #006633; font-size:11px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.hidden:hover                    {BACKGROUND: none; COLOR: #006633; font-size:11px; FONT-WEIGHT: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.links:link, A.links:visited        {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:active                   {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:hover                    {BACKGROUND: none; COLOR: #5D9921; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.liens:link, A.liens:visited        {BACKGROUND: none; COLOR: #006633; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:active                   {BACKGROUND: none; COLOR: #006633; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:hover                    {BACKGROUND: none; COLOR: #006633; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.infos:link, A.infos:visited        {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.infos:active                   {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.infos:hover                    {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.pied:link, A.pied:visited        {BACKGROUND: none; COLOR: #004E27; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.pied:active                   {BACKGROUND: none; COLOR: #004E27; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.pied:hover                    {BACKGROUND: none; COLOR: #F38504; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.jour:link, A.jour:visited        {BACKGROUND: none; COLOR: #006666; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.jour:active                   {BACKGROUND: none; COLOR: #006666; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.jour:hover                    {BACKGROUND: none; COLOR: #006666; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

strong.phototitle {COLOR: #004E27; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none; TEXT-ALIGN: center; margin-bottom: 2px;}
strong.scienti {COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; font-variant: small-caps; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: underline; TEXT-ALIGN: center; margin-bottom: 2px;}


ul.nodec {list-style:none;margin:.5em 0 1em 0;padding:0;text-decoration:none;}
ol {margin:5px 0 10px 25px;}
li {line-height:20px;}
ul.circ {list-style:circle;margin:.5em 0 1em 8em;padding:0;}
ul.square {list-style:square;margin:.5em 0 1em 1.2em;padding:0;}
ul.disc {list-style:disc;margin:.5em 0 1em 1.2em;padding:0;}

#footer{ 
width:780px;
background:url(http://www.photos-voyages.com/hawaii/images/footer.gif) repeat-x;
clear:both;  
height:40px;
padding: 0;
margin: 0;
}

#internes{ 
float: left;
text-align: left;
width:700px;
padding: 0px 0px 0px 3px;
margin-top: 5px;
line-height:100%;
color: #004E27;
}
#xiti{
float: right;
width:50px;
margin-left:9px;
padding: 15px 0px 0px 3px;
}

.lesliens{
float: left;
width:700px;
margin: 0;
text-align: left;
}

.legal{
width:780px;
text-align:center;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
color: #000000;
}
#menu{
width:780px;
text-align:center;
font-size:9px;
color:#F38504;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
background-color: #9DD6A9;
}


A.backlink:link, A.backlink:active, A.backlink:visited        {BACKGROUND: none; color:#747474; font-size:9px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.backlink:hover         {BACKGROUND: none; color:#747474; font-size:9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}

img.photo {
border: 5px solid #004E27;
}

.images {
	margin: 0px 0px 0px 0px;
    border: 4px solid #004E27;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

.vignettes {
	margin: 0px 0px 0px 0px;
    border: 2px solid #004E27;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

.legende{
width:600px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin: 10px 90px 15px 90px;
}

.apropos{
width:600px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:220%;
background: url("http://www.photos-voyages.com/hawaii/images/fleur.jpg") repeat-y;
background-position: 50% 0%;
margin: 10px 90px 15px 90px;
}

.fleur{
width:600px;
background: url("http://www.photos-voyages.com/hawaii/images/fleur.jpg") repeat-y;
background-position: 50% 0%;
}

#header-p{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-p.jpg) no-repeat;
margin: 0px;
}
#header-v{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-v.jpg) no-repeat;
margin: 0px;
}
#header-f{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-f.jpg) no-repeat;
margin: 0px;
}
#header-s{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-s.jpg) no-repeat;
margin: 0px;
}
#header-c{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-c.jpg) no-repeat;
margin: 0px;
}
#header-m{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-m.jpg) no-repeat;
margin: 0px;
}
#header-k{
width: 780px;
height: 110px;
background: #ffffff url(http://www.photos-voyages.com/hawaii/images/background-k.jpg) no-repeat;
margin: 0px;
}
#usearch{
width: 330px;
height: 53px;
top: 39px;
right: 270px;
background: #FFFFFF url(http://www.photos-voyages.com/images/fond.gif) no-repeat;
margin-top: 10px;
margin-bottom: 8px;
}

.paysages
{
float: left;
width: 350px;
height: 110px;
margin-top: 3px;
border: 0;
}
.fonds-marins
{
float: left;
width: 350px;
height: 110px;
margin-top: 10px;
border: 0;
}

.logo {
float: left;
margin-left: 10px;
margin-top: 3px;
border: 0;
}
.formulaire{
background: url(http://www.photos-voyages.com/hawaii/images/fond.gif) #FFFFFF no-repeat;
margin : 0;
width: 350px;
height: 310px;
float: left;
}
.telecharge{
width:680px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px 40px 15px 60px;
}
#haut
{
float: none;
width: 780px;
margin: 0px 0px 0px 0px;
background: #ffffff;
background: url(http://www.photos-voyages.com/hawaii/images/fond.jpg);
}

#tout
{
float: none;
width: 780px;
margin: 0px 0px 0px 0px;
border-style:solid;
border-width:3px;
border-color: #004E27;
background: #ffffff;
}
.adtheme {
float: center;
width: 768px;
height:15px;
margin: 25px 0px 10px 0px;
}
.ad {
float: center;
width: 728px;
height:108px;
margin-top: 5px;
}
.topad {
float: center;
width: 728px;
height: 7px;
line-height:0;
font-size:0;
background: #FFFFFF url(http://www.photos-voyages.com/hawaii/images/barre.gif) no-repeat;
}
.topad-1 {
float: center;
width: 728px;
height: 7px;
line-height:0;
font-size:0;
background: #FFFFFF url(http://www.photos-voyages.com/hawaii/images/barre-1.gif) no-repeat;
}
.midad {
float: center;
width: 728px;
height: 90px;
margin-top: 2px;
}
.botad {
float: center;
width: 728px;
height: 7px;
line-height:0;
font-size:0;
background: #FFFFFF url(http://www.photos-voyages.com/hawaii/images/barre.gif) no-repeat;
margin-top: 2px;
}
.botad-1 {
float: center;
width: 728px;
height: 7px;
line-height:0;
font-size:0;
background: #FFFFFF url(http://www.photos-voyages.com/hawaii/images/barre-1.gif) no-repeat;
margin-top: 2px;
}

#content-hor {
float: center;
height: 400px;
background-color: #FFFFFF;
margin: 15px 50px 0px 50px;
}
#picture-hor {
float: left;
width: 590px;
height: 400px;
background-color: #FFFFFF;
margin: 0px;
}
#content-vert {
float: center;
height: 610px;
background-color: #FFFFFF;
margin: 15px 140px 0px 150px;
}
#picture-vert {
float: left;
width: 400px;
height: 600px;
background-color: #FFFFFF;
margin: 0px;
}
#content-mos {
float: center;
height: 610px;
background-color: #FFFFFF;
margin: 15px 40px 0px 40px;
}
#picture-mos {
float: left;
width: 610px;
height: 620px;
background-color: #FFFFFF;
margin: 0px;
}
#content-16 {
float: center;
height: 370px;
background-color: #FFFFFF;
margin: 15px 20px 0px 20px;
}
#picture-16 {
float: left;
width: 650px;
height: 370px;
background-color: #FFFFFF;
margin: 0px;
}
#menu-hor {
float: right;
width: 50px;
height: 300px;
background-color: #FFFFFF;
margin: 5px 0px 0px 20px;
}
#menu-1 {
float: center;
width: 50px;
padding-top: 30px;
background-color: #FFFFFF;
}
#menu-2 {
float: center;
width: 50px;
padding-top: 80px;
background-color: #FFFFFF;
margin-top: 10px;
}
#menu-3 {
float: center;
width: 50px;
padding-top: 80px;
background-color: #FFFFFF;
margin-top: 10px;
}
#menu-4 {
float: center;
width: 50px;
padding-top: 40px;
background-color: #FFFFFF;
margin-top: 10px;
}
#count {
float: center;
height: 25px;
background-color: #FFFFFF;
margin: 8px 195px 0px 120px;
font-size: 12px;
font-family: Arial;
}
#navig{
height: 310px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 40px 15px 50px;
}

#culture{
width: 300px;
height: 310px;
text-align:left;
font-size:11px;
line-height:200%;
font-family: Verdana;
margin-left: 20px;
padding : 5px 5px 5px 5px; 
border: 1px solid #008D45;
float: right;
background: url(http://www.photos-voyages.com/hawaii/images/statue.jpg) right bottom no-repeat;
}

/* ------------------
CULTURE
---------------------- */
.cont
{
height: 355px;
background-color: #ffffff;
margin: 0 20px 25px 20px;
}
.conteneur1
{
width: 350px;
height: 335px;
float: left;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur2
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur3
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
}

.details
{
width: 350px;
height: 140px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
}
.tofo
{
width: 150px;
height: 175px;
float: left;
margin: 4px 0 0 4px;
}
.tofo-cd
{
width: 150px;
height: 145px;
float: left;
margin: 4px 0 0 4px;
}
.bla
{
float: right;
width: 180px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
margin-left: 10px;
}
.bottom
{
width: 350px;
height: 100px;
margin-top: 45px;
}
.bottom-cd
{
width: 350px;
height: 120px;
margin-top: 45px;
}
.des {
margin: 0px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
line-height:160%;
}
#search{ 
float: center;
text-align: left;
width:700px;
padding-left:0px;
}

#pubabout {
float: center;
height: 300px;
background-color: #FFFFFF;
margin: 0px 60px 20px 60px;
}
#pubphoto {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0;
}
#about {
float: left;
width: 300px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
background-color: #FFFFFF;
margin-left: 10px;
}
#contrecit {
float: center;
background-color: #FFFFFF;
margin: 5px 50px 20px 50px;
}
#pub {
float: left;
width: 250px;
height: 250px;
background-color: #FFFFFF;
margin: 0;
}
#textrecit {
text-align:justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:200%;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
}
/* ------------------
PAGES PHOTOS
---------------------- */
.blocphoto
{
float: left;
width: 160px;
margin-left: 20px;
}
.blocphotohor
{
float: left;
width: 160px;
margin-left: 20px;
margin-top: 38px;
}
.blocphotohalf
{
float: left;
width: 160px;
margin-left: 20px;
margin-top: 19px;
}
.blocpub
{
float: left;
width: 250px;
height: 250px;
margin-left: 30px;
background-color: #FFFFFF;
}
.blocphotohaut
{
float: left;
width: 380px;
margin-left: 50px;
}
.blocphotobas
{
float: left;
width: 380px;
margin: 40px 0 0px 50px;
}
.blocphoto16
{
float: left;
width: 250px;
margin: 0px 0 0px 50px;
}
.bloc1 {width: 750px; height: 140px; margin: 15px 15px 0 5px;}
.bloc2 {width: 750px; height: 250px; margin: 0px 15px 25px 5px;}
.bloc3 {width: 750px; height: 265px; margin: 15px 15px 25px 5px;}
/* ------------------
VIDEOS
---------------------- */

.contvideo {
float: center;
height: 330px;
background-color: #FFFFFF;
margin: 15px 50px 20px 50px;
}
.lavideo {
float: left;
width: 330px;
height: 330px;
background-color: #FFFFFF;
margin: 0px;
}
.descvideo {
float: left;
text-align: left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 270px;
height: 300px;
background-color: #FFFFFF;
line-height:170%;
margin: 0 0 0 20px;
}
/* ------------------
METEO
---------------------- */

.fond { background-color:#669999; }
.corps { background-color:#D8E9EC; }
.titre { color: #FFFFFF; }
.sstitre { color: #858586; font-weight: bold; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tempe { color: #333333; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }