body{
	background-color: #33313E;
	color: white;
	font-family: verdana;
    margin: auto;
    width: 800px;
    background: #33313E url(/images/fond.jpg) no-repeat top center;
}

#content {
	/*border: 1px solid #9e59b5;*/
	margin: auto;
	margin-top: 1px;
	height: 100%;
	width: 800px;
	background-color: #33313E;
	font-size: 11px;
	color: white;
	font-family: verdana;
}

a                       { color: #2493AE; font-weight: bolder; text-decoration: none; }
a:visited               { color: #2493AE; }
a:hover                 { color: #FFF; }

/********************* BLOCK *******************************/
#contentTop             { width: 800px; height: 100px; margin-top: 40px; background-image: url(../../images/div/header_1.jpg); }
#contentTopNext         { width: 800px; height: 45px; margin: 0; background-image: url(../../images/div/header_2.jpg); text-align: left; }
#contentTopNext span    { margin-left: 10px; color: #779ECD; text-align: left; }
#contentMenu            { margin-left: 10px; width: 160px;  padding: 0px; }
#contentMenu span       { color: #779ECD; font-size: 100%; text-align: left; }
#contentMenu span a     { color: #779ECD; font-size: 100%; text-align: left; }   
#contentDyn             { width: 605px;  padding: 0px 25px 0px 0px; text-align: left; }
#contentDyn span        { color: #779ECD; text-align: left; }
#contentPage            { width: 800px;  padding: 0px; background: #47495E url(../../images/div/fond.jpg) repeat-y center top; padding-bottom: 20px; text-align: left; }
#contentBlock           { 
	margin-left: auto; 
	margin-right: auto; 
	
	padding: 2px; 
	 
	background: #47495E url(../../images/div/block.jpg) no-repeat center bottom; /* border: 1px solid #5E7899; */ 
	text-align: left; 
	font-size: 100%; 
}
#contentBlockTitle      { margin: 0px 0px 5px 0px; text-align: center; font-size: 110%; }
/***********************************************************/

#banniere{
	height: 60px;
}

#header{
	width: 800px;
	height: 135px;
}

#footer { 
    width: 800px;
    height: 80px;
    margin-bottom: 10px;
    background: #33313E url(/images/footer.jpg) no-repeat center top;
    text-align: center;
    font-size: 80%;
    color: #779ECD;
}



#contenuPage{
	width: 780px;
	margin: 0;

	padding: 10px 10px 10px 10px;
	background: #47495E url(/images/content.jpg) repeat-y center top;
}

  
#menu {
  float:left;
  width:100%;
  background:#DAE0D2 url(/images/themes/defaut/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#menu li {
  float:left;
  background:url(/images/themes/defaut/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#menu a {
  display:block;
  background:url(/images/themes/defaut/right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
#menu a:hover {
  color:#333;
  }
#menu .current {
  background-image:url(/images/themes/defaut/left_on.gif);
  }
#menu .current a {
  background-image:url(/images/themes/defaut/right_on.gif);
  color:#333;
  padding-bottom:5px;
  }

.clair{
	background-color: #47495E;
}

.liste li{
	padding: 3px;
}

/********************** CONTACT.php *********************************/

#contact{
	margin: auto;
}

.gras{
	font-weight: bolder;
}

.displayOn{
	display: table-row;
}
.displayOff{
	display: none;
}
/**************** Barre du haut *************************************/

#barreHaut{
	margin: auto;
    padding-left: 20px;
    width: 800px;
	height: 22px;
    vertical-align: middle; 
    text-align: center;
}
                     
#barreHaut span {
	margin-right: 35px;
	padding: 0;
	font-size: 10px;
    text-align: center;
	display: inline;
    float: left;
}

#barreHaut span .champs{
	height: 10px;
	font-size: 9px;
	vertical-align: middle;
}

#barreHaut span a{
	height: 10px;
	font-size: 9px;
	vertical-align: middle;
}

#barreHaut span #btnSub{
	font-size: 8px;
	vertical-align: middle;
}

/******************************** Inscripotion.php *****************************/

#inscription{
	margin: auto;
}

.obligatoire{
	color: crimson;
}
/****************** LES ANNONCEURS ******************************/

.annonceurs{
	border: 1px solid #804080;
	margin: 5px;
}

.blockFiche{
    background-color: #47495E;
    border: 1px solid #804080;
    padding: 10px;
    margin-bottom: 5px;
}

.blockFiche span{
	font-weight: bolder;
	color: #804080;
}

.blockFicheLogo{
	text-align: center;
	padding: 5px;
}
.blockFicheLogo img{
	border: 1px solid #804080;
}

#tabPub td{
	text-align: center;
}
/********************* les publicites *****************************/
.trClair{
	background-color: #47495E;
}

#divLiaison{
	border: 1px solid #755381;
	margin-top: 10px;
	margin-bottom: 10px;
}

#divLiaison ul li{
	margin: 5px;
}