body {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0 auto; 
	border:0;
	background-color:black;
}

h1 { font-size: 1.9em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }

p { font-size: 0.8em; }

ol, ul, li { font-size: 0.9em; }

.notes { font-size: 0.9em; }

img {
display: block;
}

.float-left {
float:left;
display:block;
padding-right:20px;
padding-left:10px;
}

hr {
color: black;
background-color: black;
height: 1px;
border: 0;
padding:0;
margin:0px 0 4px 0;
width:729px;
width:100%;
}

/* Wrapper */

#wrapper {
	width:762px;
	margin:0 auto;
	/*background:url(../images/background.jpg) top center repeat-y;*/
	background-color: #ffffff;
}


#wrapper2 { width:730px;margin:0px auto;}
#wrapper2 img {clear:both;}

#header {
	width:729px; 
	min-width:729px; 
	height:141px; 
	margin:0 0 5px 0;
	font-size:1em; 
	background:url(../images/menusaf/header_bg.jpg) top center no-repeat;
	display:block;
	position:relative;
	}
	
#language {
	float: right;
	padding-right: 7px;
	padding-top: 5px;
	
}

#language img {
	border: 0;	
}

#flag {
	float: right;
	margin:3px;
	border:#CCC solid 1px;
}

#logoclick {    /* clickable area */
float: left;
width : 237px;
height: 95px;
margin-left: 6px;
margin-top: 8px;
position:relative;
z-index:100;
}

#footer {
	padding:0;
	width:729px; 
	min-width:729px; 
	height:45px; 
	background:rgb(216,216,216);
	background:url(../images/bande_verte_bas_2010.png) top center no-repeat; 
	overflow:hidden;
	}


/* Boite NEWS ******************************************************************** */
.box { 
  background:#ffffff;
  width:729px;
  margin:4px 0;

}
.boxcontent {
  margin:6px 15px;
  padding:8px 0px 8px 0px;
  overflow:auto;
  display:block;
}

.boxcontentalto {
  margin:6px 15px;
  padding:16px 0px 8px 0px;
  overflow:auto;
  display:block;
}

.boximgauche{	/*position:relative;*/
				float:left;
/*				bottom:1px;left:1px;*/
				width:340px;
/*				padding:0px 0px 5px 2px;*/
				margin:0 0 10px 0;
			}
.boximdroit{/*position:relative;*/
			float:right;
/*			bottom:1px;right:1px;*/
			width:340px;
/*			padding:0 2px 5px 0;*/
			margin:0 0 10px 0;
			
			}
.boximgauche2009{	/*position:relative;*/
				float:left;
/*				bottom:1px;left:1px;*/
				width:125px;
/*				padding:0px 0px 5px 2px;*/
				margin:0 0 10px 0;
			}
.boximdroit2009{/*position:relative;*/
			float:right;
/*			bottom:1px;right:1px;*/
			width:125px;
/*			padding:0 2px 5px 0;*/
			margin:0 0 10px 0;
			
			}
			

.boximgauche2009{	/*position:relative;*/
				float:left;
/*				bottom:1px;left:1px;*/
				width:125px;
/*				padding:0px 0px 5px 2px;*/
				margin:0 0 10px 0;
			}
			

.boximgauche2009Nouvelles{	/*position:relative;*/
				float:left;
/*				bottom:1px;left:1px;*/
				width:130px;
/*				padding:0px 0px 5px 2px;*/
				margin:0 12px 10px 0;
			}
			
.boximgauche2009NoMarginsNouvelles{	/*position:relative;*/
	float:left;
/*				bottom:1px;left:1px;*/
	width:130px;
/*				padding:0px 0px 5px 2px;*/
	margin:0 0 10px 0;
}


.boxcontent h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;

/*ligne trop haute dans titre*/
border-bottom:2px dotted #000;
padding-bottom:4px;}

.boxcontent h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3a4609;
}

.boxcontent p {
	color:#000;
	text-align:justify;
/*	text-indent: 2em;*/
	word-spacing: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	}

.boximgc img{float:center;
}

.boxcontent a {
	text-decoration: none;	
	color: #728438;
}

.boxcontent a:hover {
	text-decoration: underline;
	color: #728438;
}
/* fin de Boite NEWS */

/* Tableau bas de la page */
/* ******************************************************************** */
/* ******************************************************************** */
/* ************************    BANNIÈRES    ****************************** */
.boxalto1713 { 
  background:url("../images/fondalto1713.gif") top no-repeat; 
  width:729px;
  margin:4px 0;
  display:block;

}

.boxalto1723 { 
  background:url("../images/fondalto1723.gif") top no-repeat; 
  width:729px;
  margin:4px 0;
  display:block;
}

.boxalto1723eng { 
  background:url("../images/fondalto1723eng.gif") top no-repeat; 
  width:729px;
  margin:4px 0;
  display:block;
}
.boxalto1733 { 
  background:url("../images/fondalto1733.gif") top no-repeat; 
  width:729px;
  margin:4px 0;
  display:block;
}

/* ******************************************************************** */
/* ******************************************************************** */
/* ******************************************************************** */

.technologiealto ul{
list-style-type: circle;}

.technologiealto li{
  font-size:0.8em;
  color:#272425;
  font-family:Verdana, Arial, Helvetica, sans-serif;

}
.technologiealto li:hover{
 /* list-style-image: url(../images/flechenoireliste.gif);*/
  color:#FFF;
  background-color:#999;
  cursor:hand;
  cursor:pointer;
}

/* ----- FIN -----
Tableau bas de la page */





.compteur {margin:0 43%;}

/* recherche */
form#search {
	float:right;
	width: 255px;
	margin: 8px 10px 0 0;
}
form#search input.text {
	width: 240px;
	padding: 1px 2px 0 2px;
	vertical-align: middle;
}
form#search input.submit {
	margin-left: 2px;
	vertical-align: middle;
}

/* Accessoires ALTO */
.image_accessoire{
float:left;
}

.texte_accessoire{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 10px 0px;
width:450px;
color:#000000;
font-size: 0.85em;}

.texte_accessoire ul{
list-style-type: square;
list-style-image: url("../images/tiret_alto.gif");

}
/* FIN ACCESSOIRES ALTO */



/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 210px;
float: right;
text-align: center;
padding: 0px 0 0px 0;
margin: 0px 0px 15px 0;
z-index:99;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0px 10px 0px 0px;
margin: 0px 0 0px 0;
text-decoration: none;
border: 0;
color: #383838;
}

.paginationstyle p{ /*Pagination links style*/
padding: 0px 10px 0px 0px;
margin: 0px 0 0px 0;
text-decoration: none;
border: 0;
color: #383838;
font-size:0.9em;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #728438;
/*background-color: #000000;*/
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
color: #728438;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #728438;
background-color: yellow;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/


/* BOUTON SUIVANT PRÉCÉDENT */
a.boldbuttons{
background: transparent url('../images/bouton_gauche.png') no-repeat top left;
display: block;
float: left;
font: bold 11px Verdana; /* Change 13px as desired */
line-height: 19px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 19px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons{
color: #ffffff; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/bouton_droit.png') no-repeat top right;
display: block;
padding: 0px 6px 2px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
color: #CCCCCC;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* FIN BOUTON SUIVANT PRÉCÉDENT */


/* **********            new css test      ************ */

/* BOUTON SUIVANT PRÉCÉDENT DEUX */
a.boldbuttons2{
background: transparent url('../images/bouton_gauche2.png') no-repeat top left;
display: block;
float: left;
font: bold 11px Verdana; /* Change 13px as desired */
line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 21px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons2, a:visited.boldbuttons2, a:active.boldbuttons2{
color: #ffffff; /*button text color*/
}

a.boldbuttons2 span{
background: transparent url('../images/bouton_droit2.png') no-repeat top right;
display: block;
padding: 0px 6px 2px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons2{ /* Hover state CSS */
text-decoration: none;
color: #CCCCCC;
}
/* BOUTON SUIVANT PRÉCÉDENT DEUX */


#langue  {
	margin-right: 20px;
   margin-top:12px;
	text-align:right;
	height: auto;
	width: 56px;
	font-size:12px;
   float:right;
   display:inline;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   }

#langue a {
	text-decoration:none;
   color:#FFFFFF;
   }

#langue a:hover {
	text-decoration:underline;
   color:#FFFFFF;
   }

.numerotation-page {
	padding: 5px; 
	color:#333; 
	width: 10px; 
	margin: 5px; 
	display: inline;
	font-family:Tahoma, Geneva, sans-serif;
	text-align: center;
	font-size: 14px;

}

.numerotation-page a {
	color: #333;	
	text-decoration: underline;
}

.numerotation-page a:hover {
	color: #666;	
	text-decoration: none;
}