body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 10px 0 10px; background-color:#F4F4F4; color:#314155;} a {color:#485A6D; font-weight:bold;} a.menuboxbas{display:block; height:12px; } a.menuboxbas:hover{background:transparent; display:block; height:12px;} a.menuboxbas:focus, a:active {outline:none; border:0;} a:hover {color:#8095A7; outline:none;} a:focus, a:active {background: transparent; color: #FECF52; text-decoration: none; outline: none; border: none;} a img {border:0;} .cadre, .cadrelien {font-size:11px; background:#E2E2E2; position:relative; color:#1D2538; clear:both; border:1px solid #E2E2E2; -moz-border-radius:7px; padding:5px; text-align: center;} .cadrelien a {text-decoration: none;} .cadrelien:hover {background: #FFDD82; color: #314155; text-decoration: none; outline: none; border: 1px solid #8095A7; text-align: center;} /*vignette accueil*/ .tbli1 {color: #485A6D; font-family: Arial; font-size: 10px; border-bottom: 0px; background: transparent; text-align: center; height : 18px;} .tbli2 {color: #485A6D; font-family: Arial; font-size: 27px; border-bottom: 0px; background: transparent; text-align: center; height : 27px; font-weight:bold;} .tbli3 {color: #485A6D; font-family: Arial; font-size: 14px; border-bottom: 0px; background: transparent; text-align: center; height : 18px; font-weight:bold;} /*tableau accueil*/ .tbli4 {color: #485A6D; font-size: 13px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: right; padding-right: 5px;} .tbli6 {color: #485A6D; font-size: 10px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: center; border-left:1px solid #E2E2E2;} .tbli7 {color: #485A6D; font-size: 13px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: center;} .tbli26 {color: #485A6D; font-size: 13px; background-color: #F4F4F4; text-align: center;} .tbli8 {color: #485A6D; font-size: 14px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: center;} .tbli9 {color: #485A6D; font-size: 8px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4;} .tbli21 {color: #485A6D; font-size: 7px; border-bottom: 1px solid #9C9EA5; background-color: #F4F4F4;} /* New Webcam*/ .tbli25 {color: #485A6D; font-size: 7px; border-bottom: 1px solid #9C9EA5; border-left: 1px solid #9C9EA5; background-color: #F4F4F4;} /* New Webcam*/ .tbli10 {color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #5C7590; text-align: center; height : 18px;} .tbli11 {color: #485A6D; font-size: 12px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4;} .tbli28 {color: #485A6D; font-size: 10px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4;} .tbli27 {color: #485A6D; font-size: 10px; background-color: #F4F4F4;} .tbli12 {color: #485A6D; font-size: 12px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: left; font-weight:bold;} .tbli23 {color: #485A6D; font-size: 12px; border-right:1px solid #9C9EA5; border-bottom: 1px solid #9C9EA5; background-color: #FFFFFF;} /* New Webcam*/ .tbli24 {color: #485A6D; font-size: 12px; border-top:1px solid #9C9EA5; border-left:1px solid #9C9EA5; background-color: #FFFFFF;} /* New Webcam*/ .tbli25 {color: #485A6D; font-size: 12px; border:1px solid #9C9EA5; background-color: #FFFFFF;} /* Images satelites*/ .tbli29 {color: #485A6D; font-size: 12px; border-right:1px solid #9C9EA5; border-bottom: 1px solid #9C9EA5; border-left:1px solid #9C9EA5; background-color: #FFFFFF;} /* New Webcam*/ /*.tbli5 {color: #485A6D; font-size: 10px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: right;}*/ /*.tbli20 {color: #485A6D; font-size: 7px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4;} */ /*.tbli13 {color: #485A6D; font-size: 7px; background-color: #F4F4F4;}*/ /*.tbli22 {color: #485A6D; font-size: 8px; background-color: #F4F4F4;}*/ /*tableau*/ .tbli15 {color: #485A6D; font-family:Tahoma; font-size: 12px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: left; text-align: center; height: 32px;} .tbli17 {color: #485A6D; font-family:Tahoma; font-size: 12px; border-bottom: 1px solid #AEB8CE; background-color: #F4F4F4; text-align: left; text-align: center; height: 32px; font-weight:bold;} .tbli16 {color: #485A6D; font-family:Tahoma; font-size: 12px; border-bottom: 1px solid #AEB8CE; border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; background-color: #F4F4F4; text-align: left; text-align: center; height: 32px;} /*tableau Plouneventer*/ .tbli14 {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #447271; text-align: center; height : 18px;} /*Contact*/ .tbli18 {color: #485A6D; font-family: Arial; font-size: 20px; border-bottom: 0px; background: transparent; text-align: left;} .tbli19 {color: #485A6D; font-size: 12px; border-bottom: 0px; background-color: #F4F4F4; text-align: left; height : 32px;} ul { margin:0; padding:0 3px 0 3px;} ul#galerie_mini li {float:right;padding-right:8px;padding-top:2px;} /* New Webcam*/ ul#galerie_mini {list-style-type:none;} /* New Webcam*/ ul#galerie_mini a {text-decoration:none; font-size:13px; font-family: Arial; font-weight:normal;} /* New Webcam*/ .mob {color: #485A6D; font-size: 12px; background-color: #F4F4F4; text-align: center;} p {margin: 10px; font-size:12px; text-align:justify;} .parajustif {font-size:12px; text-align:justify; width:450px;} h1 {border-bottom: 1px solid #AEB8CE; width:100%; font-size:18px; color:#314155; clear:both; white-space: nowrap} h2 {font-size:15px; color:#314155; margin:5px; background:url('./pics/carre.gif') no-repeat left; text-indent:15px;} #logohaut {background:url('./pics/logo.jpg') no-repeat ; left:10px; height:75px; width:400px;} #head {background:url('./pics/bgban.gif') repeat-x left ; font-size:13px; height:99px; position:relative; padding:0;} #head ul {list-style:none; margin:0; padding:0 7px 0 0; position:absolute; right:0; width:auto; z-index:90;} #head li {float: left; margin:0; padding:0 0 0 5px;} #head ul a {display:block; float:left; font-weight:bold; text-decoration:none;} #heading {font-family: Arial, Helvetica, sans-serif; font-size:9px; margin-top: 25px; padding-top: 0; text-align: right; color: gray; font-stretch: narrower;} #haut_cote_gauche {background:url('./pics/left.gif') no-repeat left; height:99px; position:relative; width:10px;} #haut_cote_droit {font-size:13px; color:#314155;top:10px;color:white; padding:0 10px 0 0; position:absolute; right:0; width:auto; z-index:90;} #zone_chemin_fer {height:16px; position:relative; width:100%; margin: 0 0px 0.3em 0px; font-size:10px; color:#8095a7;} #zone_chemin_fer a {text-decoration: underline; color:gray; font-weight:normal;} #zone_drapeau{margin-left:800px; margin-top:-65px; width: 180px;} #zone_drapeau img{margin-right: 5px;} #navigation {font-size:11px; float:left; z-index:100; position:fixed;} #navigation .menubox {background:#485A6D; border:1px solid #485A6D; margin:0 0 0 0; padding:0; -webkit-border-radius: 7px; -moz-border-radius:7px; width:140px; color:#EEE493;} #navigation .menubox h3 {background: transparent; color: #FFDD82; font-size: 12px; text-align: center; margin: 0; padding: 2px 5px 2px 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} #navigation .menubox ul {border-bottom:1px solid #8095A7; border-top:1px solid #314155; list-style:none; margin:0 0 0 0; padding:0;} #navigation .menubox li {display:inline; margin:0; padding:0;} #navigation .menubox li a {border-bottom:1px solid #314155; border-top:1px solid #8095A7; color:white; display:block; width:90%; font-weight:bold; padding:2px 7px 2px 7px; text-decoration:none;} #navigation .menubox li a:hover, #navigation .menubox li a:focus {background:#FFDD82; border-bottom:1px solid #5C7590; border-top:1px solid #5C7590; color:#314155;} #navigation .menubox li a:active, #navigation .menubox li a:focus {border-left:0px; border-right:0px;background-color: #FFDD82; color:#314155;} #contenu {float:right; margin:0 5px 5px 5px; width:84%;} #contenuphotos {float:right; margin:0 5px 5px 5px; width:95%;} #footer {font-size:10px; clear: both; margin-top: 15px; padding-top: 10px; margin-bottom: 15px; text-align: center; border-top: 1px solid #6D7A87; color: gray; } #footer li {display:inline; list-style-type: none; margin-right:10px;} #footer a {text-decoration: underline; color:gray; font-weight:normal;} #footer a:hover{color:#485A6D; outline:none; text-decoration: underline;} #footer a:focus, a:active{background: transparent; color: #FECF52; text-decoration: none; outline: none; border: none;} #menucoin {float: right;position: relative;left: 1px;width: 30px;height: 25px;background: #fff url(pics/menucoin.gif) left top no-repeat;} #menutop {position: relative; height: 25px; margin: 0 0px 0.3em 0px; clear: both; background: #485A6D url(pics/menu.jpg) left top no-repeat;} #menutop ul, #menutop li {margin:0; padding: 0; list-style-type: none; } #menutop ul { position: absolute; height: 25px; width: 920px; right: 10px;} #menutop li {float: left;} #menutop li a {display: block; height: 25px; width: 90px; color:#FFDD82; font: 12px/25px Verdana, Arial, Helvetica, sans-serif; font-weight: bold ; text-decoration: none;border-left: 1px solid #8095A7;text-align: center;} #menutop li a.last {border-right: 1px solid #8095A7;} #menutop a:hover {color: #314155;background: transparent url(pics/menu.jpg) top left no-repeat;} #menutop a:focus {border-top:none; border-bottom:none; border-right:none;} #menutop a#menu1:hover, a#menu1:focus {background-position: -30px -25px;} #menutop a#menu2:hover, a#menu2:focus {background-position: -120px -25px;} #menutop a#menu3:hover, a#menu3:focus {background-position: -210px -25px;} #menutop a#menu4:hover, a#menu4:focus {background-position: -300px -25px;} #menutop a#menu5:hover, a#menu5:focus {background-position: -390px -25px;} #menutop a#menu6:hover, a#menu6:focus {background-position: -480px -25px;} #menutop a#menu7:hover, a#menu7:focus {background-position: -570px -25px;} #menutop a#menu8:hover, a#menu8:focus {background-position: -660px -25px;} #menutop a#menu9:hover, a#menu9:focus {background-position: -750px -25px;} #menutop a#menu10:hover, a#menu10:focus {background-position: -840px -25px;} #menutop a:active {color: #314155;background: transparent url(pics/menu.jpg) top left no-repeat;} #menutop a:active {border-top:none; border-bottom:none; border-right:none;} #menutop a#menu1:active, a#menu1:focus {background-position: -30px -25px;} #menutop a#menu2:active, a#menu2:focus {background-position: -120px -25px;} #menutop a#menu3:active, a#menu3:focus {background-position: -210px -25px;} #menutop a#menu4:active, a#menu4:focus {background-position: -300px -25px;} #menutop a#menu5:active, a#menu5:focus {background-position: -390px -25px;} #menutop a#menu6:active, a#menu6:focus {background-position: -480px -25px;} #menutop a#menu7:active, a#menu7:focus {background-position: -570px -25px;} #menutop a#menu8:active, a#menu8:focus {background-position: -660px -25px;} #menutop a#menu9:active, a#menu9:focus {background-position: -750px -25px;} #menutop a#menu10:active, a#menu10:focus {background-position: -840px -25px;} #cadreimg {width: 400px; background-color: #E2E2E2; } #contenuimg p {color: #314155 ;margin: 0em; text-align: center; font-family:Arial, Helvetica, sans-serif;} #hautgauche, #hautdroit, #basgauche, #basdroit {height: 5px; width: 5px;background-repeat: no-repeat;font-size:1px; /* correction d'un bug IE */} #hautgauche {background: url(pics/hg.gif);} #hautdroit {float: right;background: url(pics/hd.gif);} #basgauche {background: url(pics/bg.gif);} #basdroit {float: right;background: url(pics/bd.gif);} #graphventR {position: relative; height: 325px; clear: both; background: url(../vantage/wswin2/ddis_current.gif) center top no-repeat; background-position: 28px -60px;} #graphventM {position: relative; height: 325px; clear: both; background: url(../vantage/wswin2/ddis_f_current.gif) center top no-repeat; background-position: 28px -60px;} #graphaccueil {position: relative; height: 231px; clear: both; background: url(../webcam/actuel/plabennec-cif.jpg) center top no-repeat; background-position: 0px 0px;} #meteox {position: relative; height: 350px; clear: both; background: url(./pics/carte-europe.gif) center top no-repeat; background-position: 0px 0px;} #meteo60 {position: relative; height: 405px; clear: both; background: url(http://www.meteo60.fr/radars/radar-ouest.png) center top no-repeat; background-position: 0px -42px;} .accueil {color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 10pt;} .asterisque {color: #8095a7; font-family:Tahoma; font-size: 7pt;} .rouge {color: #ff0000;} .bleu {color: #0080ff;} .vert {color: #00C000;} .gris {color: #808080;} .t7 {font-size: 7pt;} .t10 {font-size: 10pt;}