@charset "iso-8859-1"; 
html, body {
width : 100%; 
height : 100%; 
} 
body {
margin : 0; 
padding : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 0.8em; 
background-color : #fbfbfb; 
} 
/*///////////////////balises classiques////////////////////////////////////////////////*/
p {
text-indent : 20px; 
} 
em {
color : #990000; 
font-style : italic; 
font-size : 0.9em; 
font-weight : bold; 
} 
strong {
font-weight : bold; 
} 
h1 {
color : #990000; 
font-size : 1.4em; 
font-weight : bold; 
} 
h2 {
color : #990000; 
font-size : 1.3em; 
font-weight : bold; 
} 
h3 {
color : #990000; 
font-size : 1.2em; 
font-weight : bold; 
} 
h4 {
color : #990000; 
font-size : 1em; 
font-weight : bold; 
}
h5 {
color : #000000; 
font-size : 1.1em; 
font-weight : bold; 
} 

/*/////////////////////////////balises de positionnement//////////////////////////////////////////////////*/ 
.centre {
text-align : center; 
} 
.gauche {
text-align : left; 
} 
.droite {
text-align : right; 
} 
.droite img {
float : right; 
margin-right : 20px; 
}
.floatleft {
display: block;
float: left;
margin: 10px;
}	  
.floatright {
display: block;
float: right;
margin:  10px;
} 
.bloc {
width : 100%; 
height : 40px;
text-align: center; 
background-color : #fbfbfb; 
}
.legende {
display : block; 
margin : 10px; 
padding : 0; 
background-color : #6B8C8C; 
width : 150px; 
height : 20px; 
font-weight : bold; 
text-align : center;
color: #ffffff; 
}
/*///////////////////////////balise d'effets/////////////////////////////////////////////////////////*/ 
.gras {
font-weight : bold; 
} 
.bleu {
color : #0033ff; 
font-weight : bold; 
}
.blanc {
color : #ffffff; 
font-weight : bold; 
} 
.italic {
color : #990000; 
font-size : 0.9em; 
font-style : italic; 
font-weight : bold; 
}
/*////////////////////////////balise du contenu////////////////////////////////////////////////////////*/ 
/*////////////////////////////////////balises du contenu//////////////////////////////////*/  
.titre {				  /*positionnement du titre de la page avec la balise h1*/
margin-top: 120px;
color: #ffffff;	
font-size: 1.2em;
}
.imgd {				 /*positionnement arrondi header1*/
float : right;
height: 180px;
width: 30px;
font-size: 1px;
background-image : url('droite1213.jpg'); 									
}
#haut {
float: left;
width : 100%; 
height : 240px;  
background-color : #fbfbfb; 
}
#header {
height: 30px; 
text-align : center; 
background-image : url('bandeauvert.jpg');   
} 
#header1 { 
float:  left;
height: 180px;
width: 35%;
margin-top: 4px;
padding: 0;
background-color : #525EAD;
background-image : url('logo2143.jpg'); 
background-repeat : no-repeat;
} 
#header2 { 
height: 107px;
width: auto;
margin-top: 4px; 
color: #ffffff;
font-size: 1.2em;
text-align : center; 
font-style : italic;
font-weight: bold;
background-color : #353968;
}
#header3 { 
height: 65px;
width: auto; 
margin-top: 3px; 
text-align : center;
background-color : #fbfbfb; 
}
#page {	 
float: left;
width : 100%; 
height : auto; 
background-color : #fbfbfb; 
}
#menu {
float: left; 
text-align : center; 
left : 0; 
width : 220px; 
height: 800PX; 
background-color : #98B17E; 
background-image : url('menu-vertical.gif');
background-repeat : no-repeat; 
} 
#frame {
margin-left : 221px; 
padding-left : 15px; 
padding-top : 20px; 
width : auto; 
background-color : #fbfbfb; 
} 
#footer {
height : 30px; 
width: 100%;
float: left;
font-size : 0.7em; 
background-color : #BBB9CE; 
margin-bottom: 0; 
} 
#flash {
height:600px;
width: 750px; 
margin: 30px;
}
  
/*/////////////////////////balise des menus/////////////////////////////////////////////*/
/*/////////////////menu gauche//////////////////*/
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(menu-item.png) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(menu-item-deroule.png);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc url(subMenu.png) 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
	  color: #000000;
      }

/*//////////menu haut et bas////////////////////*/ 
.me {
margin-left: auto;
margin-right: auto;
width: 950px;
}
.me ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}
.me li {
float : left; 
list-style-type : none; 
margin : 0; 
padding : 0; 
} 
.me a {
display : block; 
width : 120px; 
height : 18px; 
font-family : verdana, helvetica, arial, sans-serif; 
font-size : 90%; 
font-weight : bold; 
text-align : center; 
color : #ffffff; 
text-decoration : none; 
margin : 2px 0; 
} 
.me a:link, .me a:visited {
border-top : 3px solid #00FF33; 
border-bottom : 2px solid #00FF33;  
} 
.me a:hover {
border-top : 4px solid #336600;
border-bottom : 3px solid #336600;  
background-color : #D8DFEB;	
color: #000000;
}
.me #encours a {
border-top : 4px solid #336600;
border-bottom : 3px solid #336600;  
background-color : #D8DFEB;	
color: #000000;
}