/* CSS Document */

body {
  background-color:#3e79b5;
  margin:0;padding:0;border:0;
  font-size:0.9em;
  color:#d4ebff;
  min-height:100%;
  font-family: Trebuchet MS;
}

/* GLOBEAUX */
.nettoyeur {clear:both}
.invisible {display:none}
h1, h2, h3 {border:0;margin:0;padding:0}
a {color:white;text-decoration:none}
a:hover {font-weight:bold;text-decoration:underline}
img {border:2px solid transparent;margin:0;padding:0;}
.clear {clear:both}
.center {text-align:center}
.left {text-align:left}

/* ENTETE */
#entete {
  margin:0 0 0 0;
  padding:0 0 25px 0;
  background: url("img/fond_bandeau.png") bottom left repeat-x; 
  width:100%;
  color:black;
  background-color:white;
}
#contenuentete {
  padding:10px;
  }
  #descriptif {font-size:120%}
#entetegauche {float:left;}
#entetelang {padding-left:5px}
#entetecentre {text-align:center;}
#entetedroite {width:250px;float:right;}

/*CONTENU */

#page {clear:both; margin:15px; min-height:450px}
#hierarchie {position:relative;bottom:15px}
#conteneur_gauche {
  float:left;
  width:64%;

  }
  .cadrefonce {background-color:#3e79b5; color:#d4ebff;}
  .cadreclair, .titre, .bouton, .contenupp{
    background-color:#d4ebff;
    color:#00298c;
    overflow:hidden;
    }
  .cadreclair a, .bouton a, .contenupp a{color:black;}
  .cadreclair, .cadrefonce {padding:10px}
  .fondcadre {background-color:#00298c;padding:10px}
  .titre {text-align:center}
  .titre>*{margin:5px}
  .contenupp {margin:10px;padding:10px}
  .contenupp iframe {width:92%;position:relative;left:3%;border:none;margin:10px}
  
  .bouton {list-style-type:none;text-align:center;color:black;padding:5px}
  .bouton:hover{background-color:white}
  .liste_rubriques_enfants a>div{margin:15px 0 15px 0;}
  .liste_rubriques_enfants .colonne {width:30%;float:left;margin:1%}
  .liste-art-bouton{
    position:relative;left:-20px;
    text-align:left;Xlist-style:none;font-size:80%;
    }
    
 // .scroll{height:400px;overflow:auto;border:2px solid black}
  .listemembres tr:hover{background-color:white}
  .th {background-color:white;text-align:center}
  .listecie table {border-collapse:collapse;border:1px solid black;}
  .listecie th, .listecie td {border-bottom: 1px solid black;vertical-align:middle;padding:10px 5px}
  .listemembres {border-collapse:collapse;}
  .listemembres td {border-bottom:1px solid black;border-top:1px solid black;}
  
  .colonne>div{margin:10px}

#conteneur_droite {
  width:33%;
  float:right;}
  
  
#login form {width:100%;overflow:hidden}
#login fieldset {width:100%}

a.on{background-color:darkblue}
.syndic {background-color:#3e79b5;}
#pscroller11 , #pscroller12 {text-align:center}
/* PIED */
#pied {
  width:100%;
  text-align:center;
  background: url("img/fond_pied.png") top left repeat-x;
  background-color:#00298c;
  margin-top:30px;
  padding: 10px 0 22px 0;
}


/*Example CSS for the two demo scrollers*/

#pscroller1{
  width: 90%;
  height: 180px;
  padding: 5px;
}

/*
table { height: 500px; }
table tbody { height:300px;overflow-y:scroll; }
*/

#contenu_droite .cadrefonce{padding:8px 5px;}
#contenu-droite>div{margin:20px 2px}