/****************************************************************************************
 * On trouvera ici les réglages pour le cadre de la page.
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Des réglages généraux (couleurs, marges, polices...)
 *--------------------------------------------------------------------------------------*/

a img { /* Pas de contour bleu autour d'une image cliquable */
  border: none;
}

/* Body : fond, marges */

html {
  background-color: #ccbb99;
}

body {
	background-color: rgb(230, 218, 197); /* was: #eee9e4 */
	background-position: center top;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 30px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
	width: 980px;
}


/*--------------------------------------------------------------------------------------*
 * L'en-tête (les réglages du bandeau wiki sont ailleurs)
 *--------------------------------------------------------------------------------------*/

div#header {
  font-family: "Courier New", Courier, Monaco, monospace;
}

div#header img {
  vertical-align: -15px;
}

div#header span#titre {
  font-size: 24px;
  letter-spacing: 5px;
  color: #cc0000;
}

div#header span#soustitre {
  color: #000000;
}

div#onglets {
  margin-left: 70px;
  font-family: "Courier New", Courier, Monaco, monospace;
  font-size: 16px;
  letter-spacing: 2px;
  color: #000000;
}

div#onglets a {
  text-decoration: none;
  text-transform: uppercase;
  color: #cc0000;
}

div#onglets a.courant {
  border-bottom: solid 1px #cc9999;
}

div#onglets a:hover {
  color: #0000ff;
}

div#boutons {
  float: right;
  margin-top: 15px;
}

/*--------------------------------------------------------------------------------------*
 * Les réglages pour le pied de page
 *--------------------------------------------------------------------------------------*/

div#date_modification {
  margin-left: 70px; margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #767666;
}

div#footer {
	height: 35px;
	padding-left: 70px;
	background-color: #f9f8f7;
}

div#footer div#texte {
	padding-top: 6px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #767666;
}

div#footer div#texte a {
	text-decoration: none;
	color: #767666;
}

div#footer div#texte a:hover {
	text-decoration: underline;
}

div#footer img {
  float: right;
}

div#subfooter {
  padding-top: 0.5em;
  background-color: #ccbb99;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 7pt;
	color: #888;
	letter-spacing: 1px;
}

/*--------------------------------------------------------------------------------------*
 * Les réglages pour les modes à une et deux colonnes
 *--------------------------------------------------------------------------------------*/

.page {
  margin: 25px 100px 10px 70px;
}


table.page-2cols {
  margin-right: 40px;
}

table.page-2cols td.col1 {
  width: 691px;
  vertical-align: top;
}

table.page-2cols td.col2 {
  width: 249px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position-y: -18px;
}

table.page-2cols td.col1 .page {
  margin-right: 20px;
}

div.colonne-droite {
  padding: 170px 5px 20px 30px;
  overflow: hidden;
  width: 214px;
  min-height: 394px;
}