@charset "iso-8859-1";

body {width: 984px; margin: auto; background: #AAA; font-family: Verdana, Helvetica, Arial; font-size: 13px}
h1 {margin: 0px 0px 5px 5px; font-size: 19px; text-align: center}
h2 {margin: 20px 0px 0px 0px; font-size: 16px}
h3 {margin: 20px 0px 0px 0px; font-size: 14px; padding: 0px}
h4 {font-size: 12px; text-align: center}
a {text-decoration: none}
img {border: 0px}
hr {width: 96%; color: #AAA}

#lameyze {width: 984px; background: white;}
#entete {width: 984px; background: url(/img/lameyze.jpg) no-repeat right}
#logo {float:left; width: 500px}
#meteo {float: left; font-size: 9px; text-align: right; width: 480px}
#meteo table {width: 400px;}
#meteo td {text-align: center; vertical-align: top}
#onglet {clear:both; width: 984px; color: #000; padding: 0px; margin:  0px;}
#onglet a:hover {text-decoration: underline; color: #F00}
#onglet ul {margin: 0px; padding: 0px; list-style: none}
#onglet li {margin: 0px; padding: 0px}
.lime {float:left; background: url(/img/lime.gif) no-repeat transparent; height: 30px; line-height: 30px; width: 164px; font-size: 11px; text-align: center; padding: 0 5px}
.lime a {color: #000; font-weight: bold; text-decoration: none}
.vert {float: left; background: url(/img/vert.gif)  no-repeat transparent; height: 30px; line-height: 30px; width: 164px; font-size: 11px; text-align: center}
.vert a {color: #FFF; font-weight: bold; text-decoration: none}
#ariane {clear: both; width: 954px; background : #0A0; height: 20px; border-bottom: 2px #060 solid; line-height: 20px; font-size: 11px; text-align: left; padding: 0px 15px; color: #FFF; font-weight: bold}
#ariane a {color: #FF8; text-decoration: underline}
.connexion {text-align:right; margin: 0; padding: 0; font-size: 9px}
.connexion form {margin: 0; padding: 0; font-size: 9px}
.connexion input {margin: 0; padding: 0; font-size: 9px; border: 0px;background: #080}

.info {font-style: italic; font-size: 11px; color: #06E}

#contenu {width: 720px; float: left; padding: 25px 15px 15px 15px; border-right: 2px #060 solid; min-height: 600px;}
#contenu p {margin: 0px; padding: 5px 0px 3px 0px}
#contenu a {color: #080; font-weight: bold}
#contenu ol, #contenu ul {border: 1px dashed #999; background: #DDD; margin: 5px 10px 3px 10px; padding: 5px 10px 5px 35px}
#contenu blockquote {border: 1px dashed #080; background: #EFE; margin: 5px 10px 3px 10px; padding: 5px 10px 5px 35px; font-family: georgia; font-style: italic}
#contenu  img {padding: 0px 10px 0px 15px}
#menu {width: 230px; float: left; margin: 0px; padding: 0px; padding-top: 25px}
#menu p{text-decoration: underline; font-weight: bold; font-size: 12px; margin: 0px 0px 5px 5px; padding: 0px}
#menu p a {color: #060; font-weight: bold}
#menu ul {margin: 0px; padding: 0px 0px 0px 10px; list-style: none}
#menu li {width: 199px; margin: 0px; padding: 0px 0px 3px 0px; font-size: 11px}
#menu li a {color: #028; font-weight: bold}

.adresse {float:left;}
.complement {float:left}
#contenu hr {clear:both}
#contenu ul {margin-top: 0px;}

#accueil {float: left; width: 510px; border-right: 2px #060 solid; min-height: 600px;padding: 25px 15px 15px 15px}
#accueil p {margin: 0px; padding: 5px 0px}
#accueil a {color: #080; font-weight: bold}
#accueil img {padding: 0px 10px 0px 15px}
#annexe {float: left; width: 420px; padding: 25px 10px 15px 10px}
#annexe p {margin: 0px; padding: 5px 0px}
#annexe a {color: #080; font-weight: bold}
#annexe img {padding: 0px 10px 0px 15px}
#prevision {float: left; font-size: 9px; text-align: right; width: 415px; background: #AAA}
#prevision table {width: 415px; margin: 0px; padding: 0px}
#prevision td {text-align: center; vertical-align: top; background: #EEE; margin: 0px; padding: 0px}

#formulaire {text-align: center}
#admin {
	width: 610px;
	float: left;}
#info {
	width: 170px;
	float:left;}

#page{margin: 30px 0px; text-align: center; font-size: 15px}
#mention {clear: both; background: #080 center; height: 80px; text-align: center; font-size: 11px; font-weight: bold; padding: 5px}
#mention p {padding-top: 5px}
#mention a {color: yellow}
#part a{color:grey}