/*-----------------------------------------------------------------------------------------------
  MASQUAGE DES SOUS MENUS
-----------------------------------------------------------------------------------------------*/
#msociete, #mprestations, #mreferences, #mcontact {
	visibility: hidden;
	}


body	{
	margin: 0;
	padding: 0;
	background: #F6F5EC url(/i/c/fdhaut.gif) repeat-x;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	color: #000;	
	}
	


	
#wrapper	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 775px;
	text-align: left;
	}


.hide	{
	display: none;
	}	

/*-----------------------------------------------------------------------------------------------
  BANDEAUX HAUT
-----------------------------------------------------------------------------------------------*/
/* Accueil */
#bdoacc	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdoacc.jpg) top right no-repeat;
	}
/* Societe */
#bdosoc	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdosoc.gif) top right no-repeat;
	}

/* Prestation */
#bdopre	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdopre.gif) top right no-repeat;
	}
/* References */
#bdoref	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdoref.jpg) top right no-repeat;
	}
/* Contact */
#bdocnt	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdocont.jpg) top right no-repeat;
	}
/* Espace Clients */
#bdoli	{
	margin: 0;
	padding: 0;
	width: 775px;
	height: 240px;
	background: transparent url(/i/c/bdocli.jpg) top right no-repeat;
	}


/* Logo Société */
#logo	{
	margin:0;
	padding: 0;
	border: 0;
	width:226px;
	height:240px;
	background: transparent url(/i/c/logoo.gif) top left no-repeat;
	cursor: pointer;
	overflow: hidden;
	float: left;
	}

/* Affichage de la date */
#date	{
	width: 519px;
	height: 32px;
	margin: 0;
	padding : 208px 0 0 0;
	border: 0;
	font: italic 18px/32px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	text-align: left;
	float: right;
/* padding : 208px 0 0 250px; */
	}

div#logo h1	{
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 50px;
	overflow: hidden;
	height: 0px !important; /* pour tout les navigateurs */
	height /**/:240px; /* pour pre IE 6.0 Win */
	display: none;
	}


/*-----------------------------------------------------------------------------------------------
  CONTENU
-----------------------------------------------------------------------------------------------*/
#main	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/*-----------------------------------------------------------------------------------------------
  NAVIGATION
-----------------------------------------------------------------------------------------------*/
#menu	{
	width: 226px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(/i/c/fdm.gif) top left repeat-y;
	float: left;
	}

#mhaut	{
	width: 226px;
	height: 6px;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(/i/c/hmenu.gif) top left no-repeat;
	}

#mbas	{
	width: 226px;
	padding: 0 0 10px 0;
	margin: 0;
	border: 0;
	background: url(/i/c/fdbm.gif) bottom left no-repeat;
	}

#nav	{
	width: 226px;
	padding: 6px 0 0 0;
	margin: 0;
	border: 0;
	}

#nav ul	{
	border: 0;
	margin: 0;
	padding: 0 17px;
	list-style: none;
	}

#nav li	{
	display: block;
/*	height: 35px; */
	line-height: 35px;
	padding: 0;
	margin: 0;
	border-bottom: 2px dotted #C8C7B7;
	}

/* Derniere ligne pointille masquer */
#nav li.mfin	{
	border:0;
	}


#nav li a	{
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	display: block;
	font: normal 14px/35px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	}

#nav li a:link	{
	color: #000;
	}

#nav li a:visited	{
	color: #000;
	}

#nav li a:hover	{
	background-color: #F6F5EC;
/*	color: #00A6FF; */
	}


/*-----------------------------------------------------------------------------------------------
  SOUS MENU
-----------------------------------------------------------------------------------------------*/
#msociete, #mprestations, #mreferences, #mcontact	{
	text-align: left;
	width: 210px;
	position: absolute;
	border: solid #C8C7B7 1px;
	font: normal 14px/25px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	background: #E5E4D2;
	}

#msociete li, #mprestations li, #mreferences li, #mcontact li	{
	border-bottom: 1px solid #C8C7B7;
	}

#msociete ul, #mprestations ul, #mreferences ul, #mcontact ul	{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#msociete a, #mprestations a, #mreferences a, #mcontact a	{
	margin: 0;
	text-decoration: none;
	color: #000;
	padding: 0 10px;
	display: block;
	width: 190px;
	}

#msociete a:link, #mprestations a:link, #mreferences a:link, #mcontact a:link	{
	color: #000;
	}

#msociete a:visited, #mprestations a:visited, #mreferences a:visited, #mcontact a:visited	{
	color: #000;
	}

#msociete a:hover, #mprestations a:hover, #mreferences a:hover, #mcontact a:hover	{
	background-color: #F6F5EC;
	}

#msociete	{	 
	margin: 41px 0 0 224px;
	}

#mprestations	{
	margin: 78px 0 0 224px;
	}

#mreferences	{
	margin: 152px 0 0 224px;
	}


#mcontact	{
	margin: 230px 0 0 224px;
	}


/*-----------------------------------------------------------------------------------------------
  CONTENU PRINCIPAL
-----------------------------------------------------------------------------------------------*/
#contenu	{
	/*	width: 519px; */
	width: 500px;
	margin: 0 0 0 256px;
	padding: 25px 0 0 0;
	font: normal 14px/20px Helvetica, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#contenu a	{
	font: bold 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #993400;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	}

#contenu h1	{
	font: normal 24px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #993400;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	}

#contenu h2	{
	font: normal 18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #993400;
	margin: 0;
	padding: 0;
	}

#contenu h3 {
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px dotted #993400;
}

#contenu h4	{
	font: bold 16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 3px;
	margin: 0;
	padding: 0 0 5px 0;
	border: 0;
	}
	
.separateur	{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
/*	width: 519px; */
	height: 15px;
	background: transparent url(/i/c/tiret.gif) no-repeat;
	}

#contenu a.mail	{
	color: #993400;
	text-decoration: none;
	border-bottom: 1px dashed #993400;
	font-weight: bold;
	letter-spacing: 1px;
	}

#contenu a.mail:hover {
	color: #993400;
	text-decoration: none;
	border: 0;
	}

#contenu h4#soc {
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
}
	
#contenu p	{
	line-height: 22px;
	}

#contenu p#pp	{
	margin: 0;
	padding: 0 0 0 0;
	}

#contenu dl	{
	margin: 0;
	padding: 10px 0 0 0;
	}

#contenu dt	{
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px dotted #993400;
	}

#contenu dd	{
	line-height: 22px;
	margin: 0;
	padding: 0 0 20px 20px;
	}

#contenu ul	{
	border: 0;
	margin: 0 0 15px 0;
	padding: 0 10px;
	list-style: none;
	}

#contenu li	{
	padding: 0 0 8px 0;
	margin: 0;
	}
	
#contenu ul.pres	{
	border: 0;
	margin: 0 0 15px 0;
	padding: 8px 0;
	list-style: none;
	}

#contenu li.pres	{
	padding: 0;
	margin: 0;
	}
	
#pres a	{
	display: block;
	margin: 0;
	padding: 0 5px;
	border: 0;
	text-decoration: none;
	color: #000;
	letter-spacing: 1px;
	background: #FAF9F4;
	}

#pres a:link	{
	color: #000;
	letter-spacing: 1px;
	}

#pres a:visited	{
	color: #000;
	}

#pres a:hover	{
	color: #993400;
	} 
		
/*-----------------------------------------------------------------------------------------------
  VIGNETTES REFERENCES
-----------------------------------------------------------------------------------------------*/	
div.picac img.tn	{
	background-color: #DDDCD4;
	padding: 5px;
	margin: 0 0 10px 0;	
}

div.picac img.tn:hover	{
	background-color: #993400;
}

div.picac	 {
	margin: 5px 0;
	padding: 0;
	clear: both;
	float: right;
	}

div.picac a	{
	float: center;
	}

div.picac img	{
	border: 5px #DDDCD4;
	}



/*-----------------------------------------------------------------------------------------------
  PIED DE PAGE
-----------------------------------------------------------------------------------------------*/
#footer		{
	clear: both;
	margin: 30px 25px 25px 25px;
	}
	
	
#footer p a:link, #footer p a:visited, #footer p a:hover	{
	color: #993400;
	}

#footer p a:active	{
	color: #000;
	}
	
#footer p 	{
	text-align:right;
	font-size: 11px;
	color: #993400;
	}