body
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  /*background: #999 url("px/el/top_header.png") repeat-x top;*/
  background: #bbbbbb;
  color:#000;
  text-align:center; /*center layout in ie5 and 5.5. */
  }

/* ==============================
   ==============================
   ==============================
   ============================== */

form
{
  font-family : Tahoma, Arial, sans-serif;
  font-size : 1.2em;
  margin: 0;
  }

select, input, textarea
{
  font-family : Tahoma, Arial, sans-serif;
  font-size : 11px;
  /*border : 1px solid #999;*/
  }

input.simple
{
  border : 0px;
  }

/* ==============================
   ==============================
   ==============================
   ============================== */

p, h4
{
  text-align: justify;
  }

p img
{
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  }

h1
{
  margin-top: 0;
  }

h1 em, h2 em, h3 em, h4 em
{
  font-style: normal;
  }

h1, h2
{
  color: #000;
  }

h1
{
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 0.5em;
  }

h1 em
{
  color: #666;
  }

h2
{
  font-size: 1.6em;
  color: #39c;
  font-weight: normal;
  }

h2 em
{
  color: #c33;
  }

h3
{
  color: #666;
  font-size: 1.2em;
  margin-top: -0.5em;
  
  }

h4
{
  color: #666;
  font-size: 0.85em;
  font-weight: normal;
  }

a
{
  color: #3399cc;
  text-decoration: none;
  }

a:hover
{
  text-decoration: underline;
  }

#container
{
  width:750px;
  margin: auto;
  background: #fff;
  color: #333;
  text-align: left;
  }

#top
{
  width: 780px;
  margin: auto;
  padding: 0;
  height: 10px;
  }


#top h1
{
  font-size: 3em;
  color:#000;
  margin-bottom: 1em;
  }

#bandeau
{
  height: 100px;
  /*background: #fff url("px/el/bandeau_printemps.jpg") no-repeat left top;*/
  }

/* ==============================
   ==============================
   ==============================
   ============================== */


#navtop
{
  font-size: 8px;
  color: #fff;

  background-color: #547CB7;/*#CC3628;*/
  border-bottom-width: 2px;
  border-bottom-style: solid;
  }

#navtop #texte
{ 
  float: left;
  width: 40%;
  text-align: left;
  color: #fff;
  padding: 0.4em 0 0 0.4em;
 }

#navtop #saisons ul
{
  padding: .4em 0;
  margin: 0;
  list-style-type: none;
  text-align: right;
  }

#navtop #saisons li { display: inline; }

#navtop #saisons li a
{
  padding: .4em 1em;
  text-decoration: none;
  background: #547CB7;
  color: #fff;
  /*text-transform: uppercase;*/
  }

#navtop #saisons li a:hover
{
  /*color: #000;*/
  /*background: #DF5F55;*/
  background: #204C8E;
  /*background: #fff;*/
  }

#navtop #saisons a#current
{
  font-weight: bold;
  background: #A7C779;
  }


/* ==============================
   ==============================
   ==============================
   ============================== */

#leftnav
{
  float: left;
  width: 90px;
  margin: 16px 0 0 .1em;
  padding: 0;
  text-align: left;
  }

#leftnav h2
{
  width: 90px;
  color: #666;
  background: transparent;
  font-size: 1.0em;
  font-weight: normal;
  margin: 0 4px 0.7em 0em;
  padding: 0 0 1em 0em;
  border-bottom: 1px solid #ccc;
  /*text-transform: uppercase;*/
  }

#navcontainer
{
  /*margin-left: 0px;*/
  margin: 0 4px 0.7em 0em;
  padding: 0 0 1em 0.3em;
  font-size: 0.85em;
  }

/* ==============================
   ==============================
   ==============================
   ============================== */

#contentcontainer
{
  margin-left: 110px;
  padding: 1em 2em 1em 1em;
  background-color: #fff;
  }

#contenu
{ 
  border-left: 1px solid #e5e5e5;
  padding-left: 1.2em;
 }

#contenu ul
{
  list-style: disc;
  }

#contenu p
{
  text-align: justify;
  }

div hr
{
  clear: both;
  visibility: hidden;
  height: 1em;
  }

p em
{
  font-style: normal;
  color: #c00;
  }


/* ========================
   ======================== */

#menucontainer
{
  float: left;
  width: 90px;
  margin: 0 0 1.0em 0.7em;
  padding: 0 0 0 0;
  text-align: right;
  /*border-width: 1px;
  border-style: solid;*/
  }

#menucontainer h2
{
  color: #666;
  background: transparent;
  font-size: 1.0em;
  font-weight: normal;
  /*margin: 0 4px 1.0em .3em;*/
  padding: 0 0 0.5em 0;
  border-bottom: 2px solid #ccc;
  /*text-transform: uppercase;*/
  }

#menu
{
  margin-left: 0px;
  }

#menu ul#navlist
{
  /*margin: 0 4px;*/
  margin: 0 0 0 0;
  padding: 0.1em;
  list-style-type: none;
  text-transform: uppercase;
  }

ul#navlist li
{
  padding: 0 0px 0px 0;
  }

ul#navlist a
{
  font-size: 0.85em;
  color: #c00;
  text-decoration: none;
  /*font-weight: bold;*/
  }

ul#navlist li a:hover
{
  text-decoration: underline;
  }

ul#navlist a#current
{
  font-weight: bold;
  }

#menu ul#subnavlist
{
  margin: 4px 0 0 4px;
  padding: 0;
  list-style-type: none;
  /*background: #fff;*/
  /*border: 1px solid #e5e5e5;*/
  }

ul#subnavlist li
{
  padding: 3px 5px 3px 4px;
  margin: 0;
  line-height: 1em;
  border-bottom: 1px solid #e5e5e5;
  }

ul#subnavlist a
{
  font-size: 0.9em;
  color: #666;
  text-decoration: none;
  font-weight: normal;
  }

ul#subnavlist li a:hover
{
  text-decoration: underline;
  }

ul#subnavlist li#subcurrent
{
  background: #fff;
  }

ul#subnavlist li#subcurrent a
{
  color: #000;
  }



/* ============================
   ============================
*/




#footer
{
  padding: 1em 1.5em 0;
  background: #547CB7;
  height: 90px;
  border-top: 5px solid #A7C779;
  font-size: 0.85em;
  }

#footer a
{
  color: #fff;
  /*font-weight: bold;*/
  }

#footer #footleft, #footer #footright
{
  color: #fff;
  width: 25%;
  }

#footer #footleft
{
  float: left;
  }

#footer #footcenter
{ 
  float: left;
  text-align: center;
 }

#footer #footright
{
  float: right;
  text-align: right;
  }

#footer #signature
{ 
  
  padding: 0 0 0 0;
  font-size: 1.0em;
  margin-top: -100px;
  text-align: left;
 }


/* ==============================
   ==============================
   ==============================
   ============================== */

img.floatright, img.floatleft, div.floatright img
{
  border: 1px solid #ccc;
  }

img.sans
{
  border: none;
  }

.floatright p, .floatleft p
{
  font-size: 0.8em;
  color: #666;
  font-style: normal;
  margin: 3px;
  text-align: center;
  }

.floatright
{
  float: right;
  margin: 0 0 10px 10px;
  }

.floatleft
{
  float: left;
  margin: 0px 10px 10px 0;
  }


/* ==============================
   ==============================
   ==============================
   ============================== */

.references img
{
  margin-bottom: 1em;
  }


/* ==============================
   ==============================
   ==============================
   ============================== */
        
#formcontact
{
  margin: 10px 0 0.5em 0;
  padding: 20px;
  text-align: left;
  background: #eee;
  }

#formcontact table
{
  text-align: left;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #333;
  }

textarea
{
  /*width: 302px;*/
  }