@charset "utf-8";

/* Paramètres globaux de toute la page */
/* --------------------------------------------------------------------------------------- */

.idl-page {
  background-color: #f5f5f5;
  font-family: Verdana;
  margin: 0;
  padding: 0;
}


#idl-container {
  width: 900px;
  padding-left: 100px;
}




/* Headers */
/* --------------------------------------------------------------------------------------- */	

.idl-separation {
  width: 10px;
  height: 30px;
  background-image: url(/images/separation.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.idl-logo_head {
  background-image: url(/images/head.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 60px;
  width: 360px;
}

.idl-neuchatel {
  text-align: left;
  vertical-align: bottom;
}

.idl-yverdon {
  text-align: left;
  vertical-align: bottom;
}

.idl-fribourg {
  text-align: left;
  vertical-align: bottom;
}

.idl-porrentruy {
  text-align: left;
  vertical-align: bottom;
}

.idl-neuchatel_img {
  background-image: url(/images/neuchatel.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 12px;
  width: 58px;
  cursor:hand;
}

.idl-yverdon_img {
  background-image: url(/images/yverdon.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  cursor:hand;
  height: 12px;
  width: 100px;
}

.idl-fribourg_img {
  background-image: url(/images/fribourg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  cursor:hand;
  height: 12px;
  width: 50px;

}

.idl-porrentruy_img {
  background-image: url(/images/porrentruy.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  cursor:hand;
  height: 12px;
  width: 62px;
}

.idl-page #idl-header1 a:link {
  color: #000000;
  text-decoration: none;
}
    
.idl-page #idl-header1 a:visited {
  color: #000000;
  text-decoration: none
}

.idl-page #idl-header1 a:hover {
  color: #000000;
  text-decoration: underline;
}

.idl-page #idl-header1 a:active {
  color: #D60000;
  text-decoration: underline
}




/* Menu */
/* --------------------------------------------------------------------------------------- */

.idl-page #idl-menu1 {
  padding: 0px;
  height: 70px;
  margin-top: 30px;
  margin-right: -50px;
  margin-bottom: 0px;
  margin-left: -100px;
  position:relative;
  z-index:10;
}



/* Boîte contenue dans la colone à droite */
/* --------------------------------------------------------------------------------------- */
.idl-main_right {
  float: right;
  display:inline;
  padding-top:5px;
  width: 207px !important; /* Pour gérer IE6 --> pas propre mais on est obligé */
  margin-top: 6px;
  position:relative;
  z-index:9;
  
  
}

.idl-box {
  width: 201px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  padding: 5px;
  background-image: url(/images/box_border2.png);
  background-repeat: repeat-y;
  text-align: left;
}

.idl-documents p { 
   margin: 10px;
}


/* For files and email link */
.idl-documents a[href *='.'],
.idl-documents a[href ^='mailto']
{
  padding-bottom: 5px;   
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  background-image: url(/images/icons/page_white.png);
}


/* Specifcs images */
.idl-documents a[href ^='mailto']
{
   background-image: url(/images/icons/email.png);
}
.idl-documents a[href $='.xls'],
.idl-documents a[href $='.xlsx'] { 
   background-image: url(/images/icons/xls.png);
}
.idl-documents a[href $='.doc'],
.idl-documents a[href $='.docx'] { 
   background-image: url(/images/icons/doc.png);
}
.idl-documents a[href $='.pdf'] { 
   background-image: url(/images/icons/pdf.png);
}



.idl-page .idl-box_top {
  background-image: url(/images/box_border1.png);
  background-repeat: no-repeat;
  height: 3px;
}


.idl-page .idl-box_bottom {
  background-image: url(/images/box_border3.png);
  background-repeat: no-repeat;
  height: 10px;
  margin-bottom:15px;
}


.idl-pdf_link {
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  height: 40px;
  width: 200px;
  }



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




/* Contenu principal sous le menu */
/* --------------------------------------------------------------------------------------- */	

.idl-page #idl-mainContent {
  width: 640px !important;
  padding: 5px !important;
  float: left;
  display:inline;
  margin-top: 6px;
  position:relative;
  z-index:9;
} 


.idl-text_box {
  margin-top: 5px;
  height: 100%;
  padding-left: 35px;
  width: 530px;
  margin-bottom: 20px;
}


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




/* Footers */
/* --------------------------------------------------------------------------------------- */

.idl-page #idl-footer_leaf {
  background-image: url(/images/leaf.png);
  background-position: 710px bottom;
  background-repeat: no-repeat;
  height:110px !important;
  position:relative;
  z-index:8;
}

 
.idl-page #idl-footer {
  padding: 0px;
  height: 14px;
  color: #7E6F6C;
  vertical-align: bottom;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #CCCCCC;
  text-align: left;
}


.idl-page #idl-footer a:link {
  color: #7E6F6C;
  text-decoration: none;
  background-color: transparent;
}
    
.idl-page #idl-footer a:visited {
  color: #7E6F6C;
  text-decoration: none;
  background-color: transparent
}

.idl-page #idl-footer a:hover {
  color: #7E6F6C;
  text-decoration: underline;
  background-color: transparent;
}

.idl-page #idl-footer a:active { 
  color: #D60000; 
  text-decoration: underline; 
  background-color: transparent 
}


.idl-fltrt {
  float: right;
  margin-left: 8px;
}


.idl-fltlft {
  float: left;
  margin-right: 8px;
}


.idl-clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


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