body 
{
  background: #FFF;
  font-size: 80% ;
  font-family: Arial, Helvetica, sans-serif;  
  }	
* {
  margin: 0 ; 
  padding: 0 ;
  }  
img {border: 0}

/*structure de la mise en page*/

div#container	{
  margin: 0 auto;
  width: 770px;
  }
div#header {
  padding: 3px 5px;
  }
  
div#maincontent {
  background: url(img/back-home.jpg) no-repeat right top;
  width: 770px;
  height: 220px;
  border-bottom: 1px solid #FFF;
  }
div#maincontent div {
  padding: 30px 10px 10px 350px;
  }
  
div#nav {
  float: left;
  background: url(img/back-nav.gif) repeat-y;
  width: 195px; 
  height: 310px; /*il faut définir de la hauteur s'il n'y a pas assez d'elements de navigation pour éviter d'avoir du blanc en bas ; s'il y a plus de liens, il faut supprimer*/  
  }
div#nav ul {
  list-style : none;
  padding-left: 30px;
  }

div#secondarycontent {
  float: left;
  width: 575px;
  }
div#offre, div#partenaires {
  float: left;
  width: 375px;
  }
div#offre {
  background:transparent url(img/back-offre.gif) repeat-x;
  height: 129px;
  }
div#offre div {
  background: url(img/back-ministe.gif) no-repeat top right;
  height: 130px;
  margin-top: 10px;
  }

div#acces, div#maries {
  float: left;
  width: 200px;
  }
div#acces {
  background:#e2d5e0 url(img/back-recherche.gif) no-repeat bottom right;
  height: 190px;
  }

div#partenaires ul{
  list-style : none;  
  }
div#partenaires ul li { /*si on rajoute d'autres partenaires faut modifier ici pour regler la mise en page*/
  display: block;
  float: left;
  padding: 10px;
  }
  
div#footer 
{
  clear: both;
  background-color: #5D0032;
  height: 15px;
  text-align: center;
}
div#footer li {
  list-style : none; 
  }

/*positionnement des boutons*/
div#maincontent div a.boutonfond {
 margin: 5px 0 0 180px;
}
div#offre div a.bouton {
 margin: 20px 50px;
}

/* menu*/
div#nav li {
  display: block;
  padding: 10px 0;
  }
div#nav li a:link, div#nav li a:visited  { 
 display: block;
 padding-left: 8px;
 background: url(img/fleche-off.gif) no-repeat 1px; 
 color: #656565;
 text-decoration: none;
 white-space: nowrap;
 }
div#nav li a:hover {
 background: url(img/fleche-on.gif) no-repeat 1px; 
 color: #5D0032;
 text-decoration: underline;
 }

/*menu footer*/
div#footer li {
  display: inline;  
  text-align: center;
  }
div#footer li a:link, div#footer li a:visited  { 
 color: #E4D0DB;
 text-decoration: none;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 padding: 0 10px;
 border-right: 1px solid #E4D0DB;
 }
div#footer li a:link.last, div#footer li a:visited.last{ 
 border-right: none;
 }
div#footer li a:hover { 
 text-decoration: underline;
 }


/*liens sur les boutons*/
a.boutonfond, a.bouton {  
 display: block;
 width : 138px;
 height: 30px;
 color: #FFF;
 text-decoration: none;
 text-align: center;
 }
a.boutonfond {  
 background: url(img/bouton-fond.gif) no-repeat; 
 font: bold 11px Arial, Helvetica, sans-serif;
 line-height: 25px;
 }
a.bouton {  
 background: url(img/bouton.gif) no-repeat; 
 width : 138px;
 height: 30px;
 font: bold 12px Arial, Helvetica, sans-serif;
 line-height: 25px;
 }

/*mise en forme des textes*/
div#maincontent h1 {
  text-indent: -1000em;
  }
div#maincontent p {
  text-align: right;
  font: italic bold 1.3em/1.2em Arial, Helvetica, sans-serif; 
  color: #663366;
  padding-bottom :5px;   
  }
p.barre {
  height: 15px;
  background-color: #5D0032;
  border-right: 1px solid #FFF;   
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font: bold 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 10px;  
  }
div#acces p.barre, div#maries p.barre {
  border-right: none;   
  }
p.textpromo {   
  font: 1.1em/1.2em Arial, Helvetica, sans-serif;
  padding: 20px 220px 0 10px;
}
div#acces table, div#maries table {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  border-left : 1px solid #B8AEB7;
}
div#acces table td, div#maries table td {
  padding: 0 0 0 5px;
}
div#copyright 
{
 text-align: right;
 font-size: 11px;
 color: #999;
 padding: 5px;
}
td#leftbanner
{
	vertical-align: bottom;
	text-align: left;
}