body {
  position:relative;
  z-index:0;
  margin:0;
  padding:0;
  width:983px;
  background:white url(/images/md_fond.gif) repeat-y 715px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

a {
  color:#3E8ABD;
}

a img, #carte, #header li#copyright a, #profils, #listepros {
  border:none;
}

#header, #menu_haut, #menu_droite, #actualites ul, #rubriques ul, #liste_profil, #liste_profil li ul, #rubriques li ul, #menu_professionels, #contact ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#petit_poucet {
  padding-bottom:10px;
}

#header {
  position:relative;
  z-index:2;
  background-color:white;
  height:31px;
  width:100%;
}

#menu_haut {
	position:relative;
	z-index:1;
	height:24px;
	padding:162px 0 10px 0;
	width:100%;
	background:transparent url(/images/mh_fond.jpg) no-repeat top left;
	background-image: url(/images/mh_fond.gif);
}

#menu_haut2 {
	position:relative;
	z-index:1;
	height:24px;
	padding:162px 0 10px 0;
	width:100%;
	background:transparent url(/images/mh_fond_cmat.jpg) no-repeat top left;
	background-image: url(/images/mh_fond_cmat.gif);
}
#centre {
  position:relative;
  z-index:3;
  float:left;
  width:100%;
  background:transparent url(/images/c_fond.jpg) no-repeat top left;
}

#menu_droite {
  position:absolute;
  width:279px;
  top:0;
  left:716px;
  padding:0 0 2em 0;
}

#header li, #menu_haut li,  #menu_droite li, #rubriques ul li, #liste_profil li, #rubriques ul li ul li, #menu_professionels li, #contact ul li {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#header li, #menu_haut li, #menu_professionels li {
  float:left;
}

#header li#abordons img {
  vertical-align:bottom;
}

#petit_poucet, #menu_professionels {
  font-size:11px;
  color:#A1A1A1;
}

#menu_professionels {
  position:absolute;
  top:0px;
  left:-190px;
  width:710px;
  height:40px;
  background:transparent url(/images/pm_fond.gif) repeat-x 0 -1px;
}

#menu_professionels li:first-child {
  border-width:0 0 0 1px;
  border-style:solid;
  border-color:#A1A1A1;
}

#menu_professionels li a {
  color:#A1A1A1;
  text-decoration:none;
  line-height:22px;
  padding:0 1.5em;
}

#menu_professionels li a:hover {
  text-decoration:underline;
}

#menu_haut li {
  height:24px;
}

#rubriques {
  width:192px;
  background:transparent url(/images/mg_fond_bas.gif) no-repeat bottom left;
  padding-bottom:20px;
}

#rubriques ul {
  background:transparent url(/images/mg_fond.gif) repeat-y 0 0;
}

#rubriques ul li {
  position:relative;
  z-index:7;
  width:178px;
  height:34px;
  padding:8px 0 8px 8px;
  vertical-align:top;
}

#rubriques ul li a {
  display:block;
  width:160px;
  color:black;
  padding:0 5px;
  text-decoration:none;
  line-height:34px;
  background-position:140px 50%;
  background-repeat:no-repeat;
}

#rubriques ul li a.deux {
	line-height:normal;
	padding-top: 2px;
}

#rubriques ul li a.trois {
	line-height:normal;
	padding-top: 0px;
}

#rubriques ul li a.rouge {
  background-image:url(/images/c_rouge.gif);
}

#rubriques ul li a.vert {
  background-image:url(/images/c_vert.gif);
}

#rubriques ul li a.violet {
  background-image:url(/images/c_violet.gif);
}

#rubriques ul li a.orange {
  background-image:url(/images/c_orange.gif);
}

#rubriques ul li a.bleu {
  background-image:url(/images/c_bleu.gif);
}

#rubriques ul li a.cyan {
  background-image:url(/images/c_cyan.gif);
}

#rubriques ul li a:hover {
  text-decoration:underline;
}

#rubriques ul li ul {
  display:none;
  position:absolute;
  top:0;
  left:180px;
  width:200px;
  background:white;
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:black;
  font-size:11px;
}

#rubriques ul li:hover > ul {
  display:block;
}

#rubriques ul li ul li {
  background-image:none;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  line-height:normal;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:black;
}

#rubriques ul li ul li a {
  margin:0;
  padding:5px;
  width:auto;
  height:100%;
  line-height:normal;
}

#header li a {
  display:block;
  text-decoration:none;
  color:black;
  text-align:center;
  line-height:18px;
  margin:7px 0 0 0;
  padding:0 14px 0 14px;
  border-width:0 1px 0 0;
  border-style:solid;
  border-color:black;
}

#header li a:hover {
  text-decoration:underline;
}

#menu_haut li a {
  display:block;
  height:24px;
  background-position:top left;
  background-repeat:no-repeat;
}

#menu_droite li a img{
  vertical-align:top;
}

#menu_haut li#mh_particuliers a {
  width:105px;
  background-image:url('/images/mh_particuliers.gif');
}

#menu_haut li#mh_particuliers a:hover, #menu_haut li#mh_particuliers a.on {
  background-image:url('/images/mh_particuliers_on.gif');
}

#menu_haut li#mh_26ans a {
  width:139px;
  background-image:url('/images/mh_26ans.gif');
}

#menu_haut li#mh_26ans a:hover, #menu_haut li#mh_26ans a.on {
  background-image:url('/images/mh_26ans_on.gif');
}

#menu_haut li#mh_professionnels a {
  width:119px;
  background-image:url('/images/mh_professionnels.gif');
}

#menu_haut li#mh_professionnels a:hover, #menu_haut li#mh_professionnels a.on {
  background-image:url('/images/mh_professionnels_on.gif');
}

#menu_haut li#mh_entreprises a {
  width:97px;
  background-image:url('/images/mh_entreprises.gif');
}

#menu_haut li#mh_entreprises a:hover, #menu_haut li#mh_entreprises a.on {
  background-image:url('/images/mh_entreprises_on.gif');
}

#menu_haut li#mh_plaisance a {
  width:84px;
  background-image:url('/images/mh_plaisance.gif');
}

#menu_haut li#mh_plaisance a:hover, #menu_haut li#mh_plaisance a.on {
  background-image:url('/images/mh_plaisance_on.gif');
}

#menu_haut li a span{
  display:none;
}

#header li a #logo {
  position:absolute;
  top:0;
  left:9px;
}

div.contenu {
	position:absolute;
	z-index:0;
	width:480px;
	min-height:518px;
	top:0;
	left:195px;
	padding:10px 20px 25px 20px;
}

#professionnels {
  padding-top:20px;
}

#accueil {
  left:0;
  padding:15px;
}

#menu_gauche {
  position:relative;
  z-index:10;
  top:0;
  left:5px;
  width:192px;
}

#menu_gauche.accueil {
  top:277px;
}

#actualites {
  background:transparent url(/images/ba_milieu.gif);
  width:186px;
  margin:0 0 0 6px;
  font-size:11px;
}

#actualites h1 {
  background:transparent url(/images/ba_haut.gif) no-repeat top left;
  margin:0;
  padding:10px 0 0 0;
}

#actualites h1 img {
  padding:10px 10px 10px 15px;
}

#actualites ul {
  background:transparent url(/images/ba_bas.gif) no-repeat bottom left;
  padding:0 15px 10px 15px;
}

#actualites ul li{
  padding:0 0 1em 0;
}

#perso {
  float:none;
}

#perso img {
	position:absolute;
	top:0;
	left:1px;
	height: 162px;
	width: 982px;
}

#persocmat img {
	position:absolute;
	top:0;
	left:2px;
	height: 162px;
	width: 982px;
}

#persocmbn img {
	position:absolute;
	top:0;
	left:3px;
	height: 162px;
	width: 981px;
}

#persocmlso img {
	position:absolute;
	top:0;
	left:3px;
	height: 162px;
	width: 981px;
}

#persocmnord img {
	position:absolute;
	top:0;
	left:3px;
	height: 162px;
	width: 981px;
}

#persocmmed img {
	position:absolute;
	top:0;
	left:3px;
	height: 162px;
	width: 981px;
}

#persocmsc img {
	position:absolute;
	top:0;
	left:3px;
	height: 162px;
	width: 981px;
}

#liste_profil {
  float:left;
  width:100%;
}

#liste_profil li {
  position:relative;
  width:230px;
  margin:0 4px;
  float:left;
  background:transparent url(/images/pb_fond.gif);
}

#liste_profil li a {
  color:black;
  text-decoration:none;
}

#liste_profil li a:hover {
  text-decoration:underline;
}

#liste_profil li h1 {
  position:relative;
  z-index:0;
  overflow:visible;
  margin:0;
  color:white;
  padding:10px 0 5px 10px;
  font-size:12px;
  height:25px;
  line-height:25px;
  background-repeat:no-repeat;
  background-position:top left;
}

#liste_profil li h1.rubrique {
  line-height:normal;
}

#liste_profil li.rouge h1 {
  background-image:url(/images/pb_rouge.gif);
}

#liste_profil li.vert h1 {
  background-image:url(/images/pb_vert.gif);
}

#liste_profil li.violet h1 {
  background-image:url(/images/pb_violet.gif);
}

#liste_profil li.orange h1 {
  background-image:url(/images/pb_orange.gif);
}

#liste_profil li.bleu h1 {
  background-image:url(/images/pb_bleu.gif);
}

#liste_profil li.cyan h1 {
  background-image:url(/images/pb_cyan.gif);
}

#liste_profil li h1 img {
  position:absolute;
  top:0;
  right:0;
  margin:15px;
}

#liste_profil li ul {
  padding-bottom:23px;
  background:transparent url(/images/pb_bas.gif) no-repeat bottom left;
  color:red;
  height:170px;
}

#liste_profil li ul li{
  margin:5px 15px 5px 30px;
  padding:0;
  background:none;
  list-style-type:disc;
  display:list-item;
  float:none;
  width:auto;
  height:auto;
}

#liste_profil li.rouge ul li{
  list-style-image: url(/images/f_rouge.gif);
}

#liste_profil li.vert ul li{
  list-style-image: url(/images/f_vert.gif);
}

#liste_profil li.violet ul li{
  list-style-image: url(/images/f_violet.gif);
}

#liste_profil li.orange ul li{
  list-style-image: url(/images/f_orange.gif);
}

#liste_profil li.bleu ul li{
  list-style-image: url(/images/f_bleu.gif);
}

#liste_profil li.cyan ul li{
  list-style-image: url(/images/f_cyan.gif);
}

#page {
  width:465px;
  margin:0 8px 1.5em 7px;
}

#page p {
  padding-left:2em;
  margin:0;
}

#page h1 {
  position:relative;
  z-index:0;
  padding-left:1em;
  font-size:14px;
}

#page h1 img {
  position:absolute;
  top:0;
  right:0;
  margin:10px;
}

#page h2 {
  font-size:18px;
}

#page h3 {
  font-size:12px;
  padding-left:2em;
  margin:1em 0 0 0;
}

#page ul {
  margin:0 0 0 4em;
  padding:0;
}

#page h1 {
  color:white;
  height:35px;
  line-height:35px;
}

#page.rouge h1 {
  background:#C62C28 url(/images/pt_rouge.gif) no-repeat top left;
}

#page.vert h1 {
  background:#569B48 url(/images/pt_vert.gif) no-repeat top left;
}

#page.violet h1 {
  background:#7A54A1 url(/images/pt_violet.gif) no-repeat top left;
}

#page.orange h1 {
  background:#F2B841 url(/images/pt_orange.gif) no-repeat top left;
}

#page.bleu h1 {
  background:#2066C2 url(/images/pt_bleu.gif) no-repeat top left;
}

#page.cyan h1 {
  background:#39A99A url(/images/pt_cyan.gif) no-repeat top left;
}

#page.rouge h2, #page.rouge h3 {
  color:#C62C28;
}

#page.vert h2, #page.vert h3 {
  color:#569B48;
}

#page.violet h2, #page.violet h3 {
  color:#7A54A1;
}

#page.orange h2, #page.orange h3 {
  color:#F2B841;
}

#page.bleu h2, #page.bleu h3 {
  color:#2066C2;
}

#page.cyan h2, #page.cyan h3 {
  color:#39A99A;
}

#centre #professionnels #listepros {
	display:block;
	margin:auto;
}

#contact {
  display:block;
  margin:0 0 0 0;
  color:#000;
  font-size:11px;
  width:42em;
}

#accuse, #contact #aff, #contact #choixmail, #contact #choixtel {
	display:none;
}

#contact FIELDSET {
	margin:0 0 2em 0;
	padding:0 0 1em 0;
	border:1px solid #CCC;
}

#contact LEGEND {
	font-size:1.6em;
	color:#F70;
	margin-left:.5em;
	padding:0 .2em .7em .1em;
}

#contact label, #contact div.label {
  display:block;
  float:left;
  width:11em;
  text-align:right;
  padding:0 1em 0 0;
  font-weight:bold;
  height:17px;
}

#contact label.ligne {
	display:block;
	margin-left:2em;
	text-align:left;
	width:38em;
}

#contact label.ville {
	display:inline;
	float:none;
	margin-left:1em;
}

#contact ul li {
  padding:2px 0;
}

#contact ul li.phrase {
  text-align:center;
  font-weight:bold;
}

#contact input {
  height:15px;
}

#contact input, #contact select, #contact textarea {
  width:25em;
  color:#000;
  font-size:11px;
  margin:0;
  padding:0;
  border-style:solid;
  border-width:1px;
  border-color:#999 #DDD #DDD #999;
}

#contact input.little {
  width:5em;
}

#contact input.medium {
  width:15em;
}

#contact input.radio {
  width:auto;
  border:none;
  vertical-align:middle;
}

#contact input#envoyer {
	display:block;
	margin:auto;
	padding:2px 4px 3px 4px;
	width:auto;
	height:auto;
	font-weight:bold;
	background:#C8C9EA;
	border:1px outset;
}

div.contenu2 {
  position:absolute;
  z-index:0;
  width:664px;
  min-height:518px;
  top:0;
  left:664px;
  padding:10px 20px 25px 20px;
}