/******************************************
Feuille de style du site VIVRE
mathilde GUINE - mathilde@tela-botanica.org
******************************************/
*{
  margin: 0;
  padding: 0;}
body {
  background-color:#F1EED7;
  font-family:trebuchet MS, verdana;
  font-size:12px;
  line-height:1,5px;
  color:black;}
p {
  color:black;
  font-size:12px;
  margin-top: 0px; 
  margin-bottom: 5px;
  width:90%;
  text-align: justify}

h1, h1 a {
  color:#A62118;
  font-size:17px;
  margin-top: 0px; 
  margin-bottom: 10px;
  font-weight: bold}
h2, h2 a {
  color:#8184BB;
  font-size:14px;
  margin-top: 10px; 
  margin-bottom: 10px;
  font-weight: bold}
h3, h3 a {
  color:#336633;
  font-size:13px;
  margin-top: 8px; 
  margin-bottom: 8px;
  font-weight: bold}

h4, h4 a {
  color:#993300;
  font-size:12px;
  margin-top: 8px; 
  margin-bottom: 8px;
  font-weight: bold}

#centre ul { 
   margin-left: 30px; 
   margin-bottom: 8px;
   list-style-image: url('http://www.vivreurope.org/images/puce.gif')
   }
a {
  text-decoration:none;
  color:black;
  font-weight:bold;}
a:hover {
  color:#A62118;}
a img {border: none;}
.flottant_gauche {
  float:left;
  padding:10px;}
.flottant_droit {
  float:right;
  padding:10px;}
.clear {
  clear:both;}
dt {
  float:left;
  width:auto;
  font-weight: bold;
  line-height:1.1em;
  text-align:top left;
  margin-right:0.3em;}
dt:after {content:" : ";}
.message dt:after {content:"";}
dd {
  margin-left:0;
  line-height:1.1em;
  margin:0.5em 0;}
ul ul {
  margin-left:2em;}

/**************************
DIFFERENTS BLOCS DE LA PAGE
**************************/
/****** CONTENEUR *******/
#conteneur {
  /*width:950px;
  position:absolute;
  left:50%;
  margin-left:-475px;*/
  background:transparent url(http://vivreurope.org/sites/vivre/generique/images/img_fond.gif) repeat-y right;
  margin:0 auto;}

/****** BANDEAU *******/
#bandeau {
  height: 110px;}
#bandeau h1 img{
  display:block;
  position:absolute;
  top:0;
  left:0;}
/****** Rechercher *******/
#rechercher {
  background:transparent url(http://vivreurope.org/sites/vivre/fr/images/rechercher.gif) no-repeat;
  height:80px;
  width:190px;
  position:absolute;
  right:0;
  top:0;}
#rechercher fieldset {
  border:none; 
  margin-left:75px;
  width:50px;}
#form_more_recherche legend {
  display:none;}
#form_more_recherche{
  padding-top: 30px;}
#form_more_recherche label {
  display:none;}
#more_ok {
  border: 1px solid black;
  font-size:10px;
  background-color:white;}
#more_motif {
  border:1px solid black;
  font-size:10px;
  margin-bottom:5px;
  width:100px;}

/****** GAUCHE ********/
#gauche {
  position:absolute;
  left:0;
  top:110px;
  width:154px;}
#contacts a:before {content:"[ ";color:black;}
#contacts a:after {content:" ]";color:black;}
#agora {
  width:154px;
  height:55px;}
#menu {
  display:block;
  font-weight:normal;
  border:1px solid #8184BB;
  list-style-type:none;
  width:154px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:152px;}
html>body #menu{
  width:152px;}
#menu a {
  color:black;}
#menu a:hover {
  color:#A5221A;
  font-weight:bold;}
#menu .menu_classique_n2 .menu_actif a{
  color:#A5221A;}
#menu_titre {
  display:block;
  height:32px;
  background:#8184BB url("http://vivreurope.org/sites/vivre/generique/images/triangle_menu.gif") no-repeat 2% 90%;
  color:#F0EED7;
  text-align:center;
  font-size:11px;
  line-height:3em;
  font-weight:bold;
  width:154px;}
#menu ul {
  margin:0;
  padding-left:22px;
  list-style:url("http://vivreurope.org/sites/vivre/generique/images/fleche_menu.gif");
  list-style-position:outside;
  padding-bottom:10px;
  font-size:11px;}
#menu ul ul {
  font-size:10px;
  list-style-image:none;
  list-style-type:none;}
#menu ul ul li:before {content : "-"; color:black;}
#titre_identification, #titre_forum {
  left:3px;}
#titre_identification {
  padding:45px 0 0 40px;
  background:url("http://vivreurope.org/sites/vivre/generique/images/picto_enregistrer.png" ) no-repeat 100% 0%;}
#titre_forum {
  padding:45px 0 0 50px;
  background:url("http://vivreurope.org/sites/vivre/generique/images/picto_forum.gif" ) no-repeat 100% 0%;}
#iden_action a {
  line-height:35px;}

#identification legend {
  display:none;}
#identification_message {
  font-size:10px;}
#identification {
  background: url("http://vivreurope.org/sites/vivre/generique/images/picto_identifiant.gif") no-repeat 90%;}
#identification fieldset {
  border:none;
  width:75px;}
#identification label {
  font-size:10px;}
#form_connexion #username, #form_connexion #password {
  width:80px;}
#form_connexion input {
  margin:2px;}
#connexion, #username, #password {
  border: 1px solid black;
  font-size:11px;
  background-color:white;}
#deconnexion {
  display:block;
  font-size:10px;
  background: transparent url("http://vivreurope.org/sites/vivre/generique/images/croix_enregistrer_rouge.gif") no-repeat 70% 50%;}
#tous_les_inscrits{
  font-size:11px;}
#identification ul {
  list-style-type:none;}
.boite_gauche {
  height:auto;
  background-color:#F0EED7;
  border:1px solid #A62118;
  list-style-type:none;
  padding:10px;
  width:154px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:132px;}
.boite_gauche a{
  font-weight:normal;}
.boite_gauche ul {
  margin-left:7px;}
html>body .boite_gauche{
  width:132px;}
.haut_boite_gauche {
  height:32px;
  background:url("http://vivreurope.org/sites/vivre/generique/images/bandeau_boite_gauche.gif") no-repeat;
  color:#F0EED7;
  text-align:center;
  line-height:2.5em;
  font-size:12px;
  font-weight:bold;
  width:154px;}
.bas_boite {
  height:21px;
  background-color:#A62118;
  text-align:right;
  padding-right:30px;
  line-height:2em;
  font-size:9px;
  width:154px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:124px;}
html>body .bas_droite{
  width:124px;}
.bas_boite a {
  color:#F0EED7;
  text-align:right;}

/******* DROITE ******/
#droite {
  position:absolute;
  right:0;
  top:110px;
  width:190px;
  background:transparent url(http://vivreurope.org/sites/vivre/generique/images/img_fond.gif) repeat-y right;}
/****** menus_droite *******/

#titre_agenda {
  background:url("http://vivreurope.org/sites/vivre/generique/images/picto_agenda.gif") no-repeat 100% 100%;
  border-bottom:1px solid #A62118;
  padding:45px 0 0 50px;
  margin-left:40px;}
.navi{
  text-align: center;}
.other_month{
  font-size: 0.0em;}
.calendar{
  font-size: 0.8em;
  text-align: center;
  margin-left:55px;
  border-collapse: collapse;}
.calendar th{
  display:none;}
.calendar td{
  line-height: 2em;
  padding-right:5px;}
.calendar td a{
  color: #8184BB;
  text-decoration: none;}
.calendar td a:before {content:"[";color:#8184BB;}
.calendar td a:after {content:"]";color:#8184BB;}
.calendar td a:hover{
  font-weight:bold;
  color: #A62118;}
#titre_actu {
background:url("http://vivreurope.org/sites/vivre/generique/images/picto_actu.gif") no-repeat 100% 0%;
  border-bottom:1px solid #A62118;
  padding:45px 0 0 30px;
  margin-left:40px;}
#actu, #fils_infos {
  float:right;}
.boite_droite {
  display:block;
  background-color:#F0EED7;
  width:154px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:132px;}
html>body .boite_droite{
  width:132px;}
.haut_boite_droite {
  display:block;
  height:32px;
  background:url("http://vivreurope.org/sites/vivre/generique/images/bandeau_boite_droite.gif") no-repeat;
  color:#F0EED7;
  text-align:center;
  line-height:2.5em;
  font-size:11px;
  font-weight:bold;
  width:154px;}
.boite_droite
{padding:10px;}
.boite_droite ul
{list-style-type:none;}
.boite_droite h2 {
  font-weight:bold;
  font-size:11px;}
.boite_droite a {
  font-weight:normal;}

/****** CENTRE *******/
#centre {
  margin-left:154px;
  margin-right:190px;}
#contacts {
  text-align:right;
  padding-right:10px;}
#texte {
  background: #F1EED7 url(http://vivreurope.org/sites/vivre/generique/images/img_fond_16.jpg) no-repeat center;
  padding: 20px;
  min-height:380px;}
#texte a {color:#7A110B;}
#texte a:hover {color:#8184BB;}
#texte h2 a {
  color:#8184BB;
  font-size:12px;
  text-indent :2%;
  margin:5px 0;}
.plan_site_Administration ul, .plan_site_vivreurope ul, .plan_site_Agora ul{
  margin-left:2em;}
.forml {
  border:1px solid black;}
/****** CSS specifiques aux appli **********/
.symbole_obligatoire:before {content:"[ ";color:black;}
.symbole_obligatoire:after {content:" ] ";color:black;}
.forml {
  border:1px solid black;}
ul .liste_inscription {
  list-style-type:none;}
#formulaire_inscription input[type="text"], #formulaire_inscription input[type="password"], #formulaire_inscription select {
  margin-left:200px;
  border:1px solid black;
  width:150px;}
#inscription_identification input[type="text"], #inscription_identification input[type="password"] {
  border:1px solid black;
  font-size:10px;
  margin-top:5px;
  margin-left:50px;
  padding:2px;
  width:150px;}
#inscription_identification input[type="submit"] {
  margin:15px 0 15px 150px;}
#inscription_personne input, #inscription_structure input {
  margin:5px;}
#case_inscription_lettre {
 border-top: 1px dotted #A62118;
 border-bottom: 1px dotted #A62118;
 padding:10px 0 10px 50px;}
#case_apparaitre_carto {
 border-bottom: 1px dotted #A62118;
 padding:10px 0 10px 50px;}
#asterisque {
 margin-top:10px;}
#identification_info {
 text-align:center;}
#identification_prenom, #identification_nom {
 font-weight:bold;}
#identification_message {
  padding:25px;}
 float:left;}
#iden_action a{
  line-height:35px;}
#table_inscrit {
 margin:60px;}
div.texte {
 padding-top:60px;}
#table_inscrit th, #table_bazar th {
 background-color:#A62118;
 color:white;
padding: 0 20px;}
 .table_cadre th {
 background-color:#A62118;
 color:white;}
.table_cadre .ligne_impaire {
 background-color:#e0d8c5;}
#petit_calendrier td, #table_inscrit td, #table_bazar td {
 border: 1px solid #A62118;
 padding-left:10px;
 font-weight:bold;
 background-color:#e0d8c5;}
#petit_calendrier td {
 border: 1px solid #A62118;
 padding:0 4px;
 font-weight:bold;
 background-color:#e0d8c5;}
#formulaire_projet span:before {
  content:" [ ";
  color:black;}
#formulaire_projet span:after {
  content:" ] ";
  color:black;}
.projet_titre, .projet_resume, .projet_espace_internet, .projet_type {
  border:1px solid black;
  width:300px;
  margin:0 0 10px 10px;}
.message {
  display:block;
  padding:10px;
  border:1px dashed #A62118;}
.message pre {
    overflow: auto;}
/****** PIED *******/
#pied ul{
  text-align:center;}
#pied li {
  display:inline}
#pied li {
  padding:4px;}