body {
	margin:0px;
	padding:0px;
	font-family:verdana, Bistream Ver, arial, helvetica, sans-serif;
	color:#272727;
	text-align:justify;
	background-color:white;
	}



h2 {font-size:140%;
color: #3b5998;}

h3 {font-size:140%;
color: #3b5998;}

.separe{border-top: #3b5998 solid thin;
padding-top: 5px;}

h4 {font-size:100%;
color: #3b5998;}


h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:160%;
	
	font-weight:900;
	color:#ccc;
	}

.highlight {
	font-family:'Courier New',Verdana,Tahoma,Arial,sans-serif;
}

#header {margin:0 1% 0 2%;
	color: #3b5998;	
	font-size:200%;
}

blockquote {
margin-left:40px;
border-left: #3b5998 1px solid;
padding-left:10px;
font-size:80%;
}

#notes {
	color: #272727;
	background-color:#f6f7fb;
	font-size:85%;
	text-align:justify;
	padding:5px 10px 10px 10px;
	margin:15px 0px 15px 0px;
	}

#notes b{color: #3b5998;}


#blocnote {
background-color:#f6f7fb;
font-size:85%;
text-align:justify;
padding:5px 10px 10px 10px;
margin:15px 0px 15px 0px;
}




#box1 {
	color: #242424;
	text-align:left;
	background:#ededed;
	font-size:85%;
	padding:5px 10px 10px 10px;
	margin:15px 0px 15px 0px;
	width:400px;
	float:left;
	border: #4B4B4B solid thin;
}


#box1 h2 { margin:0.75em 0.25em 0.25em 0em;}

#box1 ul { margin:0.25em 0.25em 0.25em 0.25em;}

#box1 p { margin:0em 0em 0em 0em;}




#listing {margin:1%;
	padding: 0px 0px 0px 50px;
	font-size:100%;}


#listing ol
{
  width: 40em;  /* room for 3 columns */
}
ol li
{
  float: left;
  width: 20em;  /* accommodate the widest item */
  margin-bottom: 10px;
}
/* stop the floating after the list */
br
{
  clear: left;
}
/* separate the list from what follows it */
div.listing
{
  margin-bottom: 1em;
}

a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.infobulle:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: #3b5998;
text-align: center;
color: white;
padding: 2px;
font-size:80%;
width: 200px;
}




.imgleft{ float: left; padding: 2%; margin-top: 2px; margin-bottom: 2px; margin-right: 2px}
.imgright{ float: right; padding: 2%; margin-top: 2px; margin-left: 2px; margin-bottom: 2px} 

a img {
border:none;
}






a {
	color:#3b5998;
	text-decoration:none;
	}
a:link {color:#3b5998;}
a:visited {color:#3b5998;}
a:hover {text-decoration: underline;;
}

/*- DEBUT BARRE NAVIGATION--------------------------- */

#labarrenav ul {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.9em;
background-color:#3b5998;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #292929;
margin:0;
padding:0;
}

#labarrenav li {
display:block;
float:left;
margin:0;
padding:0;
}

#labarrenav li a {
float:left;
color:#fff;
height:24px;
padding:9px 15px 0;
font-weight:bold;
}

#labarrenav li a:hover,.current {
font-weight:bold;
text-decoration: underline;
}

#labarrenav .current a {
color:#fff;
font-weight:700;
}


/*RED*/
#labarrenav red{
background-color:#b11718;
}
#labarrenav red li a:hover, .menu.red li.current {
background-color:#de3330;
}


/*- FIN BARRE NAVIGATION--------------------------- */

#content {
	font-size:95%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	
}

#maincontent {
	font-size:100%;
	margin:0 1% 0 2%;
	width:70%;
	float:left;
	}

#sidecontent {
	float:right;
	font-size:85%;
	text-align:left;	
	margin:1% 1% 1% 0;
	width:20%;
	padding: 1% 1% 1% 1%;
	background-color:  #f6f7fb;
	border:1px solid  #3b5998;
	}

#sidecontent img{
display: block; 
margin-left:auto;
margin-right:auto;
width:152px;
}


.imgleg {font-size:80%;
text-align:justify;
}





#sidecontent h2 {margin:1% 0 0 0;}


#footer {
	height:40px;
	color:#333333;
	background-color:#FFFFFF;
	border-top:1px solid #494949;
	font-size:85%;
	clear:both;
	padding-top: 10px;
	padding-left: 1%;
	}


#specification {
	color:#242424;
	background-color:#FFFFFF;
	padding:5px 20px 5px 0px;
	float:left;
}


/* liste lien icones cliquables */
div#telech {

    margin-left: 50px;

}

div#telech ul {

    margin:0;

    padding:0;

    list-style-type: none;

}

div#telech li {

    height:38px;

    width:500px;

    background-position:left;

    background-repeat:no-repeat;

    line-height: 38px;

    margin-bottom:10px;


}

div#telech li a {

    height: 100%;
    width: 100%;
    display: block;
    padding-left: 45px;
    text-decoration: none;
    border:none;


}

div#telech li a:link {

    font-weight: bold;

    
}

div#telech li a:visited {

    font-weight: bold;

}

div#telech li a:hover {

    font-weight: bold;

    color: #b11718;

}

div#telech li a:active {

    font-weight: bold;

}

/* Remplacer les images et donner le nom de la classe poru reperer les formats de fichier */
div#telech li#pdf {

    background-image:url(images/icones/pdf.png);

}

div#telech li#compresse {

    background-image:url(images/icones/compress.png);

}

div#telech li#latex {

    background-image:url(images/icones/latex.gif);

}

/* Fin liste liens icones cliquables */