/********************************
 * Elements glabaux 
********************************/
html {
  height: 100%;
  width: 100%;
}

/*	IE 6 et inférieurs	*/
* html BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* IE 7 seulement */
*+html  BODY{
  margin: 0px;
  width: 100%;
  height: 100% ;
}

/* Navigateurs modernes seulement (IE 7 non inclus puisque n'étant pas un navigateur moderne) */
html>/**/body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  background-color: #E2E2E2;
  font-family: arial;
}

img, div { 
  behavior: url(js/iepngfix.htc);
}


#conteneur {
  width: 1000px;
  background-color: #697D85;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

img {
  border: 0px;
}

a:link, a:visited, a:hover {
  /*color: #959697;*/
  color: inherit;
  /*text-decoration: none;*/
}

/********************************
 * Header  
********************************/
#header {
  position: relative;
  width: 100%;
  height: 343px;
}

#header #logo {
  position: relative;
  width: 100%;
  height: 109px;
  background-color: #FFFFFF;
}

#header #logo #image_logo {
  position: absolute;
  width: 249px;
  height: 99px;
  top: 6px;
  left: 20px;
}

#header #logo #sigle {
  position: absolute;
  width: 493px;
  height: 27px;
  background-image: url(../images/sigle.jpg);
  top: 82px;
  left: 434px;
}

#header #bandeau {
  width: 100%;
  height: 191px;
  background-image: url(../images/bandeau_public.jpg);
}

 #menu {
  width: 100%;
  height: 43px;
  background-image: url(../images/fond_menu_gris.jpg);
  background-repeat: repeat-x;
  position: absolute;
  top: -43px;
}

 #menu .menu_lien {
  height: 43px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 12px;
  background-image: url(../images/separateur-menu.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  float: left;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  position: relative;
}

 #menu .menu_lien:hover {
  background-image: url(../images/fond_menu_argent.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  color: #3F3F3F;
}

 #menu .menu_lien a {
  text-decoration: none;
}

 #menu .menu_lien .menu_cache {
  display: none;
}

 #menu .menu_lien .menu_visible {
  display: block;
  position: absolute;
  top: 43px;
  left: 0px;
  z-index: 2000;
  background-color: #BFBFBF;
  background-image: url(../images/fond_sous_menu.png);
  background-position: top left;
  background-repeat: repeat-x;
  /*width: 100%;*/
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu .menu_lien .menu_visible ul {
  margin: 0px;
  padding: 0px;
}

#menu .menu_lien .menu_visible li {
  white-space: nowrap;
  list-style: none;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 0px;
}


/********************************
 * Middle 
********************************/
#middle {
  width: 100%;
  min-height: 311px;
  position: relative;
  background-color: #687C84;
  background-image: url(../images/fond_bleu_gris.jpg);
  background-repeat: repeat-x;
}

/********************************
 * Contenu  
********************************/
#contenu {
  position: relative;
  width: 716px;
  margin-right: 284px;
}

#contenu #devenir_adherent {
  position: absolute;
  width: 306px;
  height: 112px;
  left: 36px;
  top: 26px;
  background-image: url(../images/btn_devenir_adherent.png);
  font-family: Helvetica, Arial;
  color: #FFFFFF;
}

#contenu #devenir_adherent .titre {
  position: absolute;
  left: 110px;
  top: 12px;
  font-size: 16px;
  font-weight: bold;
}

#contenu #devenir_adherent .complement {
  position: absolute;
  left: 195px;
  top: 70px;
  font-size: 12px;
  font-weight: bold;
}

#contenu #adherer {
  position: absolute;
  width: 306px;
  height: 112px;
  left: 374px;
  top: 26px;
  background-image: url(../images/btn_adherer.png);
  font-family: Helvetica, Arial;
  color: #FFFFFF;
}

#contenu #adherer .titre {
  position: absolute;
  left: 110px;
  top: 12px;
  font-size: 16px;
  font-weight: bold;
}

#contenu #adherer .complement {
  position: absolute;
  left: 177px;
  top: 70px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

#contenu #adherent {
  position: absolute;
  width: 306px;
  height: 111px;
  left: 36px;
  top: 169px;
  background-image: url(../images/btn_adherent.png);
  font-family: Helvetica, Arial;
  color: #FFFFFF;
}

#contenu #adherent .titre {
  position: absolute;
  left: 110px;
  top: 15px;
  font-size: 18px;
  font-weight: bold;
}

#contenu #adherent .titre a, #contenu #adherent .dossier a, #contenu #conseil .titre a, #contenu #conseil .dossier a {
  text-decoration: none;
}

#contenu #adherent .complement {
  position: absolute;
  left: 100px;
  top: 80px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

#contenu #adherent .complement2 {
  position: absolute;
  left: 100px;
  top: 92px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

#contenu #adherent .dossier {
  position: absolute;
  left: 110px;
  top: 62px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  color: #517204;
}

#contenu #conseil {
  position: absolute;
  width: 306px;
  height: 111px;
  left: 374px;
  top: 169px;
  background-image: url(../images/btn_conseil.png);
  font-family: Helvetica, Arial;
  color: #FFFFFF;
}

#contenu #conseil .titre {
  position: absolute;
  left: 110px;
  top: 15px;
  font-size: 18px;
  font-weight: bold;
}

#contenu #conseil .complement {
  position: absolute;
  left: 100px;
  top: 80px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

#contenu #conseil .complement2 {
  position: absolute;
  left: 100px;
  top: 92px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

#contenu #conseil .dossier {
  position: absolute;
  left: 110px;
  top: 61px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  color: #1b4984;
}

.curseur_main { /* special IE car il ne comprend rien!!! */
  cursor: pointer;
}

#contenu #fil_ariane {
  padding: 10px;
  color: #FFFFFF;
  font-size: 12px;
}

#contenu #article, #contenu #rubrique {
  padding: 10px;
  color: #FFFFFF;
  font-size: 12px;
}

#contenu #article h1, #contenu #rubrique h1 {
  font-weight: bold;
  text-decoration: underline;
}

#contenu .passwd {
  background-image:url(../images/btn_adherent.png);
  background-repeat:no-repeat;
  height:111px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 10px;
  position:relative;
  top:50px;
  width:306px;
}

#contenu .passwd_conseil {
  background-image:url(../images/btn_conseil.png);
}

#contenu .passwd .field {
  color:#FFFFFF;
  margin-top:10px;
  padding-left:8px;
  position:relative;
}

#contenu .passwd .field input {
  position: absolute;
  right: 20px;
  width: 170px;
}

#contenu .passwd .submit {
  position: absolute;
  right: 20px;
  bottom: 18px;
}

#contenu .passwd .complement {
  position: absolute;
  right: 20px;
  bottom: -10px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}


#contenu .passwd .complement a {
  color: #FFFFFF;
}

#contenu .login_error {
  color:red;
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
  position:relative;
  top:25px;
  width:250px;
}

/********************************
 * Right 
********************************/
#right {
  position: absolute;
  right: 0px;
  width: 284px;
  min-height: 311px;
  background-color: #7FC2B3;
  background-image: url(../images/fond_vert.jpg);
  background-repeat: repeat-x;
}

#right h2 {
  margin: 0px;
  padding: 0px;
  margin-top: 26px;
  margin-left: 26px;
  text-transform: uppercase;
  color: #435B59;
}

#right #actualite_marque {
  width: 260px;
  margin-left: 16px;
  font-size: 11px;
  margin-top: 10px;
  overflow: hidden;
  height: 230px;
}

#right .actualite {
  width: 210px;
  font-size: 11px;
  margin-top: 10px;
}

#right .actualite .date_actu {
  color: #4F4F4F;
}

#right .actualite .text_actu {
  color: #FFFFFF;
}

#right .actualite .text_actu p {
  display: inline;
}

/********************************
 * Footer 
********************************/
#footer {
  width: 100%;
  height: 25px;
  background-color: #FFFFFF;
  color: #959697;
  font-weight: bold;
  font-size: 11px;
}

#footer #footer_contenu {
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  width: 555px;
  text-align: center;
}

#footer #footer_telephone {
  margin-right: 20px;
}

#footer #footer_email {
  margin-right: 20px;
}

#footer #footer_mentionslegales {
  margin-right: 20px;
}

#footer #footer_createurs {

}

/********************************
 * Mentions légales 
********************************/
#mentions_legales {
  padding: 10px;
  color: #FFFFFF;
  font-size: 12px;
}

#mentions_legales .bloc_mentionslegales {
  margin-top: 10px;
  margin-bottom: 30px;
}

#mentions_legales .bloc_mentionslegales .titre {
  font-weight: bold;
  text-decoration: underline;
}

#mentions_legales .bloc_mentionslegales p {
  margin: 0px;
  margin-bottom: 10px;
}

/**
 * Bulletin d'adhesion
 **/
#download_bulletin {
  padding: 10px;
  font-size: 12px;
  color: #FFFFFF;
}
#download_bulletin .field {
  margin-bottom: 5px;
}
#download_bulletin .input1 {
  margin-left:  117px;
}
#download_bulletin .input2 {
  margin-left:  25px;
}
#download_bulletin .input3 {
  margin-left:  37px;
}

/**
 * Page de contact
 **/
#contact {
  padding: 10px;
  font-size: 12px;
  color: #FFFFFF;
}

#contact .fields {
  position: relative;
  height: 30px;
}

#contact .fields .input {
  position: absolute;
  left: 110px;
}

#contact .fields .input input {
  width: 150px;
}

#contact .fields label {
}

#contact .submit {
  margin-top: 130px;
  margin-left: 150px;
}

/**
 * Obtenir son mot de passe
 */
#obtenir_password {
  padding: 10px;
  font-size: 12px;
  color: #FFFFFF;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#obtenir_password .field {
  height:30px;
  position:relative;
}
#obtenir_password .field label{
}
#obtenir_password .field .input{
  left:130px;
  top: 0px;
  position:absolute;
}



#message_important {
  height:20px;
  margin-left:45px;
  margin-top:265px;
  overflow:hidden;
  width:625px;
}
.message_important {
  color: #FFBE00;
  font-weight: bold;
  font-size: 12px;
}