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

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

p 
{
		font-family:arial,sans-serif;
		font-size:1.2em;
}
 
 
hr {
	border:2px solid #530;
	margin-top:5px;
	margin-bottom:20px;
}
 
 table + p:first-letter {
   float:left;
   font-size:4em;
   padding:1px 3px 3px 0;
   color:#852;}
   
 #paon {
 position:relative;
   top:260px;
   left:-20px;}

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

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

 fieldset {
	background:#310;
	padding:15px;
	margin-top:0;
	border:3px solid #530;
	-moz-border-radius:30px;
	border-radius:50px;
	margin-bottom:10px;
 }
 

 
 fieldset#bRemarque {
	border-style:dashed;
	border-color: #420;
 }
 
 fieldset#bStylep {
	width:200px;
	display:inline;
 }
 
 fieldset#bStylec {
 float:right;
	width:200px;
	display:inline;
 }
 
 legend {
    background: url(../img/elements/h2.gif) 0 3px no-repeat;
   font-style:italic;
   margin-left:30px;
   padding-left:8px;
   color:#630;
   height:20px;
	font-weight:bold;
	font-size:1.2em;
 }
 
#menu {
 font-weight:bold;
 font-size:1.2em;
 text-align:center;
 margin-top:0px;}

 #vortex {
  float:right;
  width:205px;
  background:#210;
  border:1px solid #430;
  padding: 15px;
  -moz-border-radius:20px;
  border-radius:20px;
  font-size:1.2em;
  text-align:justify;
  margin:15px 10px 10px 20px;
  clear:both;}
  
  #pochetteVortex
  {
	cursor:pointer;
	height:200px;
	width:200px;
  }
 
#edito {
  float:right;
  width:180px;
  background:#210;
  border:2px solid #430;
  padding: 15px;
  -moz-border-radius:20px;
  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;
  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;}

p.colonneMiPage
{
	width:200px;
	float:left;
	margin-right:30px;
}

#commentaires {
 margin-top:55px;}

#pied {
 text-align:center;}

 
.alice {
  color:#2efef7;}

a {
 color:#852;}
 
 .externe {
 color:#a53;
 font-style:italic;
 background:#4a1910;
 margin-left:8px;
 }
 
 .externe:hover
 {
 background:#6a4910;
 color:yellow;
 }

 hr.lien2
 {
	border:2px solid #941;
 }
 .lien2 {
 color:#941;
 }

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

.titreadmin {
 font-weight:bold;}

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

input,select,textarea,button {
 border:2px solid #331909;
 background:#210;
 color:#987;
 -moz-border-radius:10px;
 border-radius:10px;}
 
  input[type=submit]:hover,button:hover,input[type=button]:hover
 {
 background: #421;
 border:2px solid #442a1a;
 cursor:pointer;
 }
 
 button
 {
 cursor:pointer;
 }

 input:focus,select:focus,textarea:focus
 {
 background: #421;
 border:2px solid #442a1a;
 }

 
 .optionDefaut {
 background-color: #392818;
 color:white;
 }
 
 .centrer
 {
 text-align:center;
 }
 
 .important
 {
 font-weight:bolder;
 color:orange;
 }
 
 .erreur
 {
	color:red;
	font-weight:bolder;
 }
 
 .validation
 {
	color:lightgreen;
	font-weight:bold;
 }
 
 .spacer {
 clear:both;
 width:100%;
 visibility:hidden;
 }
 
 .imgEtiquette,.imgNote,.imgMenu
 {
 border:0;
 cursor:pointer;
 }
 
 
table,th,tr,td { background:transparent;}

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

 td {
   vertical-align:top;
   font-size:1em;}
 
  h1 {
   background: url(../img/elements/h1.gif) 0 3px no-repeat;
   margin-left:20px;
   padding-left:8px;
   text-decoration:none;
   color:#630;}
	
 h2, .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 {
width:100%;
 text-align:right;
  font-style:italic;
 color:#796959;}

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

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

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

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

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

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