* {
  margin:0;
  padding:0;
}

html, body {
  height:100%;
  margin:0;
  background-color:#ccdf92;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:13px;
  color:#333;
}

h2 {
  font-weight: normal;
  margin-top:15px;
}

h2.titre {
  font-size:21px;
  font-variant:small-caps;
  color:#690;
}

h3 {
  margin-top:8px;
}

a {
  text-decoration:underline;
  color:#AABB44;
}
a:hover {
  text-decoration:none;
  color:#AABB44;
}

input, textarea {
  padding:2px;
}

input.rouge {
  background-color:#F99;
}

input.vert {
  background-color:#9F9;
}

.gris {
  color:#333;
}

.onze {
  font-size:11px;
}

.douze {
  font-size:12px;
}

.treize {
  font-size:13px;
}

.gras {
  font-weight:bold;
}

select option {
  font-size:13px;
}

ul#supprimer_titres ul li {
  margin-left:15px;
}

li.li_titre {
  font-size:15px;
  list-style-type:none;
}

.texte_13 {
  font-size:13px;
}

div#global {
  width:768px;
  min-height:98%;
  position:relative;
  margin:0 auto;
  border:5px solid #aabb44;
  background-color:#aabb44;
}

div#header {
  width:768px;
  height:141px;
  background-image:url(../images/bandeau_1.jpg);
}

div#panneau {
  width:336px;
  height:129px;
  background-image:url(../images/panneau.png);
  background-repeat:no-repeat;
  color:#000;
  font-size:25px;
  font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
  text-align:center;
}

div#panneau span {
  display:none;
}

div#panneau span#dates {
  display:block;
  float: left;
  width:268px;
  position:relative;
  top:75px;
  left:42px;
}

div#menu {
  margin-top:5px;
  margin-bottom:7px;
  height:23px;
}

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

div#menu ul li {
  float:left;
  text-align:center;
  font-size:13px;
}

div#menu ul li a {
  display:block;
  width:96px;
  height:23px;
  padding-top:7px;
  background-image:url(../images/menu_item.png);
  background-position:0 0;
  text-decoration:none;
  color:#000;
}

div#menu ul li a:hover {
  background-image:url(../images/menu_item.png);
  background-position:0 -30px;
  color:#fff;
}

div#menu ul li.active a {
  background-position:0 -60px;
}

div#menu ul li.active a:hover {
  color:#000;
}

div#center {
  width:768px; /* 766 + 2(padding) = 768 */
  bottom:32px;
/*  margin-bottom:50px;*/
  margin-bottom:1px;
  padding-bottom:0px;
  overflow:auto;
  background-image: url(../images/fond_centre.gif);
}

div#content, div#last_news {
  background-color:#fff;
  border:2px solid #dedede;
  border-bottom:0;
  min-height:410px;
  height:auto!important;
  height:375px;
}

div#content {
  float:left;
  width:518px;
  padding:14px 17px 14px 37px;
}

div#content p {
  margin:5px 0;
  line-height: 14px;
}

div#content ul {
  list-style-position:inside;
}

div#content h2.titre {
  background:#fff url(../images/title.gif) no-repeat center left;
  margin-left:-20px;
  padding-left:25px;
}

div#last_news {
  float:left;
  width:171px;
  padding:14px 8px;
  margin-left:1px;
  text-align:center;
}

div#last_news div#la_deboussolee {
  margin: -14px -8px -4px -8px;
}

div#last_news span.titre {
  border-bottom:1px solid #690;
  font-size:19px;
}

form#enregistrerNews {
  text-align:left;
  margin:14px;
}

input#ajouter_news {
  width:100%;
}

div.news {
  text-align:left;
  margin:5px 0 5px 0;
  border:1px solid #999;
  background-color: #EEE;
}

div.news div.date {
  width:70px;
  text-align:center;
  font-weight:bold;
  font-size:9px;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  background-color: #FFF;
}

div.news div.titre {
  font-weight:bold;
  font-size:12px;
  padding:3px 3px 0 3px;
  border-bottom: 1px dotted #CCC;
}

div.news div.texte {
  padding:0 3px 3px 3px;
}

form#supprimerNews {
  display:inline;
}

div#center_bottom {
/*  position:absolute;*/
/*  bottom:50px;*/
/*  left:0;*/
/*  clear:both;*/
/*  width:765px !important;*/
  float:left;
  height:2px;
  margin-left:1px;
  background-image: url(../images/bord_centre.gif);
}

div#footer {
/*  width:730px;*/
/*  position:absolute;*/
/*  bottom:0;*/
/*  margin-top:5px;*/ /* on peut virer ça*/
  padding:13px 17px;
  border:2px solid #dedede;
  background-color:#fff;
  text-align:center;
}

.spacer {
  clear:both;
}

input.input_titre {
  background-color:#9F9;
  font-size: 14px;
}

input.input_sous_titre {
  background-color:#99F;
  margin:2px 0 3px 4px;
}

div.article div {
  margin: 10px 0;
}

#contact textarea{ width:500px; }
#contact label{ display:block; font-weight:bold; }
p#welcome{ padding:10px 20px; border:1px dotted #00f; color:#00f; font-weight:bold; }
#contact ul{ padding:10px 20px; border:1px dotted #f00; color:#f00; font-weight:bold; }
p#success{ padding:10px 20px; border:1px dotted #0f0; color:#0f0; font-weight:bold; }
/*p em{ display:block; font-weight:normal; }*/