/*
violet : 9C0A4B
orange : EB8810
rouge : DF032A
bleu très foncé : 1C3146
*/
html, body {
  margin:0;
  padding:0;
  height:100%;
  background-color:#9C0A4B;
  color:#1C3146;
}

#haut{
  width:766px;
  height:14px;
  position:absolute;
  top:15px;
  left:-375px;
  margin-left:50%;
  background:#FFF url("images/haut.gif") repeat-y 0 0;
}

#page{
  font-size:12px;
  font-family:arial, verdana;
  width:766px;
  position:absolute;
  top:29px;
  left:-375px;
  margin-left:50%;
  background:#FFF url("images/fond_page.gif") repeat-y 0 0;
}

/*----banner----*/

#banner{
  width:749px;
  height:260px;
  margin:-14px 0 0 0;
  background:transparent url("images/bandeau.gif") no-repeat 0 0;
}

/*----bloc ----*/

#bloc{
  margin:-100px 0 0 0;
  height: 100%; 
  min-height: 100%; 
}

/*----menu----*/

#menu{
  position : relative;
  float:left;
  width:194px;
  height: 100%; 
  min-height: 100%;   
  margin-top:80px;  
}
#menu ul{
  padding:10px 0 10px 0;
  margin:0;
  margin-left:10px;
}
#menu ul li{
  list-style-type:none;
}

#menu ul li a{
  font-family: Verdana, Arial, sans-serif; 
  font-size:12px;
  letter-spacing:-0.5px;
  font-weight:bold;
   /*font-style: italic;*/
  color:#9C0A4B;  
  padding:6px 0 6px 18px;
  display:block;
  text-decoration:none;
  background:url("images/puce.jpg") no-repeat 0 7px;
}

#menu ul li a:hover{
  color:#EB8810;
  background:url("images/puce2.jpg") no-repeat 0 7px;
}
#menu ul li a.on{
  background:url("images/puce2.jpg") no-repeat 0 7px;
  color:#EB8810;
}

#menu ul li a:active{}

#menu ul.dd {
  margin:-10px 0 0 15px;
}

#menu ul.dd li{
  list-style-type:disc;
  color:#EB8810;
    margin:0 0 0 15px;
}
#menu ul.dd  li a{
  font-size:10px;
  padding:4px 0 0 0;
  font-weight:normal;
  letter-spacing:0;
  font-style: normal;
  margin:0;
  background:none;
}
#menu ul.dd  li a:hover{
  color:#EB8810;
  background:none;
}
#menu ul.dd  li a.on{
  color:#EB8810;
  background:none;
}


/*----contents----*/

#contents{
  float:left;
  width:554px;
  padding:0;
  margin:0;
  /*background:transparent url("images/fond_contenu.gif") no-repeat bottom right;*/
  height: 100%; 
  min-height: 100%;     
}
#contents #texte{
  padding:0 10px 30px 18px;
  margin:0;
}
#contents #texte img{
  padding:0 10px 0 10px;
  margin:0;
}

/*-------accueil.php-----*/
div.accueil {
  padding:0;
  margin:0 0 25px -16px;
  width:100%;
  cursor:pointer;
}
div.accueil a{
  font-size:20px;
  font-family:arial, verdana;
  color:#EB8810;
  text-decoration:none;
  background:transparent url("images/rond.gif") no-repeat 0 10px;
  padding:10px 0 15px 40px;
  margin:0;
}
div.accueil a:hover {
  color:#9C0A4B;
  background:transparent url("images/rond2.gif") no-repeat 0 10px;
}

div.accueil p{
  margin:0 0 10px 40px;
  padding:0;
  font-size:12px;
  font-family:arial, verdana;
  color:#9C0A4B;
}

/*----contact.php-----*/

#contact{
  color:#555;
}

.borderno{
  border:0;
}
.focus {
  background-color: #ccc;
}

.message{
  color:#DF032A;
  font-size:10px;
  line-height:10px;  
}
.message2{
  color:#F02004;
  font-size:10px;
  line-height:10px;  
}

div.confirmation{
  text-align:center;
  padding:50px 20px 20px 20px;
  color:#9C0A4B;
  font-size:12px;
  font-style:italic;
  height:450px;
}

/*----footer----*/

#footer{
  clear:both;
  background:transparent url("images/footer.gif") no-repeat 0 0;
  margin:0;
  width:766px;
  height:54px;
  text-align:right;
}

#footer ul{
  padding:10px 20px 0 0;
  margin:0;
  font-size:11px;
  color:#CC6699;
  list-style-type: circle;
}

#footer ul li{
  padding:0;
  margin:0;
  display:inline;
  margin:0 10px 0 10px;
}

#footer ul li a{
  text-decoration:none;
  color:#CC6699;
}

#footer ul li a:hover{
  color:#FFF;
}

#footer a{
  text-align:center;
  text-decoration:none;
  font-size:10px;
  color:#CC6699;
}
#footer a:hover{
  color:#FFF;
}

/*FORMUALIRES*/

/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/


form#form label{
  color:#4A2C1A;
  font-weight:bold;
}

table#form{
  color:#333;
  width:500px;
}


/*----general----*/
a{
  color:#9C0A4B;
  text-decoration:none;
}
a:hover{
  color:#999999;
  text-decoration:none;
}



h1{
  text-align:right;
  font-family: Georgia, Arial, sans-serif;
  /*font-variant:small-caps;*/
  font-style:italic;
  font-weight:normal;
  color:#9C0A4B;
  font-size:22px;
}
h2{
  font-family:Georgia, Arial, sans-serif;
  color:#EB8810;
  font-size:20px;
}
h3{
  font-family:Georgia, Arial, sans-serif;
  color:#EB8810;
  font-size:17px;
}
input{
  border:1px solid #999;
  color:#9C0A4B;
  font-size:10px;
}
input.valider{
  border:0;
  background:transparent url("images/bouton.gif") repeat-y 0 0;
  width:81px;
  height:26px;
  cursor:pointer;
}
input.valider:hover{
  background:transparent url("images/bouton2.gif") repeat-y 0 0;
}
textarea{
border:1px solid #999;
color:#9C0A4B;
  font-size:11px;
}

hr.clear{
visibility:hidden;
padding:0;
margin:0;
clear:both;
}

img{
  border:0;
}
.Violet
{
	font-weight: bold;
	font-size: 11px;
  color: #9C0A4B;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #EB8810 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #EB8810;
	font-family: Georgia, Monospace;
	background-color: #FFE9C7;
}