/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.clearer{
  clear: both;
  }
a img{
  border: none;
  }
a:active, a:focus{
  outline: none;
  }

/* typographie
*********************/
/* typo > liens
*********************/
#contenu a.squarred{
  border: 1px solid #edd38c;
  text-decoration: none;
  color: #edd38c;
  padding: 2px 4px;
  font: 11px Arial, Helvetica, sans-serif;
  }
#contenu a.squarred:hover{
  background: #edd38c;
  color: #351111;
  }

/* typo > headlines
*********************/
#contenu h1{
  font: 30px Georgia, "Times New Roman", Times, serif;
  color: #edd38c;
  letter-spacing: 1px;
  margin: 0 50px 10px;
  }
#contenu h2{
  font: 20px Georgia, "Times New Roman", Times, serif;
  color: #edd38c;
  letter-spacing: 1px;
  margin: 0 50px 10px;
  }
#contenu h1 span{
  font: 12px Georgia, "Times New Roman", Times, serif;
  margin: 0 0 0 15px;
  }
#contenu h1 span a{
  text-decoration: none;
  color: #edd38c;
  }
#contenu h1 span a:hover{
  text-decoration: underline;
  }

/* typo > blocs
*********************/
#contenu p{
  font: 12px/18px Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  letter-spacing: 0.01em;
  color: #edd38c;
  padding: 0 50px;
  margin: 0 0 10px;
  }

/* typo > inline
*********************/
#contenu .smallcaps{
  font-variant: small-caps;
  }
#contenu .small{
  font-size: 0.7em;
  line-height: 1.2em;
  }

/* blocs
*********************/
#contenu .semicol{
  width: 470px;
  float: left;
  }
#contenu .childtoright h1{
  text-align: right;
  }
#contenu .toright{
  text-align: right;
  }
#contenu .childtoright p{
  text-align-last: right;
  }
#contenu .semicol p{
  padding: 0 0 0 50px;
  margin: 0 10px 10px;
  }
#contenu .semicol h1{
  margin: 0 18px 10px 60px;
  }
#contenu #scrollable{
  height: 290px;
  overflow: scroll;
  overflow-x: hidden
  }
#contenu #scrollable:focus{
  outline: none;
  }
#contenu .semicol .bordered{
  border-right: 1px solid #edd38c;
  padding: 0 15px 0 50px;
  }

/* livre d'or
*********************/
#contenu #livreor{
  height: 225px;
  margin: 0 0 15px;
  overflow: scroll;
  overflow-x: hidden
  }
#contenu #livreor:focus{
  outline: none;
  }
#contenu #livreor p.livreinfo{
  font: 11px/18px Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px solid #edd38c;
  margin: 0 10px 5px;
  }
#contenu .semicol h2{
  margin: 40px 18px 10px 10px;
  }
#contenu .semicol p{
  padding: 0;
  margin: 0 10px 10px;
  }

/* curriculum
*********************/
#contenu #curriculum{
  height: 300px;
  width: 850px;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden
  }
#contenu #curriculum:focus{
  outline: none;
  }
#contenu #curriculum p{
  padding: 0;
  margin: 0 20px 10px;
  }
#contenu #curriculum p.livreinfo{
  font: 11px/18px Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px solid #edd38c;
  margin: 0 10px 5px;
  }
#contenu #curriculum blockquote{
  padding: 5px 0 3px;
  margin: 0 20px 10px;
  text-align: center;
  border-top: 1px dotted #edd38c;
  border-bottom: 1px dotted #edd38c;
  }

/* contact
*********************/
#contenu #formContact .semicol{
  margin: 15px 0 20px;
  }
#contenu #formContact label{
  font: 11px/18px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0.01em;
  color: #edd38c;
  }
#contenu #formContact input,
#contenu #formContact select{
  width: 250px;
  border: 1px solid #edd38c;
  background: none;
  font: 11px Arial, Helvetica, sans-serif;
  color: #edd38c;
  }
#contenu #formContact option{
  background: #351111;
  color: #edd38c;
  }
#contenu #formContact textarea{
  width: 250px;
  border: 1px solid #edd38c;
  background: none;
  font: 11px Arial, Helvetica, sans-serif;
  color: #edd38c;
  }
#contenu #formContact .rowsubmit a{
  float: right;
  width: 111px;
  text-align: center;
  margin: 0 0 0 10px;
  }
#contenu #formContact .rowinput_m,
#contenu #formContact .rowtextarea_large_s,
#contenu #formContact .rowtextarea_large_m,
#contenu #formContact .rowsubmit,
#contenu #formContact .rowselect_m{
  text-align: right;
  margin: 5px 0;
  }
  /* footer
*********************/
#container #footer p{
font: 11px Georgia, "Times New Roman", Times, serif;
text-align:left;
color: #323232;
padding:58px 0 0 170px;
}
#container #footer p a{
display:inline;
position:inherit;
height:auto;
text-decoration:none;
color: #323232;
}
#container #footer p a:hover{
text-decoration:underline;
color: #7c7c7c;
}

#contenu p.liens{
text-align: center;
}