html, body {
	margin : 0;
	padding : 0;
	height : 100%;
}

html {font-size: 100%;
}

body {
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, Tahoma, Helvetica, "sans-serif";
	background-color: #3366CC;
	overflow: scroll;
	padding:0;
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
	background-color: #B6BDCA;
}

a{color: #000000;}
a:link {text-decoration: underline;}
a:visited {color:#003366;}
a:hover {color: #FF9900;}
a:active {color:#FF9900;
}

h1 {
	font-size: 1.5em;
	color: #000000;
	text-transform:none;
	margin:0;
	padding: 2px 15px 2px 15px;
	font-family:Georgia, Arial, Helvetica, "sans Serif";
}

h2 {
	font-size : 0.90em;
	color : #000000;
	font-weight: normal;
	margin:0;
	line-height: 1.5;
	padding: 1px 15px 1px 15px;
	font-family:Arial, Verdana, Times, "sans Serif";
}

h3 {
	font-size: 0.80em;
	color : #000000;
	margin:0;
	padding: 2px 15px 2px 15px;
	font-family:Arial, Helvetica, "sans Serif";
}

h4 {
	color : #000000;
	font-size: 0.70em;
	margin:0;
	padding: 2px 15px 2px 15px;
	font-family: Arial, Helvetica, "sans Serif";
}

h5 {
	color : #000000;
	font-size: 0.60em;
	margin:0;
	padding: 2px 15px 2px 15px;
	font-family: Arial, Helvetica, "sans Serif";
}

h6 {
	color : #000000;
	font-size: 1.2em;
	margin:0;
	padding: 2px 15px 2px 15px;
	font-family: Arial, Helvetica, "sans Serif";
}



/*-------------- déclaration de classe -----*/
.lignehautbas{
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	margin-top: 10px;
}

.textejustif {
	text-align : justify;
	color: #000000;
}

.textectr {
	text-align : center;
	color: #000000;
}

.texteadroite {
	text-align : right;
}

.shaded{   
	padding: 8px;  /* ombre portée pour boîte etimage à partir de IE9 et tous les navigateurs */
	border: 1px solid #CCC;
	box-shadow:8px 8px 12px #888; 
    border-radius:6px;  
}  

img.download {vertical-align:middle;
}

/* --------------right bloc news------------- */

#header{
	height: 0px;
	background-color: #99CC33;
	border: 1px none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	width: 0px;
}

#blocnews {
	float:right;
	height:expression(this.scrollHeight > 150 ? "auto":"150px");
	width:160px;
	/*height:150px*/;
	margin-left: 10%;
	margin-right: 10%;
/*	background-color:#FF9393;*/
		background: url(./fond/navrght.png) repeat-y;
	border: thin solid #B6BDCA;
	min-height:150px;
}

#adresse {
	float:right;
	width:150px;
	height:150px;
	margin-left: 10%;
	margin-right: 10%;
	background-color:#FFFFFF;
	border: thin dashed #666666;
}

#bloclicence {
	float:right;
	width:150px;
	height:100px;
	margin-left: 10%;
	margin-right: 10%;
	/*clip: rect(auto, auto, auto, auto); */
	top: 90px;
	margin-top: 100%;
}
/*
	float:right;
	width:150px;
	height:100px;
	margin-left: 10%;
	margin-right: 10%;
	clip: rect(auto, auto, auto, auto);
	top: 600px;
	margin-top: 100%;
*/
#loginbox {
}
/* ----------container to center the layout ** ceci contient toutes div -------------- */
#container {
	background-image: url(./fond/topmain.png) ;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

/* ----------banner for logo -------------- */
#banner {
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 10px;
	height: auto;
}

/* ---------- banner du baseline -------------- */
#baseline {
    background-color: #FFFFFF;
	text-align: left;
	text-indent: 10px;
	border-bottom: 1px solid #B6BDCA;
	color: #FFFFFF;
	width: 900px;
	height: 25px;
	margin-top: -8px; 
}

/* ---------- banner du sous-menu de navigation -------------- */
#ssbanner {
	 /*background: url(./fond/whtfnd2.png) repeat-y;*/ 
	 background:url(./fond/bslnmain.png) repeat-x;
	 /*background-color: #FFFFFF; */
	text-align: left;
	text-indent: 150px;
	border-bottom: 1px solid #525E72;
	list-style-type: none;
	color: #000000;
	width: 900px;
	height: 40px;
	margin-top: 0px;
}	

/* ---------- menu horizontal dans ssbanner -------------- */
#menu_horizontal {
	float: left;
	margin-left: 183px; /* alignement du menu sur la ligne de la marge du navbar de droite */
	height: 31px;
	overflow: hidden;
    padding-top: 2px;
	padding-bottom: 0px;
	margin-top: 7px;
	margin-bottom: 0px;
}

#menu_horizontal ul {
	color: #FFFFFF;
	font-family: Arial, Verdana, Times, "sans Serif";
	font-weight: bold;
	letter-spacing: 0px;
	margin: 2px;
	padding: 0;
	text-indent: 0px; /* position horizontale du texte */
}

#menu_horizontal ul li {
    display: inline;
}

#menu_horizontal a {
	background: url(./fond/navbar.png) repeat-x;
	width: auto;	
	height: 31px; /* règle la longueur du fond de couleur */
    border-right: 1px solid #132F68;
    color: #FFFFFF;
    float: left;
    padding: 0.10em 8px; /* position horizontale du bloc texte */
    text-decoration: none;
}

#menu_horizontal a:hover {
    background-color: #ECC442;
    color: #F9CA44;
}

/* ---------- menu vertical dans colonne de gauches -------------- 
voir liens : http://r-hunel.developpez.com/tutoriels/css/menu-vertical/  */
#menu_vertical {
	/*background-color: #;*/
	margin-left: 10px;
	padding: 1px 1px 0px;
	width: 185px; 			/* largeur des cases horizontal du menu */
	height: 50px;
	margin-top: 130px;
}

#menu_vertical ul {
	list-style-type   :  none;
	margin-left: -50px;
	color: #000000;
	font-family: Arial, Verdana, Times, "sans Serif";
	font-weight: bold;
	text-indent: 1px;
}

 #menu_vertical li {
 	list-style-type   :  none; 
  	margin-bottom     :  3px;                /* espace entre les cases */
}

#menu_vertical li a {
  	width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  	width             : 	100%;            /* largeur interprétée par IE6 et inférieur */
  	padding           :   6px;               /* Définition des marges intérieures */  
  	text-decoration   :   none;              /* Suppression du soulignement */
  	color             :   #FFFFFF;           /* Couleur de la police */
  	display           :   block;             /* Définition sous forme de block */
 	/* background-color  :  #395CA0; */
	background: url(./fond/navbar.png) repeat-x;
	/*border: 2px solid #3E5278; */
	border-left-width :   3px;   
 }

#menu_vertical a:hover {
	background: url(./fond/nvbrng.png) repeat-x; 
	color: #FFB310;     /* 6B8E23 */
	border: #B6BDCA;
}

/* -----------------content--------------------- */

#content { /* page */
	margin: 0 200px;
	border: thin solid #B6BDCA;
}

div#content { /* conteneur central */
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
	background-color: #FFFFFF;
	
}

p, pre{
	padding: 5px 10px;
	margin:0px;
}

/* --------------left navi------------- */
#left {
	/* background: url(./fond/navlft.png) repeat-y; */
	float: left;
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
	width: 200px;
	margin: 0px;
	padding: 0px;
	overflow: auto;

/*	height : auto ;/* 
 background-repeat:no-repeat; 
background :  #CE1201;*/
}

/* --------------right navi------------- */
#right {
	/*background: url(./fond/navrght.png) repeat-y;*/
	/*background-color: red ;*/
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
	/*height : auto !important;
	height :1000px;*/
}

/* div#fnd_droit {
background-color: red ;
background: repeat-y ; 
width: 200px;
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600");
}*/

/* -----------footer--------------------------- */
#footer {
	/*background: url(./deco/redfnd2.png) repeat-x;*/
	background:url(./fond/navbtm.png) repeat-x;
	clear: both;
	margin: 0;
	text-align: right;
	vertical-align: middle;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #B6BDCA;
	height: 40px;
	width: 900px;
}

/* ---------- menu du pied de page -------------- */
ul#menu_pied li {
	display : inline;
	padding : 0 0.5em;
}

ul#menu_pied {
	list-style-type : none;
}