/* style de la page */
html, body {
  height: 100%;
}

body{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 10px;
	font-family: "Bitstram Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	height: 100%;
} 

iframe{
  width: 1px;
  height: 1px;
  overflow: hidden; 
  border: 1px solid black;
}
/* ------------------------------------------------------------------------------------------- */
/* balises html */
a, a:link, a:visited, a:hover{
	font-weight:bold;
	color:#0c337b;
	text-decoration:none;
	font-size: 10px;
	font-family: "Bitstram Vera Sans", Verdana, Arial, Helvetica, sans-serif;
}

img {
	border:0px;
	margin: 0px ;
	padding: 0px ;
}

/* ------------------------------------------------------------------------------------------- */
/* site */
#global{
	position: relative;
	width: 955px;
	margin: 0 auto;
	background-color: #fff;
	height:100%;
}

html>body #global{
  height:auto;
  min-height: 100%;
}
/* ------------------------------------------------------------------------------------------- */
/* Bandeau */
#bandeau{
	height: 99px;
	background-color:#AB0;
	padding:0;
	margin:0;
}
/* ------------------------------------------------------------------------------------------- */
/* menu */
.menu {
padding:0;
margin:0;
background-color:#AB0;
height:18px;
text-align:center;
}
/* ------------------------------------------------------------------------------------------- */
div.spacer {
 	clear: both;
}
/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
/* Formulaire */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ------------------------------------------------------------------------------------------- */
/* Liste resultat */

.ligne_tab{
  margin-left:30px;
  float:left;
  width:800px;
  background-color:#fff;
  text-align:left;
  padding:2px;
  margin-bottom:2px;
}

.ligne_tab_nom{
  float:left;
  width:500px;
  background-color:#fff;
  text-align:left;
  font:90% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-weight: bold; 
  color:#666;
  margin:2px;
  border: 1px solid #1c2a45;
  height:32px;
}

/*-------------------------------------------------------------------------*/



/* titre */
#titre {
  height:55px;
  background-color:#fff;
 /* background-image: url('/img/interface/lignes_titre.gif') ;*/
  background-repeat: repeat-x;
  padding:0;
  margin:0;
  width:955px;
}

#titre form {
margin: 0;
padding: 0;
}

#titre h1{
 float:left;
 display: inline;
 font-weight:bold;
 font-size:18px;
 color: #666666;
 width:220px;
}

#titre h6{
  padding:0;
  margin:2px;
  font-family: Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  color:#A0B600;
  font-size:9px;
  font-weight: bold;
  width:80px;
  height:12px;
  line-height:12px;
}

.icone{
   float:left;
   padding:0;
   margin:0;
   margin-top:5px;
   margin-right:2px;
}

#drapeau{
 float:left;
 padding-left:20px;
 padding-top:8px;
 width:25px;
}

.pays{padding:1px;}



/* ------------------------------------------------------------------------------------------- */
/* pied de page */

#footer{
	text-align: left;
	background-color: #fff;
	padding: 0;
}

#footer h6{
	display: inline;
	color: #666666;
	padding: 0;
}

#footer a{
	text-decoration: none;
	color: #004C83;
	font-size: 80%;
	font-weight: bold;
	padding: 0;
}
/* ------------------------------------------------------------------------------------------- */
/* contenu */

#contenu{
        margin: 10px 10px 0px 10px;
	background-color: #fff;
}

#contenu h5{
	margin: 0 0;
	padding: 0 0;
}
/* ------------------------------------------------------------------------------------------- */
.bt { 
  cursor:pointer;
}

/* ------------------------------------------------------------------------------------------- */
/* listes */
.liste{
	display : block;
	margin : 2px 0px 0px 90px; 
	text-align : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
	color: #ffffff; 
	border-bottom : 1px dotted  #cccccc;
	width : 400px;
}


.separation{
 border: 0px solid #ccc;
 padding:0;
}



/* ------------------------------------------------------------------------------------------- */

* {
	font-family: Arial, Helvetica, sans-serif;
}
pre {
	font-family: "Courier New", Courier, monospace;

	font-size: 14px;
	width: 100%;
}
h1 {
		
	font-size: 20px;
	color: #4D4D4D;
}
h3 {
	font-size: 16px;	

	color: #3D3D3D;
}	
h7 {
	font-size: 14px;	
	color: #456789;

}
th {
	text-align: left;
	padding: 5px;
	background-color: #6E6E6E;
}
td {
	color: #FFF;
	padding: 5px;
}
table {
	font-size: 12px;
	background-color: #4D4D4D;
	width: 800px;
	border: 1px solid #000;
}
.even {
	background-color: #9D9D9D;
}
.odd {
	background-color: #6E6E6E;
}
.highlight {
	background-color: #3D3D3D;
	font-weight: bold;
}

/*---------------------------------------------*/
/*diaporama									   */
/*---------------------------------------------*/

#liste_diapo dl {
float: left;
border: 1px solid gray;
height:100px;
margin:2px;
}

#liste_diapo dt {
text-align: center;
border: 1px solid gray;
margin: 1px;
height: 64px;
min-height:64px;
}

#liste_diapo dd {
text-align: center;
margin: 1px;
height: 30px;
min-height:30px;
}