@charset "iso-8859-1";

body {width: 984px; margin: auto; background: #444; font-family: Verdana, Helvetica, Arial; font-size: 13px}
h1 {margin: 0px 0px 5px 5px; font-size: 19px; text-align: center}
h2 {margin: 20px 0px 5px 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}
table, td,tr {margin:0px; padding: 0px}

#lameyze {width: 984px; background: white;}
#entete {width: 984px; background: url(/img/teenagers.gif) no-repeat right}
#logo {float:left; width: 500px}
#teenagers {float: left; font-size: 9px; text-align: right; width: 480px}
#teenagers table {width: 400px;}
#teenagers td {text-align: center; vertical-align: top}
#onglet {clear:both; width: 984px; color: #000; padding: 0px; margin:  0px;}
#onglet ul {margin: 0px; padding: 0px; list-style: none}
#onglet li {margin: 0px; padding: 0px}
.inactif {float:left; background: url(/img/inactif.gif) no-repeat transparent; height: 30px; line-height: 30px; width: 164px; font-size: 11px; text-align: center; padding: 0 5px}
.inactif a {color: #000; font-weight: bold; text-decoration: none}
.inactif a:hover {text-decoration: underline; color: #F00}
.actif {float: left; background: url(/img/actif.gif)  no-repeat transparent; height: 30px; line-height: 30px; width: 164px; font-size: 11px; text-align: center}
.actif a {color: #FFF; font-weight: bold; text-decoration: none}
.actif a:hover {text-decoration: underline; color: #FF0}
#ariane {clear: both; width: 954px; background : #F00; height: 20px; border-bottom: 2px #A00 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: #a30}

#contenu {width: 720px; float: left; padding: 25px 15px 15px 15px; border-right: 2px #A00 solid; min-height: 600px;}
#contenu p {margin: 0px; padding: 5px 0px 3px 0px; text-align: justify}
#contenu a {color: #F00; 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: #F00; 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; border-bottom: dashed 1px #666}
#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: 470px; border-right: 2px #A00 solid; min-height: 600px;padding: 25px 15px 15px 15px}
#accueil p {margin: 0px; padding: 5px 0px; text-align:justify}
#accueil a {color: #F00; font-weight: bold}
#accueil img {padding: 0px 10px 0px 15px}
#accueil hr {clear: left}
#agenda {margin: 10px; border: 1px solid #aaa; text-align: center; width: 398px; min-height: 150px; padding: 5px}
#agenda h2 {text-align: center}
#agenda h3 {text-align: left}
#agenda p {text-align: left; margin: 0px; padding: 0px 5px}
#annexe {float: left; width: 450px; padding: 25px 10px 15px 10px}
#annexe p {margin: 0px; padding: 5px 0px; text-align:justify}
#annexe a {color: #F00; 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: url(/img/logo.gif) no-repeat #F00 center; height: 80px; border-top: 2px #A00 solid; text-align: center; font-size: 11px; font-weight: bold; padding: 5px}
#mention p {padding-top:40px; color: yellow}
#mention a {color: yellow}