@charset "utf-8";
/* CSS Document */

/* Common elements for all pages */
*{
	margin:0;
	padding:0;
	border:0;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#000000;
}
#content2 {
	width:90%;
	float:right;
}

body {}


#wrapper{
	width:1000px;
/*	margin:0 auto 0 auto;*/
	margin:auto;
}

#header {	
	float:left;
	width:1000px;
	height:30px;
	border-bottom:1px solid #e5e5e5;
}

#logo { float:left;}

#menu {
	float:right;
	height:30px;
	line-height:30px;
	color:#65599f;
	padding-right:10px;
}

#menu a:link, #menu a:visited, #footer a:link, #footer a:visited {
	color:#65599f;
	font-size:11px;
	padding:0 10px;
}

#menu a:hover, #footer a:hover { color:#ff7109;}

#content {	
	float:left;
	width:1000px;
}

#footer {
	float:left;
	width:978px;
	height:50px;
	background-color:#f3f1f9;
	margin-left:11px;
	display:inline;
	color:#65599f;
	text-align:center;
	line-height: 20px;
	padding-top: 10px;
	font-size: 11px;
	margin-top: 20px;
}

a:link, a:visited, a:visited span, a:link span {
	color:#4c6eea;
	text-decoration:none;
}
a:hover{color:#FF7109; text-decoration:underline;}
a:hover span {color:#FF7109; text-decoration:none;}	

.column_1 {
	float:left;
	padding-left:12px;
	width: 492px;
	margin-top: 30px;
}

.column_2 {
	float:right;
	padding-right:12px;
	width: 480px;
	margin-top: 30px;
}

h1 {
	font-size:22px;
	color:#4f4486;
	font-weight:normal;
}

input,  select {
	border:1px solid #c1c1c1;
	height: 18px;
}

select { height:21px}

.strong_txt { font-weight:bold;}

/* END Common elements for all pages */

/* video play-back elements  */

#video_title {
	float:left;
	width:960px;
	padding:20px 20px;
}

#video_title h1 {padding-bottom: 5px;}

#video_holder {
	float:left;
	width:1000px;
	height:500px;
}

#comments {
	float:left;
	width:495px;
	background:url(../images/tab_01.gif) no-repeat top;
}

#comments h1 {
	float:left;
	padding:8px 10px;
}

#comments  .post_comment {
	float:right;
	padding: 17px 10px 0 0;
}

.comm_navigator {
	float:left;
	width:475px;
	padding:10px 10px;
	border-bottom: 1px dotted #d1d1d1;
}

.comm_navigator p {
	font-size:11px;
	float: left;
}
.comm_navigator a:link, .comm_navigator a:visited {
	padding:0 2px;
	font-size: 11px;
}

p.nav_pages { float:right;}

.comment {
	float:left;
	width:485px;
	padding:12px 10px 12px 0;
	border-bottom: 1px dotted #d1d1d1;
}

.comment img {
	float:left;
	border:1px solid #d1d1d1;
}

.comm_content {
	float:right;
	width:393px;
}

.rating {
	line-height: 17px;
	float: right;
	width: 120px;
	font-size: 11px;
}

.rating img {
	border:none;
	margin-right:10px;
}

.comm_description, .comm_description span { font-weight:bold;}
.comm_description  span { color:#666666;}

.comm_description a.time:link, .comm_description a.time:visited {
	text-decoration:underline;
	color:#000000;
}

.comm_description a.time:hover {color:#ff7109;}

#input_comment {
	float:left;
	width:495px;
	margin:25px 0;
}

#information, #partager {
	float:right;
	width:458px;
	background:url(../images/tab_02.gif) no-repeat top;
	margin-bottom: 25px;
}

.box_content {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

.box_bottom_1 {
	width:458px;
	height:10px;
	background:url(../images/tab_02_bottom.gif) no-repeat;
}

#information h1, #partager h1 {
	padding:8px 10px;
}

.info img {
	float:left;
	margin-right: 20px;
	margin-bottom: 5px;
	border: 1px solid #d1d1d1;
}

#input_comment span, .info a:link, .info a:visited, .info span { font-weight:bold;}

.info {
	line-height:20px;
	padding:10px 10px;
}

.input_partager {
	width:360px;
	height:19px;
	float:left;
	padding-top: 3px;
}

.input_comment {
	width:480px;
	margin-bottom:10px;
	height: 130px;
}

.input_partager:hover, .input_comment:hover {
	border:1px solid #65599f;
}

/* END video play-back elements  */
/* student and author pages elements  */

#video_son {
	float:right;
	width:467px;
	background:url(../images/tab_03_top.gif) no-repeat top;
	margin-bottom: 25px;
}

.box_bottom_2 {
	width:467px;
	height:10px;
	background:url(../images/tab_03_bottom.gif) no-repeat;
}

#video_son h1, #profil h1, #rechercher h1, #parametre h1, #compte h1 {
	padding:8px 10px;
}

.vid_navigator, .vid_navigator_bottom {
	float:left;
	width:425px;
	padding:10px 10px;
	border-bottom: 1px dotted #d1d1d1;
}

.vid_navigator_bottom { border:none;}

.vid_navigator p, .vid_navigator_bottom p {
	font-size:11px;
	float: left;
}

p.nav_pages { float:right;}

.vid_navigator a:link, .vid_navigator a:visited, .vid_navigator_bottom a:link, .vid_navigator_bottom a:visited {
	padding:0 2px;
	font-size: 11px;
}

.media {
	width:435px;
	padding:12px 10px 12px 0;
	border-bottom: 1px dotted #d1d1d1;
	float: left;
}

.mod_sup {
	float:right;
}

.media img, #profil img {
	float:left;
	border:1px solid #d1d1d1;
}

.media_content {
	float:right;
	width:353px;
	line-height: 16px;
}

.media_description span, .media_description a:link, .media_description a:visited { font-weight:bold;}

.media_description a.tag:link, .media_description a.tag:visited { font-weight:normal;}

.media_description span {
	width:80px;
	float: left;
}

.media_description img { float:none; border:none; vertical-align:middle;}

.box_content_2 {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding:0 10px;
	width: 445px;
}

#profil, #rechercher, #parametre, #compte {
	float:left;
	width:480px;
	background:url(../images/tab_04_top.gif) no-repeat top;
	margin-bottom: 25px;
}

.box_content_3 {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	width: 478px;
}

.box_bottom_3, .box_bottom_3_b {
	width:480px;
	height:10px;
	background:url(../images/tab_04_bottom_color.gif) no-repeat;
}

.box_bottom_3_b {background:url(../images/tab_04_bottom.gif) no-repeat;}

.attribute_1, .attribute_2, .attribute_3, .attribute_4 {
	width:406px;
	float:left;
	background-color:#fafafd;
	border:1px solid #ffffff;
	border-bottom:none;
	padding: 0px 35px;
}

.attribute_2 { background-color:#f7f6fc;}

.attribute_1 span, .attribute_2 span, .attribute_3 span, .attribute_4 span {
	float:right;
	width:297px;
	border-left:1px solid #ffffff;
	padding:10px 0;
	padding-left: 20px;
}

.attribute_1 p, .attribute_2 p, .attribute_3 p, .attribute_4 p {
	float:left;
	padding:10px 0;
}

.attribute_3, .attribute_4 {
	background:none;
	padding-right: 15px;
	width: 426px;
}

.attribute_3 span {
	width:320px;
	padding-left: 10px;
}

#video_son h1 {	float:left;}
#video_son .button_vid {
	float:right;
	margin: 7px 20px 0 0;
	padding-bottom: 6px;
	background:url(../images/button.png) no-repeat;
	width:110px;
	height:27px;
	border:none;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#video_son .button_vid:hover {
	background:url(../images/button_hover.png) no-repeat;
}

.input_01, .input_02, .input_03, .input_04, .input_pass, .input_about  {padding-top: 3px;}

.input_01, .input_02, .input_03, .input_04, .input_pass {height:19px;}

.input_01, .input_about {
	width:310px;
}
.input_about {
	height: 130px;
}

.input_01:hover, .input_02:hover, .input_03:hover, .input_04:hover, .input_pass:hover, .input_about:hover {
	border:1px solid #65599f;
}



.button_01 {
	background:url(../images/button_bg.gif) repeat-x;
	height:26px;
	padding-left: 3px;
	padding-right: 3px;

}

#profil .button_01 {
	margin-top:20px;
}

a.tag_1:link, a.tag_1:visited {color:#4c6eea; font-size:15px; font-weight:bold;}
a.tag_2:link, a.tag_2:visited {color:#4c6eea; font-size:14px;}
a.tag_3:link, a.tag_3:visited {color:#4c6eea; font-size:12px; font-weight:bold;}
a.tag_4:link, a.tag_4:visited {color:#4c6eea; font-size:11px;}
a.tag_5:link, a.tag_5:visited {color:#4c6eea; font-size:10px; font-weight:bold;}

a.tag_1:hover, a.tag_2:hover, a.tag_3:hover, a.tag_4:hover, a.tag_5:hover { color:#FF7109; text-decoration:underline;}

.search {
	width:32px;
	height:24px;
	background:url(../images/search.gif) no-repeat;
	float:left;
}

.input_02 {
	width:260px;
	float:left;
}

.img_auth { margin-right:10px;}

.input_03 {
	width:165px;
	float:left;
}

.button_03 {
	float:left;
	background:url(../images/button_bg.gif) repeat-x;
	height:24px;
	padding-left: 3px;
	padding-right: 3px;
}

.input_04 {
	width:196px;
	float:left;
}


.qualite .input_01 {
	width:200px;
	margin-top: 5px;
}

#checked , #unchecked { float:left; padding:15px 0 10px 20px;}
#checked input , #unchecked input { border:none; vertical-align:middle;}
#checked { display:none;}

/* #message { display:none;} just uncomment this to hide the box */

#message {
	background-color:#C5BFDB;
	padding: 10px 25px;
}