body{
	margin: 0;
	padding: 0;
	background: #fff url(../images/body-bg.gif) top repeat-x;
	font-family: Arial;
}
header, section, footer{
	display: block;
}
.clear{
	clear: both;
}
/*** HEADER ***/
header{
	width: 1088px;
	margin: 0 auto;
	position: relative;
	height: 82px;
	background: url(../images/header-bg.png) bottom no-repeat;
	z-index: 9999;
}
header a.logo{
	display:block;
}
header h1.logo{
	position: absolute;
	top: 0;
	left: 70px;
	display: block;
	width: 258px;
	height: 114px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}
header .visit{
	display: block;
	float: right;
	background: url(../images/visit-bg.gif) 0 9px no-repeat;
	padding: 11px 0 0 36px;
	font-size: 18px;
	font-weight: bold;
}
header .visit a{
	/*color: #a7b27b;*/
	color: #FFF;
	text-decoration: none;
}
header .links{
	display: block;
	float: right;
	margin: 0 36px 0 30px;
}
header .links a{
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 13px 3px;
}
header .links a.facebook{
	background: url(../images/facebook.gif) no-repeat;
}
header .links a.youtube{
	background: url(../images/youtube.gif) no-repeat;
}
header .links a.twitter{
	background: url(../images/twitter.gif) no-repeat;
}
header .links a.dailymotion{
	background: url(../images/dailymotion.png) no-repeat;
}
header .links a.vimeo{
	background: url(../images/vimeo.gif) no-repeat;
}
header .links a.login{
	background: url(../images/login.png) no-repeat;
}
/*** MAIN ***/
.main{
	background: url(../images/main-bg.png) repeat-y;
	min-height: 600px;
	width: 1088px;
	margin: -9px auto 0 auto;
	position: relative;
}
.main .inner{
	padding: 50px 70px;
}
/* Flower background */
.flower{
	display: block;
	width: 283px;
	height: 146px;
	background: url(../images/flower.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: 38px;
}
/* Intro text */
.intro{
	text-align: center;
	/*remove for IE*/
	/*width: 420px;*/
	margin: 0 auto 0 auto;
}
.intro h2{
	color: #95b714;
	font-size: 20px;
	margin: 0;
	line-height: 24px;
}
.intro h3{
	color: #677e0e;
	font-size: 15px;
	margin: 0;
	line-height: 18px;
}
/*** Main titles ***/
.highlights h2{
	display: block;
	background: url(../images/highlights-bg.gif) no-repeat;
	width: 273px;
	height: 79px;
	margin: -30px 0 30px -33px;
	text-indent: -9999px;
	font-size: 1px;
}
.videos h2{
	display: block;
	background: url(../images/videos-bg.gif) no-repeat;
	width: 273px;
	height: 79px;
	text-indent: -9999px;
	font-size: 1px;
	margin: 10px 0 20px -33px;
}
/*** Video box ***/
.videos .items .view, .highlights .items .view{
	display: block;
	width: 21%;
	float: left;
	margin: 0 37px 30px 0;
}
.items .last{
	margin: 0 !important;
}
.view img{
	/*border: 3px solid #59785d;*/
	border: 3px solid #AEADAD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.items .view h3{
	margin: 8px 0 5px 0;
}
.items .view h3 a{
	font-size: 13px;
	color: #a1be30;
	text-decoration: none;
}
.items .view h3 a:hover{
	text-decoration: underline;
}
.items .view p{
	margin: 0 0 6px 0;
	font-size: 12px;
	line-height: 18px;
	color: #7e7e7e;
}
.items .count, .items .length, .items .tags{
	display: block;
	color: #aeadad;
	font-size: 11px;
}
.items .count{
	float: left;
	padding: 2px 0 6px 20px;
	background: url(../images/count-bg.gif) 0 3px no-repeat;
	margin: 0 10px 0 0;
}
.items .length{
	padding: 2px 0 6px 20px;
	background: url(../images/length-bg.gif) 0 1px no-repeat;
	float: left;
}
.items .tags{
	clear: both;
	background: url(../images/tags-bg.gif) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
.items .tags strong{
	font-weight: normal;
	color: #30acbe;
}
/*** Tags ***/
.choose-tag{
	width: 99%;
	border-bottom: 1px solid #a1be30;
	margin: 0 0 25px 1px;
}
.choose-tag h4{
	color: #afafaf;
	margin: 0 20px 0 0;
	display: block;
	float: left;
}
.choose-tag ul{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
}
.choose-tag ul li{
	display: block;
	float: left;
	font-size: 12px;
	padding: 3px 10px;
	background: url(../images/tag-separator.gif) 100% 50% no-repeat;
}
.choose-tag ul li.last{
	background: none;
}
.choose-tag ul li a{
	color: #afafaf;
	text-decoration: none;
}
.choose-tag ul li.active a{
	color: #a1be30;
}
.choose-tag ul li a:hover{
	color: #a1be30;
	text-decoration: underline;
}
/*** FOOTER ***/
footer{
	background: #e6f7a2;
	min-height: 50px;
	border-top: 2px solid #d2e58e;
	border-bottom: 2px solid #d2e58e;
}
footer .inner{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
footer .logo{
	display: block;
	width: 226px;
	height: 58px;
	margin: 20px auto;
	background: url(../images/footer-logo.gif) no-repeat;
}
footer .links{
	background: #fff;
	position: absolute;
	top: -22px;
	right: 50px;
	z-index: 9999;
	width: 222px;
	height: 55px;
	border-left: 2px solid #d2e58e;
	border-bottom: 2px solid #d2e58e;
	border-right: 2px solid #d2e58e;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
footer .links a{
	display: block;
	float: left;
	width:26px;
	height: 26px;
}
footer .links a.facebook{
	background: url(../images/footer-facebook.gif) no-repeat;
	margin: 15px 10px 0 44px;
}
footer .links a.youtube{
	background: url(../images/footer-youtube.gif) no-repeat;
	margin: 15px 10px 0 0;
}
footer .links a.twitter{
	background: url(../images/footer-twitter.gif) no-repeat;
	margin: 15px 10px 0 0;
}
footer .links a.dailymotion{
	background: url(../images/footer-dailymotion.png) no-repeat;
	margin: 15px 10px 0 0;
}
footer .links a.vimeo{
	background: url(../images/footer-vimeo.gif) no-repeat;
	margin: 15px 10px 0 0;
}
/*** Pages internes ***/
.video{
	padding: 20px 0;
}
.video h2{
	color: #A1BE30;
}
.video .player{
	display: block;
	float: left;
	width: 600px;
	height: 400px;
	border: 1px solid silver;
	margin: 0 20px 20px 0;
}
.video .details{
	float: left;
	width: 300px;
}
.video .details h3{
	margin: 0;
	color: #AFAFAF;
}
.video .details p{
	color: #7E7E7E;
	font-size: 12px;
	line-height: 18px;
	margin: 12px 0px 6px;
}
.video .count, .video .length, .video .tags{
	display: block;
	color: #aeadad;
	font-size: 11px;
}
.video .count{
	padding: 2px 0 6px 20px;
	background: url(../images/count-bg.gif) 0 3px no-repeat;
}
.video .details .count{
	margin: 20px 10px 0 0;
}
.video .length{
	padding: 2px 0 6px 20px;
	background: url(../images/length-bg.gif) 0 1px no-repeat;
}
.video .tags{
	clear: both;
	background: url(../images/tags-bg.gif) 0 1px no-repeat;
	padding: 2px 0 2px 20px;
}
.video .tags strong{
	font-weight: normal;
	color: #30acbe;
}
.videos ul.tags{
	background-position: 0 4px;
}
/*** Retour page d'accueil ***/
.video h2.home a{
	display: block;
	background: url(../images/home-bg.gif) no-repeat;
	width: 273px;
	height: 79px;
	margin: -60px 0 30px -33px;
	text-indent: -9999px;
	font-size: 1px;
}