/***************** Mise en forme et couleurs *****************/

body {
 background:#310 url(../img/elements/fondpage.gif);
 font-size:0.9em;
 font-family:arial,sans-serif;
 color:#987;
 padding:15px; width:1220px;}

 p {
   font-family:arial,sans-serif;
   font-size:1.2em;
 }
 
 p:first-letter {
   float:left;
   font-size:4em;
   padding:1px 3px 3px 0;
   color:#852;}

 #paon {
   position:absolute;
   left:0px;
   top:0px;}

#blocgeneral {
 background:#310;
 padding:15px;
 border:5px solid #530;
 -moz-border-radius:50px;}

#blocgauche {
 background: #210;
   border:2px solid #420;
 margin-top:205px;
 padding:10px;}
 
 #blocgauche img {
   height:200px;
   width:200px;}

#blocdroite {
 background-color:#210;
 border:2px solid #420;
 margin-left:20px;
 padding:10px 5px 10px 10px;
 margin-top:200px;
 text-align:right;}

#menu {
 font-weight:bold;
 font-size:1.2em;
 text-align:center;
 margin-top:0px;}

 #vortex {
  float:right;
  width:160px;
  background:#210;
  border:1px solid #430;
  padding: 15px;
  -moz-border-radius:20px;
  font-size:1.2em;
  text-align:justify;
  margin:15px 10px 10px 20px;
  clear:both;}
 
#edito {
  float:right;
  width:180px;
  background:#210;
  border:2px solid #430;
  padding: 15px;
  -moz-border-radius:20px;
  text-align:justify;
  margin:0px 10px 10px 20px;}

#contenu,#commentaires {
 text-align:justify;
 padding: 0 15px 15px 25px;}

.colonnechronique {
  width:100px;
  margin:0 5px 0 0;
  padding:0;
  float:left;
  text-align:justify;
  font-size:0.8em;}

.colonnechronique img, .colonnealice img{
  height:100px;
  width:100px;
  border:0;}

.colonnealice {
  width:100px;
  padding:3px;
  -moz-border-radius:5px;
  margin:0;
  float:left;
  text-align:justify;
  font-size:0.7em;
  color:#654;}

.colonnealice:hover {
  background:purple;
  border:1px solid cyan;
  color:yellow;}

#commentaires {
 margin-top:55px;}

#pied {
 text-align:center;}

.alice {
  color:#2efef7;}

a {
 color:#852;}

 .lien2 {
 color:#941;}

a.mort,.colonnechronique a{
 text-decoration:none;
 color:#987;}

.titreadmin {
 font-weight:bold;}

.exadmin,.legende,.petit {
 font-size:0.8em;
 font-family:verdana, sans-serif;
 margin-left:15px;}

input,select,textarea {
 border:2px solid #331909;
 background:#210;
 color:#987;
 -moz-border-radius:10px;}

table,th,tr,td { background:transparent;}

td img {
  height:150px;
  width:150px;}

 td {
   vertical-align:top;
   font-size:1em;}
 
 h2 {
   background: url(../img/elements/h2.gif) 0 3px no-repeat;
   font-style:italic;
   margin-left:20px;
   padding-left:8px;
   text-decoration:none;
   color:#630;}
   
h2 a {
   text-decoration:none;
   color:#630;}

h5,.h5 {
  font-weight:bold;
  font-size:1em;
  margin-left:20px;}

.premiere {
font-size:3em;}

.troismots {
 margin-top:1em;
 float: left;
 clear:both;}

.sign {
 float:right;
 font-style:italic;}

/******************** Structure *****************/

#blocgauche,#blocdroite {
 -moz-border-radius:15px;}

#blocgauche {
 float:left;
 width:200px;}

#blocdroite {
 float:left;
 width:140px;}

#contenu {
 float:left;
 width:570px;}

#pied {
 clear:both;
 width:100%;}