body {      
  background-image: url(images/bg_02.gif); 
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height:100%;
  font-family: 'Times New Roman',Times,serif;
background-repeat: repeat;
font-size: 14px;}

inputext,select, textarea{
	font-size:12px;
    font-family: 'Times New Roman',Times,serif;
	color:black;
	line-height:13px;
	vertical-align:top;
	padding:0px;
    background-color: #99ccff;
    font-weight: bold;
}

TR.alt TD {
	BACKGROUND: #ecf6fc;
}
TR.over TD {
	BACKGROUND: #bcd4ec;
}

.row1 {
	BACKGROUND: #ecf6fc;
}
.row2{
	
}

.header{
  font-size: 14px;
  width:100%;  
  text-align: center;
  vertical-align: middle;
  color: #3333ff;
  font-variant: small-caps;
  font-weight: bolder;
  border-bottom-style: solid;
  border-top-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  border-right-color: #000000;
  border-bottom-width: 4px;
}


#table{
  vertical-align: top;
  width:1024px;
  height:auto; 
  background-color: #ffffff;
}

#top {  
  color: #333333;  
  margin: 0px 0px 10px 0px;
  width:100%;  
}


#bottom {
 background-image: url(images/footer.jpg);
 padding: 10px;  
 font-size: 12px;
 font-family: 'Times New Roman',Times,serif; 
 width:100%;  
  background-position: center center;
}
#welcome{
  background-color: #000000;
}
.welecome{
  
  background-color: #99ffff;
}
#left { 
  vertical-align: top;
  font-size: 12px;
  font-family: 'Times New Roman',Times,serif;
  color:black;
  width: 220px; 
   
}
#right {  
  width: 140px;
  vertical-align: top;  
   font-family: 'Times New Roman',Times,serif;
   font-size:12px;
}

#content { 
  height:550px;   
  vertical-align: top; 
  font-family: 'Times New Roman',Times,serif;
  font-size: 14px;
  color:#000066;  
  line-height: 25px;
  text-align: justify;
     
  background-image: url(images/page_pattern.gif);
}


.leftlink {
  color:black;
  font-weight : bold;
  height: 20px;
  text-decoration: none;  
  padding-left: 20px;
  font-size:12px;
  vertical-align: middle;
  font-family: 'Times New Roman',Times,serif;
  text-decoration:none;   
 
  
}
.rightlink {
  color: black;  
  height: 20px;
  text-decoration: none;  
  font-size:12px;
  vertical-align: middle;  
  text-decoration:none; 
  background-position: 170px;
  background-repeat: no-repeat;
}


#top a:link, #top a:visited {
  color: #3333ff;
  font-weight : bold;
  text-decoration: none;
  font-size:14px;  
  font-family: 'Times New Roman',Times,serif;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;

}
#content a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
  
}

.hmenu{  
  width:140px;
  height:46px;
  text-align: center;
  vertical-align: middle;  
  font-variant: small-caps; 
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bolder;
}
.center{  
  text-align: center;
  vertical-align: middle;
  
}
.classes{
  width:200px;
  height:160px;
  background-image: url(images/back1.jpg);  
  font-variant: small-caps;
  vertical-align: middle;
}

.titre{
  font-size:20px;
  color: #000d76;
  font-weight: bolder; 
  font-variant: small-caps;
  background-image: url(images/Titlebg.gif);}
.top{
  vertical-align: top;
}
.titre2{
  color: #162883;
  font-weight: bold;
  font-size: 12px;
  color:white;
  }
.titre3{
  font-size:16px;
  color:white;
  font-weight: bold;    
  height:10px;
  text-align: left; 
  font-variant: small-caps;
}

.login{  
  background-image: url(images/login.jpg);
  color: #162883;
  font-weight: bolder;
  width:459px;
  height:174px;  
  font-size: 14px;  
  text-align: center;
}

.right{
  text-align: right;
  vertical-align: middle;
}
.left{
  text-align: left;
  vertical-align: middle;  
  
}



.fall{
  width:100%;  
}
.bg2{  
  height:30px;
  width:100%;
 background-image: url(images/box2-content-top.gif);
}
.border{  
  border-top-style: ridge;
  border-bottom-style: ridge;
  border-left-style: ridge;
  border-right-style: ridge;
  border-top-color: #99ccff;
  border-bottom-color: #99ccff;
  border-left-color: #99ccff;
  border-right-color: #99ccff;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.column{
  width:100px;
  text-align: center;
  vertical-align: middle;
}
.column2{
  text-align:left;
  width:500px;

  
}
.invalidate{
  color: #ff0033;  
  font-size: 18px;
  text-align: center;
}
.row1{
   
  background-color: #ecf6fa;
}
.row2{
  background-color: #e6fbfb;

}
.tableHeader{ 
  height:30px;
  color:white;  
  vertical-align: middle;
  text-align: center;
  background-image: url(images/tile_sub2.jpg);
}
.button{
  background-color: #031344;
  font-size: 12px;
  color: #ffffff; 
  vertical-align: middle;
  text-align: center;
  font-family: 'Times New Roman',Times,serif;
}
.bottem{

  vertical-align: bottom;
}

.bg_left{
 background-image: url(images/tt3_left.jpg);
 background-repeat: no-repeat;
 width:22px;
}
.bg_milieu{
 background-image: url(images/tt3_milieu.jpg);
 height:34px; 
 color: #FFFFFF; 
 font-family: Tahoma; 
 font-weight: bold; 
 font-size: 11px; 
 background-repeat: repeat-x;
}
.bg_right{
 background-image: url(images/tt3_right.jpg);
 background-repeat: no-repeat;
 height:34px;
 
}

.bg2_left{
 background-image: url(images/tt2_left.jpg);
 background-repeat: no-repeat;
 
}
.bg2_milieu{
 background-image: url(images/tt2_milieu.jpg);
 height:34px;
 
 color: #FFFFFF; 
 font-family: Tahoma; 
 font-weight: bold; 
 font-size: 11px; 
 background-repeat: repeat-x;
}
.bg2_right{
 background-image: url(images/tt2_right.jpg);
 background-repeat: no-repeat;
 height:34px;

}

.bg_menu{
 background-image: url(images/right_title.gif);
 height:34px; 
}
.bg_hmenu{
  
 color: #FFFFFF; 
 font-family: "Times New Roman";
 font-size: 14px; 
 font-weight: bold;  
 background-color: #097af2;
}
.projet{
background-image: url(images/projet.gif);
color: #ffffff;
 text-align: center;
  vertical-align: middle;
  width:303px;
}
.news{
background-image: url(images/news.gif);
color: #ffffff;
 text-align: center;
  vertical-align: middle;
}
.doc{
background-image: url(images/docs.gif);
color: #ffffff;
 text-align: center;
  vertical-align: middle;
}
.event{

background-image: url(images/event.gif);
color: #ffffff;
 text-align: center;
  vertical-align: middle;
   width:303px;
}
.charte{
font-family:Script;
font-size: 22px;
}