html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
img { border: none; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body { background-image: url(images/background.png); background-color: #111; font: 12px "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; overflow-x: hidden; }

#container { width: 960px; margin: 0 auto; background: url(images/container.png) top center no-repeat; padding-top: 50px; }
#contentHome { clear: both;	margin: 50px 0px 20px 0px; width: 960px; height: 400px; }
#pied { width: 960px; margin: 10px auto; }

.footer { float: left; width: 230px; margin: 0px 10px 0px 0px; }
.footer-left { float: left; width: 230px; margin: 0px 0px 0px 15px; }
.footer-right { float: left; width: 230px; margin: 0px; }

h1 { text-align: center; }

h2 a { font: 28px/46px 'RalewayThin', Arial, sans-serif; letter-spacing: 1px; color: #bbb; text-decoration: none; }

h2 a:hover, h3 a:hover { color: #fff; }

h3 a { font: 20px/40px 'RalewayThin', Arial, sans-serif; letter-spacing: 1px; text-decoration: none; color: #bbb; }

h5 { font-size: 0.9em; color: #333; line-height: 15px; }
h5 a, h6 a { color: #333; text-decoration: none; }
h5 a:hover, h6 a:hover { color: #888; text-decoration: underline; }
h6 { font-size: 0.8em; color: #333; line-height: 15px; }
p { color: #999; font-size: 1em; line-height: 17px; }
p a { color: #999; text-decoration: none; }
p a:hover { color: #aaa; text-decoration: underline; }

.vovo-colonne { width: 300px; float: left; color: #888; }
.vovo-colonne p { margin: 0px 0px 0px 15px; text-align: justify; }

.marge-droite { margin: 0px 30px 0px 0px; }

.vovo-focus { background: url(images/transparence.png) repeat-x; width: 960px; height: 330px; margin: 0px 0px 50px 0px; }
.vovo-article { width: 960px; height: 370px; margin: 0px 0px 50px 0px; }

.focus-image { float: left; width: 440px; height: 330px; }
.slideshowContainer { float: left; width: 440px; height: 330px; margin: 20px 0px 0px 0px; }

.focus-description { width: 440px; float: right; margin: 100px 40px 0px 0px; }
.focus-description p, .article-description p { margin: 0px 0px 0px 15px; text-align: justify; }

.article-description { width: 400px; float: right; margin: 60px 40px 0px 0px; }

.vovo-bouton { background: url(images/bouton.png) repeat-x; height: 20px; margin: 25px 0px 70px 15px; }
.vovo-bouton p a { background: url(images/bracket.png) no-repeat; text-decoration: none; color: #777; float: right; margin: 0px 10px 0px 0px; height: 20px; padding: 1px 0px 0px 15px; font-size: 1.1em; }
.vovo-bouton p a:hover { color: #bbb; }

.vignette { margin: 4px 15px 40px 15px; width: 80px; float: left; } 

.article-vignettes { margin: 20px 0px 0px 15px; }  
.article-vignette { margin: 0px 15px 0px 0px; float: left; } 

.loading { background: url(images/loading.gif) center no-repeat; }

.slideshowThumbnail { outline: none; margin-right: 6px; }
.slideshowThumbnail img, .mb img { border: 1px solid #222; padding: 4px; }

a:hover.slideshowThumbnail img { border: 1px solid #333; padding: 4px; }

.outline { border: 1px solid #555; z-index: 0; position: absolute; }

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

@font-face {
	font-family: 'RalewayThin';
	src: url('raleway_thin-webfont.eot');
	src: local(''), url('raleway_thin-webfont.woff') format('woff'), url('raleway_thin-webfont.ttf') format('truetype'), url('raleway_thin-webfont.svg#webfontq0mP4GYg') format('svg');
	font-weight: normal;
	font-style: normal;
}