* { 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
  color: #CCCCCC;
  font-size: small;
  background-color:#000000;
  background-image: url('../Images/dragon.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;	

}

img { 
  border:0;
}

input {
  color: #FFFFFF;
  font-size: small;
  background: #000000;
  border: solid 1px #BC1212;
}

input.bouton {
  color: #CCCCCC;
  font-weight: bold;
  background: #00000;
  border: 2px #BC1212 outset;
  margin-top: 1em;
  clear: both
}

select
{
 color: #CCCCCC;
 background: #000000;
 border: solid 1px #BC1212;
 clear:both;
}


label, form p {
  font-size: small;
}

a {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  font-weight: bold; 
  color: #BC1212; 
  text-decoration: none
}

a:hover { 
  color: #FD0000; 
}


h2 {
  color: #D2B14D;
  border: 1px solid #D2B14D;
  font-size: 12pt;
  text-align:center;
  margin:0.5em 0 0.2em 0;
  padding-top:0.4em;
  padding-bottom:0.3em;
  height:23px;
}

#main {
  margin:0 1%;
  border: 0px #000000 solid;
  font-size: small;
  padding:0;
}

#topmenu { 
  margin:0 0em;
  font-size:small;
} 

  #topmenu p{
    float:right;
    text-align:right;
    padding-right:1em;
    padding-top:1em;
    margin-bottom:0;
  }

  #topmenu h1 { 
    margin:0; 
  }

#date {
  color: #F4E0AC;
  padding-bottom: 1.5em;
  text-align: right;
}

#navig {
/*  clear:both;  a cause du formulaire */
  margin:0 0.5em;
  color: #1c1c1c;
  font-size: 12pt;
  border: solid 0px #000000;
  padding:0 0.5em;
  text-align:right;
}


.textmenu, .textmenu a {
  color: #BC1212;
  font-weight: bold;
  font-size: 10pt;
}

.textmenu a:hover { 
  color: #FD0000;
}


#contenu {
  margin-left:230px;
  padding-left:1em;
  padding-right:1em;
  font-size: 10pt;
}
  #contenu h1 {
    margin:0;
  }
  
  #contenu .zonetexte {
    padding: 1em;
  }
  
  #contenu .header {
    margin: 0;
    padding: 0;
  }
  #contenu .footer {
    padding: 0;
    margin: 0;
    text-align: center;
    float: right;
  }

  #contenu .content {
    margin-left: 1em;
    border-left: #888888 1px solid;
    padding-left: 1em;
  }
  
  #contenu .descfr {
    margin: 1em;
    padding: 1em;
  }  

#menu { 
  float:left; 
  width:200px; 
  padding-left:1em;
}

  #menu h2 { 
    text-align:left; 
    padding-left:0.5em; 
  }
  
  #menu a {
    text-decoration: none;
	
  }
  
  #menu a:hover {
    text-decoration: none;
  }  

  #menu ul.zonetexte { 
    list-style-type:none;
  }

  #menu ul.zonetexte li { 
    font-size: 8pt;
  }

  #menu form { 
    text-align:center; 
    font-size: 8pt; 
  }
  
  #menu form a { 
    font-style: italic;
    font-size: 7pt; 
  }
  
  #menu input.bouton {
    font-weight: normal;
    text-decoration: none;
    border: solid 0px;
    background-color:#d3d3d3;
  }
  
#logged {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 8pt;
}

  #logged a {
    text-decoration: underline;
    font-style: italic;
    font-size: 7pt; 
  }

.zonetexte {
  color: #CCCCCC;
  font-size: small;
  border: solid 0px #000000;
  padding:0.2em;
  margin:0.2em;
  text-align:justify;
}

.zonetexte textarea {
 color : #FFFFFF;
 font-size: small;
 background-color:#000000;
 border : solid 1px #BC1212;
}

.zonetexte h3 {
  color: #D2B14D;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
}


.zonetexte h4 {
  color: #D2B14D;
  font-size: small;
  font-weight: bold;
  margin-bottom:0;
}

.affichresult h4{
 width:90%;
 margin:auto;
 text-align:justify;
 font-variant:small-caps; 
 margin-bottom:0;
}

.affichresult p{
 width:90%;
 margin:auto;
 text-align:justify;
 text-indent:30px;
 margin-top:0
}

.author{
 font-style:italic;
}

.news h4
{
 font-size:small;
 margin-bottom:0px;
}
.news p{
 font-size:small;
 margin-top:0px;
 margin-bottom:0px;
}

.news ul{
 font-size:small;
 margin-top:0px;
}

.news li{
 font-size:small;
 margin-top:0px;
}

#piedpage {
  clear:both;
  text-align:center;
  padding:1em;
  font-size:small;
}

  #piedpage p {
    margin:0;
    font-size:small;
  }
  
  #piedpage .generated {
    padding: 5px;
    border-top:0px #000000 solid;
    border-left:0px #000000 solid;
    text-align: center;
    font-size: small;
    background: #d3d3d3;
    width: 220px;
    margin: 0 0 0 auto;
  }
  
.error {
  color: red;
  font-weight: bold;
  text-align: center;
}

.center {
  text-align: center;
}


.IE {
  padding: 0;
  margin-top: 0;
  text-align: center;
  color: #000000;
  font-weight: bold;
  margin: 0px;
}

.commentsbody {
  font-weight: normal;
  text-decoration: none;
  border: #CCCCCC;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  font-size: small;
}

.comments {
  font-weight: normal; 
  text-decoration: none; 
  PADDING-RIGHT: 10px; 
  border-top: #000000 0px solid; 
  margin-top: 20px; 
  padding-left: 10px; 
  margin-bottom: 10px;
  padding-bottom: 10px; 
  padding-top: 10px; 
  border-bottom: #000000 0px solid;
}

ul.commentsul {
  padding-left: 0em;
  margin-bottom: 10px;
  margin-left: 1.25em;
  list-style-type: none;
}

ul.commentsli {
  margin: 10px;
}

div.comments li {
  margin-top: 20px;
  margin-left: 2px;
}

p.commentsbody {
  padding-left: 10px;
  border-top: rgb(0,0,0) 0px;
  border-bottom: rgb(0,0,0) 0px; 
  border-right: rgb(0,0,0) 0px; 
  border-left: #888888 1px solid; 
  margin-right: 20px; 
  text-align: justify; 
}

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	font-size:medium;
	color : #FFFFFF;
	float : left;
	width : 30px;
	display:inline;
	margin-bottom:8px
}
.ligne li {
	list-style: none;
	float : left; 
	width : 30px;
	margin-bottom:8px
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
	color: #FFFFFF;
	list-style: none;
	font-weight: bolder;
	font-style:italic;
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}