<!--

/*******************************************BODY*****************************************************************/
body{
position:relative; 
color:#000;
font: 14px arial, sans-serif; 

padding: 1px; 
background-color:#fff;
/*border: 1px #c0c0c0 solid;*/

}


/******************************************HOME******************************************************************/
#home P:first-line {
font-weight: bold 
}

#home li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/tick.gif) no-repeat left center;
  padding:0 0 0 25px;
}

#formations #vista li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/vista.jpg) no-repeat left top;
  padding:0 0 0 100px;
}

#formations #renseignements li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/informations_sign.png) no-repeat left top;
  padding:0 0 0 50px;
  font-weight:bold;
}

#formations #win li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/point_red.gif) no-repeat left center;
  padding:0 0 0 18px;
  /*font-weight:bold;*/
}


#formations #web li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/point_red.gif) no-repeat left center;
  padding:0 0 0 18px;
  /*font-weight:bold;*/
}
#services li {
list-style:none;
  line-height: 5.5em;
  font-weight:bold;
  background: transparent url(../images/led_orange.png) no-repeat left bottom;
  padding:0 0 0 100px;
}

#services #renseignements li {
list-style:none;
  line-height: 1.5em;
  background: transparent url(../images/informations_sign.png) no-repeat left top;
  padding:0 0 0 50px;
  font-weight:bold;
}


/*************************************************************************************** 
Masthead
*****************************************************************************************/

/* Masthead */
  #masthead {
    position:relative;
    padding:10px;
    background-color:#FFF;
      
    height: 220px;
    
    /* put here iipt logo */
    background: transparent url(../images/iipt-10_170p.jpg) no-repeat 10px 20px; 
    border: 1px #000 solid;
     }

#masthead .address {
                      margin-left: 200px;
          	      margin-right: 200px;
	             font-size: 120%;
          	     line-height: 1.25em;           
          	   }

#masthead a {       /* links source forge projects */
                     color:#FF0000; 
	             font-size: 100%;
                     font-weight:bold;
          	     line-height: 1.25em;           
          	   }

#masthead a:hover {       /* links source forge projects */
                     
color:#000;	             

                                
          	   }


#masthead .bar
{
position:absolute;
bottom:1px;
height: 67px;
left:1px;
width:100%;
border-left: 1px solid #000;
border-top: 1px solid #000;
background-image: url("../images/bg_orange.jpg");
padding:0;
}

#masthead .bar a {color:#000; text-decoration: none; margin-left: 15px; padding-left: 5px; padding-right: 5px;}
#masthead .bar a:hover {background-color:#6B996B;}

#masthead .bar p
{
position:absolute;
bottom:1px;
right:1px;
font-size: 75%;
font-style: italic;
}


/*************************************************************************************** 
Sidebar
*****************************************************************************************/
/* Sidebar */
  #sidebar {
    float:left;
    padding:12px;
    width:14%;
     background-color:#fcb968;   
    border: 1px #c0c0c0 solid;
    
    
    }


a,a:hover
{
text-decoration:none;
}

#sidebar a { 

display: block; padding: 10px; color:#000; text-decoration: none; border: 1px outset #000; background-color:#F7A65A;

background-image: url(../images/link_orange.jpg);
background-position:left top;


}

#sidebar a:hover { color:#ff0000; border: 2px inset #000; background-color: white;}
#sidebar #current a { font-weight:bold; border: 2px inset #000; background-color: white;}


/*************************************************************************************** 
Right side bar
****************************************************************************************/
  #right {
    float:right;
    padding:12px;
    width:16%;
     background-color:#fcb968;   
    border: 1px #c0c0c0 solid;
    
    
    }


a,a:hover
{
text-decoration:none;
}

#right a { 

display: block; padding: 10px; color:#000; text-decoration: none; border: 1px outset #000; background-color:#F7A65A;


}

#right a:hover { color:#ff0000; border: 2px inset #000; background-color: white;}
#right #current a { font-weight:bold; border: 2px inset #000; background-color: white;}  


/* SPECIAL TAG for events links
*/
#right #special a { 

padding: 10px; color:#000; text-decoration: none; border: 0 outset #000; background-color:#fff;


}

#right #special a:hover { color:#ff0000; border: 0 inset #000; background-color: white;}
#right #current a { font-weight:bold; border: 2px inset #000; background-color: white;}  

/*************************************************************************************** 
Content
*****************************************************************************************/        
    /* Content */
  #content {
    position:relative;
    margin-left:16%;
    margin-right:18%;
padding:12px;
    background-image: url("../images/bg_content.jpg");
    
    border: 2px #fcb968 solid;
    
    
    }


#content p
{
text-align: justify;
}

#content .rightAlign
{
text-align: right;
}

#logiciels{
    margin:0;
    padding: 3%;
    background-color:#FFFFC0; 
    border-right: 1px #c0c0c0 dashed;
    border-bottom:2px #000 solid; 
    border-left: 1px #c0c0c0 dashed;
    border-top: 1px #c0c0c0 dashed;
    font: 16px arial, sans-serif;
    
    }

/***************************************************************************************

*****************************************************************************************/
#formations #f8 h3
{
margin:25px 0 10px 0;
padding: 2px;         
    
    border-bottom:2px #000 solid; 
    /*border-left: 1px #c0c0c0 dashed;
    border-top: 1px #c0c0c0 dashed;
    border-right: 1px #c0c0c0 dashed;*/
    
}

#formations #f8 h1
{
margin:25px;
padding: 2px;         
    
    border: 2px #fff solid;
   /* border-bottom:2px #000 solid; 
    border-left: 1px #c0c0c0 dashed;
    border-top: 1px #c0c0c0 dashed;
    border-right: 1px #c0c0c0 dashed;*/
    
}

/*************************************************************************************** 
Images and Picture
*****************************************************************************************/
#picture {
        float:left;
        width: 160px;
        
}
#masthead_right
{

position:absolute;
top: 1px;
right:10px;
        
}

#logo_firefox2
{
padding-top: 50px;
float:right;
        width: 180px;
}

#eclipse_ready
{
float:right;
}

#home_para_right
{

word-spacing: 0.8em
}

.blue
{
background-color:blue;
}
.yellow
{
background-color:yellow;
}


	-->