/*
   Copyright 2004-2005 Ixany.
   Inspirez-vous librement des petits « trucs » utilisés, mais
   comprenez comment ça marche (ne recopiez pas bêtement).
*/


BODY {
  font-family: Verdana,Helvetica,sans-serif;
  font-size: .8em;
  background-color: #ffffff;
  text-align: left;
  margin: 0;
  padding: 0;
  padding-bottom: 10px; /* pour IE */
}

A { 
  cursor: pointer;
} 

A { 
  color: #000000; /* IE doesn't like inherit here */
  background: transparent;
  text-decoration: underline; 
}

A:visited { 
  color: inherit;
  background: transparent;
  text-decoration: underline;
}

A:active {
  background: transparent;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
  background: transparent;
  color: #7c8e70;
}

ADDRESS {
  margin: 0em 0% 0em 0%;
  font: italic 1em/1 sans-serif;
}

BIG {
  font-size: 1em;
}

BLOCKQUOTE {
  margin: 0em 0% 0em 0%;
  line-height: 1;
}

BUTTON {
  cursor: auto;
}

CAPTION {
  margin: 0em 0% 0em 0%;
  line-height: 1;
}

CODE {
  font-size: 1em;
  font-family: monospace; 
} 

DIV { margin: 0em 0% 0em 0%;
      line-height: 1em; }

DD { margin: 0em 0% 0em 0%;
     line-height: 1; }

DL { margin: 0em 0% 0em 0%; }

DT { margin: 0em 0% 0em 0%;
     line-height: 1; }

H1 {
  margin: .5em 0% 0.5em 0%;
  font: 2.1em/1.2 "Times New Roman",Times,serif;
}

H2  { 
  margin: 1.5em 0% 0.5em 0%;
  font: 1.4em/1.2 "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  color: #6e7f63;
}

H3 {
  margin: 1em 0% 0.5em 0%;
  font: 1.1em/1.2 Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #444444;
}

H4 {
  margin: 1.5em 0% 0em 0%;
  font: 1em/1 Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #6e7f63;
}

H5 {
  margin: 0em 0% 0em 0%;
  font: 1em/1 Verdana,Arial,Helvetica,sans-serif;
}

H6 {
  margin: 0em 0% 0em 0%;
  font: 1em/1 Verdana,Arial,Helvetica,sans-serif;
}

HR {
  margin: 0; 
  visibility: hidden;
}

HTML {
  margin: 0; 
} 

INPUT { cursor: auto; }

IFRAME {
  margin: 0;
  width: 100%;
  height: 30em;
  border: 1px solid #94a888;
}

KBD { font: 1em monospace; }


UL { 
  margin: .5em 0% 0em 5%; 
  list-style: square;
}

UL UL { 
  list-style: circle;
}

UL LI {
  margin: 0em 0% .2em 0%;
  line-height: 1.4em; 
}

UL LI UL LI {
  margin: 0em 0% .2em 0%;
  line-height: 1.3; 
}

OL {
  margin: 0em 0% 0em 5%;
  list-style: decimal; 
}

/***
UL UL OL OL, UL OL UL OL, OL UL OL OL, 
OL OL UL OL, OL UL OL, OL OL { list-style: lower-alpha; }
OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL { list-style: lower-roman; }
OL OL OL OL { list-style: decimal; }
UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL { list-style: circle; }
OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL { list-style: square; }
UL UL UL UL { list-style: disc; }
***/


P { margin: .7em 0% 0em 0%;
    line-height: 1.5; }

PRE { margin: 0em 0% 0em 0%;
      font: 1em/1 monospace; }

SAMP { font: 1em monospace; }

SMALL { font-size: x-small; }

SUB { font-size: .7em; }

SUP { font-size: .7em; }

TD { line-height: 1; }

TEXTAREA { cursor: text; }

TH { font: bold 1em/1 sans-serif; }

TT { font: 1em monospace; }



TABLE {
  margin: 0;
  padding: 0; 
}

TR { padding: 0; }

TD { padding: 0; }


IMG { border: 0; }

H1 A { text-decoration: none; }
H1 A:visited { text-decoration: none; }
H1 A:hover { text-decoration: underline; }

FIELDSET 
{ 
  border: 0px solid #ffffff; /* for opera bug */
  margin: 0; 
  padding: 0; 
}


H2 A
{
  text-decoration: none;
}

H2 A:visited
{
  color: #6e7f63; /* nécessaire sous ie */
  text-decoration: none;
}

H2 A:link
{
  color: #6e7f63;
}

H2 A:link:hover, 
H2 A:visited:hover 
{
  text-decoration: none;
  color: #939c8e;
}



/* ---------- #skip: text to display to old browsers ---------- */

.css_invisible { display: none; }

/* ---------- end of #skip ---------- */



/* ---------- #top: the top green zone ---------- */

#top { 
  font-size: .9em;
  margin: 0;
  padding: 10px 0% 2px 0px;
  padding: 10px 10px 0 10px;
  background-color: #94a888;
  background-image: url("images/green-bg.jpg");
  height: 60px;
}

#top img {
  margin: 0px 10px 10px 0;
}

#site_path
{
  padding: 5px 0 3px 0;
  position: absolute;
  top: 50px; 
  right: 10px;
  text-align: right;	
  color: #555555;
}

#site_path a, #site_path span 
{
  margin: 0;
  padding: 0 0.3em 0 0.3em;
  color: #ffffff;
  text-decoration: none;
}

#site_path a:hover 
{
  text-decoration: underline;
}

#site_path span.account_name
{
  font-style: italic;
}

/* ---------- end of #top ---------- */


/* ---------- #menu_bar ---------- */

#menubar
{
  font-size: .9em;
  margin: 0;
  padding: 0 1em 0 150px;
  border-left: 1px solid #cccccc;
  color: #555555;
  background-color: #d9e0d4;
  height: 1.4em;
}

#menubar UL 
{
  margin: 0;
  padding: 0;
}

#menubar UL LI
{
  display: inline;
  margin: 0;
  padding: 0;
}

#menubar UL LI A
{
  color: #666666;
  text-decoration: none;	
  border: 0;
  border-right: 1px solid #bbbbbb;
  margin: 0;
  padding: 0 .5em 0 .5em;
}

#menubar UL LI.first_menubar_link
{		
  border-left: 1px solid #ccc;
}

#menubar UL LI A:hover
{
  background-color: #eee;
}

#menubar #current_item
{
  background-color: #ffffff;
  color: #555555;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ffffff;
}

#menubar #current_item A:hover
{
  background-color: #ffffff;
}



#top_sections_bar
{
  background-color: #eee;
  padding: 2px 0 1px 0;
  margin: 0;
  margin-top: 1em;
}

#top_sections_bar A
{
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  font-size: smaller;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  margin-right: -1px;
  text-decoration: none;
  color: #000000;
}

#top_sections_bar A:hover
{
  background-color: #d9e0d4;
}

#top_sections_bar #current_item
{
  color: #000000;
  background-color: #fff;
}



#basket_state
{
  text-align: center;
  font: x-small Verdana,Arial,Helvetica,sans-serif;
  color: gray;
  padding: 0 3px 0 3px;
  margin-top: 1px;
}

#basket_state a,
#basket_state a:visited
{
  color: #888888;
  text-decoration: none;
}

#basket_state a:hover,
#basket_state a:active
{
  text-decoration: underline;
}


#lien_nouvelle_commande
{
  text-align: center;
  font-size: 1.1em; 
  font-weight: bold; 
  margin: 1em 0 0 0;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 4px;
  color: #444444;
}

#lien_nouvelle_commande a
{
  text-decoration: none;
}

#lien_nouvelle_commande a:hover
{
  text-decoration: underline;
}

/* ---------- end of #menu_bar ---------- */



/* ---------- #side: the column on the left of the page ---------- */

#side { 
  clear: left;
  font-size: .85em;
  float: left;
  padding: 0px 0 10px 10px;
  margin-top: 1.4em;
  width: 155px; /* bad value for some ie */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 136px; /* special value for some other browsers */
}

html>body #side { 
  width: 140px;     /* good value for compliant browsers */
/* margin-top: 20px; here for ie6: it doesn't see this */
}

/* ---------- end of #side ---------- */



/* ---------- navigation: the menu on the left of the page ---------- */

#navigation 
{
  position: absolute; /* nécessaire pour les problème de clear: left */
  color: #555555;
  font-size: 1em;
}


#navigation UL 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 5px;
  color: #d3d3d3;
}

#navigation UL LI 
{
  line-height: 2em;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#navigation UL LI.current_page
{
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

#navigation UL LI UL
{
  margin: 0;
  padding: 0;
}

#navigation UL LI.current_page UL LI
{
  list-style-type: none;
}


#navigation LI A 
{
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: .2em; 

  display: block;
  font-weight: normal;
  color: #838383;
  background-color: transparent;
  padding: 0 5px 0 5px; 

  width: 132px; /* bad value for some ie */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 117px; /* good value for compliant browsers */
}
html>#navigation LI A {
  width: 117px; /* good value for opera */
}


#navigation UL LI UL A
{
  letter-spacing: 0.1em;
  margin-left: 10px;
  width: 107px;
}


#navigation LI A:hover { 	
  color: gray;
  background-color: #eee;
  font-weight: normal;
  text-decoration: none;
}


/**
#side DIV.comm_spe
{
  position: absolute; 
  text-align: center;
  color: #555555;
  width: 100px;
  margin: 45em 1em 1em -3px;
  padding: 1em 1em 5px 1em;
}
**/


/* *

DIV.login_frame
{
  position: absolute;
  text-align: center;
  color: #555555;
  width: 100px;
  margin: 23em 1em 1em -3px;
  padding: 1em 1em 5px 1em;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}

DIV.login_frame H2
{
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 0;
}

DIV.login_frame FORM
{
  margin: 0;
  padding: 0;
}

DIV.login_frame FORM INPUT
{
  background-color:  #d9e0d4;
  background-color:  #eee;
  border: 1px inset #000000;	
  margin-bottom: 4px;
  vertical-align: middle;
  font-size: inherit;
}

DIV.login_frame FORM DIV.label
{
  padding: 3px 0 3px 0;
}

DIV.login_frame FORM INPUT[type="submit"],
DIV.login_frame FORM INPUT.submit_button   
{
  background-color:  #d3d3d3;
  border: 1px outset;
  margin-top: 1em;
}

DIV.login_frame FORM INPUT[type="submit"]:hover
{
  background-color:  #aaa;
}

* */


/* ---------- navigation ---------- */



/* --- right_column --- */

#right_column
{
  float: right;
  width: 17em;
  margin: 0;
  padding: 0;
  padding-left: 5px;
}


/* --- page_principale --- */

#page_principale
{
  border: 0; 
  margin: 0;
  margin-right: 17em;
  padding: 0;
  padding-right: 1em;
}



/* ---------- #content: the main content of the page ---------- */

#content { 
  line-height: 1.3em;
  color: #000000;
  margin: 0 0 0 142px;
  padding: 0 20px 0 10px;
  width: auto;
  voice-family: "\"}\""; 
  voice-family:inherit; 
}

#content P {
  text-indent: 1em;
  text-align: justify;
  line-height: 1.7em; 
}

#content P.noindent {
 text-indent: 0em;
}


#content HR {
 clear: both;
 visibility: hidden;
}

#content HR.line ,
#content HR.ligne_sep,
#content HR.line_left_clear,
#content HR.line_noclear
{
  clear: both;
  visibility: visible;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #cccccc;
  text-shadow: none;
}

#content HR.ligne_sep
{
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}

#content HR.line_noclear
{
  clear: none;
}

#content HR.dashed_line 
{
  clear: both;
  visibility: visible;
  width: 100%;
  border: 0;
  border-top: 1px dashed #ccc;
  text-shadow: none;
}

#content HR.dotted_line 
{
  clear: both;
  clear: none;
  visibility: visible;
  width: 100%;
  border: 0;
  border-top: 1px dotted #ccc;
  text-shadow: none;
  margin-top: 1em;
}


#content H1.errorpage_title
{
  font: 2.1em Verdana,sans-serif;
  color: #000000;
}





/* pseudobox: blocks of text in the content which background change on mouseover. */

A.pseudobox, A.noborderbox {
  display: block;
  font-weight: normal;
  color: inherit;
  text-decoration: none;
}

A.pseudobox, A.noborderbox  {
  padding: 0px 5px 10px 5px;
  text-align: justify;
  width: 100%;
}

A.pseudobox {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

A.noborderbox {
  border: 0;
}

A:visited.pseudobox, A:visited.noborderbox {
  color: inherit;
}

A:active.pseudobox, A:active.noborderbox  {
  color: inherit;
}

A:hover.pseudobox, A:hover.noborderbox {
  font-weight: normal;
  text-decoration: none;
  background-color: #eee;
}


#content P.nota_bene 
{
  clear: both;
  font-style: italic;
  border: 1px dotted gray;
  padding: 1em;
  /*margin-right: 22em;*/
}



/* ---------- Link Block ---------- */

/*
#content DIV.link_block 
{
  text-align: left;
  margin: 5px; 
  margin-right: 0; 
  padding: 0;
  border: 0;
}

#content DIV.link_block A,
#content DIV.link_block A:visited
{
  display: block;
  font-weight: normal;
  color: inherit;
  text-decoration: none;
  padding: 3px 2px 5px 5px;
  margin: 0;
  border: 1px dashed #ffffff;
}

#content DIV.link_block A:active 
{
  color: inherit;
  text-decoration: none;
}

#content DIV.link_block  A:hover 
{
  font-weight: normal;
  text-decoration: none;
  background-color: #eee;
  border: 1px dashed #d3d3d3;
}
*/


/*

#content DIV.link_block 
{
  text-align: left;
  margin: 5px; 
  margin-right: 0; 
  padding: 0;
  padding: 3px 2px 5px 5px;
  border: 1px dashed #ffffff;
  font-size: 1em;
  width: 17em;
  float: left;
}

#content DIV.link_block:hover, 
#content DIV.link_block:active
{
  font-weight: normal;
  text-decoration: none;
  background-color: #eee;
  border: 1px dashed #d3d3d3;
}



#content DIV.link_block A,
#content DIV.link_block A.link_block_ref,
#content DIV.link_block A:visited
{
  font-weight: normal;
  text-decoration: none;
  margin: 0;
}

#content DIV.link_block DIV.link_block_detail 
{
  text-align: right;
  margin-top: 1em;
  font-size: .9em;
}

#content DIV.link_block DIV.link_block_detail A
{
  text-decoration: underline;
}

#content DIV.link_block A:active 
{
  color: inherit;
  text-decoration: none;
}

#content DIV.link_block A:hover 
{
  text-decoration: none;
}

*/



#content H1.ixcaps
{
  font: 1.8em Georgia,"Times New Roman",Times,serif;
  font-variant: small-caps; 
  margin-top: 0;
  color: #7c8e70;
}

#content H1.ixcaps A
{
  color: inherit;
}

#content H2.ixcaps
{
  font: 1.6em Georgia,"Times New Roman",Times,serif;
  font-variant: small-caps; 
  color: #7c8e70; 
  font-weight: bold;
}


#content .ixcaps
{
  font-variant: small-caps; 
}


/* ---------- end of left block -----*/


/* ---------- text_block ---------- */

#content DIV.text_block
{ 
  float: left;
  line-height: 150%;
  margin: 1em;
  margin-left: 0;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: justify;
}

#content DIV.text_block h1
{
  font: large Georgia,"Times New Roman",Times,serif;
  margin-top: 0;
  color: #7c8e70;
}

DIV.text_row
{ 
  clear: right;
  line-height: 150%;
  margin: 1em;
  margin-left: 0;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: justify;
  border-top: 1px dotted #d3d3d3;
}

#content DIV.text_block h1
{
  font: large Georgia,"Times New Roman",Times,serif;
  margin-top: 0;
  color: #7c8e70;
}

/*
#content P.presentation:before
{
  content: "\203A\203A  ";
}

#content P.presentation
{
  text-indent: 0;
}
*/

#content UL.avantages
{
  margin-left: 1em;
  padding-left: 1em;
}

#content UL.avantages LI
{
  line-height: 1.5em;
}

#content DIV.informatif
{
  line-height: 1.5em;
  margin-top: 1.5em;
}

#content DIV.informatif UL
{
  margin-top: 1em;
  margin-bottom: 1em;
}

#content DIV.informatif UL LI
{
  line-height: 1.6em;
  margin: 0;
}

#content DIV.promo
{
  padding: 1ex;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-top: 1ex;
  line-height: 1.4em;
  background-color: #eee;
  text-align: justify;
  border: 1px solid lightgray;
}

#content DIV.promo > H2:first-child
{
  margin-top: 0;
}

#content OL.grandes_etapes_commande  {
  margin-left: 0;
  padding-left: 0;
}
#content OL.grandes_etapes_commande LI {
  margin: .5em 0px 1em 1em;
  line-height: 1.5em;
  text-align: justify;
}


DIV.comm_speciale
{
  position: absolute; 
  width: 105px; 
  margin: 17em 3em 1em 0em;
  padding: 1px 2px 8px 2px;
  font-size: 1em;
  text-align: center;
  color: #555555; 
  border: 1px solid #ffffff;
}

DIV.comm_speciale H2
{
  font-weight: bold;
  line-height: 1em;
  font-size: 1.3em;
  margin: .8em 0 .8em 0;
  color: #000000;
}

DIV.comm_speciale:hover
{
  color: #000000;
}

DIV.comm_speciale:hover DIV.comm_title A
{
  color: #b72d2d;
}

DIV.comm_speciale A
{
  text-decoration: none; 
}

DIV.comm_speciale:hover A,
DIV.comm_speciale A:hover
{
  color: #cf2626;
}

DIV.comm_speciale:hover A:hover,
DIV.comm_speciale A:hover
{
  text-decoration: underline;
}



DIV.comm_bas_de_page
{
  clear: both;
  margin: 1em;
  margin-bottom: -.5em;
  font-size: .7em;
  text-align: center;
  color: #555555; 
}

DIV.comm_bas_de_page A
{
  color: #555555; 
  text-decoration: underline;
}

DIV.comm_bas_de_page A:hover
{
  color: #000000;
}

DIV.comm_bas_de_page H2
{
  display: inline;
  font-size: 1.1em;
  color: #555555; 
}

DIV.comm_bas_de_page H2 A
{
  color: #6e7f63;
  text-decoration: none;
}
DIV.comm_bas_de_page H2 A:hover
{
  color: #cf2626;
}

DIV.comm_bas_de_page:hover H2 A
{
  color: #cf2626;
}




EM.nouveau 
{
  font-weight: bold;
  font-style: normal;
  font-variant: small-caps; 
  color: #882222;

/*
  background-color: #feffbf;
  background-color: #ffffe7;
  background-color: #f7f7ef;
*/  background-color: #eeeeee;

  padding: 0 .3em 0 .3em;
}



#content DIV.encadre {
  border: 1px solid #94a888;
  margin: 2em 0 1em 0;
  padding: 1ex;
}

#content DIV.encadre H2 {
  float: left;
  margin-top: -1em;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
}

#content DIV.encadre P {
  clear: left;
}


/* --- note encadrée --- */

#content DIV.cadre_offre_encadre,
#content DIV.cadre_offre
{
  border: 1px solid #ffffff; 
  padding: 1ex;
  margin: 2em 0 1em 0;
}

#content DIV.cadre_offre_encadre P,
#content DIV.cadre_offre P
{
  text-align: left;
  clear: left;
  line-height: 1.3em;
}

#content DIV.cadre_offre_encadre
{
  border: 1px solid #94a888;
}

#content DIV.cadre_offre_encadre:hover
{
}


#content DIV.cadre_offre:hover
{
  border: 1px solid #94a888;
}

#content DIV.cadre_offre_encadre H2,
#content DIV.cadre_offre H2 {
  margin-top: -1em;
  background-color: #ffffff;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  font: bold small-caps 1.5em Georgia,"Times New Roman",Times,serif;
  color: #7c8e70; 
}

#content DIV.cadre_offre_encadre UL,
#content DIV.cadre_offre UL
{
  padding-left: 4px;
  clear: left;
  font-size: .85em;
}

#content DIV.cadre_offre_encadre LI,
#content DIV.cadre_offre LI
{
  text-align: left;
  list-style-type: square;
  margin: 1px;
  line-height: 1.3em;
}



#content DIV.plus_infos
{
  text-align: right;
  margin: 1ex -.5ex -.5ex 0;
  font-size: .9em;
}

#content DIV.plus_infos A:active
{
  color: #7c8e70; 
  text-decoration: underline;
}

#content DIV.plus_infos A:after
{
  content: "… ";
}


#content EM.prix
{
  display: block;
  font: 1.8em/1 Georgia,"Times New Roman",Times,serif;	
  margin: .5em 0 0 20%;	
}

#content EM.prix_ttc
{
  display: block;
  font-style: italic;
  font-size: .9em;
  margin: 0;
  margin: .5em 0 1em 20%;
}



/* --- colonne --- */

#content DIV.colonne
{
  float: left; 
  width: 48%;
  padding-left: 1%;
  margin: 0;
}

/* --- --- */

#content DIV.info_em
{
  padding: 15px;
  line-height: 1.4em;
  text-align: justify;
  margin: 1em 1% .6em 0;
  background: #ebefe8 url("images/arrondi_back.gif") right repeat-y;
}

#content DIV.info_em > :first-child {
  margin-top: 0;
}

#content DIV.info_em H2
{
  margin-top: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #d3d3d3; 
  border-bottom: 1px solid #aaaaaa; 
}


/* la technique des arrondis a été inspirée de mozilla.org */

#content DIV.info_em:before
{
  font-size: 1px;
  line-height: 0.1;
  background: transparent url("images/arrondi_sd.gif") no-repeat top right;
  margin: -15px -15px -5px -15px;
  height: 15px;
  display: block;
  border: none;
  content: url("images/arrondi_sg.gif");
}

#content DIV.info_em:after
{ 
  font-size: 1px;
  line-height: 0.1;
  background: transparent url("images/arrondi_id.gif") no-repeat bottom right;
  margin: -15px;
  padding-top: 18px;
  height: 8px;
  display: block;
  border: none;
  content: url("images/arrondi_ig.gif");
}




#content DIV.info_normal
{
  padding: 0 .5em 0 1%;
  line-height: 1.4em;
  margin-top: 1em;
  margin-right: 1%;
}

#content DIV.info_normal P
{
  text-align: left;
}

#content DIV.info_normal > :first-child {
  margin-top: 0;
}

#content DIV.info_normal H2
{
  margin-top: 0em;
  padding-bottom: .3em;
  border-bottom: 1px solid #d3d3d3;
}





/* --- cadre_principal --- */

#content DIV.cadre_principal
{
  padding: 15px;
  line-height: 1.4em;
  text-align: justify;
  margin-top: 1em;
  margin-right: 1%;
  background: #ebefe8 url("images/arrondi_back.gif") right repeat-y;
  padding: 15px 15px 15px 15px;
}

#content DIV.cadre_principal > P:first-child {
  margin-top: 0;
}

/* la technique des arrondis a été inspirée de mozilla.org */

#content DIV.cadre_principal:before
{
  font-size: 1px;
  line-height: 0.1;
  background: transparent url("images/arrondi_sd.gif") no-repeat top right;
  margin: -15px -15px -5px -15px;
  height: 15px;
  display: block;
  border: none;
  content: url("images/arrondi_sg.gif");
}

#content DIV.cadre_principal:after
{ 
  font-size: 1px;
  line-height: 0.1;
  background: transparent url("images/arrondi_id.gif") no-repeat bottom right;
  margin: -15px;
  padding-top: 18px;
  height: 8px;
  display: block;
  border: none;
  content: url("images/arrondi_ig.gif");
}


#content DIV.haut_de_page,
#content DIV.ligne_haut_de_page 
{
  text-align: right;
  font-size: .85em;
  margin-top: .5em;
  clear: both;
}

#content DIV.ligne_haut_de_page 
{
  padding-bottom: 1em;
  border-bottom: 1px solid #cccccc;
}

#content DIV.haut_de_page:before,
#content DIV.ligne_haut_de_page:before
{
  content: url("images/haut.png");
  vertical-align: text-bottom;
  margin-right: .5em;  
}


#content DIV.liens_commande {
 text-align: right;
 font-size: smaller;
}

#content DIV.liens_commande A {
 color: #555555;
}

#content DIV.liens_commande A:hover {
 color: #7c8e70;
}



/* ---------- ---------- */
/* message specifique au problème rencontré, affiché dans le ErrorDocument 500 */
div.ixerror_message
{
  margin: 2em 1em 2em 1em;
  background-color: #eee;
  padding: 1em;
  padding-top: .5em;
}

/* ---------- ---------- */




/* ------------ forms ----------- */

#content FORM {
  padding: 0 0em 0 0em;
}

#content FORM TABLE {
  width: 100%;
/*  border-top: 1px solid #cccccc; */
}



#content FORM TABLE CAPTION {
  text-align: left;
  margin: 1em 0 .5em 0;
  padding-bottom: .2em;
  color: #555555;
  font-weight: bold;
  font-size: 1.2em;

  border-bottom: 1px solid #cccccc;
}


#content FORM TABLE CAPTION.ixstyle_form {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.5em;
  font-variant: small-caps; 
  font-weight: bold;
  color: #6e7f63;
}

#content FORM div.optional_frame 
{
  width: 80%;
  margin-left: 20%; 
  padding: 3px;
  padding-bottom: 0px;
  border: 0;
  border-top: 1px dashed #000000;
  border-bottom: 1px dashed #000000;
  background-color: #f5f5f5;
}

#content FORM div.optional_frame P.centered
{
  color: #000000;
  text-align: center;
}


#content FORM H2 {	
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.5em;
  font-variant: small-caps; 
  font-weight: bold;
}

#content FORM H3 {	
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.2em;
  color: #555;
}

#content FORM TD.label {
  width: 40%;
  text-align: right;
  vertical-align: top;
  padding: 3px;
}

#content FORM TD.field {
  width: 60%;
  text-align: left;
  vertical-align: middle;
}

#content FORM TD.field UL {
  margin: 0;
  padding: 0;
}

#content FORM TD.field UL LI {
  list-style-type: none; 
}

#content TD.centered {
  text-align: center;
  padding: 0;
  padding-top: .5em;
}

#content DIV.boutons_validation {
  border-top: 1px solid #cccccc;
  text-align: center;
  margin-top: .5em;
  padding-top: .5em;
}

#content DIV.boutons_validation P {
  margin-top: 0;
  text-align: left;
}

#content DIV.login_form 
{
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  padding-bottom: 0;
  margin: 2em 20px 1em 20px;
  text-align: center;
}

#content DIV.login_form DIV.row
{
  text-align: center;
  vertical-align: middle;
}

#content DIV.login_form DIV.submit
{
  clear: both;
  text-align: center;	
  margin: 0;
  margin-top: 1ex;
}

#content FORM INPUT, 
#content FORM SELECT, 
#content FORM TEXTAREA 
{
  background-color: #c5ccc1;
  border: 1px inset #000000;	
  margin-bottom: 1px;
  vertical-align: middle;
}

#content FORM INPUT[type="radio"], 
#content FORM INPUT[type="checkbox"] 
{
  /* opera needs this... */
  border: 0;
}

#content FORM INPUT.radio_input, 
#content FORM INPUT.checkbox_input 
{
  /* ie needs this... */
  border: 0;
  background-color: #ffffff;
}

#content FORM INPUT[type="submit"],
#content FORM INPUT[type="button"] 
{
  background-color:  #bbb;
  border: 1px outset;
}
/* repeat for ie : */
#content FORM INPUT.submit_button
{
  background-color:  #bbb;
  border: 1px outset;
}


#content FORM INPUT[disabled],
#content FORM SELECT[disabled] 
{
  background-color: #bbb;
}

#content FORM INPUT[disabled][name="nom_de_domaine"]
{
  background-color: #ddd;
  color: #555;
}


#content FORM TH {
  text-align: left;
}

#content FORM TH.form_title {
  text-align: center;
}

#content FORM TD.centered {
  text-align: center;
  padding: .5em 0 0em 0;
}

#content FORM TABLE TR.with_top_line TD {
  border-top: 1px solid #cccccc;
  text-align: center;
  padding-top: .5em;
}

#content FORM P {
  line-height: inherit;
  font-weight: normal;
  text-align: justify;
  color: #555555;
  margin-bottom: 1em;
  line-height: 1.4em;
}

#content .form_error
{
  clear: left;
  color: #b52424;
  text-align: left;
  padding: 0 1em 0em 3px;
  font: inherit;
  line-height: 1em;
}

#content DIV.avertissement_demo,
#content DIV.avertissement_demo_commandes
{
  clear: left;
  padding: .3em;
  text-align: left;
  line-height: 1em;
  color: #b52424;
  background-color: #efd1d1;
  border: 1px solid #b52424;
}

#content DIV.avertissement_demo
{
  font-size: .85em;
}
#content DIV.avertissement_demo_commandes
{
  font-size: 1.1em;
  margin-top: .5em;
}

#content DIV.avertissement_demo_encadre
{
  margin: 1em 2em 1em 2em;
  padding: .7em;
  color: #b52424;
  border: 2px solid #b52424;
}

#content P.invalid_login
{
  background-color: #b52424;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  font: inherit;
  font-weight: bold;
  line-height: 1em;
  padding: 0.5em 1em 0.5em 3px;
  margin-bottom: 1em;
}

#content DIV.form_has_error {
  margin: 1em 2em 1em 2em;
  padding: .7em;
  color: #b52424;
  border: 2px solid #b52424;
}


#content FORM TD.explications {
  color: #555555;
  font-style: italic;
  padding: 1px 3px 10px 3px;
}

#content FORM SPAN.explications {
  font-style: italic;
}

#content FORM .explications A:link, 
#content FORM .explications A:visited {
  text-decoration: underline;
}

#content FORM TD.explications DIV {
  float: right;
  text-align: justify;
  border-left: 1px dotted #000000;
  width: 70%;
  color: #555555;
  padding: 3px 3px 3px 7px;
}

#content DIV.explications {
  text-align: justify;
  border-left: 1px dotted #000000;
  color: #555555;
  padding: 3px 3px 3px 7px;
  font-style: italic;
  margin: 0.5em 0em 1em 3em;
}


#content DIV.ask_confirmation 
{
  width: 70%;
  padding: 1ex;
  background-color: #eeeeee;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

#content DIV.ask_confirmation DIV
{	
  text-align: center;
  margin: 1em;
  margin-bottom: 0;
}

#content DIV.ask_confirmation A.confirm_submit
{	
  background-color: #bbbbbb;
  margin: 1em;
  border: 1px outset;
  padding: 0 1ex .4ex 1ex;
  text-decoration: none;
}

#content .error_block {
  font: 1em/1em Verdana,Arial,Helvetica,sans-serif;
  margin: 10px 10px 20px 10px;
  padding: 0 10px 0px 10px;
}

#content .error_block p {
  line-height: 1em;
}


#content DIV.option_item {
  margin-left: 1em;
  color: #555555;
}

#content DIV.option_content {
  float: left;
  clear: left;
  margin-left: 3em;
  margin-top: .5em;
}

#content DIV.option_domaine_site_suppl {
  float: left; 
  margin: 0 0 1em 1em; 
}


#content FIELDSET.encadre {
  border: 1px solid #94a888;
  margin-top: 1em;
  margin-right: 2em;
  padding: .5em;
  padding-bottom: 1em;
}

#content FIELDSET.encadre LEGEND {
  color: #68785f;
  font-size: 1.2em;
  font-weight: bold;
  margin: .8em 0 .5em 0;
  background-color: #ffffff;
  padding: 0px 5px 0px 5px;
}

#content P.explications {
  text-align: justify;
  border-left: 0;
  color: #555555;
  padding: 3px 3px 3px 7px;
  padding: 3px 3px 3px 0px;
  font-style: italic;
  margin: 0em 0em 1em 0.5em;
  line-height: 1.3em;
}


#content DIV.info_para:before {
 content: url("images/info-icon.png");
 line-height: 1px;
 vertical-align: text-bottom; 
 margin: 5px;
}

#content P.em_para:before {
 content: url("images/fleche.png");
 vertical-align: text-top; 
 margin-right: .5em;
}

#content FIELDSET.encadre UL {
  margin: 1em;
  padding-left: 0em;
  padding-top: 0em;
  color: #555555;
}

#content FIELDSET.encadre UL LI {
  list-style-type: none;
}

#content FIELDSET.encadre UL.withbullets LI {
  margin-left: 1em;
}
#content FIELDSET.encadre UL.withbullets LI {
  list-style-type: square;
}


#content DIV.prix_option_hebergement {
  margin: 1em 1em 1em 1ex;
  line-height: 1.5em;
  padding-left: 1ex;
  color: #444444;
  font-style: italic;
}


DIV.etapes_commande {
  margin-top: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  color: #555555;
}

DIV.etapes_commande EM {
  font-style: normal;
}

DIV.etapes_commande OL {
  padding-left: 0em;
  margin-top: 0.5em;
  margin-bottom: 0em;
}

DIV.etapes_commande OL LI {
  line-height: 1.5em;
}

DIV.etapes_commande OL LI.courante {
  font-weight: bold;
}


DIV.choix_formule {
/*background-color: #eeeeee;
  background-color: #d9e0d4;
  background-color: #ebefe8; */
  margin-right: 3em;
  margin-left: 3em; 
  padding: 0.5em;
/*  margin-bottom: 2em; */
} 

DIV.choix_formule H2.ixcaps {
  margin-top: 0em;
}

/* ---------- fin des forms ---------- */




#content DIV.message_header
{
/*	background-color: #d9e0d4;
  background-color: #eee; 
  border-bottom: 1px dotted gray; */
  border-bottom: 1px solid #94a888;
  padding: 4px;
  line-height: 1.3em;
}

#content DIV.message_header SPAN.header_name
{
  font-weight: bold;
}

#content DIV.message_body
{
  padding: 1em .5em 1em .5em;
        line-height: 1.4em;
/*	border-left: 1px solid gray;
  border-right: 1px solid gray;
*/
}

#content DIV.message_footer
{
/*	background-color: #d9e0d4; 
  background-color: #eee;  
  border-top: 1px dotted gray; */
  border-top: 1px solid #94a888;
  padding: 4px;
  line-height: 1.2em;
}

#content DIV.message_footer a:link,
#content DIV.message_footer a:visited
{
  text-decoration: none;
}

#content DIV.message_footer a:hover
{
  text-decoration: underline;
}




#content table.messages 
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  /*font-size: small;*/
  margin: 0;
  padding: 0;
  border-collapse: collapse;	
}

#content table.messages thead 
{
  background-color: #d9e0d4;
  border-bottom: 1px solid #000000;
}

#content table.messages thead td
{
  padding: 2px;
}

#content table.messages thead td.header_name
{
  width: 10%;
  font-weight: bold;
}

#content table.messages tbody td
{
  padding-top: 1em;
  padding-bottom: 1em;
}

#content table.messages tfoot 
{
  border-top: 1px solid #000000;
}

#content table.messages tfoot tr
{
  margin-top: 1em;
}

#content table.messages tfoot td
{
  background-color: #d9e0d4;
  padding: 3px;
  padding-top: 0;
}

#content table.messages tfoot td a:link,
#content table.messages tfoot td a:visited
{
  text-decoration: none;
}

#content table.messages tfoot td a:hover
{
  text-decoration: underline;
}


#content TABLE.tableau_gauche,
#content TABLE.tableau {
  border-collapse: collapse; 
  margin: 1em auto 1em auto; 
}

#content TABLE.tableau_gauche {
  margin: 1em 0 1em 0;
}

#content TABLE.tableau_gauche CAPTION,
#content TABLE.tableau CAPTION {
  margin: 1em auto 1em auto;
  color: #6e7f63;
  font-weight: bold;
  font-size: 1.2em;
}

#content TABLE.tableau_gauche CAPTION {
  margin: 1em 0 1em 0;
}


#content TABLE.tableau_gauche THEAD TR TH,
#content TABLE.tableau THEAD TR TH {
  padding: 5px;
  color: #6e7f63;
  text-align: center;
}

#content TABLE.tableau_gauche TBODY TR TD,
#content TABLE.tableau TBODY TR TD {
  border: 1px solid #94a888;
  padding: 5px;
  text-align: center;
}

#content TABLE.tableau_gauche TBODY TR TD.nom ,
#content TABLE.tableau TBODY TR TD.nom {
  text-align: left;
}

#content TABLE.tableau_gauche TBODY TR TD.titre ,
#content TABLE.tableau TBODY TR TD.titre {
  text-align: left;
  color: #6e7f63;
  font-weight: bold;
  background-color: #eeeeee;
}


/* ------------ selection_list : Tableau à lignes sélectionnables ---------- */

#content table.selection_list, 
#content table.messages {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

#content TABLE.selection_list THEAD TD,
#content TABLE.selection_list THEAD TH {
  font-weight: bold;
  padding: 4px 1em 4px 1em;
}

#content table.selection_list thead td.auteur {
  width: 30%;
}
#content table.selection_list thead td.objet {
  width: 50%;
}
#content table.selection_list thead td.date {
  width: 20%;
}

#content table.selection_list td.date_expiration {
  text-align: center;
}

#content table.selection_list tr td.etat {
  text-align: center;
}


#content table.selection_list tr.expiration_done {
  color: #aaaaaa;
  background-color: #e5e5e5;
}

#content table.selection_list tr.expiration_done td.date_expiration {
  font-weight: bold;
}

#content table.selection_list tr.expiration_done td.etat {
  font-weight: bold;
  color: #000;
}

#content table.selection_list tr.expiration_warn {
  /* color: #ffffff; */
  /* background-color: #c33; */
}

#content table.selection_list tr.expiration_warn td.date_expiration {
  font-weight: bold;
  color: #c33;
}


#content TABLE.selection_list TBODY TD {
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  padding: 4px 2em 4px .5em;
}

/*
#content TABLE.selection_list TBODY TR.new {
  background-color: #eee;
  font-weight: bold;
} 
*/

#content TABLE.selection_list TBODY TR:hover  {
  background-color: #ebefe8; 
}

#content table.selection_list tr a {
  color: inherit;
  text-decoration: none;
}

#content table.selection_list tr a:visited {
  color: inherit;
}

#content table.selection_list a:hover {
  text-decoration: underline;
}

#content table.selection_list td.num_facture {
  width: 50%;
  text-align: center;
}

#content table.selection_list td.date_facture {
  width: 50%;
  text-align: center;
}



/* ---------- Commandes ---------- */

#content DIV.infos {
  font: 1em/120% Verdana,Arial,Helvetica,sans-serif;
  margin-top: 1em;
  padding: 1ex;
  border-left: 1px dashed gray;
}

#content DIV.infos H2
{
  margin: 0;
}

#content DIV.infos P
{
  line-height: 1em;
  padding: 1ex;
}


#content DIV.contrat
{
  font: 1em/1em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  border: 1px dashed gray;
  background-color: #eee;
  padding: 10px;
  height: 400px;
  overflow: auto;
}

#content DIV.contrat H2
{	
  margin-bottom: 1em;
/*	display: list-item;
  list-style-type: decimal;
  list-style-position: inside;
  counter-increment: section; */
}


#content DIV.contrat H2:before 
{
  content: counter(section) ". ";
  counter-increment: section;
  counter-reset: subsection; 
}


#content DIV.contrat H3:before
{
  content: counter(section) "." counter(subsection) " ";
  counter-increment: subsection;
}

#content DIV.contrat P
{
  text-indent: 1em;
  margin: 0;
  color: #555;
}

#content DIV.contrat LI
{
  color: #555;
}

#content DIV.contrat UL
{
  margin-bottom: 2em;
}

#content DIV.contrat H1
{
  margin-top: 0;
}

/* ---------- fin commandes ---------- */




/* ---------- affichage bon de commande ---------- */

#content DIV.order_bond 
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border: 2px solid #000000;
  width: 580px;
  padding: 1em;
  line-height: 1em;
  margin-top: 2em;
}

#content DIV.order_bond H1
{
 	text-align: center;
  font: inherit;
  font-weight: bold;
  font-size: large;
  clear: both;
  padding-top: 1em;
}

#content DIV.order_bond h2 {
  font: inherit;
 	text-align: center;
  margin-bottom: 1.5em;
}

#content DIV.order_bond h3 
{
  font: inherit;
  font-weight: bold;	
}

#content DIV.order_bond h3.short
{
  margin: 0;
}

#content DIV.order_bond DIV.heading 
{
  float: left;
  margin-bottom: 1em;
}

#content DIV.order_bond DIV.heading img 
{
  display: block;
  float: left;
  margin-bottom: 1em;
}

#content DIV.order_bond DIV.heading DIV 
{
  clear: left;
}

#content DIV.order_bond DIV.references_client 
{
  float: right;
  padding: .5em;
  padding-top: 0;
  clear: right;
}


#content table.order_bond
{
  border: 0;
  width: 100%;
  border-collapse: collapse;
}

#content table.order_bond thead
{
  border-bottom: 1px solid #000000;
}

#content table.order_bond thead th
{
  padding: .5em;
}

#content table.order_bond tfoot
{
  border-top: 1px solid #000000;
}

#content table.order_bond td
{
  vertical-align: top;
  padding: 4px;
}

#content table.order_bond td.num,
#content table.order_bond thead th.num
{
  text-align: right;
}

#content table.order_bond tr.total td
{
  border-top: 3px double #000000;
  font-weight: bold;
  padding: 2px;
}

#content table.order_bond tr.total td
{
  padding: 5px;
}


/* ---------- fin affichage bon de commande ---------- */



/* -------- liste des domaines installés ------- */


#content TABLE.liste_hebergements
{
  border-collapse: collapse;
}


#content TABLE.liste_hebergements CAPTION
{
  font-size: 1.3em;
  text-align: left;
  margin: 1.5em 0 .5em 0;
  color: #555555;
}

#content TABLE.liste_hebergements TH
{
  color: #6e7f63; 
  font-weight: normal;
  padding: .1em .3em .1em .3em;
  text-align: right;
  vertical-align: top;
}

#content TABLE.liste_hebergements TD
{
  padding: .1em .3em .1em .3em;
  vertical-align: top; 
}

#content TABLE.liste_hebergements TD.row_sep_top
{
  height: .6em;
  border-top: 1px solid #cccccc; 
}

#content TABLE.liste_hebergements TD.row_sep_bott
{
  height: .8em;
  border-bottom: 1px solid #cccccc; 
}


#content TABLE.liste_hebergements TD.etat_actif
{
  color: green;
}

#content TABLE.liste_hebergements TD.etat_alerte
{
  /* color: orange; */ 
  color: #ffd667;
}

#content TABLE.liste_hebergements TD.etat_expire
{
  color: red;
}


#content DIV.etat_actif
{
  color: green;
}

#content DIV.etat_alerte
{
  /* color: orange; */ 
  /* color: #FFA500; */
  color: #EE9400;
}

#content DIV.etat_expire
{
  color: red;
}


#content TABLE.liste_hebergements TD.liens_details
{
  text-align: right;
  vertical-align: top;
  padding-top: 0;
}

#content TABLE.liste_hebergements TD.liens_details A
{
  font-size: .8em;
  font-style: normal;
  color: #555;
}

#content TABLE.liste_hebergements TD.liens_details A:hover
{
  color: #94a888;
}




#content TABLE.liste_hebergements TD UL
{
  margin: 0;
  padding-left: 1em;
}

#content TABLE.liste_hebergements TD UL LI
{
  line-height: 1.1em; 
}

#content TABLE.liste_hebergements TD.row_actions UL LI
{
  font-size: .9em;
  list-style-type: circle;
  list-style-type: disc;
}

#content TABLE.liste_hebergements TD.row_actions UL LI A
{
  font-style: normal;
  color: #555555;
}

#content TABLE.liste_hebergements TD.row_actions UL LI A:hover
{
  color: #94a888;
}










#content TABLE.liste_hebergements TD.liste_sites_heberges
{
  vertical-align: top;
  padding: 0 1em 0 2em;
}

#content TABLE.liste_hebergements TD.liste_sites_heberges UL 
{
  margin-top: 0;
  padding-bottom: 0;
  padding: 0
}

#content TABLE.liste_hebergements TD.liste_sites_heberges UL LI
{
  line-height: 1em;
  margin-bottom: .3em;
}



/* -------- gestion de site ------- */

#content #titre_gestion_site
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #94a888;
}


#content #actions_gestion_site
{
  height: 1px;
  margin-top: 2em;
  font-size: 90%;
  margin: 0;
  padding: 0;
  padding-top: 1px;
}

#content #actions_gestion_site LI
{
  height: 1.4em;
  float: left;
  list-style: none;
  border: 1px solid #94a888;
  border-bottom: 0px solid #d9e0d4;
  margin: 0 -1px 0 0;
  background-color: #d9e0d4;
}

#content #actions_gestion_site LI A
{
  margin: 0;
  padding: 0px 1ex 0px 1ex;
  color: #666666;
  text-decoration: none;
}

#content #actions_gestion_site LI.selectionne
{
  background-color: #ffffff;
  border: 1px solid #94a888;
  border-bottom: 1px solid #ffffff;
  color: #000000;
  margin-top: -1px;
  padding-bottom: 1px;
}

#content #actions_gestion_site LI.selectionne A
{
  color: #000000;
}

#content #actions_gestion_site LI A:hover
{
  background-color: #eeeeee;
  text-decoration: none;
}

#content #actions_gestion_site LI.selectionne A:hover
{
  background-color: #ffffff;
  text-decoration: none;
}



#content UL.no_u_list LI
{
  list-style-type: square;
}

#content UL.no_u_list LI A
{
  text-decoration: none;		
}

#content UL.no_u_list LI A:hover
{
  text-decoration: underline;
}


#content #cadre_gestion_site
{
  clear: left;
  margin-top: -1px;
  border: 1px solid #94a888;
  padding: 1em;
  background-color: #ffffff; 
}

#content #cadre_gestion_site UL.liens_sous_sections
{
  margin: 0;
  padding: 0;
  font-size: .9em;
}

#content #cadre_gestion_site UL.liens_sous_sections LI
{
  display: inline;
  background-color: #eeeeee;
  list-style-type: none;
}

#content #cadre_gestion_site UL.liens_sous_sections LI A
{
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 0 .5em 0 .5em;
  margin-right: -1px;
  text-decoration: none;
  color: #555555;
}

#content #cadre_gestion_site UL.liens_sous_sections LI A:hover
{
  background-color: #d9e0d4;
}

#content #cadre_gestion_site UL.liens_sous_sections LI A.current
{
  color: #000000;
  background-color: #ffffff;
}



#content #cadre_gestion_site DIV.admin_more_actions_links
{
  margin-top: .8em;
  margin-bottom: .8em;
  font-size: smaller;
}


#content #cadre_gestion_site DIV.admin_more_actions_links A:before
{
  display: marker;
  list-style-type: disc;
  content: "\203A  ";
  content: "\2022  ";
}


#content #cadre_gestion_site DIV.admin_more_actions_links A
{
  text-decoration: none;
  margin-right: 1em;
}

#content #cadre_gestion_site DIV.admin_more_actions_links A:hover
{
  text-decoration: underline;
}


#content UL.liens_discrets
{
  margin-top: .8em;
  margin-bottom: .8em;
  font-size: .8em;
  margin-left: 0;
  padding-left: 2em;
}

#content UL.liens_discrets
{

}

#content UL.liens_discrets A
{
  text-decoration: none;
  margin-right: 1em;
  color: #333333;
}

#content UL.liens_discrets A:hover
{
  text-decoration: underline;
}


IFRAME.cadre_rapport_statistique {
  margin-top: 1em;
  height: 50em;
}

IFRAME.cadre_installation_logiciel {
  margin-top: 1em;
  height: 50em;
}



#content A.action_link:before
{
  display: marker;
  list-style-type: disc;
  content: "\203A  ";
  content: "\2022  ";
}

#content A.action_link
{
  font-size: smaller;
  text-decoration: none;
  margin-right: 1em;
}

#content A.action_link:hover
{
  text-decoration: underline;
}


#content A.small_link
{
  font-size: smaller;
  margin-right: 1em;
}

#content A.small_link:hover
{
  text-decoration: underline;
}


#content A.button_link
{
  font-size: smaller;
  font-style: normal;
  background-color: #eee;
  color: #555;
  border: 1px solid gray;
  padding: 0;
  padding-left: 2px;
  padding-right: 2px;
  margin: 0;
  margin-right: 1ex;
  text-decoration: none;
}

#content A.button_link:hover
{
  background-color: #d9e0d4;
  color: #444;
}

#content UL.parameters
{
  background-color: #eee;
  padding: 1em 3em 1em 3em;
  margin: 1em 3em 1em 3em;
  border: 1px solid #d3d3d3;
}


#content P.back_link
{
  font-size: smaller;
  text-align: center;
}

#content P.back_link A
{
  font-style: normal;
  color: #555;
  text-decoration: none;
}

#content P.back_link A:hover
{
  color: #444;
  text-decoration: underline;
}


#content #cadre_gestion_site table.admin_table
{
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}

#content #cadre_gestion_site table.admin_table tbody tr
{
  
}

#content #cadre_gestion_site table.admin_table THEAD TR TD
{
  margin: 0;
  padding: 1ex;
  /* _background-color: #eee; */
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

#content #cadre_gestion_site table.admin_table TBODY TR TD
{
  border-bottom: 1px solid #aaa;
  margin: 0;
  padding: 1ex;
}

#content #cadre_gestion_site table.admin_table TBODY TR TD.col_actions
{
  text-align: right;
  padding: 0;
}

#content #cadre_gestion_site P.mails_list_legend
{
  line-height: 1.2em;	
}

#content #cadre_gestion_site DIV.centered_emphasis
{
  text-align: center;
  font-size: larger;
  font-weight: bold;
}

#content UL.index 
{
  line-height: 1.8em;
  margin-bottom: 2em;
}

#content EM.index
{
  margin-left: 2em;
  font-style: normal;
  color: #777;
}

#content UL.index LI A
{
  text-decoration: none;
}

#content UL.index LI A:hover
{
  text-decoration: underline;
}


#content DL DT {
  margin: 1em 0% 0.5em 0%;
  font: 1.1em/1.2 Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #444444;
}


#content DL DD {
  margin: .7em 0 0em 1em;
  line-height: 1.3em;
  text-align: justify;
}


#content DL.offre_applications {
  margin-left: 3em;
  margin-right: 3em;
}
/* -------- fin de gestion des domaine ------- */


/* -------- guide -------- */

#content H3.screenshot_legend
{
  clear: both;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  padding-top: 2em;
}

#content A.screenshot
{
  float: right;
  clear: both;
  border: 1px solid gray;
  margin: 0.5em 0 .2em 1em;
}

/* ------ fin guide ------ */



/* ------- listes de diffusion -------*/

#content DIV.subscribe_form
{
  border: 1px dashed gray;
  padding: 1em;	
  padding-bottom: 0em;	
  margin-top: 1em;
  background-color: #eee;
}

#content DIV.subscribe_form DIV.label
{
  width: 50%;
  float: left;
  text-align: right;
  margin-right: 1em;
  margin-top: 1ex;
}

/* ------- fin listes de diffusion -------*/



/* ---------- #footer of the page ---------- */

#footer
{
  font-size: .8em;
  text-align: center;
  margin: 1em 40px 0px 142px;
  padding-top: .5em;
  border-top: 1px solid #eee;
}

/* ---------- end of #footer ---------- */


/* Classes */

.centered { text-align: center; }




#content DIV.login_frame
{
/*  position: absolute;  */
  text-align: center;
  color: #555555;
  width: 100px; 
/*  margin: 23em 1em 1em -3px;*/
  margin: 2em 1em 1em 2em;
  padding: 1em 1em 5px 1em;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  font-size: .85em
}

#content DIV.login_frame FORM
{
  margin: 0;
  padding: 0;
}

#content DIV.login_frame FORM INPUT
{
  background-color:  #eee;
  border: 1px inset #000000;	
  margin-bottom: 4px;
  vertical-align: middle;
/*  font-size: inherit; */
  font-size: 1em

}

#content DIV.login_frame FORM DIV.label
{
  padding: 3px 0 3px 0;
}

#content DIV.login_frame FORM INPUT[type="submit"],
#content DIV.login_frame FORM INPUT.submit_button   /* for the submit IE */
{
  background-color:  #d3d3d3;
  border: 1px outset;
  margin-top: 1em;
}

#content DIV.login_frame FORM INPUT[type="submit"]:hover
{
  background-color:  #aaa;
}


#content DIV.login_frame H2
{
/*  font-size: .6em; */
  font-weight: bold;
  margin-top: 0;
  line-height: .7em;
}

#content DIV.login_frame H2 A
{
  font-family: Verdana,Helvetica,sans-serif;
  font-variant: normal; 
  font-size: .7em;
  font-weight: bold;
  margin-top: 0;
}