/*////////////////////////////////////////////////
// Auteur : Alexandre Baussano
// Date de creation : 8/06/2009
// Date de modification : -
// Fonctionalite : feuille de style clp
// Copyright : ab-techweb
// Couleurs : bleu fonce : #006eb6
//            bleu clair : #b2e0f6
////////////////////////////////////////////////*/

body{
  position              : relative;
  margin                : 0px;
  padding               : 0px;
  font-family           : Verdana, sans-serif;
  color                 : #006eb6;
  font-size             : 1em;
  background-image      : url("images/fond.gif");
  background-position   : 50% 0%;
  background-repeat     : no-repeat;
}

h1{
  margin    : 0px;
  font-size : 1.2em;
}

a{
  color           : #006eb6;
  text-decoration : underline;
}

a:hover{
  color           : #006eb6;
  text-decoration : none;
}

input{
  width    : 200px;
  border : 1px solid #006eb6;
  background-color : #b2e0f6;
  color : #006eb6;
}

textarea{
  border : 1px solid #006eb6;
  background-color : #b2e0f6;
  color : #006eb6;
}

img{
  border : none;
}

.checkbox {
  width : 20px;
}

.left{
  text-align : left;
  margin-left : 20px;
}

.right{
  text-align : right;
  margin-right : 20px;
}

.center{
  text-align : center;
}

.clear{
  clear : both;
}

.hidden{
  position : relative;
  display  : none;
}

.label{
  width : 150px;
}

.small{
  font-size : 0.8em;
}

.bouton{
  position          : relative;
  width             : 300px;
  height            : 50px;
  background-image  : url("images/bouton.jpg");
  background-repeat : no-repeat;
  line-height       : 50px;
}

.bouton a{
  text-decoration : none;
  color : #006eb6;;
  font-weight : bold;
  font-size : 1.2em;
}

#conteneur_haut{
  position              : relative;
  width                 : 920px;
  height                : 195px;
  margin-left           : auto;
  margin-right          : auto;
}

#conteneur_haut a{
  color           : white;
  text-decoration : none;
}

#conteneur_haut a:hover{
  color           : white;
  text-decoration : underline;
}

  #accueil_ae{
    position   : absolute;
    top        : 8px;
    left       : 630px;
    width      : 115px;
    height     : 26px;
    color      : white;
    font-size  : 0.6em;
    text-align : center;
  }
  
  #accueil_adherent{
    position   : absolute;
    top        : 8px;
    left       : 782px;
    width      : 115px;
    height     : 26px;
    color      : white;
    font-size  : 0.6em;
    text-align : center;
  }

#conteneur_milieu{
  position              : relative;
  width                 : 915px;
  min-height            : 255px;
  background-image      : url("images/repeat.gif");
  background-position   : 50% 0%;
  background-repeat     : repeat-y;
  margin-left           : auto;
  margin-right          : auto;
}

  #contenu{
    position     : relative;
    width        : 875px;
    margin-left  : auto;
    margin-right : auto;
    font-size    : 0.8em;
  }

/***** accueil *****/

    .encart_gauche{
      float               : left;
      width               : 369px;
      height              : 278px;
      background-image    : url("images/boite_gauche.gif");
      background-position : 0% 0%;
      background-repeat   : no-repeat;
      margin-left         : 30px;
    }
    
      .titre_gauche{
        position : relative;
        top : 62px;
        left : 63px;
        width : 300px;
        font-size : 1.1em;
        color : #b2e0f6;
        text-align : right;
      }
      
      .contenu_boite_gauche{
        position : relative;
        width    : 325px;
        height   : 170px;
        top      : 80px;
        left     : 30px;
      }
      
      .contenu_boite_gauche  input{
        width    : 150px;
        border : 1px solid #006eb6;
        background-color : #b2e0f6;
        color : #006eb6;
      }
    
    .encart_droit{
      float               : right;
      width               : 369px;
      height              : 278px;
      background-image    : url("images/boite_droite.gif");
      background-position : 0% 0%;
      background-repeat   : no-repeat;
      margin-right         : 30px;
    }
    
      .titre_droit{
        position : relative;
        top : 62px;
        left : 5px;
        width : 300px;
        font-size : 1.1em;
        color : #b2e0f6;
      }
      
      .contenu_boite_droit{
        position : relative;
        width    : 325px;
        height   : 170px;
        top      : 80px;
        left     : 10px;
      }
      
      .contenu_boite_droit  input{
        width    : 150px;
        border : 1px solid #006eb6;
        background-color : #b2e0f6;
        color : #006eb6;
      }
      
    #lostgauche{
      display : none;
    }
    
    #lostdroite{
      display : none;
    }
      
/***** fin accueil *****/

/***** inscriptionae *****/

      #inscriptionaetable{
        width : 70%;
      }
      
      #inscriptionaetable td{
        border : 1px solid #006eb6;
      }

/***** fin inscriptionae *****/

/***** validationinscriptionae *****/

      #cgv{
        position : relative;
        width : 800px;
        height : 200px;
        overflow : auto;
        border : 1px solid #006eb6;
      }

/***** fin validationinscriptionae *****/

/***** metierad *****/

      .select{
        position            : relative;
        width               : 850px;
        height              : 50px;
        background-image    : url("images/select.jpg");
        background-position : 50% 0%;
        background-repeat   : no-repeat;
        text-align          : center;
      }
      
      #listeae{
        position : relative;
        width : 850px;
        height : 350px;
        background-image    : url("images/liste.jpg");
        background-position : 0% 0%;
        background-repeat   : no-repeat;
        overflow : hidden;
        text-align : center;
        font-size : 1.4em;
        line-height : 350px;
      }
      
      .carte{
        float:left;
        margin-top : 50px;
        width : 370px;
        height : 250px;
        background-image    : url("images/carte.jpg");
        background-position : 50% 0%;
        background-repeat   : no-repeat;
        overflow : hidden;
        font-size : 0.8em;
        line-height : 1em;
      }
      
      .carte a{
        text-decoration : none;
      }
      
      .cartegold{
        float:left;
        margin-top : 50px;
        width : 370px;
        height : 250px;
        background-image    : url("images/cartegold.jpg");
        background-position : 50% 0%;
        background-repeat   : no-repeat;
        overflow : hidden;
        font-size : 0.8em;
        line-height : 1em;
      }
      
      .cartegold a{
        text-decoration : none;
      }

/***** fin metierad *****/

#conteneur_bas{
  position              : relative;
  width                 : 915px;
  height                : 25px;
  background-image      : url("images/footer.jpg");
  background-position   : 50% 0%;
  background-repeat     : no-repeat;
  margin-left           : auto;
  margin-right          : auto;
  line-height           : 25px;
  font-size             : 0.6em;
  text-align            : right;
  padding-right         : 30px;
}