/* CSS Document */

body
  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}

body, div, h1, h2, h3, p, span, a, ul, li
  {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
  }

/* ----------------------------le div qui englobe tout le contenu */

#accueil
  {
/* position */
   top:0px;
   position:relative;
   

/* marge */
   margin-right: auto;
   margin-left: auto;

/* Boite */
   background-color: white;
   width:948px;
   height:100%;  
  }
body>#accueil
{
 height:338px; 
}  
/* ----------------------------le div qui permet de placer les arrondis en fonds */
 
 
 #fond
{
position:absolute;
left:0px;
top:0px;
width:948px;
height:455px;
background-image:url(../images/accueil/fond-page.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
/* ----------------------------le div qui englobe la 1ere partie de la banniere */  
#ban1
{
position:absolute;
left:63px;
top:0px;
width:780px;
height:114px;
background-image: url(../images/accueil/ban1.jpg);
background-repeat: no-repeat;
}


/* ----------------------------le div qui englobe la 2eme partie de la banniere */
#ban2
{
position:absolute;
left:63px;
top:114px;
width:780px;
height:94px;
background-image: url(../images/accueil/ban2.jpg);
background-repeat: no-repeat;
}

/* ----------------------------le div qui englobe le logo */
#logo
{
position:absolute;
left:68px;
top:100px;
width:153px;
height:152px;
background-image: url(../images/accueil/logo.gif);
background-repeat: no-repeat;
z-index:1;
}

/* ----------------------------le div qui englobe le grand titre  */
#titre
{
position:absolute;
left:63px;
top:208px;
width:780px;
height:30px;
background-image: url(../images/accueil/fond-titre.gif);
background-repeat: no-repeat;

text-align:right;
}

#titre img
{
margin:7px 4px 2px 0px;
}

/* ----------------------------le div qui englobe le menu haut  */
#menuhaut
{
position:absolute;
left:63px;
top:238px;
width:780px;
height:14px;
background-image: url(../images/accueil/fond-menu-haut.gif);
background-repeat: no-repeat;
border-bottom:1px solid #A3A3A5;
}

#menuhaut a.lienmh
{
font-size:11px;
color:#021b4f;
text-decoration:none;
background-image:url(../images/puces/lien-mh.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding:0px 6px 0px 9px;
}

#menuhaut a.lienmh:hover
{
font-size:11px;
color:#A60318;
text-decoration:none;
}

#menuhaut a.contact
{
font-size:11px;
color:#021b4f;
text-decoration:none;
padding:0px 6px 0px 9px;
margin:0px;
}

#menuhaut a.contact:hover
{
font-size:11px;
color:#A60318;
text-decoration:none;
}

/* ----------------le div qui englobe le menu gauche */
div#menugauche
  {
   position:absolute;
   background-image: url(../images/accueil/menu-gauche.gif);
   background-repeat:no-repeat;
   left:63px;
   top:252px;
   width:212px;
   height:202px;
   z-index:1;   
  }
  
#tableaumenu
{
margin:20px 0px 0px 5px;
background-image:url(../images/accueil/fond-menug.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}  
  
/* ----------------le div qui englobe le contenu le paragraphe central */
div#contenu
  {
   position:absolute;
   left:275px;
   top:258px;
   width:398px;
   height:202px;
   z-index:1;
   font-size:12px;
   padding-top:16px;
   
   background-image:url(../images/fonds/contenu.gif);
   background-repeat:no-repeat;
   background-position: center -80px;
  }
  
div#contenu p
{
margin:0px 22px 10px 8px;
line-height:18px;
}
    
div#contenu strong
{
color:#162983;
}
  
    /* ----------------le div qui englobe l'actualite */
div#actu
  {
   position:absolute;
   left:673px;
   top:252px;
   width:172px;
   height:202px;
   z-index:1;
   text-align:left;
   background-image:url(../images/accueil/fond-actualite.gif);
   background-repeat:no-repeat;
   background-position:15px 24px;   
  }
  
  div#actu ul
{
border:1px solid #162983;
margin:20px 10px 10px 0px;
padding-top:24px;
padding-bottom:4px;
}
div#actu li
{
font-size:9px;
color:#162983;
list-style:none;
background-image: url(../images/accueil/li.gif);
background-repeat:no-repeat;
background-position:0px 8px;
padding-left:6px;
margin:0px 10px 0px 4px;
}

div#actu li a
{
font-size:9px;
color:#162983;
text-decoration:none;
}

div#actu li a:hover
{
font-size:9px;
color:#162983;
text-decoration:underline;
}
div#actu li a.red
{
font-size:9px;
color:red;
text-decoration:none;
}

div#actu>div>ul
{
margin:20px 10px 10px 0px;
padding-top:28px;
}
#actu>div>ul>li
{
background-position:0px 4px;
margin:0px 10px 4px -30px;
}

/* ----------------le div qui englobe les mentions legales */
div#footer
{
position:absolute;
left:674px;
top:460px;
height:24px;
font-size:11px;
background-image:url(../images/fonds/mention-legal.gif);
background-repeat:no-repeat;
background-position:-10px 18px;
}
/* ----------------le div qui englobe realisation pyxicom */
div#pyxicom
{
position:absolute;
left:696px;
top:490px;
background-image: url(../images/puces/logopyxicom.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:16px;
}
#pyxicom a
{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color:#797878;
text-decoration:none;
}
#pyxicom a:hover
{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color:#797878;
text-decoration:underline;
}