/* REDEFINIITION DES STYLES SPIP */

.formulaire_spip { font:0.8em Arial, Helvetica, sans-serif; }
.formulaire_spip fieldset { border:none; }
.formulaire_spip legend { display:none; }

.erreur_message { color:#FF0000; font-weight:bold; }

/* FIN DE REDEFINIITION DES STYLES SPIP */

body { height:100%; width:100%; margin:0; padding:0; text-align:left; font:1.1em "Trebuchet MS",Arial; }

a, a:link, a:visited { text-decoration:none; color:#006699; }
a:hover { text-decoration:underline; color:#003399; }

ul { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; margin-bottom:5px; }
li a { padding-left:20px; background:url(../icones/bullet.png) no-repeat; background-position:0px 2px; }

p { margin: 10px 0; }

h1 { font-size:1.6em; display:block; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h2 { font-size:1.3em; display:block; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; }
h3 { font-size:1.1em; display:block; font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; }

#page { width:100%; background-color:#8edcf1; }

#beta { position:absolute; top:0; left:600px; background:url(../template/beta.png) no-repeat; width:205px; height:55px; }
#beta a { color:#FFF; font-size:0.8em; margin:25px 0 0 11px; display:block;}
#beta a:hover { text-decoration:underline; }

#header { width:100%; background-color:#99e7ff; height:147px; border-bottom:7px solid #ffde00;  }

a#logo { width:257px; height:115px; background:url(../template/logo.png) no-repeat; margin:20px 0 0 125px; display:block; }

#header_gauche { background-color:#99e7ff; width:559px; height:147px; float:left; background:url(../template/bg-header-gauche.jpg) no-repeat; }

#header_droite { background-color:#99e7ff; float:right; width:482px; height:147px; background:url(../template/bg-header-droite.jpg) no-repeat; }

#conteneur { background:url(../template/bg-conteneur.jpg) #8edcf1 repeat-x; width:100%; font-size:0.9em; padding-bottom:30px; }

#contenu { background:url(../template/bg-contenu.png) repeat-y; width:1100px; margin:0 auto; position:relative; z-index:1;}

#texte { margin-top:32px; padding:0px 45px 0 32px; font-size:0.9em; min-height:300px; z-index:1; }

#conteneur-menu { width:100%; background-color:#ffde00; margin:0 auto; height:32px; background:url(../template/bg-menu.jpg) repeat-x; border:1px solid #ffde00; border-top:none; }

#menu { width:98%; margin:0 auto; }
#menu li { height:32px; width:134px; float:left; margin:0; }
#menu li a { height:100%; width:100%; display:block; color:#3688a2; text-align:center; background:none; padding:0; font-size:0.9em; }
#menu li a:hover { text-decoration:none; }
#menu li ul.sous-menu { width:220px; display:none; background-color:#fff7be; padding:1px; border:1px solid #ffde00; border-top:none; position:relative; z-index:10;  }
#menu li ul.sous-menu li { width:220px; display:block; height:25px; margin:3px 0;  }
#menu li ul.sous-menu li a { text-align:left; width:200px; display:block; font-weight:normal; padding-left:8px; font:0.9em "Trebuchet MS",Arial; line-height:200%; color:#333; }
#menu li ul.sous-menu li a:hover {  background:url(../icones/puce-menu.png) #ffec67 left no-repeat; padding-left:20px; border-bottom:1px solid #eedd67; text-decoration:none; }
#menu li ul.sous-menu p { margin:0; }

#menu-bas { width:98%; margin:10px auto; display:block; }
#menu-bas li { float:left; width:160px; }
#menu-bas li a { color:#FFF; text-align:center; font-weight:bold; text-align:left;font-size:0.9em; letter-spacing:0.1em; display:block; margin-bottom:10px; background:none; }
#menu-bas li a.souligne { text-decoration:underline; }
#menu-bas li ul.sous-menu-bas { display:block; width:160px; }
#menu-bas li ul.sous-menu-bas li { display:block; }
#menu-bas li ul.sous-menu-bas li a { display:block; font:0.7em "Trebuchet MS",Arial; text-align:left; letter-spacing:normal; margin-bottom:0px; }
#menu-bas li ul.sous-menu-bas li a:hover {  text-decoration:underline;  }




#footer { background:url(../template/bg-footer.jpg) #86d7ee repeat-x; width:100%; border-top:7px solid #ffde00; color:#FFF; font-size:0.9em; }


#copyright {  clear:left; display:block; width:100%; margin-top:150px;  text-align:center; font-size:0.8em; }

#connexion {  float:right; font-size:0.9em; margin:25px 30px 0 0; } 
#connexion input[type=text], input[type=password] { width:100px; padding:3px; font-size:1.0em; border:1px solid #006699; }
#connexion ul li { display:inline; }
#connexion input[type=submit] { background-color:#FFF; border:1px solid #006699; padding:3px; }

#liens_connexion { float:right; margin:15px 0px 0 0; }
#liens_connexion li { background:url(../icones/puce-connexion.png) no-repeat; }
#liens_connexion li a { background:none;}

a#deconnexion:hover {  text-decoration:underline; }

#profil_relais { margin-top:5px; }
#profil_relais li { padding-left:28px; }
#profil_relais li#profil { background:url(../icones/puce-profil-relais.png) no-repeat; background-position:0px 3px; }
#profil_relais li#forum { background:url(../icones/puce-forum.png) no-repeat; background-position:0px 3px; }
#profil_relais li#admin { background:url(../icones/puce-admin.png) no-repeat; background-position:0px 3px; }
#profil_relais li#quit { background:url(../icones/puce-quit.png) no-repeat; background-position:0px 3px; }
#profil_relais a { font-size:0.9em; background:none; padding:0; }
#profil_relais a:hover { text-decoration:underline; }

#formats { margin-top:10px; font-size:0.8em; color:#CC0000; height:40px; }

#conseil { display:block; clear:both; margin-top:500px; }

#rubriques { width:100%; display:block; margin-top:20px;}
#rubriques li { margin-right:20px; height:40px; }
#rubriques li a.sous-rubrique { background:url(../icones/arrow.png) left no-repeat; font-size:1.2em; color:#003366; height:32px; padding-left:35px;}
#rubriques li a.sous-rubrique:hover { color:#003399; text-decoration:underline; }

#photo-relais { width:130px; height:140px; float:left; margin-bottom:10px; }


#infos-relais { margin-left:10px; height:180px; }
#conteneur-infos { width:100%; height:210px; }

#liste_pers_relais { width:32%; float:right; margin-right:15px; }

p#info { font-style:italic; margin-bottom:20px; }
p#info img { vertical-align:bottom; }

#apercu_conteneur { width:350px; overflow:hidden; }
#apercu_photo { height:140px; width:130px; float:left; margin-right:10px; }
#apercu_contenu { height:140px; padding:0 10px 0 0; }
#apercu_temoignage { margin-top:10px; font-style:italic; display:block; }

#mail { background:url(../img/mail.jpg) top right no-repeat; }
#coordonnees { float:right; margin-top:200px; width:25%; }