body {margin:0; text-align:center;font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background-color:#1d1d5a}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage { position:absolute; left: 50%; top: 50%; width:876px; height: 624px; margin-left: -438px; margin-top: -312px; text-align: center; border: Opx;}

/* images et couleurs */

/* images communes */
.bordure{border: 2px solid white;}
.blanc{background-color:#fff}
.haut{background-image: url("images2/index_fond.jpg"); width:876px;}
.ind_logo{background-image: url("images2/ind_logo.jpg"); width:188px; height:143px; background-repeat: no-repeat}
.adresse{background-image: url("images2/adresse.jpg"); width:188px; height:98px; background-repeat: no-repeat}
.flash{background-image: url("images2/fond_flash.jpg"); width:666px; height:372px; background-repeat: no-repeat}
.bienvenue{background-image: url("images2/bienvenue.jpg"); width:451px; height:42px; background-repeat: no-repeat}
.meteo_titre{background-image: url("images2/meteo.jpg"); width:215px; height:21px; background-repeat: no-repeat}
.marees_titre{background-image: url("images2/marees.jpg"); width:215px; height:21px; background-repeat: no-repeat}
.bleu{background-color:#00adf0}


/* Menu rubriques principales */
.calque {position:absolute; left:auto; z-index:60; visibility: visible; height:21px; width:210px}
.calqueF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:21px; width:210px}
.sous_calque {position:absolute; left:auto; z-index:80; visibility: hidden; padding-left:0px; width:154px}
.lien {color: white; height:21px; font-size:1em; padding-left: 24px; padding-right: 2px; font-weight:bold; width:210px}
.lienF2 {text-align: left; padding-left: 24px; padding-right: 2px; width:210px; text-decoration:none; background-color:#E8F2FB}
.lienF2 a {color: #01AEF0; height:21px; font-size:1em; font-weight:bold; text-decoration:none; }
.tarub {border:0px solid #fff; width:100%; text-decoration: none; font-size:0.9em;padding-right:20px;}
.tdrub {width:100%; padding-right:10px;}
.tdrub a{display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;  border-bottom: 1px solid #fff; text-decoration:none; color:#fff;}
.tdrub a:hover {text-decoration:none;font-weight:bold; }
.tdrubfin {width:100%; padding-right:10px;}
.tdrubfin a {display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;  border-bottom: 0px solid #fff; text-decoration:none; color:#fff;}
.tdrubfin a:hover {text-decoration:none;font-weight:bold; }
.souslien:hover {color: #01AEF0; background-color: #E8F2FB !important;}
.souslienfin:hover{color:#01AEF0; background-color: #E8F2FB !important;}

/* Menu rubriques accès directs */
.calquedir {position:absolute; left:auto; z-index:60; visibility: visible; height:21px; width:188px}
.calquedirF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:21px; width:188px}
.liendir {color: #01AEF0; height:21px; font-size:1em; padding-left: 24px; padding-right: 2px; font-weight:bold; width:188px}
.liendirF2 {text-align: left; padding-left: 24px; padding-right: 2px; width:188px; text-decoration:none; background-color:#fff}
.liendirF2 a {color: #1c1c5a; height:21px; font-size:1em; font-weight:bold; text-decoration:none; }

/* recherche  */
.crech {position:absolute; left:auto; z-index:40; padding-left: 24px;  padding-top: 1px}
.rech form {display:inline;}
.rech .recherche {width:115px; height:13px; border:1px solid #01AEF0; font-size:x-small; color:#01AEF0}
.rech #submit {height:17px; width: 19px; padding-left: 4px}
.input_text {float: left; padding-top: 1px}
.input_button {float: left; padding-top: 2px}

/* Espace Edito  */
.saint {color: #01AEF0; height:21px; font-size:1em; padding-left: 10px;}
.edito_div {position:absolute; left:auto; z-index:60; visibility: visible; margin-left: 0px; margin-top: -5px;}
.marees_div {position:absolute; left:auto; z-index:60; visibility: visible; margin-left: 0px; padding-top: -10px;}
.td_actu {padding-top: 3px; padding-left: 5px; padding-right: 3px; }
.vignet {float: left; padding-right: 3px; padding-left: 0px; padding-top: 2px; border:0px; padding-bottom: 2px}
.actu_resume {font-size: 0.8em; float: left; padding-left: 2px; padding-right: 2px; padding-top: 1px; color:#535353; font-weight:bold;}
.titre_actu {font-size: 1.1em; color: #4cb747; padding-right: 0px; padding-left: 2px; padding-bottom: 2px; padding-top: 4px; font-weight:bold;}
.titre_actu a {color: #4cb747; font-weight:bold; text-decoration:none}
.titre_actu a:hover {color: #00484e; font-weight:bold; text-decoration:underline; }

.marees_resume {padding-left: 14px; padding-right: 2px; color:#535353;}

/* Espace Meteo */
.meteo_div {position:absolute; left:auto; z-index:60; visibility: visible; margin-left: 15px; margin-Top: 6px}
.resume_meteo {font-size: 0.9em  ! important; color: #000000 ! important; text-decoration:none;}
.resume_meteo a {font-size: 0.9em  ! important; color: #3e6cb7 ! important; font-weight:none; text-decoration:none;}
.resume_meteo a:hover {font-size: 0.9em  ! important; color: #3e6cb7 ! important; font-weight:none; text-decoration:underline;}
.TListe_meteo {padding-right: 2px; padding-left: 0px; padding-top: 0px;}
.TListe_meteo img{padding-right: 15px; padding-left: 0px;}

/* Menu Invariants */
.menu_inv {position:absolute;left:auto; height: 21px; z-index:60;}
.lien_inv {color: #fff;  height:21px; font-size:1em; padding-left: 0px; padding-right: 0px;  font-weight:bold;}
.lien_invF2 {text-align: left; padding-left: 0px; padding-right: 0px;}
.lien_invF2 a {color: #fff; height:21px; font-size:1em; font-weight:bold;}

.dinv {position:relative; left:auto; z-index:60; visibility: visible; height:21px;}
.dinvF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:21px; margin-top: -21px}