body {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	background: url(/data/images/hachures.png) #f8f8f8;
	color: #000;
	margin: 0;
	padding: 0;
	}

.header	{
	padding: .2em;
	color:#fff;
	background: #ff8000;
	}

.cellule	{
	padding: .2em;
	background: #d0d0d0;
	}

.cellulefoncee	{
	padding: .2em;
	color: #fff;
	background: #808080;
	}

#logo	{
	margin: .5em 0 2.8em;
	_margin: .5em 0 1em;
	height: 7em;
	}

h1	{
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 180%;
	letter-spacing: .2em;
	margin: 0;
	padding: .5em 0 0 2.8em;
	height: 2.5em;
	background: url(/data/images/fleche_grise.png) no-repeat top left;
	text-align: left;
	line-height: 120%;
	}

h2	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;	
	letter-spacing: .1em;
	color: #404040;
	text-align: left;
	}

h3	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;	
	text-align: left;
	margin-top: 2em;
	}

img	{
	border: none;
	}
	
em,i	{
	letter-spacing: .1em;
	}

ul	{
	list-style-type: none;
	}

ul li	{
	background: url(/data/images/fleche_tiny.png) no-repeat 0 .4em;
	margin: 0 0 .5em -2em;
	padding: 0 0 0 1.5em;
	}
	
ol li	{
	margin: 0 0 .5em 0;
	padding-left: 0;
	}
	
input {
	border: 1px solid #000;
	font-size: 85%;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: .2em;
	}

a	{
	color: #ff8000;
	font-weight: bold;
	text-decoration: none;
	}

a:hover	{
	text-decoration: underline;
	}

#nav, #sponsors	{
	padding: 0;
	margin :0
	}

#nav li, #sponsors li	{
	display: block;
	padding: 0;
	margin: 0;
	}
	
#sponsors li img	{
	display: block;
	border: none;
	opacity: 0.2;
	filter:Alpha(opacity=20);
	}

#sponsors li a:hover img	{
	opacity: 1.0;
	filter:Alpha(opacity=100);
	}
	
#sponsors li	{
	display: block;
	margin: 0 0 .5em;
	padding: 0;
	background: none;
	_height: 1px;
	}

#sponsors li a	{
	display: block;
	}
	
#nav li, #sponsors li.text, .mvcenter	{
	text-align: left;
	border: 1px dotted #000;
	_border: 1px solid #888;
	font-weight: bold;
	margin: 0 0 .5em;
	width: 100%;
	background: #fff;
	}

#nav a, #sponsors li.text a	{
	display: block;
	padding: 0 .5em .2em;
	width: 12em;
	color: #000;
	}

#nav a:hover, #sponsors li.text a:hover	{
	background: #ff8000;
	text-decoration: none;
	}
	
.mvcenter	{
	text-align: center;
	padding: .5em 0 0;
	}

.mvcenter a:hover img	{
	border: none;
	}
	
.articlecontainer	{
	clear: right;
	width: 100%;
	margin: 0;
	padding: 0;
	}

.articleancien	{
	clear: left;
	border: 1px solid #000;
	padding: .3em;
	margin: 0 0 .5em .5em;
	background: #eee;
	}

.articleancien a	{
	display: block;
	width: 100%;
	}

.articleimage	{
	float: left;
	height: 9em;
	font-size: 95%;
	padding: .5em;	
	border: 1px dotted #000;
	_border: 1px solid #888;
	margin: 0 .5em 0 .5em;
	background: #fff;
	}

.articletexte	{
	height: 9em;
	padding: .5em;
	border: 1px dotted #000;
	_border: 1px solid #888;
	font-size: 95%;
	margin: 0 0 .5em 11em;
	background: #fff;
	}

.articledate	{
	float: right;
	color: #a0a0a0;
	}

.mvsponsor	{
	padding: 0 0 .5em;
	}
	
#mvcontainer	{
	font-size: 80%;
	position: absolute;
	/* float: left; */
	margin: 0 1em 0 1em;
	_margin: 0 1em 0 -14em;
	padding: 0;
	width: 123px;
	text-align: center;
	}

.blocknews	{
	padding: .5em;
	_padding: .5em .5em 0;
	border: 1px dotted #000;
	_border: 1px solid #888;
	margin: 1em 0 1em;
	background: #fff;
	font-size: 95%;
	}

.blocknews .titrenews	{
	padding: 0 0 0 2em;
	background: url(/data/images/fleche_tiny.png) no-repeat .5em .25em;
	}
	
.blocknews h2	{
	margin: 0 0 1em;
	}
	
/* .blocknews img	{
	border: 1px solid #000;
	margin: 0 .5em .5em 0;
	float: left;
	}
*/
.blockhome	{
	padding: .5em .5em 1em;
	border: 1px dotted #000;
	_border: 1px solid #888;
	background: #fff;
	}

#newsatelier	{
	float: left;
	width: 400px;
	}
	
#bhnews	{
	margin-bottom: 4em;
	}

#bhnews ul	{
	margin-bottom: 1em;
	}
	
#bhnews .secondlinks ul	{
	margin-bottom: 0;
	}

#bhnews .secondlinks li	{
	position: relative;
	}
			
#bhatelier	{
	margin-bottom: 1em;
	}

#bhdernier	{
	margin: 0 0 1em 420px;
	}

#bhdernier h2	{
	margin-bottom: 0;
	}
	
#bhdernier p	{
	margin-top: 0;
	}

#bhderniers	{
	min-height: 37.5em;
	margin: 0 0 4em 420px;
	}

#bhnewsletter	{
	margin-bottom: 0;
	font-size: 95%;
	}

#bhnewsletter form	{
	margin: 0 .5em 0;
	}

.blockhome h1	{
	margin: 0;
	height: 2.2em;
	}

.blockhome h2	{
	margin-left: .5em;
	margin-top: 0;
	}

#main	{
	max-width: 80em;
	_width: 81em;
	margin: 1em auto 1em;
	border: 1px solid #000;
	background: #fff url(/data/images/hachures_3.png);
	position: relative;
	}

#banner	{
	margin: .5em 0 .3em 0;
	padding: 0;
	width: 67em;
	height: 5.5em;
	background: url(/data/images/fleche_orange_haut.png) no-repeat top right;
	}

#banner div	{
	margin: 0 auto;
	width: 468px;
	height: 60px;
	border: 1px solid #000;
	}

#banner img	{
	display: block;
	margin: 0 auto;
	width: 468px;
	height: 60px;
	}

#banner iframe	{
	display: block;
	margin: 0 auto;
	width: 468px;
	}
	
#search	{
	text-align: right;
	border: 1px solid #888;
	padding: .3em;
	background: #eee;
	font-size: 85%;
	margin: 0 1.3em 1em 0;
	}
	
#search form	{
	display: inline;
	padding: 0;
	margin: 0;
	}

.noborder	{
	border: none;
	}

#search .noborder	{
	padding: 0;
	margin: 0;
	}

.mh	{
	padding: .1em;
	border: 1px dotted #000;
	_border: 1px solid #888;
	margin: 0 1em .5em 0;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	word-spacing: 1em;
	background: #fff;
	}

.mh a {
	color:#000;
	}

.mh a:hover	{
	color: #ff8000;
	text-decoration: none;
	}

#content	{
	margin: 0 0 0 145px;
	padding: 0;
	width: 68em;
	min-height: 115em;
	_height: 115em;
	}
	
.contentinterne	{
	margin: 0;
	padding: 0 0 7em;
	width: 67em;
	line-height: 150%;
	text-align: justify;
	color: #505050;
	background: url(/data/images/fleche_orange_bas.gif) no-repeat bottom right;
	}
	

#footer	img	{
	float: right;
	margin-top: -1em;
	_margin-top: 2em;
	margin-right: 1em;
	}

#footerorange a {
	color: #fff;
	}

#footerorange {
	background-color: #ff8000;
	padding: .5em;
	font-size: 80%;
	margin-top: 5em;
	color: #fff;
	}

#footerorange p {
	margin-top: 0;
	}
	
.news	{
	font-size: 90%;
	margin: 0 .5em 0 0;
	padding-left: 0;
	}

.news li	{
	background: #fff;
	margin: 0;
	padding-left: 0;
	line-height: 140%;
	}

.news li.day .newsdate	{
	color: #000;
	}

.news li.day .newsitem a	{
	font-weight: bold;
	}

.news li .newsdate	{
	display: inline;
	color: #808080;
	padding-right: .5em;
	}
	
.newsitem	{
	display: inline;
	padding-left: 1.5em;
	background: url(/data/images/fleche_tiny.png) no-repeat 0 .2em;
	}

.newsitem a	{
	font-weight: normal;
	}
	
.unephoto	{
	float: right;
	margin: 0 .5em 0;
	}

.uneresume	{
	margin: .5em;
	text-align: justify;
	font-size: 95%;
	min-height: 3em;
	_height: 3em;
	}

.derniersarticles	{
	margin: .2em;
	text-align: center;
	font-size: 95%;
	height: 10.85em;
	}

.derniersarticles h2	{
	margin: 0 0 0 0.5em;
	}
		
.atelier	{
	float: left;
	width: 32%;
	margin: .2em;
	text-align: center;
	font-size: 95%;
	}

.secondlinks	{
	float: right;
	margin: 0;
	padding: 0 .5em 0;
	border: 1px dotted #000;
	_border: 1px solid #888;
	background: #f8f8f8;
	font-size: 90%;
	line-height: 150%;
	}

.secondlinks ul	{
	margin: 0;
	padding: 0;
	}

.blocknews .secondlinks li	{
	background: url(/data/images/fleche_tiny.png) no-repeat 0 .4em;
	margin: 0;
	}

.secondlinks li	{
	background: url(/data/images/fleche_tiny.png) no-repeat 0 .5em;
	margin: 0;
	}
	
.secondlinks a	{
	font-weight: normal;
	}
		
.softs, .softsheader	{
	border: 1px dotted #000;
	_border: 1px solid #888;
	margin-bottom: .5em;
	padding: 0 .5em 0;
	width: 47em;
	text-align: left;
	background: #fff;
	}

.softs td, .softsheader td	{
	vertical-align: top;
	font-size: 90%;
	}
	
.th1	{
	width: 15em;
	}

.th2	{
	width: 25em;
	}
	
.softsheader	{
	font-weight: bold;
	background: #e0e0e0;
	}
	
.spacer, .clearleft, .clearright	{
	width: 0;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.spacer	{
	clear: both;
	}
	
.clearleft	{
	clear: left;
}

.clearright	{
	clear: right;
}

.clearnews	{
	clear: left;
	height: .3em;
}

.cache	{
	display: none;
	}
	
.newsajoutee	{
	float: right;
	margin-bottom: .5em;
	font-size: 90%;
	color: #aaa;
	}

.newsajoutee a	{
	color: #fa0;
	}

.signature	{
	margin: 2em 0 2em 0;
	text-align: right;
	font-weight: bold;
	}
	
.center	{
	text-align: center;
	}
	
.left	{
	float: left;
	}

img.left	{
	padding-right: 1em;
	padding-bottom: 1em;
	}

.right	{
	float: right;
	}

.nextpage, .retour	{
	float: right;
	text-align: right;
	height: 7em;
	margin: 0;
	}

.retour a, .nextpage a	{
	display: block;
	height: 100%;
	}
	
.pages, .pagesbottom	{
	text-align: right;
	border: 1px solid #888;
	padding: .3em;
	background: #f8f8f8;
	font-size: 95%;
	margin: 1em 0 0;
	}

.pagesbottom	{
	margin: 3em 0 0;
	}
	
.pages select, .pagesbottom select	{
	font-size: 85%;
	}

.pages input	{
	padding: .05em;
	}
	
.nbpages	{
	float: left;
	}
	
#contact	{
	font-size: 95%;
	width: 50%;
	}
	
label	{
	display: block;
	}

#contact input, #contact textarea, #contact select	{
	border: 1px solid #888;
	background: #f2f2f2;
	padding: .2em;
	margin: .5em 0 0;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	}
	
#contact textarea	{
	height: 20em;
	overflow: auto;
	}

#contact p.subm	{
	margin: 0;
	padding: 0;
	text-align: right;
	width: 102%;
	}	

#contact .subm input	{
	width: 50%;
	margin: 0;
	}
	
#contact .noerror, #contact .noerror	{
	color: #888;
	background: #f2f2f2;
	}
	
#contact .error, #contact .error	{
	color: #ff8000;
	background: #fff;
	border: 1px solid #ff8000;
	}

#email	{
	background: url(/data/images/hachures.png) #f8f8f8;
	}

#takeback	{
	background: #fff;
	text-align: center;
	}

#textads	{
	position: relative;
	top: -4.5em;
	margin: 0 6em 0 0;
	background: #fff;
	border: 1px dotted #000000;
	_border: 1px solid #888;	
	}	

#textads li	{
	background: none;
	}
	
textarea#news	{
	width: 800px;
	height: 400px;
	}
	
span.stats	{
	color: #f00;
	border: 1px solid #f00;
	padding: .5em;
	}
	
ul#links53276 {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0px;
	} 

ul#links53276 li	{
	_position: relative;
	float: left;
	width: 25%;
	padding: 0;
	margin: 0 0 3px 0;
	} 

ul#links53276 li span {
	display: block;
	padding: 3px;
	margin: 0px;
	font-size: 12px;
	color: #000000;
	} 

ul#links53276 li span a	{
	font-size: 12px;
	color: #ff8000;
	}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/data/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/data/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/data/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#punwrap li	{
	background: none;
	}

#blogbang	{
	position: relative;
	margin: 10px 0;
	}


#blogscript	{
	width: 125px;
	height: 200px;
	}

#blogbang_divdyn_563e	{
	position: absolute;
	left: 10px;
	top: 540px;
	width: 125px;
	height: 200px;
	}
	
#alert	{
	font-size: 16px;
	font-family: arial, sans-serif;
	background: #ff8000;
	color: #fff;
	padding: 15px;
	text-align: center;
	text-shadow: -1px -1px 1px #888;
	border-bottom: 1px solid #fff;
}

#alert a	{
	color: #000;
}