body,h1,h2,h3,p,ul,li,div,table,td,tr,span
{
  margin:0;
  padding:0;
}

a
{
  text-decoration:none;
}

body
{
  background-image:url(../images/fond.jpg);
  background-position:0 157px;
  background-repeat:repeat-x;
  text-align: center ;
  font-family: "trebuchet MS", verdana,helvetica,arial;
  font-size: 14px;
  font-weight:normal;
  color:black;
}

/* PAGE */
div#page
{
 width: 950px ;
 margin: 0 auto ;
}

div#pagein
{
  position:relative;
  top:0px;
  left:0px;
  width: 950px ;
}


/* HAUT PAGE */
div#top
{
 height:125px;
}

h1
{
  padding-top:45px;
  padding-left:180px;
  font-size: 30px;
  font-weight:normal;
  color:#99cc00;
  text-align:left;
}

/* LOGO */
img#logo
{
 position:absolute;
 top:0;
 left:-102px;
}

/* BOULES_VERTES */
div#boules_vertes
{
 position:absolute;
 top:180px;
 left:-91px;
 width:91px;
 height:266px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boules_vertes.png', sizingMethod='image');
 background-repeat:no-repeat;
}

div#boules_vertes[ID]
{
 position:absolute;
 top:180px;
 left:-91px;
 width:91px;
 height:266px;
 background-image:url(../images/boules_vertes.png);
 background-repeat:no-repeat;
}

/* BOULES BLANCHES */
div#boules_blanches
{
 position:absolute;
 top:330px;
 left:1px;
 width:125px;
 height:197px;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boules_blanches.png', sizingMethod='image');
 background-repeat:no-repeat;
}

div#boules_blanches[ID]
{
 position:absolute;
 top:330px;
 left:1px;
 width:125px;
 height:197px;
 background-image:url(../images/boules_blanches.png);
 background-repeat:no-repeat;
}


/* FENETRE */
div#fenetre_h
{
 height:50px;
 widht:950px;
 background-image:url(../images/fenetre_h.jpg);
 background-repeat:no-repeat;
 background-position:0 0;
 text-align:left;
 /*border:1px solid grey;*/
}

div#fenetre_b
{
 height:36px;
 background-image:url(../images/fenetre_b.jpg);
 background-repeat:no-repeat;
 background-position:0 0;
}

div#fenetre_m
{
 background-image:url(../images/fenetre_m.jpg);
 background-repeat:repeat-y;
 background-position:0 0;
 text-align:left;
}

/* MENU MAIN */
div#menu
{
  padding-top:6px;
  padding-left:6px;
  height:33px;
  width:566px;
  background-image:url(../images/fond_menu.jpg);
  background-repeat:no-repeat;
  background-position:6px 6px;

}
ul#menu
{
  list-style-type: none;
  height:33px;
}

li.menu
{
  float:left;
  padding-top:4px;
  padding-left:20px;
}

a.menu
{
  font-size: 20px;
  font-weight:normal;
  color:white;
}

a.menuactif
{
  font-size: 20px;
  font-weight:normal;
  color:#99cc00;
}

/* MENU  SUB*/
div#menusub
{
  text-align:center;
}
ul#menusub
{
  list-style-type: none;
  height:20px;
}

li.menusub
{
  float:left;
  padding-left:20px;
}

a.menusub
{
  font-size: 12px;
  font-weight:normal;
  color:white;
}

a.menusubactif
{
  font-size: 12px;
  font-weight:normal;
  color:black;
}

/* FORM */
div#form
{
  position:absolute;
  top:98px;
  left:586px;
  width: 358px;
  /*border:1px solid green;*/
  text-align:left;
}

h2.form
{
  padding-bottom:6px;
  font-size: 22px;
  font-weight:normal;
  color:#999999;
}

div#form_h
{
  height:15px;
  width:358px;
  background-image:url(../images/form_h.jpg);
  background-repeat:no-repeat;
}

div#form_b
{
  height:26px;
  width:358px;
  background-image:url(../images/form_b.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
}

div#form_m
{
  width:358px;
  background-image:url(../images/form_m.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
}

p.form
{
  padding-left:15px;
  padding-right:15px;
  padding-bottom:5px;
  text-align:justify;
  font-size: 14px;
  font-weight:normal;
  color:#999999;
}

h3.form
{
  padding-left:15px;
  padding-right:15px;
  text-align:justify;
  font-size: 14px;
  font-weight:normal;
  color:#999999;
}

hr.form
{
  color: #999999;
  background-color: #999999;
  height: 1px;
  border: 0;
  margin-left:7px;
  margin-right:7px;
}

ul.form
{
  list-style-type: none;
  padding-left:15px;
  padding-right:15px;
}

li.formlabel
{
  color:#999999;
  padding-bottom:2px;
  font-size: 14px;
  font-weight:bold;
}

li.forminput
{
  text-align:right;
  padding-bottom:5px;
}

p.err
{
  padding-left:15px;
  padding-right:15px;
  color:red;
}

/* CONTENU */
div#contenu
{
  position:relative;
  margin-left:7px;
  width:566px;
}

/* analyse page detail */
a.voirdetail
{
  color:#96bd0d;
  font-site:12px;
}
div.pagedetail
{
  padding-left:10px;
  border : 1px solid grey;
  background: #eeeeee;
  width:547px;
  display:none;
}

p.close
{
  float:right;
  padding-top:1px;
  padding-right:1px;
}

/* FORM TEMPLATE*/

ul.contact
{
  list-style-type: none;
  padding-left:15px;
  padding-right:15px;
}

li.contact
{
  float:left;
  text-align:left;
  padding-bottom:5px;
  width:250px;
  /*border:1px red solid;*/
}

ul.subcontact
{
  list-style-type: none;
  padding-left:15px;
  padding-right:5px;
}

li.subcontact
{
  text-align:left;
  padding-bottom:5px;
}

span.consigne
{
  font-size:11px;
  text-decoration:italic;
}

p.errC
{
  padding-left:0px;
  padding-right:0px;
  color:red;
}