@charset "iso-8859-1";
/* DATE DE CREATION : 01/02/2010 */
/* divers */
/*body {color: #000; background: url(baie_des_anges.jpg) fixed right bottom no-repeat; background-size: 100%; font-family: "Bitstream Vera Sans", "x-small Verdana", Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; text-align: center; height: 100%; }
*/
body {color: #000; background: #02356A; font-family: "Bitstream Vera Sans", "x-small Verdana", Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; text-align: center; height: 100%; }
body a.lien {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #000; }
body a.lien:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2 {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #DC143C; }
body b.rouge {color: #c00; }
body b.noir {color: #000; }
body a.jaune {text-decoration: underline; font-weight: bold; color: #FFC; }
body a.rouge {text-decoration: underline; font-weight: bold; color: #c00; }
body a.vert {text-decoration: underline; font-weight: bold; color: #A1C749; }
body a.noir {text-decoration: underline; font-weight: bold; color: #000; }
body legend {font-weight: bold; }
body fieldset {margin: 6px 0.5em 6px; padding: 6px 0.5em 6px; }
body font.lettrine {font-size:15pt; font-weight: bold; text-indent:5px; color: #F00; }
body ul {margin-top: 0.5em; margin-bottom: 0.5em;  }
html {height: 100%; }

/* centrage */
#centrage_logoa {display: block; position: absolute; background: url(logo-marivieravague.png) center bottom no-repeat; left: 50%; width: 460px; height: 80px; margin-top: 10px; margin-left: -230px; z-index:500; }
#centrage_logob {display: block; position: absolute; background: url(logo-marivieravague.png) center bottom no-repeat; left: 50%; top: 0px; width: 500px; height: 110px; margin-left: -250px; text-align: left; z-index:500; }
#centrage_a {display: block; position: absolute; left: 50%; width: 900px; height: 600px; margin-top: 42px; margin-left: -430px; text-align: left; padding: 0px; }
#centrage_b {display: block; position: absolute; left: 50%; width: 880px; margin-top: 62px; margin-left: -430px; text-align: left; background: #f00; }
#accueil_langue {display: block; position: absolute; top: 0px; left: -30px; width: 24px; }
#accueil_langue div.drapeau {float: left; margin-bottom: 10px; }
#accueil_bande {position: absolute; background: #02356A; top: 495px; left: 6px; width: 750px; height: 60px; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60; }
#accueil_bande2 {position: absolute; top: 455px; left: 6px; width: 750px; height: 60px; margin: 0px; color: #fff; text-align: center; color: #000; }
h1.accroche {position: relative; font: bold 16px/16px verdana, sans-serif; padding-top: 2.8em; line-height: 30px; color: #fff; }

/* accueil */
#accueil_fond  {position: absolute; width: 750px; background: #fff; padding: 6px; }
#accueil_menu  {position: absolute; top: 25px; left: 25px; width: 170px; height: 550px; }

/* corps */
#accueil_fond2 {display: block; float: left; position: absolute; width: 740px; background: #fff; padding: 6px; }
#accueil_menu2 {display: block; float: left; position: relative; top: 40px; width: 170px; }

/* menu gauche */
#bar_g {display: block; position: relative; top: 4px; left: 4px; width: 160px; }
#bar_g_list {text-decoration: none; }
#bar_g_list a.g_titre {display: block; width: 160px; background: #02356A; color: #fff; font-size: 7.5pt; padding: 3px 1px; text-transform: uppercase; font-weight: bold; text-align: center; border: 1px solid #000; margin-bottom: 3px; }
#bar_g_list a.g_titre:hover {color: #FEFEFE; text-decoration: underline; }
#bar_g_list a.g_rub {display: block; width: 160px; background: #FEFEFE; color: #000; font-size: 7.5pt; padding: 3px 1px; text-transform: uppercase; font-weight: bold; text-align: center; }
#bar_g_list a.g_rubg {border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
#bar_g_list a.g_rubh {border-right: 1px solid #000; border-left: 1px solid #000; }
#bar_g_list a.g_rubi {border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; margin-bottom: 3px; }
#bar_g_list a.g_rub:hover {color: #02356A; text-decoration: underline; }
#g_redg {position: relative; top: 0px; left: 0px; width: 160px; height: 4px; background: #ffebef; padding: 1px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; }
#g_redh {position: relative; width: 160px; background: #ffebef; padding: 1px; text-align: center; border-right: 1px solid #000; border-left: 1px solid #000; }
#g_redi {position: relative; width: 160px; height: 4px; background: #ffebef; margin-bottom: 3px; padding: 1px; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 3px; }
#g_redh a.g_red {display: block; color: #c00; font-size: 8pt; font-weight: bold; text-align: center; }
#g_redh h1 {position: relative;	top: 4em; left: 0em; padding-left: 1.5em; padding-right: 1.5em; font-size: 12pt; font-weight: bold; text-align: center; color: #fff;}
#bar_g_adresse {display: block; position: relative; background: #FEFEFE; width: 160px; padding: 4px 1px 10px; margin: 20px 0px; font-size: 7.5pt; text-align: center; vertical-align: middle; color: #000; font-weight: bold; border: 1px solid #000; }
#bar_g_adresse a {color: #000; text-decoration: underline; font-weight: bold; }
#bar_g_adresse a:hover {color: #02356A; text-decoration: underline; }

/* coeur */
#coeur       {display: block; float: left; position: relative; top: 40px; width: 560px; margin: 0px 0px 30px 10px; }
#coeur_menu  {display: block; float: left; position: relative; padding: 8px 15px 1em 15px; margin: 0; font-size: 8pt; font-weight: bold; }
#coeur_liste {display: block; float: left; position: relative; width: 550px; padding: 4px; margin: 0; }
#coeur_pied  {display: block; float: left; position: relative; width: 550px; padding: 20px 4px; font-size: 7pt; color: #02356A;}
#cimpression {display: block; position: relative; top: 105px; left: 5px; width: 550px; font-size: 8pt; font-weight: bold; background: #fff; margin-bottom: 1em; }
#coeur td {font-size: 8pt; }
#coeur b {font-size: 8pt; font-weight: bold; }
/* central */
#coeur_liste p {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 8pt; font-weight: bold; text-align:justify; color: #8D95BF;}
#coeur_liste p.adresse  {text-indent: 0; margin-bottom: 1em; line-height:1.3em; font-size: 12pt; font-weight: bold; text-align:left; color: #000000;}
#coeur_liste p.synthese {text-indent: 0; margin-bottom: 1em; line-height:1.2em; font-size: 11pt; font-weight: bold; text-align:left; color: #000000;}
#coeur_liste b {margin-bottom: 1em; line-height:0.20in; font-size: 9pt; font-weight: bold; text-align:justify; color: #000;}
#coeur_liste h3 {text-indent: 0.15in; margin-bottom: 1em; line-height:0.20in; font-size: 12pt; font-weight: bold; text-align:justify; color: #8D95BF;}
#coeur_liste strong {margin-bottom: 1em; line-height:0.20in; font-size: 9pt; font-weight: bold; text-align:justify; color: #8D95BF;}
#flottant {display: block; float: right; position: absolute; bottom: 5px; right: 5px; padding: 2 10 2 10px; text-align: center; vertical-align: middle; color: #ffffff; font-size: 10pt; font-weight: bold; }
/* peton */
#coeur_pied a.lien {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #02356A; }
#coeur_pied a.lien:hover {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #000000; }
#peton1 {position: relative; float: left; width: 550px; text-align: center; vertical-align: middle; font-weight: bold; }
#peton2 {position: relative; float: left; width: 550px; text-align: center; vertical-align: middle; font-weight: bold; }

.reserve {
	line-height: 16px;
	margin-top: 18px;
	margin-left: 5px;
}

/* colonne droite */
#colonne_droite  {display: block; position: absolute; left: 755px; width: 120px; height: 590px; margin-left: 10px; padding: 0px 6px;}
#colonne_pub     {width: 120px; background: #fff; margin: 0px 0px 10px 0px; padding: 0px;}
#colonne_meteo   {width: 120px; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; }
#colonne_meteo b {font-size : 12pt; font-weight: bold; color: #ffffff; }
#colonne_info    {width: 110px; background: #fff; margin: 0px 0px 10px 0px; padding: 5px;}
#colonne_info  a {text-decoration: underline; font-size: 10pt; font-weight: bold; font-style: italic; color: #02356A; }
#colonne_info  a:hover {text-decoration: underline; color: #0457AB; font-weight: bold;}

/* table */
td.pointille    {font-size: 8pt; border-bottom: 1px dotted #000; padding: 1px; }
td.continu      {font-size: 8pt; border-bottom: 1px solid #000; padding: 1px; }
table.bord      {border: 1px solid #7B8ED6; }
table.cal       {background-color: #FFDDDD; text-align: center; }
table.cal_t {width: 222px; background-color: #FFBBBA; text-align: center; }

a         {font-size : 8pt;text-decoration: underline;font-weight: normal;}
a:link    {text-decoration: none;color: #00c;}
a:visited {text-decoration: none;color: #00c;}
a:active  {text-decoration: underline;color: #c00;}
a:hover   {text-decoration: underline;color: #c00;}
a:focus   {text-decoration: underline;color: #c00;}

a.barre         {font-size : 8pt; text-decoration: underline; color: #000; font-weight: bold;}
a.barre:link    {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:visited {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:active  {text-decoration: underline; color: #02356A; font-weight: bold;}
a.barre:hover   {text-decoration: underline; color: #02356A; font-weight: bold;}
a.barre:focus   {text-decoration: underline; color: #02356A; font-weight: bold;}

a.boite         {display: bloc; font-size : 8.5pt; padding: 2px; background: #FEFEFE; text-align: center; vertical-align: middle; text-decoration: underline; color: #000; font-weight: bold; text-transform: uppercase; border: 1px solid #02356A; }
a.boite:link    {text-decoration: none; color: #000; font-weight: bold;}
a.boite:visited {text-decoration: none; color: #000; font-weight: bold;}
a.boite:active  {text-decoration: underline; color: #02356A; font-weight: bold;}
a.boite:hover   {text-decoration: underline; color: #02356A; font-weight: bold;}
a.boite:focus   {text-decoration: underline; color: #02356A; font-weight: bold;}

a.boite2         {display: bloc; font-size : 7pt; margin: 5px; padding: 5px; background: #02356A; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #FEFEFE; }
a.boite2:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

a.boite3         {display: bloc; font-size : 10pt; margin-left: 100px; padding: 10px; background: #FEFEFE; text-align: center; vertical-align: middle; text-decoration: underline; color: #000; font-weight: bold; text-transform: uppercase; border: 1px solid #02356A; }
a.boite3:link    {text-decoration: none; color: #000; font-weight: bold;}
a.boite3:visited {text-decoration: none; color: #000; font-weight: bold;}
a.boite3:active  {text-decoration: underline; color: #02356A; font-weight: bold;}
a.boite3:hover   {text-decoration: underline; color: #02356A; font-weight: bold;}
a.boite3:focus   {text-decoration: underline; color: #02356A; font-weight: bold;}

i {font-size: 8pt;}
b {font-size :9pt;text-decoration: none; font-weight: bold;}
u {font-size :8pt;text-decoration: underline; font-weight: bold;}
hr {color: #02356A; background-color: #02356A; height: 3px; border: 0; width: 90%; text-align: center}
p {text-indent: 0.25in; line-height:0.18in; font-size: 9pt; text-align:justify;}
p.marge {margin-left:0.25in; text-indent: 0in; line-height:0.18in; font-size: 8pt; text-align:justify;}
div {display: bloc; }

/* table */
body table.caddie1 {margin: 0px; border: 0px ; background: #723; padding: 0px; width: 550px; }
body table.caddie2 {margin: 0px; border: 0px ; background: #fff; padding: 0px; width: 550px; }
body tr.caddie1   {background: #E8DEEE; color: #000; font-size: 8pt; font-weight: bold; text-align: center; vertical-align: middle; }
body tr.caddie2   {background: #fff; color: #000; font-size: 8pt; text-align: left; vertical-align: middle; }
body tr.caddie3   {background: #eee; color: #000; font-size: 8pt; text-align: left; vertical-align: middle; }
body td.caddie1   {font-size: 8pt; padding: 3px; border: 1px solid #C21569; }