* {
  font-family:verdana,arial;
  font-size:10px;
}

form { margin:0; padding:0; }

p, li, span {
  font-size:10px;
  color:#000000;
  margin:0 0 10px 0;
}

#deroule {
  list-style-type:none;
  margin:0;
  padding:0;
}

#deroule li {
  display:inline;
  margin:0;
  padding:0 5px 2px 0;
}

.submit {
  color:#ffffff;
  background-color:#5D9AEB;
  border:1px solid #cccccc;
  margin:0;
  padding:3px;
  font-weight:800;
}

h1 {
  background:url(/images/global/h1.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:0 0 2px 0;
}
h1 a { font-size:12px;color:#107594; }
h1 a:hover { color:#cccccc; }

h2 {
  background:url(/images/global/h2.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:3px 0 2px 0;
}
h2 a { font-size:12px;color:#107594; }
h2 a:hover { color:#cccccc; }

h3 {
  background:url(/images/global/h3.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:3px 0 2px 0;
}
h3 a { font-size:12px;color:#107594; }
h3 a:hover { color:#cccccc; }

h4 {
  background:url(/images/global/h4.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:3px 0 2px 0;
}
h4 a { font-size:12px;color:#107594; }
h4 a:hover { color:#cccccc; }

h5 {
  background:url(/images/global/h5.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:3px 0 2px 0;
}
h5 a { font-size:12px;color:#107594; }
h5 a:hover { color:#cccccc; }

h6 {
  background:url(/images/global/h6.png);
  background-repeat:no-repeat;

  color:#107594;
  font-size:12px;
  font-weight:800;
  font-family:verdana;
  font-variant:small-caps;
  letter-spacing:1px;
  border-bottom:1px solid #cccccc;

  padding:3px 0 4px 52px;
  margin:3px 0 2px 0;
}
h6 a { font-size:12px;color:#107594; }
h6 a:hover { color:#cccccc; }

div.navigation {
    text-align:center;
    border:1px solid #666666;
    padding:1px;
    background-color:#cccccc;
    color:#ffffff;
}

a {
    color:#107594;
    text-decoration:none;
    font-weight:800;
}

a:hover {
    color:#cccccc;
    font-weight:800;
}
/*
a.navigation {
    background-image:none;
    color:#000000;
    background-image:url(/images/global/btn.png);
    border: 1px outset #ffffff;
    background-color:#E7DFEF;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0;
    font-weight:normal;
}

a.navigation:hover {
    background-image:none;
    color:red;
    background-image:url(/images/global/btnon.png);
    border: 1px inset #ffffff;
    font-weight:normal;
}

a.navigationactif {
    background-image:none;
    color:red;
    background-image:url(/images/global/btnactif.png);
    border: 1px inset #ffffff;
    font-weight:800;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0;
}

a.navigationactif:hover {
    background-image:none;
    color:red;
    background-image:url(/images/global/btnactif.png);
    border: 1px inset #ffffff;
    font-weight:800;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0;
}
*/

/* DEBUT mise en page de la navigation par get */

.manavig {
  border:1px solid #cccccc;
  background:url(/images/global/btnon.png);
  background-repeat:repeat-x;
  padding:4px;
  margin:0px; 
}

a.navigation {
    background-image:none;
    color:#484977;
    background-image:url(/images/global/btn.png);
    border: 1px outset #ffffff;
    background-color:#E7DFEF;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0px;
    font-weight:normal;
}

a.navigation:hover {
    background-image:none;
    color:#9CA2E7;
    background-image:url(/images/global/btnon.png);
    border: 1px inset #ffffff;
    font-weight:normal;
}

a.navigationactif {
    background-image:none;
    color:red;
    background-image:url(/images/global/btnactif.png);
    border: 1px inset #9CA2E7;
    font-weight:800;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0;
}

a.navigationactif:hover {
    background-image:none;
    color:red;
    background-image:url(/images/global/btnactif.png);
    border: 1px inset #9CA2E7;
    font-weight:800;
    display:inline;
    font-size:10px;
    padding:2px 4px 2px 4px;
    margin:0;
}

/* FIN mise en page de la navigation par get */

/* DEBUT mise en page de la navigation par post */

.manavigpost {
  border:1px solid #cccccc;
  background:url(/images/global/btnon.png);
  background-repeat:repeat-x;
  padding:2px;
  margin:0;
}

.manavigpost strong {
  font-size:10px;
}

form.navigationpage {
  display:inline;
  margin:2px;
  padding:0;
}

form.navigationpage input {
  color:#484977;
  background-image:url(/images/global/btn.png);
  border: 1px outset #ffffff;
  background-color:#E7DFEF;
  font-size:10px;
  margin:0;
  padding:0;
  font-weight:normal;
}

form.navigationpage input.actif {
  color:#9CA2E7;
  background-color:#EFE7E7;
  background-image:none;
  border:0;
  color:black;
  font-weight:800;
  display:inline;
  margin:0;
  padding:0;
}

/*  FIN mise en page de la navigation par post */



/*  DEBUT mise en page des tree */

.tree_document {
  float:right;
  width:250px;
  border-left:1px solid #cccccc;
  background-color:#ffffff;
  overflow:auto;
  padding:0 5px 10px 10px;
}

/*  FIN mise en page des tree */

/*  DEBUT mise en page des listes de documents */
.ldContenu {
  background-color:#FFF3DE;
  border:1px solid #cccccc;
  padding:5px;
  margin:0;
  text-align:justify;
}
/*  FIN mise en page des listes de documents */


/* DEBUT Alignement des label et des input dans mon form */

.monform input {
  width:150px;
  padding:2px;
}

.monform select {
  padding:2px;
  width:220px;
}

.monform label {
  display:block;
  width:180px;
  float:left;
}

.monform .CarTxt {
  background-color:#FFF3DE;
  padding:2px;
  border:1px inset black;
  height:130px;
  width:220px;
}

/* FIN Alignement des label et des input dans mon form */

/* DEBUT totaux commande */
.totaux {
  margin:0;
  padding:0;
  list-style-type: none;
  text-align:right;
}

.totaux li {
  text-align:right;
}
/* FIN totaux commande */



.pack { float:left; width:191px; padding:0; margin:2px; background-repeat:no-repeat; background-position:0 33px }
.pack h1 { text-align:center; height:25px; padding:8px 0 0 0; margin:0; background:#ffffff url(/images/pack_header.png) no-repeat }
.pack h1 a { font-variant:normal; color:#ffffff; font-size:16px; font-weight:bold; padding:0; margin:0; display:inline }
.pack h1 a:hover { color:#ebd86d }
.pack div { background-color:white; height:180px; padding-top:10px }
.pack ul { list-style-type:none; border:2px solid white; padding:4px; margin:0 0 0 15px; background-color:#ffffff; opacity:0.7; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; zoom:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70) }

.pack li { padding:0; margin:0; color:black; font:12px/16px verdana }
.pack h2 { border-style:none; text-align:center; height:22px; padding:8px 0 0 0; margin:0; background-image:url(/images/pack_footer.png); background-repeat:no-repeat }
.pack h2 a { color:#999BA8; font-size:12px; font-variant:normal }
.pack:hover ul { opacity:1 }

.pack.presence div { background-image:url(/images/pack_presence.png) }
.pack.commerce div { background-image:url(/images/pack_commerce.png) }
.pack.webzine div { background-image:url(/images/pack_webzine.png) }
.pack.newsletter div { background-image:url(/images/pack_newsletter.png) }
.pack.associations div { background-image:url(/images/pack_association.png) }
.pack.metier div { background-image:url(/images/pack_metier.png) }

.reftablo { border:1px solid #cccccc }
.reftablo td { padding:3px;vertical-align:middle;border:1px solid #cccccc;color:#555555;text-align:center; }
.reftablo td.trlabel { text-align:left; }
.reftablo td.reftablotitre { text-align:left;;background-color:#34598D;vertical-align:bottom;padding-top:15px;color:#ffffff;border:0;font-size:12px; }
.reftablo td.reftablotitre2 { background-color:#01265A;font-weight:800;vertical-align:middle;color:#ffffff;border:0;font-size:12px;text-align:center;padding:5px 2px }


