@charset "utf-8";
/*(c)2008. Tous droits réservés Aquila Informatique, Editeur de logiciels de Gestion pour PME PMI */

html {
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	padding: 0;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	background:url(images/fondbody.jpg) center top no-repeat #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#page{
width:960px;
float:left;
background-color: #FFFFFF;
}
  img { border : none; }


#haut{
width:960px;
height:130px;
float:left;
color: #FFFFFF;
background:url(images/haut.jpg) no-repeat;
/*border-left: #666666  solid 1px;
border-right:#666666  solid 1px;*/
}
#haut1{
width:192px;
height:130px;
float:left;
}

#logo{
margin-left:33px;
margin-right:34px;
margin-top:3px;
margin-bottom:0px;
width:125px;
height:125px;
float:left;
-margin:3px 16px;
}
#haut2{
width:180px;
height:130px;
float:left;
}
#haut3{
width:558px;
height:130px;
float:left;
}
/*--------------------------MENU haut--------------------------*/
#haut3menu{
width:558px;
height:50px;
float:left;
}
#menuhaut{
width:548px;
height:20px;
margin-top:25px;
margin-left:10px;
-margin:15px 0px 0px 5px;
float:left;
text-align:left;
}
#menuhaut ul{
padding:0;
margin:0;
width:548px;
height:20px;
display:block;
float:left;
text-align:left;
}
#menuhaut li{
padding:0;
margin:0;
float:left;
display:inline;
float:left;
text-align:left;
}
#menuhaut a{
display:inline;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menuhaut a:hover{
display:inline;
color: #99ccff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
/*-------------------------- / MENU haut--------------------------*/
#haut3anim{
width:548px;
height:80px;
float:left;
}
#milieu{
width:960px;
height:430px;
float:left;
color: #000;
background:url(images/milieu2.jpg) no-repeat;
/*border-left: #666666 solid 1px;
border-right:#666666 solid 1px;*/
}
#milieu1{
width:192px;
height:430px;
float:left;
overflow: hidden;
}
#milieu1 #actu{
width:165px;
margin-left:10px;
padding-right:17px;

margin-top:30px;
margin-bottom:5px;
height:400px;
float:left;
overflow:auto;
}
#milieu1 #actu #titre{
width:170px;
float:left;
color: #e10304;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
}
#milieu1 #actu #titre a{
width:170px;
color: #e10304;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
text-decoration: none;
}
#milieu1 #actu #titre a:hover{
width:170px;
color: #e10304;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
text-decoration: underline;
}
#milieu1 #actu #sstitre {
width:170px;
float:left;
color:#176d00;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-align:left;
text-decoration: none;
}
#milieu1 #actu #sstitre a{
width:170px;
float:left;
color:#0043a1;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-align:left;
text-decoration: none;
}
#milieu1 #actu #sstitre a:hover{
width:170px;
float:left;
color:#0043a1;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-align:left;
text-decoration: underline;
}
#milieu2{
width:768px;
height:430px;
float:left;
}


/*--------------------------MENU milieu--------------------------*/
#milieu2menu{
	width:558px;
	height:50px;
	z-index:10;
	position: absolute;
	top:432px;
	left:447px;
}
#menumilieu{
width:548px;
height:20px;
margin-top:25px;
margin-left:10px;
-margin:15px 0px 0px 5px;
float:left;
text-align:left;
}
#menumilieu ul{
padding:0;
margin:0;
width:548px;
height:20px;
display:block;
float:left;
text-align:left;
}
#menumilieu li{
padding:0;
margin:0;
float:left;
display:inline;
float:left;
text-align:left;
}
#menumilieu a{
display:inline;
color: #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menumilieu a:hover{
display:inline;
color: #99ccff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
/*-------------------------- / MENU milieu--------------------------*/


#bas{
width:960px;
height:50px;
float:left;
color: #666666;
background:url(images/bas.jpg) no-repeat;
/*border-left:#666666  solid 1px;
border-right:#666666  solid 1px;
border-bottom:#666666  solid 1px;*/
}
#bas1{
width:192px;
height:50px;
float:left;
}
#bas2{
width:768px;
height:50px;
float:left;
}
/*--------------------------MENU bas--------------------------*/
#menubas{
width:600px;
height:35px;
margin-top:11px;
margin-left:100px;
-margin:10px 0px 0px 60px;
float:left;
text-align:left;
}
#menubas ul{
padding:0;
margin:0;
width:460px;
height:20px;
display:block;
float:left;
text-align:left;
}
#menubas li{
padding:0;
margin:0;
float:left;
display:inline;
float:left;
text-align:left;
}
#menubas #rouge a{
display:inline;
color: #CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menubas #rouge a:hover{
display:inline;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menubas a{
display:inline;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menubas a:hover{
display:inline;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
/*-------------------------- / MENU bas--------------------------*/
#aquilaexe{
width:32px;
height:32px;
margin:0;
float:left;
}