* { margin:0; padding:0; text-align: left;} 
/****** le style général de la page ********/
html{ background-color: #fff8c7; font-size: 0.9em; padding: 5px;}
body{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 5px; width: 790px; background-color: #fff; line-height: 130%; margin-left: auto; margin-right: auto; text-align: center; border: 1px solid #310; position: relative; }

/* éléments généraux */
img { border: 0px none; }
/*a { color: #310;  }*/
a:hover { color: #310; text-decoration: none;}
#image_gauche { float: left; border: 1px solid #630; margin: 0 5px 5px 10px; clear: left; }
#image_droite { float: right; border: 1px solid #630; margin: 0 10px 5px 5px; clear: right; }
font{line-height: 100%; }
#travaux{ color: Red; position: relative;	top: 60px; width: 790px; font-weight: bold; vertical-align: middle; height: 300px; text-align: center; }
#modif{ width: 590px; vertical-align: middle; border: 1px dashed #EC4100; margin-top: 10px; margin-left:100px; padding:10px; color: #EC4100; font-weight: bold; }
input.bouton { background-image: url('images/bout.gif'); cursor: pointer;	border: 1px solid #630;	color: #310; font-size: 0.9em; text-align: center }
input.bouton2 { border: 1px solid #999; font-size: 0.9em; text-align: center }
#smiley{ text-align: center; padding-top: 3px;  }
p{ margin: 10px 0;}
blockquote{ margin-left: 30px;}
hr{ color: #630; background-color: #630; height: 1px; border: 0;}


/* les conteneurs de l'entete */
#entete { line-height: 100%; width: 790px; height: 129px; border: 1px solid #630; }
#entete2 { line-height: 100%; width: 790px; height: 102px; border: 1px solid #630; }
.image{ width: 790px; background-image: url('images/centre_bg.gif'); }
.banniere{ position: absolute; top: 40px; left: 290px; border: 1px solid #310;}
.menu_haut{ width: 790px; background-image: url('images/droite_bg.gif'); background-repeat: repeat-x }
.traduire1 img{ border: 1px solid #630; margin: 0 15px 2px 40px; }
.traduire2 img{ border: 1px solid #630; margin: 0 40px 2px 15px; }
#visiteur {	font-size: 0.9em; position: absolute; top: 115px; left: 630px; font-family: "Courier New", Courier, monospace; color: #310; font-weight: bold; }
#visiteur .nombre { border: 1px solid #663300; background-color: #c96; margin: 1px; }

/* Menu Gauche */
#corps { width: 790px; }
#corps .gauche{ float: left; margin-right: 12px; width: 166px;}
#corps .menu_gauche{ text-align: center; margin-top: 10px; width: 100%; background-image: url('images/menu_gauche_bg.gif'); background-repeat: repeat-y }
#corps .menu_gauche a { color: #310;text-decoration: none; font-weight: bold; }
#corps .menu_gauche a:hover { color: #fff8c7; }
#corps .menu_gauche ul{ list-style: disc inside; margin-top: 12px; }
#corps .menu_gauche li{ padding: 0px 10px; }
#corps .menu_gauche li.ssmenu_select{ padding: 0px 10px 0 10px; background-color: #fff8c7; border: 1px solid #630; }
#corps .menu_gauche h3.titre_menu{ text-transform: uppercase; margin-top: -28px; margin-left: 20px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #310; }
#corps .menu_gauche h3.menu_select{ text-transform: uppercase; margin-top: -28px; margin-left: 20px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #310; color: #fff8c7; }

/* pied de page */
#piedpage { clear: both; font-size: 1em; border: 1px solid #630; width: 790px; height: 22px; background-image: url('images/bas_bg.gif'); background-repeat: repeat-x; text-align: center; color: #310; font-weight: bold; margin-top:20px }
#piedpage td{ width: 100%; text-align: center; }
#piedpage img{ border: 1px solid #000; }
#piedpage a{ color: #310;  }
/*****************************************/


/* Page d'acceuil */
#corps div.parag { padding: 5px 10px; }
#corps img.bas{ position: relative;	top: 0.3em; }
/*#corps p:first-letter { position: absolute; line-height: 0; font-size: 1.6em; font-variant: bold; color: #630; text-transform: uppercase; }*/
#corps .presentation{ width: 608px; float: right; border: 1px dashed #630; margin: 10px 0 0 0; }
#corps .presentationlittle{ width: 608px; float: right; border: 1px dashed #630; margin: 10px 0 0 0; height: 160px; z-index: -1; overflow:hidden; }
h2.titre_menu{ margin: 5px; text-align: center; font-size: 1.3em; color: #310; }
#corps .presentation select{ width: 50px; }
#corps .presentation ol{ padding-left: 100px; margin: 10px; }
#corps h4.titre_menu { color: #310; font-size: 13px; margin-top: -28px; margin-left: 5px; margin-bottom: 10px;}
#corps .centre{ width: 610px; background-image: url('images/menu_centre_bg.gif'); background-repeat: repeat-y; float: right; margin-top: 10px; clear: right }
#corps .centre ul{ padding-left: 60px; }
#corps .centrer{ color: #630; text-align: center; width: 610px; float: right; margin-top: 10px; clear: right;}
#corps .centrer .gras{ font-weight: bold; }

/* Page chemin */
#corps .diaporama{ width: 608px; border: 1px dashed #630; float: right; margin-top: 10px; clear: right; text-align: center; }
#corps .diaporama h5.titre_menu{ margin: 5px; font-size: 1.2em; text-decoration: underline; color: #310; }
#corps .diaporama table{ width: 100%; }
#corps .diaporama td{ width: 25%; font-size: 0.9em; font-style: italic; text-align: center; }
#corps .diaporama img{ border: 1px solid #000; }

/* Page apercu */
#apercu{ width:800px; text-align:center; }
#apercu_titre{ font-style: italic; width: 100%; text-align:center; }
#apercu_texte{ text-align: justify;	width: 100%; }

/* Page menu */
#corps .tab{ width:100%; text-align: center;}
#corps .tab td{ width:50%; text-align: center;}

/* Page contact */
#corps .largecentre{ width: 790px; background-image: url('images/centre_centre_bg.gif'); background-repeat: repeat-y; margin-top: 10px }
#corps .alignc{ width: 100%; text-align: center; font-weight: bold;}

/* La lettre */
.lettre{ width: 100%;	height: 600px; background-color: #fff; }

/* Page forum */
#corps .menu_gauche .liste { position: relative; list-style:none; font-weight: bold; left: -10px; text-align: center; }
#corps .menu_gauche .liste *{ text-align: center; }
#corps .menu_gauche .remember {font-weight: normal; font-size: 0.9em; }
#corps .menu_gauche .droit { list-style:none; font-weight: bold; }
#corps .info{  padding: 5px 10px; color: #310; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#corps .centre .centrage{ text-align: center;}
#corps table.insc{ width: 100%;}
#corps .centre .auteur{ font-size: 0.9em; }
#corps .centre .auteur2{ font-size: 0.9em; color: #630; text-align: center; }
#corps .traitement{ width: 590px; vertical-align: middle; border: 1px dashed #310; margin-top: 100px; margin-left:100px; margin-bottom: 100px; padding:10px; font-weight: bold; text-align: center; }

/* Pages liens */
#corps .centre .lien{ padding: 5px 10px 5px 10px; color: #630; text-align: center; }
#corps .centre .lien a{ font-size: 1.1em; text-align: center; }