body {
	margin:0;
	padding:0;
}
body, div, a, font, span, p {
	font-family: Verdana;
	font-size: 11px;
}
h1 {
	display: inline;
	color: #333;
	font-size: 1.3em;
	padding-left: 20px;
	background: url(images/ico.jpg) no-repeat top left;
}
.com{
	background: url(images/ico_com.jpg) no-repeat top left;
}
.com a {
	font-size: 1em;
}

a {
	color: black;
}
a:hover {
	color: #999;
	text-decoration: none;
}


label {
	float: left;
	display: block;
	width: 130px;
	text-align: right;
	padding-right: 5px;
}
input, textarea {
	color: #aaa;
	height: 16px;
	width: 200px;
	font-size: 11px;
	margin-bottom: 5px;
	border: 1px solid #eee;
}
textarea {
	height: 80px;
}
input:hover,textarea:hover {
	border: 1px solid #ccc;
}


/*///////////////////
    PRESENTATION
///////////////////*/
#present {
	width: 670px;
	height: 450px;
	margin: 50px auto;
	background: url(images/presentation.jpg) no-repeat top left;
}

#present a {
	position: absolute;
	display: block;
	width: 150px;
	height: 70px;
	margin-top: 100px;
	margin-left: 400px;
}

/*///////////////////
    PAGE
///////////////////*/
#page {
	width: 980px;
	margin: 80px auto;
}

/*///////////////////
    CORP
///////////////////*/
#corp {
	float: left;
	width: 440px;
	margin-right: 50px;
	margin-left: 30px;
	height: 500px;
	/* padding-top: 50px; */
}
.blocktexte {
	background: url(images/fondbloc.jpg) no-repeat top left;
	padding: 20px;
	padding-bottom: 0px;
	margin-bottom: -20px;
}
.blocktexteinside {
	max-height: 460px;
	overflow: auto;
}
.blocktextebas {
	background: url(images/fondblocbas.png) no-repeat top left;
	width: 440px;
	height: 50px;
}

/*///////////////////
    MENU
///////////////////*/
#menu {
	float: left;
	width: 460px;
	height: 570px;
	background: url(images/fond.jpg) no-repeat top left;
}
#menu a {
	display: block;
	position:absolute;
	height:12px;
	background-position: top left;
	background-repeat: no-repeat;
}
#menu a:hover {
	color: #cccccc;
	display: block;
	opacity: .5;
	text-decoration: none;
}
#menu a.accueil {
	width:93px;
	background: url(images/menu/accueil.png);
	margin-left: -5px;
	margin-top: 35px;
}
#menu a.news {
	width:73px;
	background: url(images/menu/news.png);
	margin-left: 15px;
	margin-top: 35px;
}
#menu a.videos {
	width:78px; height:14px;
	background: url(images/menu/videos.png);
	margin-left: 295px;
	margin-top: 100px;
}
#menu a.photos {
	width:82px;
	background: url(images/menu/photos.png);
	margin-left: 50px;
	margin-top: 170px;
}
#menu a.commentaires {
	width:136px;
	background: url(images/menu/commentaires.png);
	margin-left: 270px;
	margin-top: 320px;
}
#menu a.cv {
	width:59px;
	background: url(images/menu/cv.png);
	margin-left: 100px;
	margin-top: 280px;
}
#menu a.cinegui {
	margin-top: 425px;
	margin-left: 175px;
	width: 230px;
	padding-top:50px;
	text-align: center;
	color: white;
	text-decoration: none;
}
#menu a.cinegui:hover {
	color: #888;
	opacity: 1;
}
#loader {
	position: absolute;
	margin-top: 442px;
	margin-left: 267px;
	width: 20px;
	height: 15px;
}




#videos a {
	text-transform : uppercase; 
	text-decoration: none;
	display: block;
	width: 430px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	margin-top: 15px;
	color: black;
	background: #ddd;
}
*html #videos a { width: 440px; }
#videos a:hover {
	background: #eee;
}