body {

background: url(img/grad_1.png) repeat-y left top;
background-color: #495e67;
font-family:Verdana;
font-size : 12px;
color:#ffffff;
   }

@font-face {
        font-family: Verdana;
        src: url(BNKGOTHL)
      }

  a.A  { 
	border: 1px solid #00ecf9; 
	padding: 4px; 
	text-decoration: none; 
	background-color: 007883; 
	padding: 5px 5px 5px 5px;
	color: black; 
	font-weight: bold;
   	font-family: Verdana; font-size: 10pt 
	margin: 0px;
	-moz-border-radius : 6px 6px;
}

  a.A:hover  { 


	padding: 5px 5px 5px 5px; 	
	background-color: 159eab; 
	color: black; text-transform: capitalize;
   	font-family: Verdana; font-size: 10pt 
	margin: 0px 0px 0px 0px;
	-moz-border-radius : 6px 6px;
}
#picture {
	float:left;
	margin: 5px;
	border: solid 1px #00749c; 
}
#bouton {
	float:right;
	position: relative;
	right: -360px;
	top: -10px;
	margin: 5px;
	width: 200px;
	height: 0px;

}
#bouton1 {
	float:right;
	position: relative;
	right: -50px;
	top: -10px;
	margin: 5px;
	width: 200px;
	height: 0px;

}
a img {

border:0;

}

a:link {color : black; text-decoration : none;}
a:visited {color : black; text-decoration : none;}
a:hover {color : black; text-decoration : underline;}

p { font-size: 14px ; margin-left : 4px;}

ul { color : black; font-family : Verdana;}

li { color : black; font-family : Verdana; font-size: 16px ;}

h1 { 
	color:black; 
	font-size:20px; 
	text-align: left;
	border-bottom: thin dotted white;   	
	margin-top: 1px;
  	padding-bottom: 10px; }  

h2 { color:black; font-size:18px; } 

h3 { 
	color:black; 
	font-size:16px; 
  	padding: 1px;
	margin: 1px;
}

.boite {
	color: black;
	z-index: 0;

	min-width: 870px;

	border: solid 1px white; 
	Background: #d8e1e3;
	margin: 5px;
	padding: 10px 10px 10px 10px;
	background: url(img/grad_1.png) repeat-y left top;
	background-color: #495e67;

	font-family: Verdana; 
}
.title {
	z-index: 1;
	position: relative;

	width: relative;
	height: 120px;

	Background: transparent;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	text-align: right;

	font-family: Verdana; 
	background: url(img/grad_2.png) repeat-y right top;

}
.navigation {
	z-index: 1000;
	position: relative;
	left: 15px;
	float: middle;
	top: -50px;
	margin:  5px 480px 15px 15px;
	height: 30px;
	width: relative;
	Background: #transparent;
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-color: #1280a5;

	font-family: Verdana; 
	
}
.liens {
	z-index: 1;
	position: relative;
	margin-left: 82.3%;
	margin-bottom: 15px;
	right: -0px;
	top: 10px;
	width: 15%;
	height: ;
	border: solid 1px #00ecf9; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	text-align: left;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;
	font-family: Verdana; 
}
.tags {
	z-index: 1;
	position: relative;
	margin-left: 82.3%;
	margin-bottom: 15px;
	right: -0px;
	top: -45px;
	width: 15%;
	height: ;
	border: solid 1px #00ecf9; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	text-align: justify; 
	font-size: 10px ;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;
}
.copyright {
	z-index: 1;
	min-height: 0px;
	position: relative;
	right: 0px;
	border: solid 1px #00ecf9; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	text-align: center;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px; 
}
.boite1 {
	z-index: 1;
	min-height: 150px;
	min-width: 700px;
	position: relative;
	left: 0px;
	width: relative;
	height: 150px; 
	border: solid 1px #00ecf9; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	text-align: center; 
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;
}
.boite2 {
	z-index: 2;
	min-height: 300px;
  	width: relative;
	min-width: relative;
	position: relative;
	left: 0px;
	top: -5px;
	height: px; 
	border: solid 1px #00749c; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background:url(images/tr_01.png);
	-moz-border-radius : 10px 10px; 
	text-align: left;
}
.boite3 {
	z-index: 1;
	height: 300px;
	width: 70%;
	float:left;
	position: relative;
	left: 0px;

	border: solid 1px #003344; 
	Background: #1280a5;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px;
	text-align: left;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;
	overflow-y: scroll;
}
#boite4 {
	z-index: 1;
	min-height: 0px;
	min-width: 500px;
	position: relative;
	left: 0px;
	width: relative;
	height: px; 
	border: solid 1px #00ecf9; 
	Background: #003344;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	background:url(images/tr_03.png);
	-moz-border-radius : 10px 10px;  
}
#boite4:hover {
	z-index: 1;
	background:url(images/tr_02.png);
}
.boite5 {
	z-index: 1;
	height: 300px;
	width: ;


	right: 0px;
	width: relative;
	height: px; 
	border: solid 1px #003344; 
	Background: #003344;
	padding: 10px 10px 10px 10px;
	margin-left: 75%;
	margin-top: 10px;
	text-align: left;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;  
}
.boite6 {
	z-index: 1;
	height: 220px;
	width: ;
	position: relative;
	left: 0px;
	width: relative;
	height: px; 
	border: solid 1px #003344; 
	Background: #003344;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 5px 0px;;
	margin-top: 25px;
	text-align: left;
	background:url(images/tr_02.png);
	-moz-border-radius : 10px 10px;  
	overflow-y: scroll;

}
#boite7 {
	z-index: 1;
	height: px;
	width: px;
	position: relative;
	left: 0px;
	width: relative;
	height: px; 
	border: solid 1px #003344; 
	Background: #003344;
	padding: 10px 10px 5px 10px;
	margin: -5px 0px 10px -5px;
	text-align: left;
	background:url(images/tr_03.png);
}
#boite7:hover {
	background:url(images/tr_02.png);
}
.boite8 {
	z-index: 1;
	height: ;
	width: ;
	position: relative;
	left: 0px;
	float: left;
	width: relative;
	height: px; 
	border: solid 1px #003344; 
	Background: transparent;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;;
	margin-top: 25px;
	text-align: left;

	-moz-border-radius : 10px 10px;  

}
.footer li,
.footer h2 {
	z-index: 1;
	position: relative;
	text-align: center;
	Background: transparent;
	font-size: 97%;
}
.invisible {
	z-index: 1;

	min-width: px;
	text-align: center;
	left: 30%;
	right: 60%;
	position: relative;
	margin-right: 40%;



}
.invisible2 {
	z-index: 1;
	min-height: 0px;

	position: relative;
	float:right;
	right: -75px;
	top: -24px;
	border: 0; 

	height: px; 
	Background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 0px;
	text-align: center; 
}
.invisible3 {
	z-index: 1;
	min-height: 0px;

	position: relative;
	float:right;
	right: -13px;
	top: -24px;
	border: 0; 

	height: px; 
	Background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 0px;
	text-align: center; 

}
#flash {
	z-index: 5;
	id:transparente;
	float:left;
	Background: transparent;
}
    img, div , relsample {
        behavior: url(iepngfix.htc);
    }