@CHARSET "UTF-8";
body {
  background-color: #454545;
}


/* Zones d'affichage */
.idl .wrapper {
  position: relative;
  width: 877px;
  margin: 0 auto;
}
.idl .menu {
  width: 420px;
  left: 380px;
  height: 91px;
  top: 0;
  position: absolute;
}
.idl .logo {
  background-image: url(/images/logo.png);
  background-repeat: no-repeat;
  position: relative;
  height: 107px;
  margin: 0 auto;
  top: 28px;
}
.idl .corps {
  width: 723px;
  height: 100%;
  min-height: 400px;
  position: relative;
  padding-top: 57px;
  margin: 0 auto;
}
.idl .corps .zone_laterale {
  width: 243px;
  float: left;
  min-height: 400px;
}
.idl .corps .zone_principale {
  width: 420px;
  margin-left: 303px;
}
.idl .footer {
  font-size: 9px;
  color: #009EE0;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 30px;
  margin-bottom: 20px;
  height: 3px;
  left: -38.5px;
  background-image: url(/images/ligne_foot.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: -999;
  clear:both;
}
/* Fin zone d'affichage */



/* Mise en page du texte */
.idl {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  font-style: normal;
  color: #FFFFFF;
  font-weight: 100;
  letter-spacing: 1px;
  word-spacing: 1px;
  text-align: left;
  text-decoration: none;
}
.idl p {
  margin-bottom: 10px;
}
.idl h1,
.idl h2,
.idl h3{
  color: #009EE0;
  margin-bottom: 10px;
}
.idl h1 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 100;
}
.idl h2 {
  color: #009EE0;
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 15px;
  font-weight: 100;
}
.idl h3 {
  font-size: 14px;
  color: #009EE0;
  font-weight: 100;
}
.idl ul,
.idl ol {
  list-style-type: disc;
  padding-left: 24px;
  padding-top: 5px;
}
.idl li {
  padding-bottom: 5px;
}
.idl a {
  color: #009EE0;
  text-decoration: underline;
}
.idl a:hover,
.idl a:active {
  color: #ffffff;
}
/* Fin mise en page du texte */



/* Menu du haut de page */
.idl-menuImage {
  width: 106px;
  height: 91px;
  background-repeat: no-repeat;
}
#idl-menuImage1 {background-image: url(/images/menu1.gif);}
#idl-menuImage2 {background-image: url(/images/menu2.gif); left: -1px; position: relative;}
#idl-menuImage3 {background-image: url(/images/menu3.gif); left: -2px; position: relative;}
#idl-menuImage4 {background-image: url(/images/menu4.gif); left: -3px; position: relative;}
#idl-menuImage1actif { background-image: url(/images/menu1actif.gif); left:  0px; position: relative; z-index: 10;}
#idl-menuImage2actif { background-image: url(/images/menu2actif.gif); left: -1px; position: relative; z-index: 10;}
#idl-menuImage3actif { background-image: url(/images/menu3actif.gif); left: -2px; position: relative; z-index: 10;}
#idl-menuImage4actif { background-image: url(/images/menu4actif.gif); left: -3px; position: relative; z-index: 10;}
/* Fin menu du haut de page */



/* Page d'accueil */
.idl-accueilImage {
  width: 200px;
  height: 200px;
}
#idl-accueilImage1 { background-image: url(/images/accueil/entreprise.gif) }
#idl-accueilImage2 { background-image: url(/images/accueil/documentaire.gif) }
#idl-accueilImage3 { background-image: url(/images/accueil/sites.gif) }
#idl-accueilImage4 { background-image: url(/images/accueil/logiciels.gif) }
#idl-accueilImage1:hover { background-image: url(/images/accueil/entreprise_actif.gif) }
#idl-accueilImage2:hover { background-image: url(/images/accueil/documentaire_actif.gif) }
#idl-accueilImage3:hover { background-image: url(/images/accueil/sites_actif.gif) }
#idl-accueilImage4:hover { background-image: url(/images/accueil/logiciels_actif.gif) }
/* Fin page d'accueil */



/* Sous menu */
.idl .menu_rappel {
  margin-bottom: 20px;
}
.idl .sous_menu {
  font-weight: lighter;
  letter-spacing: 1px;
  line-height: 25px;
}
.idl .sous_menu a {
  text-decoration: none;
}
.idl .sous_menu li.selected>a {
  color: #fff;
}
.idl .sous_menu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding-left: 0px;
}
.idl .sous_menu ul ul {
  padding-left: 10px;
  line-height: 20px;
  font-size: 11px;
}
/* Fin sous-menu */



/* Formulaire */
.idl .sfContactForm_frm textarea {
  height:200px;
  width:100%;
}
.idl #sfContactForm_msgFail_div {
  color: red;
  line-height: 20px;
  padding-bottom: 10px;
}
/* Fin formulaire */