@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/fondbodypage.jpg) center top no-repeat #498fe3;
	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/hautpages.png) no-repeat;
}
#haut1{
width:192px;
height:130px;
float:left;
}

#logo{
margin-left:33px;
margin-right:34px;
margin-top:2px;
margin-bottom:1px;
width:125px;
height:125px;
float:left;
-margin:2px 16px;
}
#haut2{
width:110px;
height:130px;
float:left;
}
#haut3{
width:598px;
height:130px;
float:left;
}
/*--------------------------MENU haut--------------------------*/
#haut3menu{
width:598px;
height:50px;
float:left;
}
#menuhaut{
width:588px;
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:588px;
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;
}

#menuhaut2{
width:588px;
height:20px;
margin-top:12px;
margin-left:10px;
-margin:15px 0px 0px 5px;
float:left;
text-align:left;
padding-bottom:10px;
border-bottom: #C7D5E0 solid 1px;
}
#menuhaut2 ul{
padding:0;
margin:0;
width:588px;
height:20px;
display:block;
float:left;
text-align:left;
}
#menuhaut2 li{
padding:0;
margin:0;
float:left;
display:inline;
float:left;
color: #6699CC;
text-align:left;
}
#menuhaut2 a{
display:inline;
color: #283768;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#menuhaut2 a:hover{
display:inline;
color: #e10304;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
/*-------------------------- / MENU haut--------------------------*/


#milieu{
width:960px;
margin:0;
padding:0;
float:left;
color: #000;
background: url(images/fond-milieu2.png) repeat;
}
#milieu1{
margin:0;
padding:0;
width:192px;
height:430px;
float:left;
}

/*--------------------------MENU gauche--------------------------*/
#menugauche{
width:192px;
margin:0;
padding:0;
float:left;
text-align:left;
}
#menugauche ul{
padding:0;
margin:0;
display:block;
width:192px;
float:left;
text-align:left;
}
#menugauche li{
padding:0;
margin:0;
float:left;
display:block;
width:192px;
height:25px;
list-style-type:none;
margin-bottom:1px;
background:url(images/menugauche.jpg) no-repeat right;
}
#menugauche a{
width:192px;
height:21px;
vertical-align:middle;
text-align:center;
display:block;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:4px;
text-decoration:none;
font-weight:bold;

}
#menugauche a:hover{
width:192px;
height:21px;
vertical-align:middle;
color: #e10304;
margin-top:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
/*-------------------------- / MENU gauche--------------------------*/



#milieu2{
width:768px;
float:left;
}
#milieu2 p{
width:638px;
float:left;
margin-top:5px;
margin-right:80px;
margin-bottom:5px;
margin-left:40px;
-margin:5px 40px 5px 10px;
color: #4d5c6d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
#milieu2 #pgris{
width:638px;
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:5px;
-margin:5px 5px 5px 10px;
padding:5px;
color: #666666;
/*background-color:#e8e8e8;*/
/*border-left:#CC0000 1px solid;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
#milieu2 #fondp{
width:655px;
height:330px;
float:left;
margin-top:5px;
margin-right:80px;
margin-bottom:5px;
margin-left:40px;
-margin:5px 40px 5px 10px;
background:url(images/fondp.jpg) no-repeat;
text-align:left;
}
#milieu2 p a{
color: #CC0000;
text-decoration:none;
}
#milieu2 p a:hover{
text-decoration:underline;
}
#milieu2 h1{
width:678px;
height:38px;
float:left;
margin-top:0px;
margin-right:70px;
margin-left:20px;
margin-bottom:20px;
-margin:5px 10px 5px 5px;
color: #f3652f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
/*font-style:italic;*/
font-size:26px;
text-align:left;
}
#milieu2 h2{
width:638px;
float:left;
margin-right:80px;
margin-left:40px;
-margin:5px 40px 5px 10px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:15px;
text-align:left;
}
#milieu2 h3{
width:638px;
float:left;
margin-right:80px;
margin-left:40px;
-margin:5px 40px 5px 10px;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
text-indent:0px;
/*background:url(images/carrerougegros.jpg) left no-repeat;*/
}
/*---------------------------------actus---------------------------------------------------*/

#milieu2 #actu{
width:620px;
float:left;
margin:5px 10px 5px 40px;
-margin:5px 10px 5px 10px;
text-align:left;
text-indent:0px;
background: #FFFFFF;
}
#milieu2 #trait{
width:557px;
height:7px;
float:left;
margin:5px 10px 5px 40px;
-margin:2px 10px 5px 10px;
text-align:left;
text-indent:0px;
border-bottom:#999999 1px solid;
}

#milieu2 #titreactu{
width:430px;
float:left;
margin:5px 2px 5px 10px;
-margin:2px 2px 2px 10px;
color: #f3652f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
text-indent:0px;

}
#milieu2 #soustitreactu{
width:400px;
float:left;
margin:5px 10px 5px 40px;
-margin:2px 10px 2px 10px;
color: #000000;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-indent:0px;
/*background:url(images/carrerougegros.jpg) left no-repeat;*/
}
#milieu2 h6{
width:400px;
float:left;
margin-top:2px;
margin-bottom:5px;
margin-left:40px;
-margin:2px 10px 5px 10px;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
text-align:left;
}
#milieu2 h6 p{
width:400px;
float:left;
margin:0;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
text-align:left;
}
#actu redimage{
width:120px;
height:120px;
float:left;
text-align:left;
}


/*---------------------------------/actus--------------------------------------------------*/
#bas{
width:960px;
height:50px;
float:left;
color: #666666;
background:url(images/baspages.jpg) no-repeat;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}
#bas1{
width:192px;
height:50px;
float:left;
}
#bas2{
width:768px;
height:50px;
float:left;
}
/*--------------------------MENU bas--------------------------*/
#menubas{
width:600px;
height:20px;
margin-top:11px;
margin-left:100px;
-margin:10px 0px 0px 60px;
float:left;
text-align:left;
}
#menubas ul{
padding:0;
margin:0;
width:550px;
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--------------------------*/