/* CSS Document */
body, td {
	margin:0;
	padding:0;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align: center;
}

td {
	text-align:left;
	vertical-align:bottom;
}

/* --------------------------------------------------------- Calque principal */

#main {
  margin: 0 auto;
  width: 770px;
  text-align: left;
  margin-top: 30px;
  position:relative;
}

/* --------------------------------------------------------- Header */

#header {
	width:761px;
	/*width:770px;*/
	border-bottom:1px solid black;
	padding-bottom:18px;
/*	padding-top:100px;*/
}

#header h1 {
	padding:0;
	margin:0;
	background:url(../img/head_sparkling.gif) no-repeat;
	width:174px;
	height:192px;
}

#header h1 span {
	display:none;
}

#header h2 {
	display:none;
}

/* --------------------------------------------------------- Menu */

#men {
	width:346px;
	margin-top:172px;
	float:left;
	/*position:absolute;
	bottom:70px;*/
}

#ment {
	width:344px;
	margin-top:172px;
	/*background-color:#99FF33;*/
}

#men ul, #men ul li, #ment ul, #ment ul li {
	padding:0;
	margin:0;
}

#men ul, #ment ul {
	list-style:none;
}

#men ul li, #men ul li a, #ment ul li, #ment ul li a {
	float: left;	
	width:99%!important;
	width:100%;
	display:block;
}

#men ul li a, #ment ul li a {
	color:#000;
	background:#FFFFFF;
	text-decoration:none;
	padding:2px 0 2px 5px;
	font-weight:bold;
	height:17px;
}

#men ul li a:hover, #men ul li.current a, #ment ul li a:hover, #ment ul li.current a {
	color:#FFF;
	background:#000;
}


/* --------------------------------------------------------- Visuel (sur gabarit workB ~ consultation d'un travail) */

#visuel {
	width:346px;
	float:left;
	position:relative;
}

/* --------------------------------------------------------- Contenu */

#main table {
	width:100%;
	padding:0;
	border:none;
}

#main table table {
	width:inherit;
}

#content {
	float:left;
	width:410px!important;
	width:415px;
	padding:0px;
}

#contentw {
	padding:0px;
	width:426px;
}

#content p, #contentw p {
	padding:0 0 0 10px;
	margin:0;
}

#news p {
	padding:0;
	margin:0;
}

#content h3, #contentw h3 {
	padding:0px 10px 10px 14px;
	margin:0;
	font-size:1.2em;
}

#content h3.work, #contentw h3.work {
	background-color:#000000;
	margin-top:-14px;
	padding-top:7px;
	width:376px;
	text-transform:uppercase;
	color:white;
}

#content h4.flyers, #content h4.pictures, #content h4.map, #contentw h4.flyers, #contentw h4.pictures, #contentw h4.map {
	width:398px;
	height:17px;
	margin:10px 0 0 0;
	padding:0px;
}

#content h4.flyers, #contentw h4.flyers {
	background:url(../img/content_flyers.gif) no-repeat;
}

#content h4.pictures, #contentw h4.pictures {
	background:url(../img/content_pictures.gif) no-repeat;
}

#content h4.map, #contentw h4.map {
	background:url(../img/content_accessmap.gif) no-repeat;
}

#content h4 span, #contentw h4 span {
	display:none;
}

/* -------------------------- About us lists */
#content ul.aboutustools, #contentw ul.aboutustools {
	margin:10px 0 0 14px;
	padding:0 0 0 14px!important;
	padding:0 0 0 16px;
}

#content ul.aboutustools li:first-line, #contentw ul.aboutustools li:first-line { 
	font-weight: bold;
}

/* -------------------------- Works A list */
#worklisting {
	background-color:black;	
	min-height:259px;
	height:auto!important;	
	height:282px;	
	padding:5px 0px 5px 0px;
	width:415px;
	/*width:97%;*/
	/*width:426px;*/
}



#content ul.worksA, #content ul.worksA li ul, #contentw ul.worksA, #contentw ul.worksA li ul {
	margin:0;
	padding:0;
	text-transform:uppercase;	
	font-weight:bold;
	list-style:none;
}

#content ul.worksA li ul, #contentw ul.worksA li ul {
	margin:7px 0 0 0;
}

#content ul.worksA li ul li, #contentw ul.worksA li ul li {
	margin:0;
	padding:0;
}

#content ul.worksA li, #contentw ul.worksA li {
	margin:0 0 7px 0;
	padding:0;
}

#content ul.worksA li a, #contentw ul.worksA li a {
	background:url(../img/content_listbg1.gif) no-repeat;
	padding:0;
}

#content ul.worksA li ul li a, #contentw ul.worksA li ul li a {
	background:url(../img/content_listbg2.gif) no-repeat;
	/*padding:0 0 0 30px;*/
}

#worklisting ul.worksA li a {
	background:url(../img/content_listbg1.gif) no-repeat 0px -19px;
	padding:0 0 0 14px;	
}

#worklisting ul.worksA li ul li a {
	background:url(../img/content_listbg2.gif) no-repeat 0px -19px;
	padding:0 0 0 45px;
}

#content ul.worksA li a, #content ul.worksA li ul li a, #contentw ul.worksA li a, #contentw ul.worksA li ul li a {
	display:block;
	color:black;
	text-decoration:none;
}

#worklisting ul.worksA li a, #worklisting ul.worksA li ul li a {
	color:white;
	height:19px!important;
	height:20px;
	padding-top:1px;
}

#content ul.worksA li a:hover, #content ul.worksA li ul li a:hover, #contentw ul.worksA li a:hover, #contentw ul.worksA li ul li a:hover {
	background-position:0px -17px;
	color:white;
	text-decoration:none;
}

#worklisting ul.worksA li a:hover, #worklisting ul.worksA li ul li a:hover {
	background-position:0px 0px;
	color:black;
	text-decoration:none;
	height:19px!important;
	height:20px;
	padding-top:1px;
	border-top:none!important;
}



#content ul li, #contentw ul li {
	margin: 0 0 7px 0;
	padding:0;
}
#content img, #contentw img {
	margin-bottom:5px;
}

/* Vignettes des pictures */
#picturesvgn {
	padding:13px 8px 10px 8px;
	margin:4px 0 0 0;
	background-color:#000000;
}

#picturesvgn img {
	border:0;
}

/* Vignettes des flyers */
.flyers {
	float:left;
	margin:5px 5px 0 0;
	border:1px solid black;
}

/* Vignettes des news */
.newsvgn {
	float:left;
	margin:0 14px 5px 0;
	border:1px solid black;
}

/* Bouton de retour */
img.backbtn {
	position:absolute;
	top:-20px;
	left:360px;
	border:0;
}

/* Dates de news */
.newsdate {
	font-weight:bold;
}

/* Partie gauche dans contact (abbréviations)*/
.contactabrev{
	float:left;
	width:60px;
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
}

.contactadet{
	float:left;
}

/* Suppresseur/Reinitialisateur de float */
.clr {
	clear:both;
}

/* Formulaires */
#saisie input {
	border:1px solid black;
	padding:3px;
	margin-top:5px;
}

/* --------------------------------------------------------- Footer */

#footer {
	clear:both;
	border-top:1px solid black;
	padding-top:10px;	
	height:50px;
	margin-left:346px;
	/*margin-left:361px;*/
	width:415px;
}

#footer ul, #footer ul li {
	padding:0;
	margin:0;
}

#footer ul {
	list-style:none;
}

#footer ul li, #footer ul li a {
	float:left;
	height:10px;
	display:block;
}

#footer ul li a span {
	display:none;
}

#footer ul li.mentions a {
	background: url(../img/footer_mentions.gif) no-repeat;
	width:104px;
}

#footer ul li.vieprivee a {
	background: url(../img/footer_vieprivee.gif) no-repeat;
	width:60px;
}

#footer ul li.powered a {
	background: url(../img/footer_pixelis.gif) no-repeat;
	width:111px;
}

.footerhead {
	width:164px;
	position:relative;
	left:235px;
}

.footerfoot {
	float:inherit;
	width:111px;
	position:relative;
	left:288px;
	top:6px;
}
h1 {
	color:#FFFFFF;
	background:#000000;
	font-size:100%;
	padding:1px;
	margin:0 0 4px 0;
}
h2 {
	font-size:90%;
	padding:1px;
	margin:0;
}
h2 a {
	color:#FFFFFF;
	background:#000000;
	text-decoration:none;

}
h2 a:hover {
	color:#000000;
	background:#FFFFFF;
}
.bodytext { 
	//padding:2px 0 2px 0; 
	margin:0px;
	text-indent:0;
}
.imgtext-table {
background:#000;
}
#content ul.worksA, #content #news, h3, #contentw ul.worksA, #contentw #news {
	margin-top:14px;
}
#content table, #contentw table {
font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}
#content table p, #contentw table p{
padding-bottom:10px;
}