html, body {
	background:#d7f1fe url(../images/degrade.png) repeat-x;
	width:100%;
}

div#container {
	background:url(../images/buildingshaut.gif) no-repeat center bottom;
	font:0.95em Helvetica, Arial, sans-serif;
	min-height:200px;
	margin:0 auto;
	width:100%px;
}

div#content {
	margin:0 auto;
	width: 856px
}

div#extra {
	background:url(../images/buildingsbas.gif) no-repeat center bottom;
	clear:both;
	height:448px;
	margin:0 auto;
	width:100%;
}

div#nav1 {
	float:left;
	margin: 0 0 0 25px;
}

#nav1 ul {
	margin-left: -11px;
}

#nav1 ul li {
	float:left;
	font:bold 0.9em Helvetica, Arial, sans-serif;
	height:29px;
	margin: 0 9px 0 0;
	width:101px;
}

#nav1 ul li a {
	background:url(../images/sprite2_02.png) no-repeat -2px 0;
	color:#fff;
	display:block;
	height:29px;
	padding-top:0.5em;
	text-align:center;
	text-decoration:none;
	width:101px;
}

#nav1 ul li a:hover, #nav1 ul li a.active {
	background:url(../images/sprite2_02.png) no-repeat -112px 0;
}

div#article {
	background:#d7f1fe url(../images/degrade.png) repeat-x 0 -6.5em; 
	float: left;
	font:0.85em Helvetica, Arial, sans-serif;
	margin: 25px 0 0 15px;
	min-height:222px;
	padding: 5px 0 0 0;
	width:536px;
}

div#content p {
	line-height: 17px;
	padding:0 0 1em;
}

div#article a {
	color: #5392d0;
	text-decoration:none;
}

div#article a:hover {
	color: #BA2511;
	text-decoration:underline;
}

div#Images {
 width:499px;
 }

div.gallery {
	background: #93C0E7;
	margin:0 auto;
	padding: 4px;
	width:413px;
}


/* -- player audio + video Youtube-- */

div#article ul.file_download_list, div.video p+p {
	margin: 0.5em 0 0 80px;
}

div#article ul.file_download_list li {
	clear: both;
}

div#article p.track {
	float: left;
	padding-top: 1.3em;
}

div#article span.play a {
	background: url(../images/play_pause.png) no-repeat 4px 0;
	display: block;
	float: left;
	height:50px;
	text-decoration: none;
	width:50px;
}

div#article span.pause a {
	background: url(../images/play_pause.png) no-repeat -48px 0;
	display: block;
	float: left;
	height:50px;
	text-decoration: none;
	width:50px;
}

div.video h5 {
  margin: 8px 0 10px 15px;
}

.video p {
  clear:both;
  margin-left: 80px;
}

.video .blogSeparator {
  width: 490px;
}

div#Medias h3 {
  		margin:10px 0 0 15px;
}


/* -- end player audio + video Youtube -- */

div#article a span.nodisplay {
 visibility: hidden;
	text-decoration: none;
}

div#footer {
		background:#0f1113;
		color:#fff;
		font:0.85em Helvetica, Arial, sans-serif;
		margin:0 auto;
		padding: 5px 0 10px 0;
	  width:100%;
}

div#footer div {
	margin:0 auto;
	width:835px;
}

div#footer p {
	padding:5px 0 0 0;
	text-align: center;
}

div#footer p.credits {
	font:normal 0.8em Helvetica, Arial, sans-serif;
	color:#e1e1e1;
}

div#footer p.credits a {
	color:#e1e1e1;
}

.nofloat {
	clear:both;
}

.blogSeparator {
	background: url(../images/dot.gif) repeat-x;
	margin-top: 1em;

}

div#content p.date {
	padding: 0 0 3px 0;
}

.permalien {
	float:right;
	font-size:0.85em;
	margin-top:-0.4em;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	color:#FEEB13;
	text-decoration:underline;
}

div#Media, div#Blog, div#Links, div#Images, div#Bio, div#default, div#error_404, div#Contact {
	float:left;
	margin: 5px 15px 0 15px;
}

div#EN {
	float:left;
	margin: 5px 0px 0 0px;
	width:250px;
}


h1 a {
	background:url(../images/logo.png) no-repeat;
	display: block;
	float:left;
	height: 203px;
	text-indent:-9999px ;
	width: 224px;
}

h3 {
		color: #090053;
		font: bold 1.5em Helvetica, Arial, sans-serif;
		margin:0 0 1em 0;
}

h4 {
		color: #5392d0;
		font: bold 1.2em Helvetica, Arial, sans-serif;
		padding:0 0 0.5em 0;
}

h5 {
		color: #5392d0;
		font: bold 1.2em Helvetica, Arial, sans-serif;
		margin: 0 0 0 15px;
		float: left;
		}

div.commentaires h5 {
 float: none;
 margin: 0 0 1em 0;
}

p strong {
	color: #090053;
	font-weight: bold;
}

ul.mitBullets {
  list-style-type: square;
  margin: 0 0.8em 1em 1em;
}

ul.comments_error {
  color: #dd0000;
  font-weight: bold;   
}

ol li.comment {
 list-style-type: decimal;
 margin-left: 1.5em;
}

div.commentsForm table {
	border-spacing:5px;
}

div.commentsForm td.labels {
	text-align: right;
	vertical-align: top;
	padding-right: 10px; 
	padding-top: 5px;
}

/* ----- styles formulaire de contact ----*/

form.zemContactForm legend {
	display: none;
}

form.zemContactForm table {
	border-spacing: 5px;
}

form.zemContactForm table tr td.align {
	vertical-align: top;
	text-align: right;
	padding-top: 5px;
}

div.zemThanks {
 background: #399F27;
 color: #fff;
 font: normal 1.5em Helvetica, Arial, sans-serif;
 padding: 15px;
 text-align: center;
}