/*
 * Définitions générales
 */

* {font-family: "Verdana", "Trebuchet MS", sans-serif;
font-size: x-small;}

p {font-size: 130%;}

a {font-size: 120%;
font-weight: normal;}

li {font-size: 120%;}

strong {font-size: 110%;}

em {font-size: 120%;}

textarea{display: block;
width: 700px;
height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

a:link {text-decoration: none;
font-weight: bold;
color: #641400;}

a:visited {text-decoration: none;
font-weight: bold;
color: #641400;}

a:hover {text-decoration: none;
font-weight: bold;
color: #808080;}

body {background: white;
margin: 0px;}

acronym {cursor:help;
border-bottom:1px dotted black;}

img {border: 0px;}

span.underline {text-decoration: underline;
font-size: 110%;}

a.lienInexistant {color: #000000;}

a.lienInexistant:after {padding-left: 5px;
content: url('Images/nouveaulien.png');}

/*a.externe:after {padding-left: 5px;
content: url('Images/lienexterne.png');}*/

img.imageInexistante {Border: 4px solid red;
background: url('Images/nouveaulien.png');}

li {text-indent: 0px;
padding-left: 5px;}

h1 {font-size: 250%;
margin-top: 5px;
padding: 0px;
font-weight: bold;
text-align: center;
text-indent: 0px;}

h2 {font-size: 220%;
padding-top: 40px;
font-weight: bold;
text-indent: 0px;}

h3 {font-size: 160%;
font-weight: bold;
text-indent: 0px;}

h4 {font-size: 140%;
font-weight: bold;
text-indent: 0px;}

h5 {font-size: 130%;
font-weight: bold;
text-indent: 0px;}

h6 {font-size: 120%;
font-weight: bold;
text-indent: 0px;}



/*
 * Formulaires d'administration
 */
form.actions {text-align: center;
margin-bottom: 30px;}

form.actions > textarea {display: block;
width: 700px;
height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

form.actions > select {width: 250px;
margin-bottom: 15px;}

form.actions > ul {margin: 0px;
padding: 0px;
text-align: center;}

form.actions > ul > li {margin: 0px;
padding: 0px;
list-style: none;}

table.admins {margin-left: auto;
margin-right: auto;}

p.admins {text-align: center;}



/*
 * Barre administrative
 */
#admin {margin-top: 10px;
margin-left: 200px;
margin-bottom: 20px;}
#admin ul {margin: 0px;
padding: 0px;}

#admin ul.gauche {float: left;}

#admin ul.droite {text-align: right;
margin-right: 15px;}

#admin li {margin: 0px;
padding: 0px;
display: inline;
list-style: none;
font-size: 90%;}

#admin li:after {content: ' - ';}
#admin li.fin:after {content: '';}
#admin li.connexion:after {content: '';}
#admin a {font-size: 90%;}



/*
 * Formulaires
 */
#formulaire {width: 400px;
margin-right: auto;
margin-left: auto;
border: 1px solid #440000;
background: #FFFFFF;
text-align: center;}

#formulaire h1 {border-bottom: 1px solid #440000;
background: #641400;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
margin-bottom: 20px;
font-size: 140%;}

#formulaire ul {list-style: none;
padding: 0px;
display: block;
margin: 0px;}

#formulaire li {padding: 0px;
padding-bottom: 10px;
margin: 0px;
display: block;
/*clear: both;*/}

#formulaire textarea {width: 350px;
height: 100px;}

#formulaire div.libelle {width: 150px;
padding-bottom: 10px;
float: left;}

#formulaire div.etiquette {width: 250px;
padding-bottom: 10px;
float: left;}

#formulaire div.data {width: 120px;
margin-right: 10px;
font-weight: bold;
float: right;}

#formulaire input.texte {width: 230px;
margin-right: 10px;
float: right;}

#formulaire input.bouton {margin-top: 15px;}
#formulaire select {width: 230px;
margin-right: 10px;
float: right;}

#formulaire input.checkbox {margin-left: 10px;
float: left;}



/*
 * Sommaire
 */
#sommaire {margin: 0px;
padding: 10px;
width: 550px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
border: 1px solid #641400;
text-indent: 0px;
background: #FFF4EE;}

#sommaire h1 {margin: 0px;
padding: 0px;
font-size: 140%;
margin-bottom: 10px;
border: 0px;
text-align: center;}

#sommaire ol {margin: 0px;
padding: 0px;
margin-left: 20px;
padding-left: 0px;}

#sommaire li {margin: 0px;
padding: 0px;}



/*
 * En-tête
 */
#entete {height: 161px;
background: #641400;}

#entete p {margin: 0px; padding: 0px;}

#entete img.logo {width: 450px;
float: left;}

#entete img.slogan {float: right;}

#entete div {position: absolute;
top: 147px;
left: 20px;
margin: 0px;
padding: 0px;}

#entete a.accueil {margin-right: 10px;}

#entete a.APOS {margin-right: 10px;}

#entete a.Oxid {margin-right: 10px;}

#entete a.WakeNet {margin-right: 10px;}

#entete a.accueil:link {background: url('Images/bouton_accueil_l.gif');
width: 84px;
height: 23px;
float: left;}


#entete a.accueil:visited {background: url('Images/bouton_accueil_l.gif');
width: 84px;
height: 23px;
float: left;}

#entete a.accueil:hover {background: url('Images/bouton_accueil_h.gif');
width: 84px;
height: 23px;
float: left;}

#entete a.APOS:link {background: url('Images/bouton_apos_l.gif');
width: 69px;
height: 23px;
float: left;}

#entete a.APOS:visited {background: url('Images/bouton_apos_l.gif');
width: 69px;
height: 23px;
float: left;}

#entete a.APOS:hover {background: url('Images/bouton_apos_h.gif');
width: 69px;
height: 23px;
float: left;}

#entete a.Oxid:link {background: url('Images/bouton_oxid_l.gif');
width: 60px;
height: 23px;
float: left;}

#entete a.Oxid:visited {background: url('Images/bouton_oxid_l.gif');
width: 60px;
height: 23px;
float: left;}

#entete a.Oxid:hover {background: url('Images/bouton_oxid_h.gif');
width: 60px;
height: 23px;
float: left;}

#entete a.WakeNet:link {background: url('Images/bouton_wakenet_l.gif');
width: 99px;
height: 23px;
float: left;}

#entete a.WakeNet:visited {background: url('Images/bouton_wakenet_l.gif');
width: 99px;
height: 23px;
float: left;}

#entete a.WakeNet:hover {background: url('Images/bouton_wakenet_h.gif');
width: 99px;
height: 23px;
float: left;}



/*
 * Menu
 */
#menu{margin: 0px;
padding: 5px;
clear: both;
float: left;
margin-top: 100px;
width: 180px;}

#menu h1 {margin: 0px;
margin-top: 20px;
padding: 0 5px;
display: block;
color: #FFFFFF;
text-align: center;
font-size: 110%;
font-weight: bold;
padding-top: 3px;
height: 28px;
background-image: url('Images/menu_haut.png');
background-repeat: no-repeat;}

#menu ul {border-top: 0px;
margin: 0px;
padding: 5px;
padding-top: 0px;
background-image: url('Images/menu_milieu.png');
background-repeat: repeat-y;}

#menu li {list-style: none;
margin: 0px;
padding: 0px;}

#menu div.bas {margin: 0px;
padding: 0px;
border: 0px;
height: 11px;
background-image: url('Images/menu_bas.png');
background-repeat: no-repeat;}

#menu a {font-size: 90%;}

#menu a:link {color: #AA721B;
font-weight: normal;}

#menu a:visited {color: #AA721B;
font-weight: normal;}

#menu a:hover {color: #808080;
font-weight: normal;}




/*
 * Page principale
 */
#principal {margin-left: 200px;
padding: 20px;
text-indent: 30px;}

#principal img.centre {
text-align: center;
}

/*
 * Pied de page
 */
#piedpage {clear: both;
text-align: center;
margin: 0px;
padding: 0px;
margin-top: 10px;}

#piedpage p {font-size: 80%;
padding: 0px;
margin: 0px;}

#temps {margin: 0px;
padding: 0px;
text-align: center;
font-size: 80%;}

/*
 * Erreurs
 */
img.erreur {text-align: center;}
p.erreur {color: #A00000; }