/************************************************************
                                         Structure
************************************************************/

/********************
  Conteneur
********************/
div#conteneur {
   width: 750px;
   margin: 10px auto;
   padding: 0;
   background: url(images/fond.gif) repeat-y;
   text-align: left; /* Hack pour corriger le hack pour IE 5.x de body */
}


/********************
  Entête
********************/
div#entete h1 {
   margin: 0;
   text-indent: -100em;
   background: url(images/entete.jpg) top left no-repeat;
   height: 77px;
}

ul#chemin {
   background: url(images/chemin.jpg) top left no-repeat;
   height: 29px;
   margin: 0;
   padding: 3px 0 0 30px;
   font-family: Georgia, serif;
   font-size: 12px;
}

ul#chemin li {
   display: inline;
   list-style: none;
}

ul#chemin a {
   color: #000000;
   padding: 0 8px 0 0;
   background: url(images/chemin-separateur.gif) center right no-repeat;
}

ul#chemin a:link,
ul#chemin a:visited {
   text-decoration: none;
}

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


/********************
  Contenu
********************/
div#contenu {
   float: right;
   width: 540px;
   margin: 0 21px 0 0;
}

/* Hack pour IE */
* html div#contenu {
   margin-right: 11px;
}


/********************
  Bannière
********************/
#banniere {
  width: 474px;
  min-height: 67px;
  height: auto;
  margin: 0 auto 0 auto;
  background: transparent url(images/fond-banniere.jpg);
}

#banniere img {
   border: 1px #000000 solid;
}


/********************
  Menu
********************/
div#menu {
   float: left;
   width: 148px;
   margin: 0 0 0 28px;
}

/* Hack pour IE */
* html div#menu {
  margin-left: 14px;
}


/********************
  Rubriques
********************/
div#rubriques h2 {
   background: url(images/rubriques.jpg) top left no-repeat;
   width: 116px;
   height: 30px;
   text-indent: -100em;
   margin: 0 auto 5px auto;
}

div#mon-compte h2 {
   background: url(images/mon-compte.jpg) top left no-repeat;
   width: 136px;
   height: 27px;
   text-indent: -100em;
   margin: 0 auto;
}

div#rubriques ul,
div#mon-compte ul {
   margin: 0 0 10px 0;
   padding: 0;
}

div#rubriques li,
div#mon-compte li {
   list-style: none;
}

div#rubriques a,
div#mon-compte a {
   display: block;
   height: 20px;
   padding: 0 0 0 10px;
   text-decoration: none;
   font-size: 14px;
}

div#rubriques a:link,
div#rubriques a:visited,
div#mon-compte a:link,
div#mon-compte a:visited {
   background: url(images/menu-lien.jpg) repeat-x;
   border-top: 1px #6F1470 solid;
   border-bottom: 1px #500053 solid;
   color: #FFFFFF;
}

div#rubriques a:hover,
div#rubriques a:active,
div#mon-compte a:hover,
div#mon-compte a:active {
   background: url(images/menu-lien.jpg) 0 -25px repeat-x;
   border-top: 1px #F7E400 solid;
   border-bottom: 1px #ED9107 solid;
   color: #000000;
}

div#mon-compte div.nom-utilisateur {
   text-align: center;
   color: #FFFFFF;
   font-size: 0.75em;
   font-weight: bold;
}

div#mon-compte div.categorie-utilisateur {
   text-align: center;
   color: #CCCCCC;
   font-size: 0.7em;
   font-style: italic;
   margin: 0 0 5px 0;
}


/********************
  Partenaires
********************/
div#partenaires h2 {
   background: url(images/partenaires.jpg) top left no-repeat;
   width: 134px;
   height: 29px;
   text-indent: -100em;
   margin: 0 auto 5px auto;
}

div#partenaires ul {
   padding: 0;
   width: 120px;
   margin: 0; /* Hack pour IE 5.x */
}

div#partenaires u\l {
   margin: 0 auto 10px auto; /* Annulation du hack ci-dessus pour les navigateurs valides */
}

div#partenaires li {
   list-style: none;
   margin: 5px 0;
}

div#partenaires a {
   display: block;
   width: 120px;
   height: 90px;
   text-decoration: none;
   text-indent: -100em;
}

div#partenaires  li.abit a:link,
div#partenaires li.abit a:visited {
   background: url(images/partenaires/abit.png) no-repeat;
}

div#partenaires li.abit a:hover,
div#partenaires li.abit a:active {
   background: url(images/partenaires/abit.png) 0 -90px no-repeat;
}


div#partenaires  li.solexine a:link,
div#partenaires li.solexine a:visited {
   background: url(images/partenaires/solexine.png) no-repeat;
}

div#partenaires li.solexine a:hover,
div#partenaires li.solexine a:active {
   background: url(images/partenaires/solexine.png) 0 -90px no-repeat;
}

div#partenaires  li.nicolas a:link,
div#partenaires li.nicolas a:visited {
   background: url(images/partenaires/nicolas.png) no-repeat;
}

div#partenaires li.nicolas a:hover,
div#partenaires li.nicolas a:active {
   background: url(images/partenaires/nicolas.png) 0 -90px no-repeat;
}

div#partenaires  li.france-telecom a:link,
div#partenaires li.france-telecom a:visited {
   background: url(images/partenaires/france_telecom.png) no-repeat;
}

div#partenaires li.france-telecom a:hover,
div#partenaires li.france-telecom a:active {
   background: url(images/partenaires/france_telecom.png) 0 -90px no-repeat;
}

div#partenaires  li.vitom a:link,
div#partenaires li.vitom a:visited {
	 height: 65px;
   background: url(images/partenaires/vitom.png) no-repeat;
}

div#partenaires li.vitom a:hover,
div#partenaires li.vitom a:active {
   background: url(images/partenaires/vitom.png) 0 -65px no-repeat;
}

div#partenaires  li.infoteam a:link,
div#partenaires li.infoteam a:visited {
   background: url(images/partenaires/1foteam.png) no-repeat;
}

div#partenaires li.infoteam a:hover,
div#partenaires li.infoteam a:active {
   background: url(images/partenaires/1foteam.png) 0 -90px no-repeat;
}

div#partenaires li.materiel-net a:link,
div#partenaires li.materiel-net a:visited {
   background: url(images/partenaires/materiel_net.png) no-repeat;
}

div#partenaires li.materiel-net a:hover,
div#partenaires li.materiel-net a:active {
   background: url(images/partenaires/materiel_net.png) 0 -90px no-repeat;
}

div#partenaires li.alienware a:link,
div#partenaires li.alienware a:visited {
   background: url(images/partenaires/alienware.png) no-repeat;
}

div#partenaires li.alienware a:hover,
div#partenaires li.alienware a:active {
   background: url(images/partenaires/alienware.png) 0 -90px no-repeat;
}

/********************
  Pied de page
********************/
div#pied-de-page {
   clear: both;
   text-align: center;
   background: #500053 url(images/pied-de-page.jpg) top left no-repeat;
   font-size: 0.7em;
   color: #EEEEEE;
   padding: 10px 0 10px 0; /* Hack pour IE */
}

div#conteneur>div#pied-de-page {
   padding-top: 20px; /* Annulation du hack ci-dessus pour les navigateurs valides */
}

div#pied-de-page p {
   margin: 0;
   padding: 2px 0;
}

div#pied-de-page a {
   color: #EEEEEE;
   margin: 0 7px;
}

div#pied-de-page a:link,
div#pied-de-page a:visited {
   text-decoration: none;
}

div#pied-de-page a:hover,
div#pied-de-page a:active {
   text-decoration: underline;
}



/************************************************************
                                         Commun
************************************************************/

/********************
  Divers
********************/
body {
   background: #500053;
   margin: 0;
   padding: 0;
   font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   text-align: center; /* Hack pour IE 5.x */
}

div.erreur {
   background: #EFEFEF;
   margin: 5px;
   padding: 5px;
   border: 1px #FF0000 dashed;
   color: #FF0000;
}

div.erreur p {
   text-align: center;
}

/********************
  Bloc
********************/
div.bloc {
   background: url(images/bloc-fond.jpg) repeat-y;
}

div.bloc h2 {
   margin: 0;
   background: url(images/bloc-entete.jpg) top left no-repeat;
   font-family: Georgia, serif;
   font-size: 18px;
   padding: 8px 0 0 40px; 
   height: 37px; /* Hack pour IE 5.x */
}

div.b\loc h2 {
   height: 30px; /* Annulation du hack ci-dessus pour les navigateurs valides */
}

div.bloc div.contenu {
   background: url(images/bloc-pied.jpg) bottom left no-repeat;
   padding: 0 5px 15px 5px;
   font-size: 0.95em;
}

div.bloc div.contenu h3 {
   margin: 1em 0 0.2em 0;
   padding: 0;
}

div.bloc div.contenu p {
   margin: 0;
   padding: 5px 0;
}

div.bloc div.contenu abbr,
div.bloc div.contenu acronym {
   cursor: help;
   border-bottom: 1px #000000 dotted;
}

div.bloc div.contenu strong,
div.bloc div.contenu em {
   color: #6F1470;
}

div.bloc div.contenu li {
   list-style-image: url(images/puce.gif);
}

div.bloc div.contenu a {
   text-decoration: none;
}

div.bloc div.contenu a:link,
div.bloc div.contenu a:visited {
   color: #6F1470;
   border-bottom: 1px #6F1470 dashed;
}

div.bloc div.contenu a:hover,
div.bloc div.contenu a:active {
   color: #ED9107;
   border-bottom: 1px #ED9107 solid;
}

div.bloc div.contenu p.informations {
   text-align: right;
   margin: 0 20px 0 0;
   padding: 0;
   color: #999999;
   font-size: 0.8em;
}

div.bloc div.contenu p.informations span {
   margin: 0;
   padding: 0 2px;
}

div.bloc div.contenu p.informations span.date {
   font-style: italic;
}


/********************
   Formulaires
********************/
form {
   margin: 0;
}

form div.ligne {
   clear: both;
   margin: 5px 0;
}

form div.ligne label.label {
   float: left;
   width: 33%;
   text-align: right;
   margin: 5px 0;
}

form div.ligne div.valeur {
   float: right;
   width: 60%;
   margin: 5px 0;
}

form div.ligne-boutons {
   clear: both;
   text-align: center;
}

fieldset {
   border: 1px #CCCCCC solid;
}

legend {
   font-weight: bold;
   color: #6F1470;
}

input[type="text"],
input[type="password"] {
   border: 1px #CCCCCC solid;
}


input[type="text"]:focus,
input[type="password"]:focus {
   background: #BC93BD;
   color: #FFFFFF;
}

form span.requis {
   color: #FF0000;
}

form div.erreur {
   clear: both;
   text-align: right;
   color: #FF0000;
   background: transparent;
   border: 0;
}

form p.note {
   background: #EFEFEF;
   border: 1px #CCCCCC dotted;
   text-align: center;
   color: #6F1470;
   clear: both;
   font-size: 0.9em;
}



/************************************************************
                                         Pages
************************************************************/

/********************
   Connexion
********************/
body.mon-compte #conteneur.connexion  fieldset {
   border: 0;
}


/********************
   Accueil
********************/
body.accueil div.informations {
   text-align: right;
   color: #999999;
   font-size: 0.9em;
   padding: 0 10px;
}

/*
body.accueil #conteneur.accueil div.bloc div.icones {
   position: relative;
   top: -32px;
   padding: 0 25px 0 0;
}

body.accueil #conteneur.accueil div.bloc div.icones span {
   float: right;
   margin: 0 0 0 5px;
}

body.accueil #conteneur.accueil div.bloc div.icones a {
   display: block;
   font-size: 0;
   text-indent: -100em;
   width: 30px;
   height: 24px;
}

body.accueil #conteneur.accueil div.bloc div.icones a.enveloppe:link,
body.accueil #conteneur.accueil div.bloc div.icones a.enveloppe:visited {
   background: url(images/bloc-enveloppe-inactif.gif) no-repeat;
}

body.accueil #conteneur.accueil div.bloc div.icones a.enveloppe:active,
body.accueil #conteneur.accueil div.bloc div.icones a.enveloppe:hover {
   background: url(images/bloc-enveloppe-actif.gif) no-repeat;
}

body.accueil #conteneur.accueil div.bloc div.icones a.imprimante:link,
body.accueil #conteneur.accueil div.bloc div.icones a.imprimante:visited {
   background: url(images/bloc-imprimante-inactif.gif) no-repeat;
}

body.accueil #conteneur.accueil div.bloc div.icones a.imprimante:active,
body.accueil #conteneur.accueil div.bloc div.icones a.imprimante:hover {
   background: url(images/bloc-imprimante-actif.gif) no-repeat;
}

body.accueil #conteneur.accueil div.bloc div.icones a.feuille:link,
body.accueil #conteneur.accueil div.bloc div.icones a.feuille:visited {
   background: url(images/bloc-feuille-inactif.gif) no-repeat;
}

body.accueil #conteneur.accueil div.bloc div.icones a.feuille:active,
body.accueil #conteneur.accueil div.bloc div.icones a.feuille:hover {
   background: url(images/bloc-feuille-actif.gif) no-repeat;
}*/