BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
div, p, ul, li, form, h2, img, textarea, h3, li{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}

#haut{
	width:960px;
	padding-top:0px;
	background:url(../images/header.jpg) no-repeat;
	height:134px;
	margin-left:auto;
margin-right:auto;
}
#animation{
	width:290px;
	padding-top:0px;
	height:133px;
	float:left;
	position:relative;
	padding-left:40px;
}
#menu{
	width:100%;
	position:relative;
	background:url(../images/bg.jpg) repeat-x;
	clear:both;
	height:33px;
		margin-left:auto;
margin-right:auto;
}
/* menu haut */

#menuHaut
	{
		position:relative;
		width:360px;
		height:20px;
		float:right;
		padding-right:60px;

	}
	
	#menuHaut ul{
	display:block; 
	position:relative;
	width:360px; 
	height:20px;
	margin:0 auto;
	}
#menuHaut ul li{
	width:80px;
	height:20px;
	display:block;
	float:left;
	color:#C1C1C1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	}
#menuHaut ul li a{
	
	padding:7px 2px 0;
	width:79px;
	text-align:center;
	height:20px; 	
	display:block; float:left;
	text-decoration:none;
	color: #0099CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #EAEAEA;
	
	}
#menuHaut ul li a:hover{
	text-align:center;
	height:20px;
	color: #FF3300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


#topNav{
	width:851px;
	height:26px;
	position:relative;
padding-left:0px;
	background:url(../images/bgmenu.jpg) no-repeat;
	
	}
#topNav ul{
	display:block; 
	position:relative;
	width:851px; 
	height:26px;
	margin:0 auto;
	}
#topNav ul li{
	width:90px;
	height:26px;
	display:inline;
	float:left;
	color:#C1C1C1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#topNav ul li a{
	
	padding:7px 0px 0;
	width:90px;
	text-align:center;
	
	height:26px; 	
	display:block; float:left;
	text-decoration:none;
	color:#fadc86;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#topNav ul li a:hover{
	top:7px;
	text-align:center;
	height:26px;
	background:url(../images/hover-menu.jpg) no-repeat;
	color: #FF3300;
	font-family:Verdazna, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#topNav ul li a.hover{ 
	height:26px; 
	float:left; 
	text-decoration:none; 
		text-align:center;
	display:block;
	background:url(../images/hover-menu.jpg) no-repeat; 
	color: #FF3300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	
	
	#HautNav{
	width:350px;
	height:20px;
	float:right;
	position:relative;
	padding-right:50px;
	
	}
#HautNav ul{
	display:block; 
	position:relative;
	width:350px; 
	height:20px;
	margin:0 auto;
	padding-left:0px;
	float:left;
	}
#HautNav ul li{
	width:80px;
	padding:2px 2px 0;
	height:20px;
	display:block;
	float:left;

	}
#HautNav ul li a{
	
	padding:7px 2px 0;
	width:79px;
	text-align:center;
	height:20px; 	
	display:block; float:left;
	text-decoration:none;
	color: #CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#HautNav ul li a:hover{
	top:7px;
	text-align:center;
	height:18px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#HautNav ul li a.hover{ 
	height:20px; 
	float:left; 
	text-decoration:none; 
	display:block;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	
	

#contenu{
position:relative;
background:url(../images/bgmenu1.jpg) repeat-y;
width:960px; 
color:#8D8D8D;
height:450px;
margin-left:auto;
margin-right:auto;
}

#contenuinterne{
position:relative;
background:url(../images/bgmenu1.jpg) repeat-y;
width:960px; 
color:#8D8D8D;
height:550px;
margin-left:auto;
margin-right:auto;
}

#contenuimage{
position:relative;
background:url(../images/bgmenu1.jpg) no-repeat;
width:960px; 
color:#8D8D8D;
height:100%;
margin-left:auto;
margin-right:auto;
}

#titrepan{
width:250px;
float:left;
text-align:left;
color:#c5001f;
font-family:"trebuchet MS";
font-size:14px;
font-weight:bold;
padding-left:30px;
padding-top:8px;
}


#imagepan{
position:relative;
width:97px;
float:left;
clear:both;
padding-left:10px;
padding-top:10px;
height:90px;
}

#textepan{
position:relative;
width:190px;
padding-right:20px;
padding-top:10px;
text-align: justify;
float:right;
margin:0 auto; 
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#liresuite{
width:250px;
float:right;
clear:both;
color:#FFFFFF;
font-family:"trebuchet MS";
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:27px;
padding-top:2px;

}
#liresuite a , #liresuite a:visited , #liresuite a:active
	{
		font-family:"trebuchet MS";
		font-size:11px;
		color: #FFFFFF;
		line-height:20px;
		text-decoration:none;
	}
#liresuite a:hover
	{
		font-family:"trebuchet MS";
font-size:11px;
		color: #FF9900;
		line-height:20px;
		text-decoration:none;
	}


/*----Contenu----*/
#bodyBottomPan{
width:700px;
position:relative;
padding-top:30px;
margin-left:auto;
margin-right:auto;
clear:both;}
/*----Manager----*/
#infoPan{
width:320px; 
height:170px; 
float:left; 
color:#524201; 
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
background:url(../images/pave.png) no-repeat;
}
#infoPan h2{
width:163px; 
height:40px; 
color:#fff; 
font:32px/36px Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal; 
padding:30px 0 0 24px;
}
#infoPan p{
padding:10px 0 0 24px; 
line-height:17px;
}
#infoPan p.view{
width:66px; 
height:18px; 
padding:10px 0 0 24px;
}
#infoPan p.view a{
width:66px; 
height:18px; 
display:block; 
color:#fff; 
font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-align:center; 
text-decoration:none;}
#infoPan p.view a:hover{
color:#fff; 
text-decoration:none;}
/*----/Manager----*/

/*----Exploiter----*/
#servicesPan{
width:320px; 
height:170px; 
color:#212121; 
float:right;
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
background:url(../images/pave.png) no-repeat;
}
#servicesPan h2{
width:163px; 
height:40px; 
color:#fff; 
font:32px/36px Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal; 
padding:30px 0 0 24px;}
#servicesPan p{
padding:10px 0 0 24px; 
line-height:17px;
}
#servicesPan p.view{
width:66px; 
height:18px;
padding:10px 0 0 24px;
}
#servicesPan p.view a{
width:66px; 
height:18px; 
display:block; 
color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-align:center; 
text-decoration:none;
}
#servicesPan p.view a:hover{
color:#fff; 
text-decoration:none;
}
/*----/Services Panel----*/

#bodyBottomPano{
width:700px;
position:relative;
padding-top:30px;
padding-left:10px;
margin-left:auto;
margin-right:auto;
clear:both;}
/*----Info Panel----*/
#infoPano{
width:320px; 
height:170px; 
float:left; 
color:#524201; 
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
background:url(../images/pave.png) no-repeat;
}
#infoPano h2{
width:163px;
height:40px; 
color:#fff; 
font:32px/36px Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal; 
padding:30px 0 0 24px;
}
#infoPano p{
padding:10px 0 0 24px; 
line-height:17px;
}
#infoPano p.view{
width:66px; 
height:18px; 
padding:10px 0 0 24px;
}
#infoPano p.view a{
width:66px; 
height:18px; 
display:block; 
color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-align:center; 
text-decoration:none;
}
#infoPano p.view a:hover{
color:#fff; 
text-decoration:none;
}
/*----/Info Panel----*/

/*----Services Panel----*/
#servicesPano{
width:320px; 
height:170px; 
color:#212121; 
float:right;
font:13px/17px Verdana, Arial, Helvetica, sans-serif;
background:url(../images/pave.png) no-repeat;
}
#servicesPano h2{
width:163px; 
height:40px; 
color:#fff; font:32px/36px Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal; padding:30px 0 0 24px;
}
#servicesPano p{
padding:10px 0 0 24px; 
line-height:17px;
}
#servicesPano p.view{
width:66px; 
height:18px; 
padding:10px 0 0 24px;
}
#servicesPano p.view a{
width:66px; 
height:18px; 
display:block; 
color:#fff; 
font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-align:center; 
text-decoration:none;
}
#servicesPano p.view a:hover{
color:#fff;
text-decoration:none;
}
/*----/Services Panel----*/


#presentation{
width:800px;
position:relative; 
margin:0 auto; 
padding:20px 0 0 0px;
clear:both;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
line-height:18px;
}

#presentation h2{
width:450px;
height:26px; 
float:left;
color:#C5001F; 
font:16px/20px "Trebuchet MS"; 
font-weight:bold;
border-bottom:1px dotted #990000;
}

#presentation span{ 
height:26px; 
float:left;
color:#6A6969; 
margin-right:10px;
font:16px/20px "Trebuchet MS"; 
font-weight:bold;
}



#presentation p{
padding:10px 0 0 24px; 
line-height:20px;
width:750px; 
float:left;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
}
#presentation p.view{
width:66px; 
height:18px; 
padding:10px 0 0 24px;
}
#presentation p.view a{
width:66px; 
height:18px; 
display:block; 
color:#fff; 
font:12px/18px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-align:center; 
text-decoration:none;}
#presentation p.view a:hover{
color:#fff; 
text-decoration:none;}

a.ajouter:link, a.ajouter:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
    line-height: 18px;
	text-decoration: none;
	font-weight:bold;
	
	border-bottom:1px dotted #0099CC;

	}
	
a.ajouter:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	border-bottom:1px dotted #CC0000;


	}
	
	a.pave:link, a.pave:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
    line-height: 18px;
	text-decoration: none;
	}
	
a.pave:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
	border-bottom:1px dotted #FF9900;


	}
	
	
	a.ajoutern:link, a.ajoutern:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
    line-height: 18px;
	text-decoration: none;
	font-weight:normal;
	
	border-bottom:1px dotted #0099CC;

	}
	
a.ajoutern:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	border-bottom:1px dotted #CC0000;


	}
	
.exemple{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
    line-height: 18px;
	text-decoration: none;
	
	border-bottom:1px dotted #0099CC;
}

#sitemap
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #990000;
		width:250px;
		line-height:20px;
		position:relative;
		padding-left:100px;
		float:left;
	}
	#sitemap1
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #990000;
		width:300px;
		line-height:20px;
		position:relative;
		padding-left:50px;
		float:left;
	}
#bas{
clear:both;
	position:relative;
	width:960px;
	height:31px;
	background:url(../images/bas.jpg) repeat-x;
	margin-left:auto;
	margin-right:auto;
}
#bas p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFFFFF;
		line-height:20px;
		position:relative;
	}
#edirect
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #006699;
		width:960px;
		height:20px;
		line-height:20px;
		position:relative;
	}
	
#edirect a , #edirect a:visited , #edirect a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FF6600;
		line-height:20px;
		text-decoration:none;
	}
#edirect a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FF6600;
		line-height:20px;
		text-decoration:underline;
	}
	
	/**********************************		FANCY MENU		****************************/

.textetitre{ 
color: #990000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}