@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #414141;
	font-size: 12px;
	background-image: url(images/transationfocus_01.jpg);
	background-repeat: repeat-x;
    }

	
.Style1 {color: #99CC33}
.Style2 {color: #99CC33; font-weight: bold; }	
.Style3 {color: #414141}
.Style4 {
	font-size: 9px
}	


a:link {
	border: 0;
	color:#414141;
}
a:visited {
	color:#414141;
}
a:hover {
	color:#99CC33;
}
a:active {
	color:#99CC33;
	}
	
	
#container {
	width: 1000px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
    } 
#header {

    } 

#img_header{
	width:1000px;
	height: 156px;
}
.text_header{
	color:#FFF;
	font-size:25px;
	width:500px;
	padding-left: 29px;
}

#header h1 {
	margin: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
#menu_haut{
	background-color: #99cc33;
	text-align: right;
	height: 27px;
}

#menu_haut ul li{
	display:inline;
}
#menu_haut ul li a{
	color:#000;
	text-decoration:none;
}

#menu_haut ul li a:hover,#menu_haut ul li a:active {
	color:#FFF;
	text-decoration:none;
}


#wrapper{
	height: 109px;
}
.logo{
	background-repeat: no-repeat;
	width: 352px;
	height: 109px;
	float: left;
	background-image: url(images/logo.jpg);
}
.bloc_right {
	height: 31px;
	padding-top: 10px;
	padding-right: 0px;
	float: right;

}
.clock{
	padding-bottom:10px;
}
.lang{
	padding-right:10px;
	float: right;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: 10em;
color:#FFF;
text-decoration:none;
}
#nav a:hover {
color:#99CC33;
}
#nav li { /* all list items */
float: left;

}
#nav li ul { /* second-level lists */
position: absolute;
background: #666666;
width: 150px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
}
#nav li a{
padding:5px 10px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#content {
	clear: left;
	background-image: url(images/fond_content.jpg);
}
#content .titre {
	text-transform:uppercase;
	font-size: 25px;
	font-weight: bold;
	margin-left: 10px;
	border-bottom:1px solid #666666;
	margin-bottom: 15px;
}
#menu_bas{
	padding-top: 0;
	height: 39px;
	display: block;

}
.ascenseur{
cursor:pointer}

#sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 220px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 20px 0px 10px;
	background-repeat: no-repeat;
	clear: both;
    }
#sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 15px 0px 15px;
	background-repeat: no-repeat;
	background-image: url(images/transationfocus_09.jpg);
    }
.content_sidebar{
width: 220px;
}
#mainContent {
	margin: 0 257px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	width: 495px;

    } 
	
#mainContent02 {
	margin: 0 257px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	width: 720px;
	text-align: justify;
    } 

#wrapper_footer {
	background:#99cc33;
	clear: both;
    } 
 #footer {
	margin: 0 auto;
	width: 1000px;
	background-image: url(images/transationfocus_10.jpg);
	background-repeat: no-repeat;
	clear: both;
    } 
 #footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
 #footer a {
    	color:#414141;
    }
	
.biography_opener{	cursor:pointer; }
.biography{	display:none; }