@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; }
body
{

		font-family: Tahoma,Verdana ;
		font-size:12px;
        color: #000000;
        margin: 0;
        background: #ECECFF;      
        margin-left: auto;
        margin-right: auto;  
}
/*defini page proprement dite*/
#blocp {
        background:#FFFFFF;
	    width: 79%;
	    margin: 0 auto;
		color: #000000;
		margin-top:2%;
		margin-bottom:2%;
}

a#test{
	color: #ffffff;
}

/* defini la banniere*/
#ban {
		
		border-bottom-style: solid;
		border-bottom:#c8bb8b;
		border-bottom-width: 4px;
		border-top-style: solid;
		border-top:#c8bb8b;
		border-top-width: 4px;
		
				
}

#titre{
		font-family: Tahoma,Verdana;
		font-size:12px;
		font:bolder;
		color:  #000099;
}
/* modifie les parametres des adresses*/
#titre2{
		font-family: Tahoma,Verdana;
		font-size:9px;
		font:bolder;
		color: #999999;
}


html>body #corps {
margin-left:198px;
}
/*changement pour les liens*/
a:link, a:active, a:visited {

	color: #000099; 
	text-align:left;
	font-family: Tahoma,Verdana;
	font-size: 11px;
	text-decoration:none;
	border:hidden;
}

a:hover {
    text-decoration:none;
		color: #b4b4b4;
		text-align:left;
		font-family:  Tahoma,Verdana;
		font-size: 11px;
		border:hidden; 
		}

/* en-tête*/
div#header {
    clear: both;
    height: 50px;
    padding: 1px;
}
/*colonne de gauche*/
div#left {
    	float: left;
   		width: 23%;
		margin-left:25px;
		margin-top:2%;
}

/*colonne de droite*/
div#right {
	margin-top:2%;
  float: right;
	margin-right:15px;
	width:23%;
}

div#right2 {
	margin-top:2%;
  float: right;
	margin-right:15px;
	width:43%;
}



/* colonne du milieu*/
div#middle {
  padding: 0px 160px 5px 160px;
	text-align:left;
	width:54%;
}

div#bigmiddle {
  padding: 0px 160px 5px 160px;
	text-align:left;
	width:75%;
}
div#colone {
  float: left;
  text-align:left;
	width:35%;
}
div#coltwo {
  float: right;
  position: absolute;
  padding 0 0 12px 0;
  left: 60%;
	width:60%;
}
/*pied de texte*/
div#footer {
  clear: both;
	color:#000000;
	font: Tahoma,Verdana;
	font-size:9px;
	background-color: #CDCDCD;
	text-align:center;
	border-color:#999999;
		border-style:solid;
		border-bottom:hidden;
		border-left:hidden;
		border-right:hidden;
	
}

#idiom {
        text-align:center;
		font-family: verdana, tahoma;
		font:bolder;
		background-color:#CDCDCD;
		color: #0080FF;
		
		border-bottom:hidden;
}
/*defini une ligne droite/trait*/
hr{
	color:#999999;
	background-color:#999999;
	height:1px;
}
#bouton{
			font-family: Tahoma,Verdana;
			font-size: 14px; 
			color:  #000099;
			font-weight:bold;
			background-color: #FFFFFF;
			width:110px;
			border: none;
			border-style:ridge;
			text-align:center;
}
#bouton3{
			font-family: Tahoma,Verdana;
			font-size: 14px; 
			color:  #FFFFFF;
			font-weight:bold;
			background-color: #000099;
			/*width:110px;*/
			border: none;
			border-style:ridge;
			text-align:center;
}
#bouton3:hover{
			color:  #000099;
			background-color: #FFFFFF;
			cursor:pointer;
}
#bouton2{
			font-family:  Tahoma,Verdana;
			font-size: 11px; 
			color: #000000 ;
			font-weight:bold;
			background-color: #CDCDCD;
			border:none;
			border-style:ridge;
			width:110px;

}

#bouton2:hover{
color:#FFFFFF;
background-color:#606060;
}

.retrait li
{
   list-style-position:outside;

}
.retrait2 li
{
   list-style-position:outside;
   margin-left: 30px;

   }
   
.clear { 
  clear: both; 
  }
  
#table1 {
 float: right;
 position: relative;
 width: 87%;
 z-index:0;
}

#table2 {
 float: left;
 position: relative;
 width: 100%;
 z-index:1;
 }

.ligne
{
font-family: Tahoma,Verdana ;
font-size:12px;
}

.col1
{
width:40%;
text-align:left;
padding: 20px 0px;
font-family: Tahoma,Verdana ;
font-size:12px;

}
.col2
{
width:60%;
text-align:top;
font-family: Tahoma,Verdana ;
font-size:12px;
padding: 20px 12px 12px 12px;
}


<style type="text/css">
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */



.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;  border-bottom:3px solid #4c597f;
margin:0 0 20px 0; /* for this demo only */ 
z-index:100;
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
z-index:100;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
z-index:100;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; font-family: Verdana; color:#00c; font-weight:bold; font-size:13px;  padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
z-index:100;
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1two:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1three:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1four:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#00c; color:#aaf;}

.menu1 ul li:hover a.menu1one {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1two {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1three {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1four {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1seven {border-color:#00c; color:#aaf;}

.menu1 ul li ul {
z-index:100;
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
z-index:100;
}



/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
z-index:100;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
z-index:100;
}
.menu1 ul li:hover ul li ul {
display: none;
z-index:100;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000; font-weight:normal;  height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
z-index:100;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
z-index:100;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
z-index:100;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
z-index:100;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
z-index:100;
}
.menu1 ul li:hover ul li:hover ul li ul {
display: none;
z-index:100;
}
.menu1 ul li:hover ul li:hover ul li:hover ul{
display:block; position:absolute; left:153px; top:-1px;
z-index:100;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
z-index:100;
}


</style>