/*
 *        INITIALISATION
 */
body, h1, h2, div, p, span, ul, li
{
  margin:0px;
  padding:0px;
  background-repeat:no-repeat;
  color:#444;
  font-size:10px;
  font-family:Arial,Helvetica,sans-serif;
}
a 
{
  margin:0px;
  padding:0px;
  color:#333;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
}
a:hover
{
  color:#400;
  text-decoration:underline;
}
body
{
  background-color:#CCC;
  text-align:center;
  font-size:12px;
}
img 
{
/*  clear:left;*/
  margin:2px;
  padding:0px;
  vertical-align:middle;
  border-width:0px;
}
/*
 *    PAGE
 */
div#page 
{
  margin:0px; /*margin:0 auto;*/
  padding:5px;
  width:1000px;
  background-color:#CCC;
  text-align:left;

}
/*
 *    TITRE
 */
div#titreh1
{
  width:100%;
  background-image:url(./design/penguin.png);
  background-position:650px 0px;
  background-color:#5F5F5F;
}
div#titreh1 h1
{
  margin:0px;
  padding:10px 0px 0px 0px;
  width:100%;
  text-align:center;
  color:#DDD;
  font-size:18px;
}
div#titreh1 p
{
  width:99%;
  text-align:right;
  color:#AAA;
  font-size:9px;
}
/*
 * CONTENU
 */
div#contenu
{
  padding-left:250px;
  padding-top: 20px;
  width:550px;
  background-color:#CCC;
  text-align:right;
}
div#contenu h2
{
  padding:2px 10px 4px 0px;
  text-align:right;
  color:#333;
  font-size:14px;
}
div#contenu p
{
  margin-bottom:8px;
  padding-right:8px;
  text-align:right;
  font-size:11px;
}
div#contenu p.crmod
{
  color:#999;
  font-size:10px;
  font-weight:bold;
}
div.textrub
{
  margin:0px;
  padding:5px 0px 2px 0px;
}
img.imgrub 
{
  float:left;
  margin:5px 10px 10px 10px;
}
img.separateur
{
  width:95%;
  height:2px;
}
img.separateur_fin
{
  width:95%;
  height:1px;
}
div#lastinfo
{
  background-color:#EEE;
  margin-bottom:20px;
  padding:5px;
  border:1px solid #AAA;
  border-left-width:4px;
  border-right-width:4px;
  text-align:right;
  font-size:14px;
  color:#222;
}
div#lastinfo a { text-decoration:underline;}
div#lastinfo h2
{
  color:#111;
}
div#fss
{
  float:left;
  width:160px;
  height:90px;
  background-image:url(design/site_web.png);
}
/*
 *    HAUT
 */
div#listeH
{
  width:100%;
  background-image:url(./design/bg_divh.png);
  background-repeat:repeat-x;
  background-color:#999;
}
div#listeH ul, div#listeH li
{
  margin:0px;
  padding:5px;
  color:#333;
}
div#listeH ul
{
  padding-left:260px;
}
div#listeH li 
{
  padding:5px 25px 2px 20px;
  display:inline;
  list-style:none;
}
li#cv
{
  background-image:url(./design/cv_icon.png);
}
li#sitemap
{
  background-image:url(./design/map_icon.png);
}
li#mailto
{
  background-image:url(./design/mail_icon.png);
}
li#screen
{
  background-image:url(./design/screen_icon.png);
}
li#start_page
{
  background-image:url(./design/start_icon.png);
}
li#favorite_page
{
  background-image:url(./design/favorit_icon.png);
}

/*
 *  DROITE
 */
div#droite
{
  float:right;
  padding-top:10px;
  width:200px;
  text-align:left;
}
div#droite div
{
  margin-bottom:10px;
  margin-left:10px;
  padding:8px 2px 2px 6px;
  width:176px;
  background-color:#BBB;
  border:1px solid #DDD;
  border-bottom-color:#999;
  border-right-color:#999;
  text-align:left;
}
div#droite h2
{
  margin-left:15px;
  padding:2px 6px;
  background-image: url(./design/h2_deg.png);
  text-align:left;
  color:#811;
  font-size:14px;
  font-weight:bold;
}
div#som_rapide li
{
  display:inline;
  list-style:none;
}
div#maj, div#a_propos
{
  color:#111;
}
div#droite li
{
  padding-left:5px;
  list-style:disc;
  list-style-image:url(./design/li_point.png);
  list-style-position:inside;
  font-weight:normal;
  font-size:10px;
}
div#pub li
{
  list-style:none;
}
img#nbvisite
{
  width:90px;
  height:20px;
}
img.w3c
{
  width:88px;
  height:31px;
  border:0px;
}
span#dicton_titre
{
  font-weight:bold;
}

/*
 *  GAUCHE
 */
div#gauche
{
  position:absolute;
  top: 84px;
  left:10px;
}
/*
 *  CALENDRIER
 */
div#mnuCalCont
{
  margin-bottom: 10px;
}
div#mnuCalCont h2
{
  margin-left:5px;
  padding:2px 6px;
  background-image: url(./design/h2_deg.png);
  text-align: left;
  color: #811;
  font-size: 14px;
  font-weight: bold;
}
div#mnuCalCont p
{
  text-align:left;
  width: 200px;
  background-color: #BBB;
  padding: 8px 10px;
  border:1px solid #DDD;
  border-bottom-color:#999;
  border-right-color:#999;
}

/*
 *  MENU DYN
 */
div#mnuDynCont
{
  margin-bottom:10px;
}
div#mnuDynCont div
{
  margin:0px 0px 5px 0px;
  width:250px;
  text-align:left;
}
div#mnuDynCont h2
{
  margin-left:5px;
  padding:2px 6px;
  background-image:url(./design/h2_deg.png);
  text-align:left;
  color:#811;
  font-size:14px;
  font-weight:bold;
}
div#mnuDynCont div p
{
  padding:2px 10px;
  width:200px;
  border:1px solid #DDD;
  border-bottom-color:#999;
  border-right-color:#999;
  background-color:#BBB;
}
div#mnuDynCont div p:hover
{
  background-color:#CCC;
}
div#mnuDynCont div p a:hover
{
  text-decoration:none;
}
div#mnuDynCont div ul
{
  margin-left:20px;
  border:1px solid #DDD;
  border-bottom-color:#999;
  border-right-color:#999;
  display:none;
}
div#mnuDynCont div:hover ul
{
  display:block;
}
div#mnuDynCont div li
{
  padding:1px 5px;
  background-color:#AAA;
  list-style-position:inside ;
  list-style-image:url(./design/li_point.png);
}
div#mnuDynCont div li.sep
{
  border-top: 1px dotted #666;
}
div#mnuDynCont div li:hover 
{
  background-color:#BBB;
}
/*
 *     FIN 
 */