/* 
* PORT MORGAN
*/

/* RESET
--------------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
html,body {height: 100%; }
ul {list-style:none; margin:0; padding:0;}
a img, fieldset{border:0;}
fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
abbr, acronym{border:0}
a:focus:hover{border:0}
a:hover{text-decoration:underline;}

/* GENERAL
--------------------------------------------------------------------------------------- */
html,body{ margin:0px auto 0px auto; text-align:center; color:#333736; font-family:Arial, Helvetica, sans-serif; }
.clearboth{ clear:both; margin:0px; padding:0px; font-size:1px; height:1px; }
.clearer { clear: both; }
.no-margin {margin: 0;}

#conteneur{ margin-left:auto;margin-right:auto;margin-top:0;padding:0;text-align:left;width:800px; position:relative; top: 30px; z-index:1;}
#imagefond {left:0;min-width:800;overflow:hidden;position:absolute;top:0; /*width:100%; */ z-index:0;height:100%;}
#imagefond  img{position:fixed;}


/* CONTENU
--------------------------------------------------------------------------------------- */
#conteneur a{ color:#28858c; text-decoration:none; }
#conteneur a:hover{ text-decoration:underline;}

#contenu { width:800px; height:600px; border: solid 1px #53bbb3;  margin: 0px auto 0 auto; background:url(../_images/fond-contenu.jpg) repeat-x bottom left #fff; }

/* HEADER
--------------------------------------------------------------------------------------- */
#entete{ width:800px; height: 190px; }
#logo { width:160px; height: 190px; float:left; background:url(../_images/logo.jpg) no-repeat 20px 15px; }
#entete-principale { width:640px; height: 190px; float:left;}
#banniere{ width:506px; height:100px; background-color:#fff; margin: 34px auto 39px auto;}

#logo h1{ font-size: 14px; }
#logo h1 a{ display: block; width:160px; height:190px; line-height:30px; text-decoration: none; }
#logo h1 a:hover{ text-decoration: none; }
#logo h1 a span{ visibility: hidden; }


/* MENU
--------------------------------------------------------------------------------------- */
#menu { height: 16px; width: 610px; text-align:center; font-size:12px; margin: 0 0 0 20px; }
#menu ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
#menu ul li { clear:none; color:#fff; float:left; height:16px; line-height:16px; list-style-type:none; margin: 0 3px; }
#menu ul li img { float: left;  }
#menu ul li a { display: block; float: left; height: 16px; border: solid 0px red; margin: 0 0px; padding:0 4px; color:#fff; text-decoration:none;   font-weight:bold; background:url(../_images/fond-menu.gif) repeat-x 0 0; }
#menu ul li a:hover{ text-decoration:none; color:#6b6b6b; background:url(../_images/fond-menu-ovr.gif) repeat-x 0 0;  }
#menu ul li .actif{ text-decoration:none; color:#6b6b6b; background:url(../_images/fond-menu-ovr.gif) repeat-x 0 0;  }


/* SOUS MENU
--------------------------------------------------------------------------------------- */
#sous-menu { height: 328px; width:161px; border: solid 0px blue;}
#sous-menu ul li { width:161px; height:17px; line-height:17px; display:block;  margin: 0 0 3px 0; text-align:right; font-weight:bold; }
#sous-menu ul li a{color:#fff; background:url(../_images/fond-sousmenu.jpg) no-repeat 0 0; width:161px; height:17px; display:block;}
#sous-menu ul li a:hover{ color:#6b6b6b; background:url(../_images/fond-sousmenu-ovr.jpg) no-repeat 0 0; text-decoration:none;}
#sous-menu ul li a span{ margin: 0 4px 0 0;}
#sous-menu ul li .actif{ color:#6b6b6b; background:url(../_images/fond-sousmenu-ovr.jpg) no-repeat 0 0; text-decoration:none;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu-global{ color:#4c2804; font-size:11px; width:795px; }
#contenu-global a{ color:#28858c; text-decoration: none;}
#contenu-global a:hover{ text-decoration: underline;}
#contenu-global h2{ font-size: 15px; margin: 0 0 0px 0; color:#ec7e27;}
#contenu-global h3{ font-size: 15px; margin: 0 0 0px 0; color:#ec7e27;}

#colonne-sousmenu{ float: left; width:161px; border: solid 0px #000; margin: 0 0 0 2px; font-size:12px;}
#hotel-de-reve { height:50px; width:161px; background:url(../_images/hotel-de-reve.gif) no-repeat 30px 8px; }
#hotel-de-reve h4 span { display: none; }
#paradisiac-resort { height:50px; width:161px; background:url(../_images/paradisiac-resort.gif) no-repeat 30px 8px; }
#paradisiac-resort h4 span { display: none; }

#choix-langues { height: 20px; width:161px; border: solid 0px red; clear:both;}
#choix-langues ul { width:120px; margin: 0 0 0 53px;}
#choix-langues ul li{ width:30px; height:12px; float: left;}
#choix-langues ul li a{ width:30px; height:12px; padding: 3px 3px; }

#contenu-central { width: 603px; border: solid 0px #000; float: left; margin: 0 0 0 18px;}
#contenu-central-bloc { width: 603px; height: 375px; border: solid 0px red; overflow:auto; font-size:11px; color:#363636; text-align:justify;}
#contenu-central-bloc p{ margin: 0 0 10px 0;}
#contenu-central-bloc h4{ font-size:12px; color:#eb7d28; margin: 0 0 10px 0;}

#fil-ariane { font-size: 12px; font-weight:bold; color:#28858c; height:30px; line-height:30px; }
.diapo-photo{ float: left; margin: 0 13px 0 0; height: 85px; /* width:70px; */}
.diapo-cgv{ float: left; margin: 0 10px 0 0; height: 85px; width:100px;}

/* CONTENU DE L'ARTICLE
--------------------------------------------------------------------------------------- */
.contenu-texte{ width: 335px; float: left; text-align:justify; }
.contenu-image{ width: 240px; float: right; text-align:center;}
.contenu-image img{ margin: 0 0 5px 0;}
#contenu-central #contenu-central-bloc .contenu-image .acces-photo { width:230px; display:block; height: 14px; font-weight:bold; font-size:11px; color:#156166; background:url(../_images/puce.gif) no-repeat 0px 3px; padding: 0 0 0 5px; }
.article-sep { height: 15px; width:585px; clear: both;}

/* FOOTER
--------------------------------------------------------------------------------------- */
#footer{ clear: both; color:#28858c; font-size:9px; width:730px; height: 20px; line-height: 20px; margin: 2px auto 0 auto;  text-align:center; }
#footer-zone1 { float:left; }
#footer-zone2 { float:left; }
#footer-zone2 ul{ margin: 0 0 0 0; }
#footer-zone2 ul li{ float: left; height:20px; margin: 0 0 0 5px; line-height:20px; border: solid 0px red; font-size:10px;  font-weight:bold; text-align:center;}
#footer-zone2 ul li a{ padding: 0 0 0 0; text-decoration:none; color:#28858c; font-size:9px; font-weight:normal; text-transform:lowercase; }
#footer-zone2 ul li a:hover{ text-decoration:underline;}

/* PLAN DU SITE
--------------------------------------------------------------------------------------- */
.plan-du-site-bloc{}
.plan-du-site-bloc ul { }
.plan-du-site-bloc ul li{ }
.plan-du-site-bloc ul li a{ }
.plan-du-site-bloc ul ul { list-style-type:disc; margin: 0 0 0 30px; }
.plan-du-site-bloc ul ul li{}
.plan-du-site-bloc ul ul li a{}
.plan-sep { height: 10px; width:450px; clear: both;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.form_2{ border: solid 0px red; width: 300px; float:left; }
.form_1{ border: solid 0px red; width: 300px; }
#intro-form { width:200px; float: left;}
.spip_form_choix_unique li { float: left; margin: 0 10px 0 0; }
#input-1-ligne_9 { width: 30px; }
#input-1-ligne_10 { width: 30px; }
#input-1-ligne_11 { width: 30px; }
#input-1-ligne_12 { width: 30px; }
#input-1-ligne_13 { width: 30px; }
#input-1-ligne_14 { width: 30px; }
#input-1-ligne_15 { width: 30px; }
#input-1-ligne_16 { width: 30px; }