body { background-image:url(img/bg.png); background-repeat:repeat; color:#62B0FF; }
#conteneur { width:1000px; margin:0px auto; background-color:#FFFFFF; border-left:1px solid #C9E4E9; border-right:1px solid #C9E4E9; padding:0px 10px; }
#header { height:100px; }
#logo { height:158px; width:400px; background-image:url(header.png); background-position:top left; background-repeat:no-repeat; z-index:0; }
#footer { border-top:1px dotted #62B0FF; padding:10px 0px; margin:0px; }
#middle { position:relative; }

.clear { clear:both; }

h1 {
	color:#FF5FCF;
	font-size:20px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	color:#006699;
}

#menu {
margin-top:20px;
float:left;
width:100%;
font-size:93%;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#menu ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
background:url("menu_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#menu a span {
float:left;
display:block;
background:url("menu_right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span { float:none; }
/* End IE5-Mac hack */
#menu a:hover { background-position:0% -42px; }
#menu a:hover span { background-position:100% -42px; }
#menu #current a { background-position:0% -42px; }
#menu #current a span { background-position:100% -42px; }
-->
.lienvideos p {
	font-family:arial,sans-serif;
	font-size:11px;
	margin:8px 0px;
	text-align:left;
}
.lienvideos a {
	font-family:arial,sans-serif;
	font-size:11px;
	color:#FF5FCF;
	padding-bottom:1px;
}
.lienvideos a:hover {
	border-bottom:1px solid #FF5FCF;
}
.videolist .desc { font-size:10px; }
.videolist {
	width:200px;
	height:215px;
	overflow:hidden;
	text-align:center;
	margin-bottom:20px;
	margin-right:20px;
	font-family:arial,sans-serif;
	font-size:13px;
	padding:5px;
}
.videolist h2, .videolist h2 a  {
	color:#006699;
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:13px;
	font-weight:bold;
	margin:0;
}
.videolist span a { color:#4c4c4c; text-decoration:none; }
.videolist a { text-decoration:underline; }
.videolist .mini_desc { height:40px; text-align:left; padding:0px 3px; }
.tdphoto {
	height:128px;
	width:161px;
	margin:0 auto;
	background-image:url(bg_photo.gif);
	text-align:left;
}
.tdphoto img {
	margin-top:3px;
	margin-left:3px;
}
a.lienrose, .liensroses a {
	color:#FF5FCF;
	text-decoration:underline;
	border-bottom:1px solid #FF5FCF;
}
a.lienrose:hover, .liensroses a:hover {
	color:#FF00CC;
	text-decoration:underline;
	border-bottom:1px solid #FF00CC;
}

/* 
Pagination
-----------------------------------------------------------------------------------------------
*/
.pagin 	{  height:19px; margin:0 auto; }
.pagin td.disable { border:1px solid #cfcfcf; }
.pagin td.disable:hover { border:1px solid #cfcfcf; }
.pagin td.disable span { visibility:hidden; }
.pagin td { height:19px; width:19px; padding:0px; background-position:center; font-size:10px; border:1px solid #0066CC; }
.pagin td a { display:block; font-size:13px; height:19px; padding:0px 5px; line-height:19px; text-align:center; background-position:center; color:#000066; }
.pagin td:hover { border:1px solid #000066; }
.pagin td.sel { border:1px solid #000066; background-color:#0066CC; }
.pagin td.sel a { color:#ffffff; }
.pagin td.first { background-image:url(img/first_bleu.gif); }
.pagin td.first_ { background-image:url(img/first_.gif); }
.pagin td.back { background-image:url(img/back_bleu.gif); }
.pagin td.back_ { background-image:url(img/back_.gif); }
.pagin td.next { background-image:url(img/next_bleu.gif); }
.pagin td.next_ { background-image:url(img/next_.gif); }
.pagin td.last { background-image:url(img/last_bleu.gif); }
.pagin td.last_ { background-image:url(img/last_.gif); }
/*
----
*/

/* 
Notes Popups
-----------------------------------------------------------------------------------------------
*/
#note_video { height:100px; }
#note_video .titre{font-family:Arial, Helvetica, Sans-serif; text-align:center; font-weight:bold; font-size:13pt; height:20px; overflow:hidden;}
#note_video .howto{margin-top:5px; font-family:Arial, Helvetica, Sans-serif; text-align:center; font-style:italic; font-size:9pt; height:15px; overflow:hidden;}
#note_video #etoiles {height:40px; text-align:center; margin-top:10px; font-family:Arial, Helvetica, Sans-serif; text-align:center; font-weight:bold; font-size:13pt;}
#note_video #etoiles div {margin-left:180px;}
#note_video #etoiles div a{display:block; height:32px; width:32px; background:url('http://www.crystalxp.net/_design/img/v2/note-grise.gif') left top no-repeat; float:left;}
#note_video #etoiles div a.preload{display:none; height:32px; width:32px; background:url('http://www.crystalxp.net/_design/img/v2/note-jaune.gif') left top no-repeat; float:left;}
/*
----
*/