html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, img{
padding:0;
margin:0
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5% }
li, dd { margin-left:5% }
fieldset { padding: .5em }
html {
	font-size: 100.01%;
}
body {
	font: 1em Verdana, Arial, sans-serif;
	background:#fff url(../images/bodyBg.jpg) 0 0 repeat-x;
	text-align:center;
}
/* * td{margin:100px;padding:100px;}  */
a:link{
color:#000000;
}
a:visited{
color:#000000;
}
a:focus{
outline:none;
}
a:hover{
color:#fff;
background:#FEA115;
text-decoration:none;
}
a:active{
color:#000000;
}

a img{
border:0;
}
h1{
}
#wrapper{
   width:960px;
	 background:url(../images/wrapperBg.gif) 0 0 repeat-y;
	 border-right:4px solid #E9F4F7;
	 border-left:4px solid #E9F4F7;
	 margin:0 auto;
	 text-align:left;
   }
#header{
   width:960px;
   height:107px;
   float:left;
	 background:url(../images/headerBg.jpg) 100% 0 no-repeat;
   }
   #header h1{
      width:473px;
	  height:107px;
	  background:url(../images/logo.gif) 0  0 no-repeat;
	  float:left;
	  margin:0;
	  padding:0;
      }
   #header ul{
      list-style:none;
      margin:20px 0 0 0;
      padding:0;
      float:right;
      }
      #header ul li{
         list-style:none;
         margin:0;
         padding:0;
         float:left;
         }
         #header ul li a{
            width:55px;
            height:30px;
            display:block;
            float:left;
            }
         #header ul li.tu a{
            background:url(../images/tuBtn.gif) 0 0 no-repeat;
            }
         #header ul li.auf a{
            background:url(../images/aufBtn.gif) 0 0 no-repeat;
            }
         #header ul li a:hover{
            background-position:0 -30px;
            }
            #header ul li a span{
               position:absolute;
               left:-9999px;
               top:0;
               }
#mainNav{
   width:599px;
   height:37px;
   background:#EFEFEF;
   border-top:4px solid #CDCBCB;
   border-bottom:4px solid #D7D7D7;
   float:left;
   }
   #mainNav ul{
      list-style:none;
      margin:0;
      padding:0;
      float:left;
      }
      #mainNav ul li{
         list-style:none;
         margin:0;
         padding:0;
         float:left;
         }
         #mainNav ul li a{
            display:block;
            float:left;
            color:#626262;
            text-transform:uppercase;
            text-decoration:none;
            padding:0 15px;
            display:block;
            font:bold 0.67em/37px "Trebuchet MS", Verdana,sans-serif;
            border-right:1px solid #D7D7D7;
            }
         #mainNav ul li a:hover{
            background:#FEA115;
            color:#fff;
            }
#login{
   width:361px;
   height:45px;
   float:left;
	 background:url(../images/loginBg.jpg) 0 0 no-repeat;
   }
   #login #loginform{
      padding-left:30px;
	  background:url(../images/formArrow.gif) 10px 4px no-repeat;
      }
      #login #loginform fieldset{
         border:none;
         padding:0;
         margin:0;
         float:left;
         }
      #login #loginform label{
         position:absolute;
         left:-9999px;
         }
      #login #loginform input{
         float:left;
         }
         #login #loginform fieldset fieldset input{
            float:left;
            width:105px;
            height:16px;
            padding-left:10px;
            border:1px solid #379FDA;
            background:#fff;
            font:0.6em Verdana,Arial,sans-serif;
            padding-top:3px;
            color:#313131;
            margin-right:6px;
            }
   #login ul{
      float:left;
      clear:left;
      margin:0;
      padding:3px 0 0 30px;
      list-style:none;
      }
      #login ul li{
         float:left;
         margin:0;
         padding:0;
         list-style:none;
         }
         #login ul li a{
            float:left;
            margin:0;
            padding:0;
            font-size:0.6em;
            color:#313131;
            text-decoration:none;
            margin-right:25px;
            }
         #login ul li a:hover{
		    text-decoration:underline;
			}
   #login span#username{
      float:left;
	  font-size:0.688em;
	  width:160px;
	  font-weight:bold;
	  display:block;
	  height:30px;
      padding-left:35px;
	  background:url(../images/formArrow.gif) 10px 0px no-repeat;
      }
	#login #userPersonalNav{
	   float:right;
	   width:165px;
	   clear:none;
	  padding:0;
	  margin:0;
	   }
	   #login #userPersonalNav a{
	      width:155px;
		  margin:0 10px 0 0;
		  text-decoration:underline;
		  line-height:17px;
		  font-size:0.688em;
		  text-align:right;
		  vertical-align:top;
	      }
#content{
   border-top:8px solid #fff;
   clear:both;
   }
   #sidebarWrapper{
      float:left;
	  width:223px;
	  padding:0 9px; 
      }
	  #sideNav{
	     list-style:none;
		 margin:0;
		 padding:0;
	     }
	     #sideNav li{
		    margin:0;
		    padding:0;
			display:block;
			position:relative;
			float:left;
	        }
	        #sideNav li#titleNavigation{
			   width:223px;
			   height:27px;
			   background:url(../images/navigationTitle.jpg) 0 0 no-repeat;
		       }
			   #sideNav li#titleNavigation span{
			      position:absolute;
				  left:-9999px;
			      }
	        #sideNav li a{
			   width:201px;
			   line-height:17px;
			   text-decoration:none;
			   color:#444;
			   font-size:0.688em;
			   display:block;
			   padding:5px 10px;
			   margin:0 1px;
			   border-bottom:1px solid #ECE1C0;
			   background:#F9F7F1;
		       }
			   #sideNav li.parent a,#sideNav li.parent li.parent a,#sideNav li.parent li.parent li.parent a,#sideNav li.parent li.parent li.parent li.parent a{
			      background:#F9F7F1 url(../images/titleBullet.gif) 200px 10px no-repeat;
			      }
			   #sideNav li.parent li a, #sideNav li.parent li li a, #sideNav li.parent li.parent li a, #sideNav li.parent li.parent li.parent li a{
			   background-image:none;
			   }
	        #sideNav li a:hover,#sideNav li.parent a:hover,#sideNav li.parent li.parent a:hover,#sideNav li.parent li.parent li.parent a:hover{
			   background-color:#FEA115;
			   background-image:none;
			   color:#fff;
			   }
			   #sideNav li > ul{
			      top: auto;
				  left: auto;
			      }
			   #sideNav li ul,#sideNav li li ul,#sideNav li.over ul ul,#sideNav li:hover ul ul,#sideNav li.over ul ul ul,#sideNav li:hover ul ul ul{
			      display:none;
				  position:absolute;				  
				  left:211px;
				  top:-17px;
				  border-top:1px solid #ECE1C0;
				  opacity:0.99;
				  }
			      #sideNav li.over ul,#sideNav li:hover ul,#sideNav ul li.over ul,#sideNav ul li:hover ul,#sideNav ul ul li.over ul,#sideNav ul ul li:hover ul{
				     display:block;
				     }
					 #sideNav li li a{
					    margin:0;
				  border-right:1px solid #ECE1C0;
				  border-left:1px solid #ECE1C0;
					    }
	  #forumPosts{
	     list-style:none;
		 margin:0;
		 padding:0;
		 clear:both;
	     }
	     #forumPosts li{
	        list-style:none;
		    margin:0;
		    padding:0;
			float:left;
	        }
	        #forumPosts li#titleForum{
		       border-top:15px solid #fff;
			   width:223px;
			   height:27px;
			   background:url(../images/forumTitle.jpg) 0 0 no-repeat;
		       }
			   #forumPosts li#titleForum span{
			      position:absolute;
				  left:-9999px;
			      }
	        #forumPosts li a{
			   width:175px;
			   line-height:27px;
			   text-decoration:none;
			   color:#444;
			   font-size:0.688em;
			   display:block;
			   padding:0 10px 0 38px;
			   border-bottom:1px solid #ECE1C0;
			   background:url(../images/forumBullet.gif) 12px 11px no-repeat;
		       }
	        #forumPosts li a:hover{
			   background-color:#FEA115;
			   color:#fff;
			   }
   #contentWraper{
      float:right;
	  width:717px;
      }
	  #bienvenue{
	     width:703px;
		 height:35px;
		 background:url(../images/welcomeSlogan.gif) 0px 0px no-repeat;
		 padding:0;
		 margin:0 7px 8px;
	     }
   #contentWraper p{
     font-size:0.688em;
   }
   .indexImages{
	  padding:0 7px 8px;
	  border-bottom:8px solid #EEECE3;
      }
	#actualites,#annonces{
	   width:349px;
	   float:left;
	   margin:7px 0 0 7px;
	   padding:0;
	   background:url(../images/titleBg.gif) 0 0 repeat-x;
	   _display:inline;
	   }
	   #actualites h2,#annonces h2{
	      width:329px;
		  height:26px;
		  margin:0;
		  padding:0;
		  font:bold 0.95em/26px "Trebuchet MS",sans-serif;
		  padding:0 0 0 20px;
		  color:#fff;
	      }
	      #actualites h2 span,#annonces h2 span{
		     padding-left:16px;
			 background:url(../images/arrow.gif) 0px 5px no-repeat;
		     }
	      #actualites h3,#annonces h3{
		     padding-left:16px;
			 background:url(../images/titleBullet.gif) 0px 3px no-repeat;
			 }
	         #actualites h3 a, #annonces h3 a{
			    font:0.6em Verdana,Arial,sans-serif;
			    color:#333;
			    font-weight:bold;
			    text-transform:uppercase;
		        }
	         #actualites h3 a:hover,#annonces h3 a:hover{
		        background-color:#FEA115;
			    color:#fff;
				text-decoration:none;
		        }
	      #actualites p,#annonces p{
			 font:0.688em/16px Verdana,Arial,sans-serif;
		     }
 
	#actualitesAll,#annoncesAll{
	   width:90%;
	   float:left;
	   margin:7px 0 0 7px;
	   padding:0;
	   _display:inline;
	   }
	   #actualitesAll h2,#annoncesAll h2{
	      width:100%;
		  height:26px;
		  margin:0;
		  padding:0;
		  font:bold 1.2em/26px "Trebuchet MS",sans-serif;
		  padding:0 0 0 20px;
		  color:#fff;
	      }
	      #actualitesAll h2 span,#annoncesAll h2 span{
		     padding-left:16px;
			 background:url(../images/arrow.gif) 0px 5px no-repeat;
		     }
	      #actualitesAll h3,#annoncesAll h3{
		     padding-left:16px;
			 margin:20px 0 10px;
		  font:bold 1.2em/26px "Trebuchet MS",sans-serif;
			 background:url(../images/titleBullet.gif) 0px 3px no-repeat;
			 }
	         #actualitesAll h3 a, #annoncesAll h3 a{
			    font:0.66em Verdana,Arial,sans-serif;
			    color:#333;
			    font-weight:bold;
			    text-transform:uppercase;
		        }
	         #actualitesAll h3 a:hover,#annoncesAll h3 a:hover{
		        background-color:#FEA115;
			    color:#fff;
				text-decoration:none;
		        }
	      #actualitesAll p,#annoncesAll p{
			 font-size:;
			 font:0.688em/16px Verdana,Arial,sans-serif;
		     }
      #contentWraper form fieldset{
	     border:none;
		 padding:0;
		 margin:0 0 0 20px;
	     }
         #contentWraper form fieldset label{
	        border:none;
   		    padding:15px 0 5px 0 ;
		    margin:0;
			clear:both;
			display:block;
			font-size:0.9em;
	        }
#footer{
   clear:both;
   font-size:0.688em;
   text-align:center;
   background:#fff url(../images/footerBg.gif) 0px 0 no-repeat;
   line-height:30px;
   width:968px;
   margin:0 auto;
   color:#666;
   padding-top:10px;
   }
/* SUBPAGES CSS */
#enseignNav{
   list-style:none;
   margin:10px 30px;
   padding:13px;
   width:620px;
   clear:both;
   border:1px solid #E0D9C4;
   }
   #enseignNav li{
      width:45%;
	  float:left;
      list-style:none;
      margin:0;
      padding:0;
	  padding-left:15px;
	  background:url(../images/titleBullet.gif) 0 7px  no-repeat;
      }
      #enseignNav li a{
	     font-size:0.62em;
		 text-transform:uppercase;
		 line-height:2em;
		 font-weight:bold;
		 color:#333;
	     }
      #enseignNav li a:hover{
	     background-color:#FEA115;
		 color:#fff;
	     }
.enseignantCoursSection{
   list-style:square;
   margin:10px 28px;
   padding:13px;
   width:620px;
   clear:both;
   }
   .enseignantCoursSection ul{
	  list-style: none;
      width:620px;
	  padding:0;
	  margin:0;
   }
   .enseignantCoursSection li{
	  list-style: none;
	   color:#369;
	   width:260px;
       float:left;
	   font-size:0.688em;
	   margin:0;
	   padding:0 0 0 10px;
	   background:url(../images/blueSqBullet.gif) 0 10px no-repeat;
       }
	   .enseignantCoursSection li a{
	      font-size:1.0em;
		  line-height:2em;
		  padding:2px 0;
		  color:#369;
	      }
	   .enseignantCoursSection li a:hover{
	      background:#FEA115;
	      color:#fff;
		  text-decoration:none;
	      }
   .enseignantCoursSection h3{
       margin:10px 0px;
       width:620px;
       list-style:square;
	   color:#369;
	   padding:0 0 0 10px;
	   background:#C0D4DF;
	   font:bold 0.8em/2em "Trebuchet MS",Arial,sans-serif;
       }
#fileList{
   list-style:none;
   width:670px;
   padding:0;
   margin:0;
   }
   #fileList li{
      margin:0 7px;
	  padding:0;
	  list-style:none;
	  height:24px;
	  background:#C0D4DF;
	  clear:both;
	  margin-bottom:2px;
      }
	#fileList li:hover{
	  background:#CFDEE7;
	  }
      #fileList li a.title{
	     display:block;
		 width:670px;
		 float:left;
		 clear:both;
		 font-size:0.688em;
	     line-height:24px;
		 padding-left:37px;
		 text-decoration:none;
		 color:#369;
		 background:url(../images/blueSqBullet.gif) 25px 10px no-repeat;
	     }
      #fileList li span.user{
	     display:block;
		 width:165px;
		 color:#369;
		 float:left;
		 font-size:0.6em;
	     line-height:24px;
		 text-align:right;
		 float:right;
		 padding-right:10px;
	     }
.infoTable {
  margin-left:12px;
  _display:inline;
  margin-bottom:12px;
  float:left;
}
.fullWidth{
  width:670px;
  margin-left:0;
}
#contenu .fullWidth thead{
  height:1.8em;
  line-height:1.8em;
  background:#CDCDCD;
  text-align:left;
}
#contenu img{
  border:1px solid #E1D8B9;
  padding:5px;
  background:#ECE6D2;
  margin:10px;
}
#contenu table img{
  border:none;
  padding:0px;
  background:transparent;
  margin:0px;
}
#contenu .fullWidth thead a{
 font-weight:bold;
}
#contenu .fullWidth thead th{
 font-weight:normal;
}
#contenu .fullWidth tbody th,#contenu .fullWidth thead th{
  width:110px;
  padding-left:10px;
  font-size:1em;
}
#contenu .fullWidth tbody td.descr,#contenu .fullWidth thead td.descr{
  width:500px;
}
#contenu .fullWidth tbody td{
  width:20px;
}
.infoTable thead span{
   background:url(../images/titleBg.gif) 0 0 repeat-x;
   display:block;
   width:318px;
   font-weight:bold;
   text-align:left;
   padding-left:20px;
   color:#fff;
   height:25px;
   line-height:25px;
   }
.infoTable tfoot a{
   background:#C0D4DF;
   border-top:1px solid #369;
   display:block;
   width:328px;
   font-weight:normal;
   text-decoration:none;
   font-size:0.688em;
   text-align:right;
   padding-right:10px;
   color:#369;
   height:20px;
   line-height:20px;
   }
   .infoTable tbody tr{
	  background:#EFEFEF;
	  }
   .infoTable tbody tr:hover{
	  background:#DFDFDF;
      }
   .infoTable tbody tr.odd{
	  background:#D9DBDE;
	  }
   .infoTable tbody tr:hover.odd{
	  background:#CACCD0;
	  }
   .infoTable tbody th{
      width:238px;
	  font-size:0.688em;
	  text-align:left;
	  padding-left:20px;
	  height:25px;
	  color:#555;
	  font-weight:normal;
      }
   .infoTable tbody td{
      width:20px;
      }
/* Additional CSS */
.hiddenText{
position:absolute;
left:-9999px;
}
.flLeft{float:left;}
.flRight{float:right;}
.textImg{float:left;padding:10px;}
.clearLeft{clear:left;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* These are standard sIFR styles... do not modify */

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-active h1.sifr span{
	visibility: hidden;
    font-size: 16px;
    line-height: 1em;
	width:660px;
	margin:0;
	padding:0;
}
#contentWraper h1.sifr{
	min-height:25px;
	_height:25px;
	width:681px;
	background:#FEA127 url(../images/titleBg.gif) 0 100% repeat-x;
	padding: 3px 0 0 21px;
	margin: 0 7px 7px;
	color:#fff;
	font-size:15px;
	font-family:"Trebuchet MS",Arial,sans-serif;
}
#contentWraper h1.sifr img{
  line-height:25px;
  margin-top:5px;
  vertical-align:baseline;
  margin-right:5px;
  float:left;
}
.errorMsg{
  color:red;
  margin:0;
  display:block;
  font-size:1.2em;
}
#contenu{
  margin-left:20px;
  margin-right:20px;
  font-size:0.75em;
}
#contenu p{
  margin-left:0;
  margin-right:0;
  font-size:1em;
}
/*
#contenu h2{
  font-size:1.0em;
  color:#D9800C;
  margin-left:0;
  margin-right:0;
}
*/#contenu ul{
  margin-left:0;
}
#contenu a:link{
  color:#333;
}
#contenu a:visited{
  color:#404040;
}
#contenu a:hover{
  color:#fff;
  background:#FEA115;
}
#contenu .fileList{
  margin-left:0pt;
  width:670px;
  clear:both;
}

#contenu .fileList tr{
  height:2em;
  background:#EFEFEF;
  text-align:left;
}
#contenu .fileList tr:hover{ 
  background:#CED1D5;
}
#contenu .fileList th{
padding-left:20px;
}
#contenu .fileList tbody tr.repertoire th{
 padding-left:30px;
  background:#C0D4DF url(../images/repertoire.gif) 4px 1px no-repeat; 
}
#contenu .fileList tbody tr.repertoire{
  background:#C0D4DF; 
}
#content a.linkBtn{
	display:block;
	float:left;
	line-height:22px;
	border-right:1px solid #E1D8BB;
	padding:0 10px;
	background:orange;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	}
	#content a.linkBtn:hover{
		background:#E78E1A;
		}