/* CSS Document */

body{
  padding:0;
  margin:0;
  background-color: #f8efd3;
}
div, h1, h2, p, form, label, input, textarea, img, span{
  margin:0; padding:0;
}

ul{
  margin:0; 
  padding:0; 
  list-style-type:none;
}
a {
  color:#63562E;
}
.spacer{
  clear:both; 
  font-size:0px; 
  line-height:0px;
}
/*------------------------------------------------body---------------------*/

/*------------------------------------------------header start---------------------*/
#header{
  width:969px;
  height:113px;
  margin:0 auto;
}
#header div.pub{
  float:right;
  margin-top: 20px;
}
/*------------------------------------------------header end---------------------*/

/*------------------------------------------------body ---------------------*/
#body{
  width:969px;
  margin:0 auto;
  background:url(images/body_middle_bg.png) 0 0 repeat-y;
  background-position:right;
}

#haut{
  background:url(images/body_top_bg.png) 0 0 no-repeat;
 background-position:right;
  height:75px;
}
#recherche {
  text-align: center;
  width:320px;
}
#recherche input{
  background-color:#fff;
  padding: 0px 3px 0px 3px;
  width: 150px;
  height: 22px;
  color:#000;
  border:#D0BE90 solid 1px;
  font:normal 11px/22px Arial, Helvetica, sans-serif;
}
#recherche button{
  background-color:#FCF8EA;
  padding: 0px 4px 0px 4px;
  color:#000;
  border:#D0BE90 solid 1px;
  font:normal 11px/22px Arial, Helvetica, sans-serif;
}

/*--------------------- gauche ---------------------*/
#gauche{
  width:320px;
  float:left;
}

#resultats{
  padding:5px 0 0 20px;
  font:normal 12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#63562E;
}

#resultats c{
  font:normal 10px/13px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#63562E;
}

#resultats li a{
  font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#694F10;
  background-color: #FCF8EA;
  text-decoration: none;
}

#resultats a.def {
  font-size: 11px;
}

#gauche ol, ul, li, div {
  font:normal 12px/18px  "Lucida Console", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#63562E;
}

p.pub{
  text-align: center;
}


#body p.bas{
  display:block;
  background:url(images/body_bottom_bg.png) 0 0 no-repeat;
  width:630px;
  height:78px;
  float:right;
  font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#63562E;
  text-indent:20px;
}
/* --------------------------------------- commun -----------------------------*/

table.border { 
 border-collapse: collapse; 
} 
table.border, table.border td { 
 border: 1px solid #63562E; 
}

label {
  background:url(images/domain_name_bg.gif) 0 0 no-repeat #FCF8EA;
  padding:0 5px 0 20px;
  margin:2px 0 2px 0;
  font:normal 11px/15px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#900C00;
  text-transform:uppercase;
}

.presentation{
  display:block;
  font:normal 12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#63562E;
  margin:8px;
  text-indent: 2em;
}

h2.gauche {
  background-color: #ECE2C3;
  width:320px;
  padding:0 0 0 9px;
  margin:0 0 5px 0;
  font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
  color:#694F10;
}

h2.droit {
  background-color: #ECE2C3;
  width:170px;
  padding:0 0 0 9px;
  margin:0 10px 5px 0;
  font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
  color:#694F10;
}

/* --------------------------------------- fin commun -----------------------------*/
#centre {
  background:url(images/body_middle_bg.png) 0 0 repeat-y;
  background-position:right;
}
/*------------------------------------------------milieu---------------------*/
#milieu {
  width:430px;
  margin:0 0 0 20px;
  padding:0 0 0 10px;
  color: #63562E;
  font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  float:left;
}
#milieu h1 {
  font:bold 22px/38px Georgia, "Times New Roman", Times, serif;
  color:#694F10;
  background-color:#F8EFD3;
  margin-left:20px;
}
#milieu h2 {
  width: 410px;
  padding:0 0 0 10px;
  margin:0 0 0 0;
  background-color: #FCF8EA;
  font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#7C7A02;
}



#milieu textarea, #gauche textarea {
  background-color:#fff;
  padding: 0px 3px 0px 3px;
  width: 420px;
  height: 120px;
  color: #63562E;
  border:#D0BE90 solid 1px;
  font:normal 11px/22px  "Lucida Console", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#milieu input {
  background-color:#fff;
  padding: 0px 3px 0px 3px;
  color: #63562E;
  border:#D0BE90 solid 1px;
  height:20px;
  text-transform:uppercase;
  font:normal 12px/22px  "Lucida Console", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#milieu input.bouton, #gauche input.bouton {
  background-color:#FCF8EA;
  color: #63562E;
  border:#D0BE90 solid 1px;
  font:normal 12px/22px  "Lucida Console", "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  margin-bottom: 10px;
}
#milieu select {
  background-color:#fff;
  padding: 0px 0px 0px 3px;
  color: #63562E;
  border:#D0BE90 solid 1px;
  height:20px;
  font:normal 12px/22px  Arial, Helvetica, sans-serif;
}

#milieu p.info, p.aide{
  width:395px;
  background:url(images/event_bg.gif) 0 11px no-repeat;
  padding:5px 0 0 20px;
  margin:0 0 5px 0;
  font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#milieu p.exemple{
  width:395px;
  background:url(images/arrow1_hover.gif) 0 11px no-repeat;
  padding:5px 0 0 20px;
  margin:0 0 5px 0;
  font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#milieu p.def, p.accueil{
  width:410px;
  font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-indent: 1em;
}
#milieu p.accueil a{
  font:bold 12px/19px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#milieu P.col2{
-moz-column-count: 2;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #ECE2C3;
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #ECE2C3;
}


#milieu P.col3{
-moz-column-count: 3;
-moz-column-gap: 1.5em;
-moz-column-rule: 1px solid #ECE2C3;
-webkit-column-count: 3;
-webkit-column-gap: 1.5em;
-webkit-column-rule: 1px solid #ECE2C3;
}

#milieu ul{
  padding:0 0 2px 9px;
  margin:0 0 0 0;
  font-size:0;
}
#milieu ul li{
  padding:0;
  margin:0;
}
#milieu ul li a{
  font:bold 12px/19px Arial, Helvetica, sans-serif;
  color:#694F10;
  text-decoration: none;
}
#milieu ul li a:hover{
  background-color: #FEFAEC;
  color:#694F10;
}

#milieu code {
 border: solid 1px #FEFAEC;
 display: block;
 padding: 0.5em;
 width:400px;
 font-size: 11px;
 min-height: 32px;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 line-height: 1.25;
 overflow: auto;
}

/*------------------------------------------------fin milieu---------------------*/

/*------------------------------------------------droit---------------------*/
#droit{
  width:188px;
  padding:5px 0 55px 0;
  margin:0;
  float:left;
}
#droit ul{
  padding:0 0 28px 9px;
  margin:0 0 0 0;
  font-size:0;
}
#droit ul li{
  padding:0;
  width:170px;
  margin:0;
}
#droit ul li a{
  background:url(images/arrow1.gif) 0 5px no-repeat #F8EFD3;
  padding:0 0 0 15px;
  font:bold 11px/19px Arial, Helvetica, sans-serif;
  color:#BF0000;
  text-decoration:none;
}
#droit ul li a:hover{
  background:url(images/arrow1_hover.gif) 0 5px no-repeat #FEFAEC;
  color:#694F10;
}

#motscles {
  padding:0 15px 20px 15px;
}
  
#motscles a{
  background-color:#F8EFD3;
  font: 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#694F10;
  text-decoration:none;
}
#motscles a:hover{
  background-color: #FEFAEC;
}
  
/*------------------------------------------------fin droit---------------------*/

/*------------------------------------------------fin body---------------------*/