<!--
  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

body { 
	background-image: url(f15.png);
	background-repeat: no-repeat;
}

h1 { font : normal 12px Arial,Helvetica,sans-serif;
	 color: #111; 
}

h2 { font : bold 12px Arial,Helvetica,sans-serif;
	color: #111; 
	line-height: 2px ;
	margin-top:10px;
}


h3 { font : normal 10px Arial,Helvetica,sans-serif;
	color: #8c8d8c; 
	line-height: 1px;
	margin-top:-4px;
}


h4{
	color:#2dd028;
	margin-left:40px;	
	font : bold 11px Arial,Helvetica,sans-serif;
	
}

h5 { font-family: Arial,Helvetica,sans-serif;
    margin: 0px;
    font-size: 8.5pt;
	line-height: 2em ;
	color: rgb(133, 133, 133);
	}
		
h6{ font-family: Arial,Helvetica,sans-serif;
    margin: 0px;
    font-size: 7pt;
	}
	
h7 { font: bold 11px Arial,Helvetica,sans-serif;
	color:#0C3D07;
	text-decoration: none;
	margin: 0px;
}

h7 a{
	color:#0C3D07;
	font: bold 11px Arial,Helvetica,sans-serif;
	text-decoration: none;
	}
	
	
#main{
	width: 990px;
	background-color:none;
	
	position: relative;
	font : normal 11px Arial,Helvetica,sans-serif;
	line-height: 14px;
	visibility: visible;
}

#header{
	height: 106px;
	font: normal 11px Arial,Helvetica,sans-serif;
	color: white;
	text-align: right;
}

#col1 {
	background-color: none;
	position:absolute;
	left:0px;
	margin-top: 5px;
	width: 165px;
		
}
	
#col2 {
	
	color: black;
	background-color: none;
	position: relative;
	float:center;
	width: 640px;
	margin-left:175px;
	
 }
	
#col3 {
	color: #639;
	background-color: none;
	position: absolute;
	top: 106px;
	left: 815px;
	width: 160px;
	margin-left: 15px ;
	
 }


  #imagefooter {   
	width : 832px;
	height: 52px;
	background: url(footer.png) ;
	
	
 }

  #zone1 {   
	float: left;
	width : 120px;
	height: 11px;
	margin-left: 585px;
	margin-top: 18px;
 } 
 
   #zone0 {   
	float: left;
	width : 82px;
	height: 11px;
	margin-left: 482px;
	margin-top: 18px;
 } 

 
 #content{
	background-color: white;
	position: relative;
	width: 560px; 
	margin-top:30px;	
	margin-left:40px;	
	margin-bottom:25px;	
	height:100px;
 }
 
  #contentbis{
	background-color: none;
	position: relative;
	width: 560px; 
	margin-top:20px;	
	margin-left:40px;	
	
	
 }
 
  #content1{
	background-color: white;
	position: relative;
	float: left;
	width: 255px; 
	margin-top:0px;	
	margin-left:5px;	
	margin-bottom:25px;	
	height:100px;
 }
 
   #content1r{
	background-color: white;
	position: relative;
	width: 255px; 
	margin-top:0px;	
	margin-left:293px;	
	height:100px;
 }
 
  #content2{
	background-color: white;
	position: relative;
	width: 255px; 
	margin-top:0px;	
	margin-left:293px;	
	margin-bottom:25px;	
	height:100px;
 }
  
   #content3{
	background-color: white;
	position: relative;
	width: 180px; 
	margin-top:0px;	
	margin-left:293px;	
	margin-bottom:25px;	
	min-height:100px;
 }
 
  #droite{
	background-color: none;
	position: relative;
	width: 150px; 
	margin-top:6px;	
	margin-left:0px;	
	margin-bottom:25px;	
	height:100px;
 }
 
 #teteboite0{
	color:#111;
	font-weight: bold;
	font-size: 12px;
	background-color: #8ad99c;
	position: relative;
	width: 99%; 
	margin-left:3px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	
}
 

 #teteboite1{
	color:#111;
	font-weight: bold;
	background-color: #8ad99c;
	position: relative;
	width: 100%; 
	margin-left:1px;	
	margin-top:25px;
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	
}
  #teteboite2{
	color:#111;
	font-weight: bold;
	background-color: #8ad99c;
	position: relative;
	width: 100%; 
	margin-left:1px;
    margin-top:25px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
}

  #teteboite22{
	background-color: white;
	position: relative;
	width: 100%; 
	margin-left:1px;
    margin-top:25px;	
	float:left;
	padding: 2px;
}


#teteboite3{
	color:#111;
	font-weight: bold;
	background-color: #5dab64;
	position: relative;
	width: 85%; 
	margin-left:15px;	
	float:left;
	border-color: #111;
	border-left-color: #fff;
	border-top-color: #fff;
	border-width: 1px;
	border-style: solid;
	padding: 2px;

}

#teteboite3b{
	color:#111;
	font: bold 14px Arial,Helvetica,sans-serif;
	background-color: #5dab64;
	position: relative;
	width: 86%; 
	margin-left:15px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	
}

#teteboite4{
	color:#111;
	font-weight: bold;
	background-color: #5dab64;
	position: relative;
	width: 83%; 
	margin-left:0px;	
	float:left;
	border-color: #111;
	border-left-color: #fff;
	border-top-color: #fff;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
}

#teteboite5{
	color:#111;
	font: bold 14px Arial,Helvetica,sans-serif;
	background-color: #6BA2E6;
	position: relative;
	width: 86%; 
	margin-left:0px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	
}

#teteboite6{
	color:#111;
	font: bold 14px Arial,Helvetica,sans-serif;
	background-color: #5dab64;
	position: relative;
	width: 86%; 
	margin-left:0px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	
}


 #boite0{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 99%; 
	margin-left:3px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
}


 #boite1{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 100%; 
	margin-left:1px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
}
   #boite2{
    color:#111;
	background-color: #fff;
	position: relative;
	width: 100%; 
	margin-left:1px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
}

  #boite3{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 85%; 
	margin-left:15px;	
	float:left;
	border-color: #111;
	border-left-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
	
}

  #boite3b{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 86%; 
	margin-left:15px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
    opacity: 0.7;
	
}


#boite4{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 83%; 
	margin-left:0px;	
	margin-top:10px;
	float:left;
	border-color: #111;
	border-left-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
}

  #boite5{
	color:#111;
	background-color: #fff;
	position: relative;
	width: 86%; 
	margin-left:0px;	
	float:left;
	border-color: #111;
	border-width: 1px;
	border-style: solid;
	border-top:none;
	text-align: justify;
	padding: 2px;
	
	
}

  #boite33{
	background-color: none;
	position: relative;
	width: 83%; 
	margin-left:15px;	
	float:left;
	border-color: none;
	border-top:none;
	padding: 2px;
}


 #contboite0{
	color:#111;
	background-color: white;
	position: relative;
	width: 88%; 
	margin-left:3px;	
	float:right;
	border-color: none;
	text-align: justify;
	padding: 2px;
}


.menugauche ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100px; 
border-bottom: 1px solid #ccc;
}
	
.menugauche ul li{
position: relative;
}
	

.menugauche ul li ul{
position: absolute;
width: 90px; 
top: 0;
visibility: hidden;
}


.menugauche ul li a{
display: block;
overflow: auto; 
font: normal 11px Arial,Helvetica,sans-serif;
color: #c3edcb;
text-decoration: none;
background: #256340;
padding: 1px 5px;
border: 1px solid #c3edcb;
border-bottom: 0;
}

.menugauche ul li a:visited{
color: #c3edcb;
}

.menugauche ul li a:hover{
background-color: #21471f;
color: red;
}

.menugauche .subfolderstyle{
background: transparent url(bouton.gif) no-repeat center right;
background-color: #256340;
}

	
/* Holly Hack for IE \*/
* html .menugauche ul li { float: left; height: 1%; }
* html .menugauche ul li a { height: 1%; }


.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
	

a.type1 { color:#0C3D07; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none; margin: 0px;}
a.type1:hover { color:#0C3D07; font: bold 11px Arial,Helvetica,sans-serif; text-decoration: underline;}
	
a.type2 { color:#f59587; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none; margin: 0px;}
a.type2:hover { color:#f00; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none;}
	
a.type3 { color:#f00; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none; margin: 0px;}
a.type3:hover { color:#f00; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none;}

a.type4 { color:#f59587; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none; margin: 0px;}
a.type4:hover { color:#f59587; font: bold 11px Arial,Helvetica,sans-serif;	text-decoration: none;}

a.type5 { color:#0C3D07; font: bold 12px Arial,Helvetica,sans-serif;	text-decoration: none; line-height: 2px ;margin-top:10px;}
a.type5:hover { color:#0C3D07; font: bold 12px Arial,Helvetica,sans-serif; text-decoration: underline; line-height: 2px ;margin-top:10px;}

#navcontainer
{
width: 100%;
float: left;
background-color: #426208;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #426208;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{
background-color: #7B9D25;
color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #FCE2AD;
text-align: left;
font: bold normal arial, helvetica, sans-serif;
}

#navcontainer2
{
width: 100%;
float: left;
background-color: #FF8040;
}

#navcontainer2 ul { padding: 0; }
#navcontainer2 ul li { display: inline; }

#navcontainer2 ul
{
margin: 0;
padding: 0 0 0 7%;
color: #111111;
font-family: arial, helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1px;
font-weight: bold;
}

#navcontainer2 ul li a
{
padding: 0.2em 12px;
background-color: #FF8040;
color: #111111;
text-decoration: none;
float: left;
border-right: 1px solid #111111;
}

#navcontainer2 ul li a:hover
{
background-color: #E1A71E;
color: #111111;
}

#navlist2 li a:hover, #navlist2 li a:active
{
color: #111111;
text-decoration: none;
background: #FCE2AD;
text-align: left;
font: bold normal arial, helvetica, sans-serif;
}
	
-->