/* CSS Document */
	
body {
	margin: 0px;
	padding: 0px;
	font-family:"Arial";
	font-size: 12px;	
	background-color:#F5F5F5; 
}


.conteneur { 
	position: absolute;
	font-family:"Arial";
	left: 50%;    
       width: 730px;
       height:82%;
	background-color:#ffffff;
       margin-left: -360px; 
	font-size: 12px;
}
	#menugauche{
		list-style:none;
		margin:0;
		padding:0px 0 0 10px;

	}

		#menugauche li a{
			color:#00349A;font-weight:bold;
		}

		#menugauche li {
			background:transparent url(../Images/carre.jpg) no-repeat 0 8px ;
			padding-left:10px;
			padding:2px 0 2px 10px;
			*padding:2px 0 2px 0px;
			-padding:2px 0 2px 0px;

		}

	#menugauchesuite{
		list-style:none;
		margin:0 0 25px 0;
		padding:0px 0 0 25px;
		*padding:2px 0 2px 10px;
		-padding:0px 0 0 10px;
	}

		#menugauchesuite li {
			padding:5px 0 0px 10px;
		}
		#menugauchesuite li a{color:#00349A;}
	.frame {line-height:20px;}
	.frame h1{
		color: #f4d337;
		font-size: 23px;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	.frame .savoirplus{
		color:#f4d337;
		text-decoration: none;
		padding-left: 10px;
		margin-left:10px;
		background:transparent url(../Images/fleche.jpg) no-repeat 0 4px;
	}
	
	#imgageaccueil{
		width:550px;height:240px;margin:0;padding: 0;
		background:transparent url(../Images/accueil.jpg) no-repeat 0 0px;
	}
	
	#wrapper{
		position:relative;
		width:568px;
		-width:560px;
		*width:560px;
		height:260px;
	}

		#wrapper h2{
			width:175px;height:48px;
			padding:15px 0 0 5px;
			margin:0px;
			text-transform: uppercase;
			font-style: normal;
			font-weight:normal;
			font-size:19px;
			color:#eb9e03;
			background:transparent url(../Images/fond-titre.jpg) no-repeat 0 0;
		}
		
		#wrapper #mission{
			width:283px;
			-width:280px;
			*width:280px;
			float:left;
		}

			#wrapper #mission ul{
				margin:0;padding: 0 15px 0 15px;
				border-right:1px solid #e5e5e5;list-style:none;
			}

		#wrapper #actualites{
			width:283px;
			-width:280px;
			*width:280px;
			float:left;
		}
		
		#wrapper #actualites #contenu{
			margin:0;padding:0;
			height:200px;
			overflow: auto;
		}
		
		#wrapper #actualites #contenu ul#actuliste{
			list-style:none;margin:0;padding:0 3px 0 15px;
			text-align: left;
			line-height:12px;
		}
			
			#wrapper #actualites #contenu #actuliste .actulisteli{
				border-bottom:1px solid #C3C3C3;margin-bottom: 10px;padding-bottom: 10px;
			}
		
			#wrapper #actualites #contenu #actuliste .titre{font-weight:bold;font-size:13px;margin:0 0 5px 0;}
			#wrapper #actualites #contenu #actuliste .date{color:#C3C3C3;margin:0;padding:0}
			#wrapper #actualites #contenu #actuliste .texte{}

	#menugauche-logos{
		width:120px;
		text-align:center;
		margin:0 auto;
	}
	
	#footer{
		width:90%;
		position:relative;
		clear:both;
		margin: 30px auto 0px auto;
		padding:0px 0 0 0;
		-padding:20px 0 0 0;
		border-top:1px solid #e5e5e5;
		color:#A3A3A3;
	}
	
	#footer a {color:#A3A3A3;}

		
.normal{
font-family:"Arial";
font-size: 12px;
}

.tab_bleu{
border:#6699FF;

}

.bas{
	position:absolute;
	bottom:-22%;
	left:140px;
	height: 5%;
	text-align:center;
	font-family:"Arial";
	font-size: 8px;
	background-color:#FFFFFF;
	overflow:hidden;
	color:#003399; 
	width: 530px;
}

.bas a{
	color:#6699FF; 
	text-align:center;
       font-family:"Arial";
	font-size: 8px;
}

.bas a:hover{
	color:#99CCFF; 
	text-align:center;
       font-family:"Arial";
	font-size: 8px;
}
	
.basolt{
	position: absolute;
	left:140px;
	bottom:-21%;
	height:5%;
	text-align:center;
	font-family:"Arial";
	font-size: 8px;
	background-color:#FFFFFF;
	overflow:hidden;
	color:#003399; 
	width: 590px;
}


.haut {
	position:absolute;
	top:0%;
	left:0%;
	height: 73px;
	border-bottom-width:medium;
	background-repeat:no-repeat;
	border-bottom:#999999;
}



.hautolt {
	position:absolute;
	top:0%;
	left:0%;
       height: 95%;
	width:90%;
}



.frame {
	position:absolute;
	left:140px;
	right:0%;
	bottom:0%;

	padding:20px 5px 20px 5px;

	width: 580px;
	height: 96%;

	top:83px;
       font-family:"Arial";
	font-size: 12px;
	text-align:justify;
	margin:0px;
	background-color:#ffffff; 
	overflow: auto;
}
	
.frame a{
    font-family:"Arial";
    font-size: 12px;
    color:#3665a5;  
}
	
.frame a:hover{
    font-family:"Arial";
    font-size: 12px;
    color:#6699ff; 
}
	

.onglet a{
  font-family:"Arial";
  font-size: 12px;
  color:#ffffff; 
}

.onglet a:hover{
  font-family:"Arial";
  font-size: 12px;
  color:#99ccff; 
}


.gaucheolt {
	position:absolute;
	left:0px;
	right:0%;
	bottom:0%;
	top:83px;
	padding-top:20px;
	width: 140px;
	height: 99%;
	overflow:hidden;
	list-style-position:inside;
	background-color:#3665a5; 
	border-right:#999999;
	border-right-style:none;
	font-family:"Arial";
	font-size: 12px;
}
	
.gaucheolt a{
	color: #ffcc66; 
	text-decoration: none;
	font-family:"Arial";
	font-size: 12px;
}
	
.gaucheolt a:hover {
	color: #f77720; 
	text-decoration: none;
       font-family:"Arial";
	font-size: 12px;
	font-style:italic;
}




.gauche {
	position:absolute;
	left:0px;
	right:0%;
	bottom:0%;
	top:83px;
	padding-top:20px;
	width: 140px;
	height: 100%;
	overflow:hidden;
	list-style-position:inside;
	background-color:#FFCC66; 
	border-right:#999999;
	border-right-style:none;
	font-family:"Arial";
	font-size: 12px;
}
	
.gauche a{
	color: #6699FF; 
	text-decoration: none;
	font-family:"Arial";
	font-size: 12px;
}
	
.gauche a:hover {
	color: #666666; 
	text-decoration: none;
       font-family:"Arial";
	font-size: 12px;
	font-style:italic;
}


a.menugauche{
	text-decoration: none;
	font-family: "Arial Narrow";
	font-weight:bold;
	color: #3665a5; 
	font-size:12px;
}
	
	
a.menugauche:hover{
	text-decoration: none;
	font-family: "Arial Narrow ";
	color:#666666; 
	font-size:12px;	
}

.capi{
position:absolute; 
left: 14px; 
top: 135px; 
height: 27px; 
width: 101px;
}
	
.parent {
	font-family:"Arial";
	font-size: 12px;
	margin-top: 10px;
	cursor:pointer;
	color:#003399; 
}
	
	
	
	
.child  {
		 font-size: 12pt;
		 font-weight: normal;
		 margin-left: 14pt;
		 color:#6699FF; 
}
	
	
	
	
	
.parentolt {
		 font-family:"Arial";
	      font-size: 12px;
	margin-top: 10px;
		 cursor:pointer;
		 color:#ffffff; 
	}
	
.childolt  {
		 font-size: 12pt;
		 font-weight: normal;
		 margin-left: 14pt;
		 color:#ffcc66; 
	}
	

.style1 a{
	color:#6699FF; 
	}
	
.style1 a:hover {
	color:#99CCFF; 
	}

.style2 a{
	color: #003399; 
	}
	
.style2 a:hover{
	color: #666666; 
	}
	
.lienolt a{
	color: #ffffff; 
	}
	
.lienolt a:hover{
	color: #f77720; 
	}


.tg1 {
	width:140px;
	border:none;
	position:absolute;
	top:30px;
	}


.tg2{
	width:140px;
	border:none;
	position:absolute;
	top:50px;
	left:10px;
	}

.tg3{
	width:140px;
	border:none;
	position:absolute;
	top:50%;
	left:5px;
	}
	
	


.tg4{
	width:140px;
	border:none;
	position:absolute;
       bottom: 20px;
	left:20px;
	font-size:10px;
	}




a.menug
	{
	text-decoration: none;
	font-family: "Arial Narrow";

	font-weight:bold; 
	color: #003399; 
	font-size:12px;
	}
	
	
a.menug:hover
	{
	text-decoration: none;
	font-family:"Arial Narrow";
       font-size:12px; 
	
	color:#666666; 

	}


.t1{
	width:211px;
	border:none;
	padding-top:0px;
	font-family:"Arial";
       font-size:12px; 
	padding-bottom:0px;
	text-align:left;	
	}


.t2{

       width: 172px;
       height: 85px; 	
	}


.style3{
	width:170px;
	font-size:10px; 
	font-family:"Arial"; 
	color: #003399; 
	}


.style4{
	font-size:11px;
	font-weight:bold; 
	color: #003399;
	text-align:left;
	}


.tab{
	width:500px;
	border:none;

	}
	
.cel{
	text-align:center;
	font-family:"Arial"; 
	font-size:16px; 
	font-weight:bold; 	

	}
	
.lineti{
	border-bottom:dotted;
	border-bottom-color:#CCCCCC;
	border-bottom-width:thin;
	background-color:#FFCC66;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	}
	
.lineti2{

	background-color:#FFCC66;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	}
	
.lineaut{
	border-bottom:dotted;
	border-bottom-color:#CCCCCC; 
	border-bottom-width:thin;

	}
	
.line{
	border-bottom:dotted;
	border-bottom-color:#CCCCCC; 
	border-bottom-width:thin;
	text-align:center;
	}
	
	
	
#p 
{
font-family:"Arial";
font-size: 12px;
text-align:justify;
line-height:16px;
}

h1
{
font-family:"Arial";
font-weight:bold;
font-size:16px;
text-align:left;

}

h2
{
font-family:"Arial";
font-weight:bold ;
font-style:italic;
font-size:14px;
text-align:center;

}



.lienscayenne{
position:absolute; 
left: 622px; 
top: 251px;
}

.lienskourou{
position:absolute; 
left: 549px; 
top: 199px;
}

.liensmatoury{
position:absolute; 
left: 561px;
 top: 295px;
}

.liensremire{
position:absolute; 
left: 653px; 
top: 283px;
}

.liensslm{
position:absolute; 
left: 66px; 
top: 117px;
}

.imgfond{

position:absolute; 
top:20px; 
left:20px;
}





#outils {
               width: 262px;
               background: buttonface;
               border-top: 1px solid buttonhighlight;
               border-left: 1px solid buttonhighlight;
               border-bottom: 1px solid buttonshadow;
               border-right: 1px solid buttonshadow;
               margin: 0;
               text-align:right;
}

.out {
               background: buttonface; 
               border: 1px solid buttonface;
               margin: 1; 
}

.over { 
               background: buttonface;
               border-top: 1px solid buttonhighlight;
               border-left: 1px solid buttonhighlight;
               border-bottom: 1px solid buttonshadow;
               border-right: 1px solid buttonshadow;
               margin: 1;
}


#accordion a{margin:0;padding:0;color:white;}
#accordion a:hover{margin:0;padding:0;}
#accordion a:hover div{margin:0;padding:0;}

#accordion h3{margin:0;padding:0;background-color:#3665A5;padding:5px 15px;border-bottom:1px solid white;}
#accordion div{margin:0;padding:0;border:1px solid white;}