/*********************************************************/
/*                        Entete                         */
/*********************************************************/

/*                     Accessibilité                     */
#accessible {
  float:left;
  height:130px;
}

#accessible a {
  padding:0 3px 0 3px;
  color:#dd0029;
}

#accessible a:hover {
  color:#ffffff;
}


/*                     Identification                    */
#identification {
  float:right;
  width:240px;
  color:#ffffff;
  margin:30px 0 0 25px;
  text-align:center;
}

#identification p { 
  margin:10px 0 15px 0;
  color:#ffffff;
}

#identification label { 
  width:42%;
}

#identification a:hover { 
  color:#ffffff;  
}

#identification a:hover:before { 
  content:".: ";
  color:#de0029;
}

#identification a:hover:after { 
  content:" :.";
  color:#de0029;
}

/*********************************************************/
/*                          Gauche                       */
/*********************************************************/
#gauche {
  float:left;
  width:19%;
}

#inner { 
  background-image:url("../images/menuvertical.png");
  min-height:600px;
  height:600px;
  position:relative;
  margin:0 10% 0 10%;
  z-index:2;
}

#coinarrondi {
  width:15px;
  height:15px;
  float:left;
  background-image:url("../images/hautgauche.png");
}

#logo {
  position:absolute;
  top:-71px;
  right:-55px;
}

/********************* Menu principal ********************/
#menu {
  padding-top:80px;
  width:100%;
}

#menu li { 
  list-style-type:none;
  position:relative;
  width:100%;
  clear:both;
}

#menu a {
  display:block;
  width:100%;
  color:#de0029;
  padding:2px 0 2px 0;
}

#menu a:hover {
  color:#ffffff;
  background-color:#de0029;
}

#menu li li {
  position:relative;
  float:left;
  width:100%;
}

#menu ul, #menu ul ul {
  display:none;
  width:93%;
  position:absolute;
  left:100%;
  top:-1px;
  background-color:#000000;
  border:1px solid #de0029;
}

#menu li:hover > ul {
  display:block;
}

#menu .ssmenu { 
  color:#ffffff;
  padding-left:5px;
}

/*********************************************************/
/*                          Droite                       */
/*********************************************************/

/*********************** Arborescence ********************/
#arborescence { 
  text-align:left;
  color:#ffffff;
}

#arborescence span {
  font-style:italic;
  padding-left:5%;
  border-bottom:1px dashed #000000;
}

/************* Formulaire pour le membre  ****************/
#infosformmembre { 
  width:70%;
  text-align:justify;
  margin:auto;
}

.recherche { 
  margin-top:30px;
  width:92%;
}

.recherche #formrecherche { 
  margin:10px 0 0 20px;
}

.recherche #formrecherche label { 
  width:30%;
}

.recherche #formrecherche div div { 
  width:70%;
}

/************************** Pied *************************/
#pied {
  clear:both;
  text-align:center;
  width:100%;
  margin:30px 0 10px 0;
}

#pied a {
  padding:3px;
  color:#dcdcdc;
  border-color:transparent;
  border-width:1px;
  border-style:solid;
}

#pied a:hover {
  color:#000000;
  border-color:#de0029;
}

/************************* Google ************************/
.google { 
  text-align:center;
  margin:auto;
}

.google table { 
  width:100%;
}

.google .radio { 
  width:50%;
}

#pied .google { 
  margin-bottom:5px;
}