/**********************************************************/
/* couleurs principales ***********************************/
/* marron  intermédiaire fond : #80714d *******************/
/* bordure : #d5c190                    *******************/
/* background bande gauche : #e3d6b5    *******************/
/* background centre : #333             *******************/
/* texte accessibilite : #d5c190        *******************/
/* texte menu gauche : #000000          *******************/
/* texte centre :                       *******************/
/* titres centre : #e3d6b5;             *******************/
/**********************************************************/

/**********************************************************/
/* MISE EN FORME DE LA STRUCTURE **************************/
/**********************************************************/
body {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  font-size : 0.8em;
  margin : 0;
  padding : 0;
  border : 0;
  background : #80714d;
  color : #f8f5ed;
}

#conteneur {
  position : absolute;
  width : 750px;
  left : 15%;
  right : auto;
  margin : auto;
  padding : 0;
  background-color : #e3d6b5;
  border-left : 13px solid #d5c190;
  border-right : 13px solid #d5c190;
  border-top : 0;
  border-bottom : 0;
}

#centre {
  background-color : #333;
  margin-left : 150px;
  padding : 10px;
}

#gauche {
  position : absolute;
  left : 0;
  margin : 0;
  padding : 0;
  border : 0;
  width : 150px;
}

/***********************************/
/* DECORATION **********************/
/**********************************/

#feuille {
  width : 250px;
  height : 250px;
  position : absolute;
  left : 610px;
  top : 10px;
  z-index : 1;
  background-image : url(./images/feuille_sepia.gif);
  background-position : top right;
  background-repeat : no-repeat;
}

#branches {
  width : 300px;
  height : 225px;
  position : absolute;
  left : -70px;
  top : 0;
  z-index : 0;
  background-image : url(./images/LIERREsepia3.png);
  background-repeat : no-repeat;
}

/**********************************************************/
/* MISE EN FORME MENU GAUCHE ******************************/
/**********************************************************/

#menugauche {
  position : absolute;
  list-style-type : none;
  top : 180px;
  left : 30px;
  z-index : 8;
  padding-right : 5px;
  padding-left : 0;
  padding-bottom : 0;
  padding-top : 0;
  text-align : right;
  margin : 0;
}

#menugauche li {
  margin-bottom : 5px;
}

#menugauche a {
  color : #000000;
  text-decoration : none;
}

#menugauche a:hover {
  text-decoration : underline overline;
}

/***********************************/
/* DIVERS **************************/
/**********************************/

#accessibilite {
  margin : 0;
  position : absolute;
  z-index : 10;
  top : 0;
  left : 0;
}

#accessibilite li {
  list-style-type : none;
}
#accessibilite a {
  color : #d5c190;
  text-decoration : none;
  font-size : 0.8em;
}

#accessibilite a:hover {
  text-decoration : underline;
}

/***********************************/
/* MISE EN FORME LIENS *************/
/**********************************/

a, a:link {
  text-decoration : none;
  color : white}
p a, p a:link {
  color : white;
  text-decoration : underline;
}

p a:hover {
  text-decoration : none;
}

.voirsite a {
  text-decoration : none;
  color : #e3d6b5;
  font-variant : small-caps;
}

.voirsite a:hover {
  text-decoration : underline;
}

h1 a:link {
text-decoration : none;}

/***********************************/
/* TEXTES ET TITRES ****************/
/**********************************/

#centre h1 {
  position : absolute;
  font-family : georgia;
  text-align : right;
  margin-top : 65px;
  left : 480px;
  margin-bottom : 80px;
  padding : 0;
  z-index : 7;
  color : #eee;
  font-size : 3em;
}

#centre h2 {
  text-align : right;
  font-size : 1.4em;
  color : #e3d6b5;
  margin-top : 180px;
}

#centre h3 {
  text-align : left;
  position : absolute;
  z-index : 4;
  font-family : georgia, prestige, sans-serif;
  color : #e3d6b5;
  font-size : 1.2em;
  position : absolute;
  top : 0;
}

dt, h6, legend, h5 {
  font-size : 1.3em;
  color : white;
  letter-spacing : 0.1em;
  font-variant : small-caps;
  padding : 0;
  font-weight : bold;
}

h6 {
  text-align : center;
}

dt, legend, h5 {
  background-image : url(./images/icon_fleche.gif);
  background-repeat : no-repeat;
  background-position : left center;
  padding : 10px 0 10px 30px;
}

dd {
  text-align : justify;
}

.date {
  font-variant : small-caps;
  font-size : 0.6em;
  padding-left : 10px;
  color : #e3d6b5;
}

#centre p {
  text-align : justify;
}

.competences ul {
  left : 50px;
}

#pied {
  background-color : #d5c190;
  color : #80714d;
  text-align : center;
  height : 1.1em;
}

#pied p {
  font-size : 1em;
  line-height : 1.1em;
}

p, dd {
  margin : 0 0 10px 0;
  color : #fff;
  font-size : 1em;
}

.red {
  color : #f90101;
}

.FloatLeft {
  float : left;
  border : 3px solid #d5c190;
  padding : 0;
  margin : 10px;
}

.FloatRight {
  float : right;
  border : 3px solid #d5c190;
  padding : 0;
  margin : 10px;
  margin-top : 20px;
}

table {
  text-align : center;
}

td {
  width : 200px;
  height : 300px;
  background-color : #f90101;
}

.ill p {
  padding : 5px;
}

fieldset, form {
  text-align : center;
  padding : 5px;
}

.hautpage {
  text-align : right;
  margin-right : 10px;
  padding-left : 550px;
  border : none;
}

.hautpage img {
  border : none;
}

.hautpage a:link, .hautpage a {
  border : 0;
}

input, textarea, select {
  border : 0;
  margin : 3px;
  padding : 0 3px;
  font : 90%/180% "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  color : #666666;
}

input, textarea {
  width : 290px;
}

input#type {
  width : 30px;
}

input#radio4 {
  width : 20px;
}

label {
  float : left;
  margin : 5px;
  width : 110px;
  display : block;
}

.clearAll {
  clear : both;
}