/* ************** CADRE *********************/
/*body{
background: url(img/degrade.png) repeat;
margin-left:auto;
margin-right:auto; 
margin : auto;
width:900px; }**/


body { 
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */ 
  background: url(img/degrade.png) repeat;
}


#general { 
  margin-left: auto; 
  margin-right: auto; 
  width: 900px; 
  text-align: left;} /* on rétablit l'alignement normal du texte 




/**Titre de la page**/
#titre{
  padding-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  padding-top:0px;
}
/**End titre**/

/**Colonne de gauche**/
#col_gauche{
  float:left;  
  width:460px;
  padding-bottom:50px;

}
/**End col gauche**/

/**Colonne de droite**/
#col_droite{
  float:right;
  width:300px;
  padding-bottom:50px;
  padding-right:30px;
}
/**End col droite**/

#texte
{
width:800px;
padding-bottom:20px;
}





#contenu{
  margin-left:40px; 
  margin-right:10px;
  margin-bottom:10px;
  margin-top:50px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
  background-color:white;
   
}



#contenu a:hover{
  /**font-weight:bold;**/
  /**font-variant:small-caps; **/
}


#footer{
  margin-left:0px; 
  margin-right:0px;
  margin-bottom:-15px;
  margin-top:50px;
}


/**OMBRE DU CADRE**/
#shadow-container {
	margin-top:30px;
  margin-right:auto;
  margin-left:auto;
  padding:0px 0 1px 0px;
  width:95%; 
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
#shadow-container .shadow1 {
		background: #F1F0F1;
		width:905px;
	}
 
#shadow-container .shadow2 {
		background: #DBDADB;
		width:904px;
	}
 
#shadow-container .shadow3 {
		background: #B8B6B8;
		width:902px;
	}

#shadow-container .header{
  width:900px;
	margin: 5px 0 0 auto;
	background-color:#CCCCCC;
	margin-top:0px;
  margin-right:auto;
  margin-left:auto;
  padding:0px 0 0px 0px;
}

#shadow-container .container {
		width:900px;
    background: #ffffff;
		border: 1px solid #848284;
	}
	
/**END OMBRE**/

/**Contenu de la page**/

h1
{ 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:16px; 
  color:#666666;
  font-variant:small-caps;
}


#pied{
font-size:2ex;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-variant:small-caps;
color:#666666;
width:900px;
}

#texte_pied{
font-variant : normal; 
color:#666666; 
font-family:Arial, Helvetica, sans-serif;
font-size:1.5ex;
text-align:center;
}

p{ 
font-family:Arial, Helvetica, sans-serif; 
color:#666666; 
text-align:justify; 
font-size:small; 
font-weight:normal;
}



a{
  color: #3AB44A;
 
}

a:hover
{
  /**font-weight:bold;**/
  color:#3AB44A;
}
  
a:visited
{
  color:#3AB44A;
}

/**END Contenu**/


/**MENU**/
/* style the outer div to give it width */
.menu {
font-size:12px; 
padding-bottom:5px; 
padding-top:5px;
width:900px;
text-align:left;
font-family:verdana, sans-serif; 
background:#3AB44A url(img/fond_menu.png) repeat-x;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding: 0px;
margin: 0px;
list-style-type:none; 
height:3em;
background:transparent;
}

/* style the sub-level lists */
.menu ul ul {
width:15em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left; font-size:12px;
line-height:3em; 
display:block;
padding-right: 25px;
}

/* style the sub level list items */
.menu ul ul li {
display:block;
width:12em;
height:auto; 
line-height:1em;
padding-right: 51px;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:inline;
height:100%; 
width:13em;
font-size:12px;
text-decoration:none;
color: #FFFFFF;
padding: 15px 15px 16px 15px;
font-weight:normal;
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {
width:11em; 
width:7em;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
background:#CDCECE; 
color:#38954E;
width:115%;
height:100%;
line-height:1em; 
padding:0.5em 1em; 
border-bottom:1px solid #7aa;

}

* html .menu ul ul a, * html .menu ul ul a:visited  {
width:14em; 
width:12em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
border-collapse:collapse; 
padding:0; 
margin:-1px; 
width:0; 
height:0; 
font-size:1em; 
z-index:1;
}

/* style the level hovers */
/* first */
* html .menu a:hover {
color:#666666;
background:#00CC66 center center; 
position:relative; 
z-index:100;
}

.menu li:hover {
position:relative;
}

.menu :hover > a {
color:#6666  66;
background:#00CC66 center center;
}
/* second */
* html .menu ul ul a:hover{
 color:#666666;
 background:#00CC66; 
 position:relative;
 z-index:110;
}

.menu ul ul li:hover {
 position:relative;
}

.menu ul ul :hover > a {
color:#666666;
background:#00CC66;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:3em; 
left:0; 
width:14em;
}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
height:auto; 
padding:0 3em 3em 3em; 
background:transparent url(img/trans.gif); 
left:-3em;
}

/**END MENU**/