body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
text-align:left;
background:url("img/noaa.jpg");
}
#wrap {
background:url("img/noaa.jpg");
margin:0 auto;
}
a:link {
text-decoration:none;
color:red;
background-color:transparent;
}
a:visited {
text-decoration:none;
color:red;
background-color:transparent;
}
a:hover {
text-decoration:none;
font-style:italic;
color:#E1C773;
background-color:transparent;
}
a img  {
border:none;
}
#frontphoto {
margin:10px;
border:0;
}
#leftside {
clear:left;
float:left;
width:210px;
margin:0 0 5px;
padding:0;
text-align:left;
padding-top:20px;
}
#leftside h2, #leftside h3 {
color:#505050;
background-color:inherit;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}
ul.menu {
width:210px;
margin:0 0 18px;
padding:0;
list-style:none;
}
ul.menu li {
width:210px;
padding:0;
line-height:1em;
display:inline;
}
ul.menu li a {
background-color:inherit;
color:red;
font-weight:bold;
width:210px;
float:left;
margin-bottom:5px;
padding:1px 1px 1px 5px;
text-decoration:none;
}
ul.menu li a:hover,ul.menu li a.current {
background-color:inherit;
color:red;
}
ul.menu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:205px;
}
ul.menu ul a {
padding:1px 1px 1px 5px;
font-weight:normal;
width:205px;
}
ul.menu ul ul {
width:200px;
}
ul.menu ul ul a {
width:200px;
}
#content {
margin:0 0 5px 230px;
padding:0 10px 0 10px;
line-height:1.5em;
background:url("img/noaa.jpg");
}
#content h1 {
font-size:3.6em;
font-weight:bold;
color:yellow;
text-align:center;
margin:10px;
line-height:1em;
}
#t h1 {
font-size:3.6em;
font-weight:bold;
color:yellow;
text-align:center;
margin:10px;
line-height:1em;
}
#content p {
background-color:transparent;
font-family:Verdana, Arial, sans-serif;
font-style:normal;
font-weight:normal;
color:yellow;
font-size:1.3em;
}
#content p span {
text-decoration:underline;
}
#content h2 {
font-size:1.8em;
font-weight:bold;
color:#E1C773;
text-align:center;
margin:10px;
}
#content h3 {
font-size:1.3em;
margin:0 0 8px;
}
#content h4 {
font-size:1.1em;
margin:0;
text-align:center;
color:#404040;
}
#content h5 {
font-size:20px;
color:#960A0A;
text-align:center;
font-weight:bold;
line-height:1.0em;
}
#content img {
padding:1px;
display:inline;
background:url("img/noaa.jpg");
color:#303030;
text-align:center;
border:none;
}
#content ul, #content ol {
margin:0;
padding:0;
list-style-type:none;
}
#content .ic {
margin:0;
padding:0;
font-family:Verdana, Arial, sans-serif;
font-style:normal;
font-weight:normal;
color:yellow;
font-size:1.3em;
text-align:center;
}
#footer {
clear:both;
margin:0 auto;
padding:15px 0;
width:800px;
text-align:center;
color:yellow;
background:url("img/noaa.jpg");
}
#footer p {
margin:0;
padding:0;
}
#footer a {
color:red;
background:url("img/noaa.jpg");
text-decoration:none;
font-weight:normal;
}
#footer a:hover {
text-decoration:none;
}
.left {
margin:3px 10px 2px 0;
float:left;
}
.right {
margin:2px 0 2px 10px;
float:right;
}
.textright {
text-align:right;
}
.center {
text-align:center;
}
.small {
font-size:0.8em;
}
.bold {
font-weight:bold;
}
.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}
.hide {
display:none;
}
.texteB1 {
font-size:20px;
color:#000000;
text-align:left;
font-weight:bold;
}
.texteB2 {
font-size:20px;
color:#FF0000;
text-align:left;
font-style:italic;
font-weight:bold;
}
.intro {
margin:10px 10px 10px 0;
}
.textehr {
font-size:16px;
color:#009900;
font-weight:bold;
text-align:left;
}
.top {
text-align:center;
}
.affcpenv {
font-size:26px;
color:#990099;
text-align:center;
font-weight:bold;
line-height:1.0em;
}
.texte1c {
font-size:16px;
color:#000000;
text-align:center;
}
.textCTL {
font-size:16px;
color:#000000;
}
.texteD4 {
text-align:center;	
font-size:2.8em;
font-weight:bold;
color:#FF0000;
line-height:1.0em;
}
.texteD5 {
text-align:center;	
font-size:1.2em;
font-weight:bold;
color:#FF9900;
}
.cg {
text-align:center;
line-height:1.0em;
font-size:20px;
font-weight:bold;
}
.i {
text-align:center;
}
.lienW {
font-family: "Times New Roman", normal, sans-serif;
font-size:10px;
color:#000000;
text-align:center;
line-height:1.2em;
}
.maj {
font-family:Tahoma, Verdana, sans-serif;
font-size:10px;
color:#000000;
text-align:right;
}	
.q {
text-align:left;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
.dpm {
position:relative;
top:10px;
}
#LD {
float:right;
width:440px;
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#LD ul {
margin:0;
}
#LD li {
list-style-type:none;
margin:0;
height:25px;
padding-top:5px;
}
#LG {
float:left;
width:200px; 
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}	
#LG ul {
margin:0;
}	
#LG li {
list-style-type:none;
margin:0;
height:25px;
}
#inv {
position:absolute;
visibility:hidden;
left:1px;
top:1px;
margin:auto;
width:100px;
height:10px;
font:85% Arial, Helvetica, serif;
color:#D3D3D3;
padding:0px;
text-align:left;
} 
#hbg {
top:5px;
height:100px;
color:white;
}	
#hbg p {
font:0.8em Arial, Helvetica, serif;
color:white;
background-color:transparent;
text-align:center;
}
#copyright {
height:30px;
font-family:"Times New Roman", Verdana, sans-serif;
font-size:0.9em;
font-style:normal;
color:#E1C773;
text-align:center;
background-color:transparent;
}	
#entree {
background:url("img/etoiles.gif");
}
#legal {
top:590px;
font-family:"Times New Roman", Verdana, sans-serif;
font-size:0.9em;
color:#E1C773;
text-align:center;
height:20px;
background-color:transparent;
}
.spot {
border:3px double #00FF00; 
padding:1px;
}
#gititre {
top:95px;
height:175px;
text-align:center;
}
#gtitre {
top:290px;
height:50px;
text-align:center;
font-style:italic;
text-decoration:underline;
font-family:Verdana, Arial, sans-serif;
font-size:30px;
color:blue;
}
#gtitre a {
text-align:center;
font-style:italic;
text-decoration:underline;
font-family:Verdana, Arial, sans-serif;
font-size:30px;
color:blue;
}
#sgtitre {
top:340px;
height:50px;
text-align:center;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:30px;
font-style:italic;
color:white;
}
#sgtitre a {
text-align:center;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:30px;
font-style:italic;
color:white;
}
#sgtitre span {
text-decoration:underline;
color:yellow;
font-size:34px;
}
.ct {
color:#00FFFF;
font-size :16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-style:normal;
}
.cta {
color:white;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-style:normal;
}
.menuET{
top:500px;
height:60px;
color:blue;
text-decoration:none;
text-align:center;
font-family:Verdana, Arial, sans-serif;
font-size:1.2em;
font-style:italic;
}
#menuE {
top:490px;
height:80px;
color:blue;
text-decoration:none;
text-align:center;
font-family:Verdana, Arial, sans-serif;
font-size:1.1em;
}
#menuE span {
color:white;
}
#CSg {
float:left;
width:570px;
}
ul#CSg {
margin:0;
}
#CSg li {
list-style-type:none;
margin:0;
}
#CSg p {
}
#CSd {
float:right;
width:250px;
}
ul#CSd {
margin:0;
}
#CSd li {
list-style-type:none;
margin:0;
}
#CSd p {
}
#nava {
height:20px;
text-align:center;
}
#CS {
width:100%;
}
#DCS {
float:right;
width:50%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0;
margin:150px 0 0 0;
}
#GCS {
float:left;
width:50%; 
text-align:center;
padding:0;
margin:0;
}	
#NL {
width:100%;
text-align:center;
}
#DNL {
float:right;
width:50%;
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#DNL img {
text-align:center;
border:none;
}
#DNL a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#GNL {
float:left;
width:50%;
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#GNL img {
text-align:center;
border:none;
}
#GNL a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#flashcontent {
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#flashcontent img {
text-align:center;
border:none;
}
#flashcontent a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#SiPe {
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#SiPe img {
text-align:center;
border:none;
}
#SiPe a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#NLalas {
width:100%;
text-align:center;
}
#DNLalas {
float:right;
width:50%;
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#DNLalas img {
text-align:center;
border:none;
}
#DNLalas a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#GNLalas {
float:left;
width:50%;
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#GNLalas img {
text-align:center;
border:none;
}
#GNLalas a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#SiPecg {
text-align:center;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#SiPecg img {
text-align:center;
border:none;
}
#SiPecg a {
text-align:center;
font-size:12px;
font-family:verdana;
}
#contact {
width:100%;
}
#Dcontact {
float:right;
width:50%;
font-size:12px;
text-align:left;
font-family:verdana;
padding:0;
margin:0;
}
#DcL {
float:left;
width:65%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0 0 0 5px;
margin:0;
}
#DcR {
float:right;
width:25%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0 0 0 5px;
margin:0;
}
#Gcontact {
float:left;
width:50%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0;
margin:0;
}
#GcL {
float:left;
width:45%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0 0 0 5px;
margin:0;
}
#GcR {
float:right;
width:45%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0 0 0 5px;
margin:0;
}
#CoMa {
width:100%;
text-align:left;
font-size:12px;
font-family:verdana;
padding:0 0 0 5px;
margin:0;
}