/* @override http://www.scolcast.ch/wp-content/themes/scolcast/style.css */

/*
Theme Name: Scolcast
Theme URI: http://ergopix.com/
Description: HEP Scolcast.
Version: 1.0
Author: Ergopix
Author URI: http://www.ergopix.com/
*/
* {
	margin:0;
	padding:0;
}

body {
	background:#ecedf0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

p {
	margin-bottom:10px;
}

a {
	text-decoration:none;
	outline:none;
	color:#db554f;
}

a:hover {
	color: #2166a7!important;
}

#menutop {
	height:25px;
	background-color:#000;
	width:100%;
	color:#FFF;
	padding-top:5px;
	font-size:16px;
	margin-bottom:15px;
}

#menutop a:hover {
	color:#db554f;
}

.positiontop {
	width:971px;
	text-align:right;
}

.positiontop a,.positiontop a:hover,.positiontop a:visited {
	text-transform:uppercase;
	font-size:12px;
}

ul#main_nav {
	list-style-type:none;
}

ul#main_nav li {
	list-style-type:none;
	display:inline;
	padding-left:12px;
}

ul#main_nav li a{
	color: #ffffff;
}

#menubottom {
	height:30px;
	margin-top:3px;
	margin-left:580px;
	font-size:15px;
	font-weight:bold;
}

#menubottom a {
	padding:5px;
	font-size:15px;
	color:#000;
	font-weight:bold;
}

#menubottom a:hover {
	color:#db554f;
	padding:5px;
	background-color:#000;
}

#top {
	margin-left:20px;
	float:left;
}

#contenu {
	float:left;
	height:481px;
	margin-bottom:30px;
	margin-left:20px;
	margin-top:12px;
}

*html #contenu {
	margin-top:15px!important;
}

#logo {
	float:left;
	width:500px;
}

#info {
	background:#FFF;
	float:left;
	height:113px;
	margin-left:15px;
	margin-top:0;
	padding:10px;
	width:415px;
}

a.info {
	color:#000000;
	position:relative;
	top:-3px;
}

#gauchePages p a {
	color:#db554f;
}

#gauchePages ul {
	margin:0 0 0 30px;
	padding:0 0 0 0;
}

#gauchePages ul li {
	margin:0 0 3px 0;
	padding:0 0 0 0;
	list-style-position: outside;
	list-style-type: square;
}

#pedago {
	float:right;
	margin-top:35px;
}

ul#pedago_list {
	list-style-type:none;
	float:left;
}

ul#pedago_list li {
	list-style-type:none;
	margin-bottom:10px;
	display:block;
	float:left;
	width:206px;
}

ul#pedago_list li a {
	color:#000;
}

ul#pedago_list li a img {
	position:relative;
	top:3px;
	margin:0 10px 0 0;
}

#gauche {
	width:500px;
	float:left;
}

.article {
	background:#FFFFFF none repeat scroll 0 0;
	height:186px;
	margin-bottom:15px;
	padding:10px;
}

.article1 {
	background:#FFFFFF none repeat scroll 0 0;
	height:65px;
	margin-bottom:15px;
	padding:10px;
}

.article2 {
	background:#FFFFFF none repeat scroll 0 0;
	height:307px;
	margin-bottom:15px;
	padding:10px;
}

*html .article {
	height:203px!important;
}

#intro {
	background:#FFFFFF none repeat scroll 0 0;
	height:40px;
	margin-bottom:15px;
	padding:10px;
	font-weight:normal;
	font-size:12px;
}

#intro a, #intro a:visited {
	text-decoration: none;
	color:#fff;
	background-color:#db554f;
	padding:1px 3px;
}

#intro a:hover {
	text-decoration: none;
	color:#fff;
	background-color:#000;
}

.articleTxt {
	float:left;
	height:80px;
	width:100%;
}

.articleTxt a, .articleTxt a:visited {
	color:#db554f;
	text-decoration:none;
}

.articleTxt a:hover {
	color:#000;
	text-decoration:underline;
}

.articleTxt h2 {
	color:#000;
	font-size:14px;
	margin-bottom:5px;
}

.articleTxt p img.size-thumbnail {
	width:80px;
	height:80px;
	border:1px solid #ccc;
	padding: 4px;
}

.articleLien {
	float:left;
	width:100%;
	margin-top:77px;
}

.articleTxt ul {
	margin:2px 0;
	padding:0;
}

.articleTxt ul li {
	margin:0 0 0 13px;
	padding:0;
}

a.rss {
	display: block;
	
	color:#000;
	font-size: 11px;
}
img.rss {
}


.more {
}

a.more img {
	position:relative;
	top:2px;
	margin-right:5px;
}

a.episode1 {
	color:#000000;
	float:left;
	margin-left:6px;
	width:154px;
	height:34px;
	font-size:12px;
}

a.episode1 b {
	display:block;
}

#centre {
	width:200px;
	background:#FFF;
	height:482px;
	float:left;
	margin-left:15px;
	padding:10px;
}

.episode {
	float:left;
	padding-bottom:8px;
}

.episode a {
}

#droite {
	width:200px;
	height:480px;
	float:left;
	margin-left:15px;
}

#log {
	width:180px;
	background:#FFF;
	height:130px;
	float:left;
	margin-bottom:15px;
	padding:10px;
}

#log form {
	margin-top:5px;
	width:180px;
}

#log form input {
	float:right;
}

#connexion {
	background:#db554f none repeat scroll 0 0;
	border:medium none;
	color:white;
	padding:2px 5px;
	font-size:11px;
	font-family:Arial;
	width:89px;
	margin-top:5px;
}

*+html #connexion {
	background:#db554f none repeat scroll 0 0;
	border:medium none;
	color:white;
	padding:2px 5px;
	font-size:11px;
	font-family:Arial;
	width:89px;
	margin-top:0px!important;
}


#compteOpen, #MotDePasseOublie{
background:#db554f none repeat scroll 0 0;
border:medium none;
color:white;
float:left;
font-family:Arial;
font-size:11px;
margin-right:11px;
margin-top:5px;
padding:2px 5px;
text-align:center;
width:171px;
}

#MotDePasseOublie{
background:#db554f none repeat scroll 0 0;
border:medium none;
color:white;
float:left;
font-family:Arial;
font-size:11px;
margin-right:11px;
margin-top:5px;
padding:2px 5px;
text-align:center;
width:171px;
}

#connexion:hover,#compteOpen:hover, #MotDePasseOublie:hover {
	background:#000 none repeat scroll 0 0;
}

#recherche {
	width:180px;
	background:#FFF;
	height:60px;
	float:left;
	margin-bottom:15px;
	padding:10px;
}

#tag {
	width:180px;
	background:#FFF;
	height:222px;
	float:left;
	margin-bottom:20px;
	padding:10px;
}

*html #tag {
	width:180px;
	background:#FFF;
	height:229px;
	float:left;
	margin-bottom:20px;
	padding:10px;
}

h1 {
	font-size:18px;
	color:#2166a7;
	margin-bottom:6px;
}

.section_title {
}

.post-edit-link {
	float:left;
	color:#000 !important;
}

h2 {
	font-size:15px;
}

h3 {
	color:#000;
}

a img {
	border:none;
}

.rss {
	margin-left:5px;
	float:right;
	margin-top:-15px;
}

#bottom {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:11px;
height:37px;
padding-left:20px;
padding-top:5px;
width:98.6%;
}


* {
margin:0;
padding:0;
}

#bottomPages {
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	height:42px;
	padding-top:15px;
	width:100%;
}

#ref {
	float:left;
	margin-left:420px;
	padding-top:0px;
}

*html*#ref {
	float:left;
	margin-left:288px;
	padding-top:0px;
}

#ref img {
	margin-right:20px;
}

#ref span {
	display:block;
	float:left;
}

#ref span#logos {
	width:24px;
}
#ref span#credits {
	width:390px;
	padding-top:2px;
}

a.bouton {
	background-color:#db554f;
	color:#FFFFFF!important;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
}

a.fixed_width {
	width:135px;
	float:right;
	margin-top:14px;
}

a.bouton:hover {
	background-color:#000;
	display:block;
}

.fleche {
	margin-top:5px;
	margin-right:5px;
}

#fleche2 {
	margin-top:-44px;
	margin-left:233px;
}

#textefleche {
	width:165px;
	margin-top:-15px;
	margin-left:19px;
}

.radiobus {
	float:left;
}

.scolcast {
	margin-left:10px;
}

h2:hover {
	color:#db554f;
}

.log {
	width:90px;
	float:right;
	background-color:#dbd7d7;
	border:none;
}

*html .log {
	width:70px!important;
}

.log1 {
	margin-bottom:5px;
	clear:left;
	width:180px;
}

.episodes {
	float:left;
	margin-bottom:10px;
	margin-top:3px;
}

.episodeImg {
	width:40px;
	height:34px;
	float:left;
}

.lienBlog {
	color:#000000;
	margin-right:10px;
}

.boutonRadioBus {
	background-color:#db554f;
	color:#FFFFFF!important;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	float:none;
	margin-top:0px;
	margin-right:302px;
}

*html .boutonRadioBus {
	margin-right:300px!important;
}

.boutonRadioBus:hover {
	background-color:#000;
}

.boutonPlusEpisodes {
	color:#fff;
	float:right;
	background-color:#db554f;
	color:#FFFFFF!important;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	float:right;
	position:relative;
	top:-4px;
}

.boutonPlusEpisodes:hover {
	background-color:#000;
}

#gauchePages {
	background-color:#FFFFFF;
	float:left;
	height:470px;
	margin-bottom:20px;
	width:720px;
	padding:10px;
}

*html #gauchePages {
	height:506px!important;
}

*+html #gauchePages {
	height:471px!important;
}

*+html #gaucheContact {
	height:471px!important;
}

#gauchePages h2 {
	margin-top:20px;
	margin-bottom:10px;
}

#gauchePages p {
	margin-bottom:10px;
}

#gaucheContact {
	background-color:#FFFFFF;
	float:left;
	height:470px;
	margin-bottom:20px;
	width:720px;
	padding:10px;
}

#gaucheContact h2 {
	margin-top:20px;
	margin-bottom:10px;
	width:350px;
	float:left;
}

#gaucheContact p {
	margin-bottom:20px;
}

#gaucheContact h1 {
	font-size:18px;
	color:#2166a7;
	margin-bottom:6px;
}

#gaucheContact table {
	width:350px;
	float:left;
}

#gaucheContact table td {
	padding-bottom:10px;
}

#gaucheContact h1.contactUs {
	position:relative;
	top:-24px;
}


	
/*--------------------------------------FAQ-----------------------------------------------*/
#listQuestions {
	margin-top:10px;
	margin-bottom:30px;
}

#listQuestions p {
	line-height:100%;
	margin:0;
	padding:0;
}

.question {
	cursor:pointer;
	font-family:georgia;
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;
}

.question a {
	color:#000000;
	font-family:Arial;
}

.question a:hover {
	color:#DB5550;
}

.response {
	color:#5D5D5D;
	font-size:13px;
	margin-bottom:5px;
}

#listQuestions .response p {
	line-height:165%!important;
}


	
/*-------------------------------------END FAQ------------------------------------------*/
#conduiteProjet {
	margin-bottom:30px;
	width:100%;
}

#conduiteProjet p {
	padding:0;
	margin:0;
}

#cformsform {
	float:left;
	position:relative;
	width:350px;
	height:283px;
	background-color: #FFF;
}

#titleFAQ{
	width:200px;
	float:left;
}

.scroll-to-element{
	text-align:right;
	cursor: pointer;
}

.formulaire{
	padding-top:10px;
}

#passPerdu{
	color:#000000;
	float:right;
	margin-top:5px;
	font-size:11px;
}

#passPerdu:hover{
	color:#DB5550;
}

#cforms2form{
	width:100%;
}

#li-2-1, #li-2-2, #li-2-3,#li-2-4{
	float:left;
	width:350px;
}

#li-2-5{
	float:left;
}

.form_openCount{
float:left;
padding-right:20px;
width:335px;
}

.form_openCount h2{
	margin-top:0px!important;
	margin-bottom:20px!important;
}

#li-3-10{
	margin-bottom:20px;
}

.form_openCount #titleInformations{
	margin-top: 20px!important;
}


/* ANNUAIRE */

.podcast {
	margin: 0 0 15px 0;
	float:left;
	width:165px;
	height:150px;
	font-size:11px;
}

a.podcastImg {
	float:none;
	display:block;
	clear:left;
}

.podcastImg img {
	float:none;
	margin:0 15px 0 0;
	padding: 5px;
	border:1px solid #ccc;
	width:140px;
	height:105px;
	background-color:#efefef;
}

a.podcastTitle, a.podcastTitle:visited {
	color:#000;
	text-decoration:none;
}

a.podcastTitle:hover {
	color:#db554f;
	text-decoration:none;
}

#sendbutton3 {
	margin: 20px 0 0 0px;
}

#sendbutton3:hover {
	background:#db554f none repeat scroll 0 0;
}	

select.annuaire_cformselect {
	width:215px !important;
}

#search_table tr td {
	padding:0px 20px 20px 0px;
}

/* ANNUAIRE */

/* NUAGE DE TAGS */
#tagCloud {  
	background-color:#FFF;
	text-align:center; 
	font-size:70%;
	text-align:justify;

}  
#tagCloud h2 {  
	color:#ffffff; font-size:2.5em; margin:0 0 10px 0;  
	background:url(images/cloud.gif) no-repeat 0; padding:15px 0 15px 80px;  
}  
#tagList { margin:0; padding:0; }  
#tagList li {  
	list-style-type:none; float:left; margin:0 10px; height:35px;  
}  
#tagList li a { text-decoration:none; color:#000; }  
#tagList li a:hover { text-decoration:underline; }  


#tagCloud a.cloud4 {
font-size:8pt;
}
#tagCloud a.cloud3 {
font-size:10pt;
}
#tagCloud a.cloud2 {
font-size:12pt;
}
#tagCloud a.cloud1 {
font-size:14pt;
}
#tagCloud a.cloud0 {
font-size:16pt;
}
#tagCloud a {
padding:0.1em;
color:#3080CB;
text-decoration:none;
}
#tagCloud a:hover { 
	cursor:pointer;
	text-decoration:underline; 

}

#searchTag {
	display:block;
	position:absolute;
	margin-top:150px;
	float:left;
}

#searchMyTag {
	background:none repeat scroll 0 0 #DB554F;
	border:medium none;
	color:white;
	float:left;
	font-family:Arial;
	font-size:11px;
	height:18px;
	width:89px;
}

#searchMyTag:hover {
	background:#000 none repeat scroll 0 0;
}

.tagLog {
	width:80px;
	float:left;
	background-color:#dbd7d7;
	border:none;
	height:18px;
	padding:0 5px;
}
  
/* NUAGE DE TAGS */

/* MOT-CLE */

.blocEpisode {
	margin:15px 0 0 0;
	clear:left;
	float:left;
	width:700px;
}

h2.title_episode {
	margin:0 0 6px 0 !important;
}

h2.title_episode a, h2.title_episode a:visited, h2.title_episode a:hover {
	color:#333;
}

.podcastImg img {
	float:left;
}

.episodeContent {
	width:530px;
	float:left
}

.files_type, .published_by, .text_player_liste_episodes {
	padding-left:10px;
}

.published_by {
	margin:5px 0;
	font-weight:bold;
}

/* MOT-CLE */


/* PAGINATION */

#pagination {
	clear:left;
	float:left;
	margin:20px 0 0 0;
	font-size:11px;
	width:100%;
}

#pagination_haut {
	clear:left;
	float:left;
	margin:10px 0 20px 0;
	font-size:11px;
	width:100%;
}

#pagination a, #pagination_haut a, #pagination span, #pagination_haut span {
	display:block;
	float:left;
	margin:0 3px;
	padding:4px 8px;	
	text-align:center
}

#pagination span, #pagination_haut span {
	background-color:#DB5550;
	color:#000;
}

#pagination a, #pagination_haut a, #pagination a:visited, #pagination_haut a:visited {
	background-color:#000;
	color:#fff;
}

#pagination a:hover, #pagination_haut a:hover {
	background-color:#DB5550;
	color:#fff;
}

#pagination {

}

/* PAGINATION */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 2px 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 2px 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.log_label{
	display:block;
	float:left;
	width:85px;
}

#results {
	font-size:16px;
	padding:20px 0 0 0;
}

#results_count {
	font-weight:bold;
}

a.video_player {
	display:block;
	width:200px;
	height:112px;
	float:left;
	margin-right:35px;
}

a.video_player img {
	position:relative;
	z-index:1;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

}

a.video_player object {
	position:relative;
	z-index:1;
}

#info p {
	margin:0 0 10px;
}

#info h3 {
	margin:1px 0 5px 0;
}

#info a.blog_link {
	margin:5px 0 0 0;
	font-weight:bold;
	color:#DB5550;
	display:block;
}

#play {
	position:absolute;
	z-index:0;
	margin-left:86px;
	margin-top:43px;
}

#hearRadiobus {
	background-image:url("http://www.radiobus.fm/wp-content/themes/scolcast/images/ecouterRadiobus2.png");
	cursor:pointer;
	float:left;
	height:113px;
	width:197px;
}

#hearRadiobus:hover {
	background-image:url("http://www.radiobus.fm/wp-content/themes/scolcast/images/ecouterRadiobusHover2.png");
	cursor:pointer;
	float:left;
	height:113px;
	width:197px;
}

#info a.link, #info a.link:visited {
	background-color:#DB554F;
	bottom:0;
	color:#FFFFFF;
	padding:1px 3px;
	position:absolute;
	right:0;
	text-decoration:none;
	font-size:11px;
}

#info a.link:hover {
	background-color:#000;
	padding:1px 3px;
	text-decoration:none;
}

#otherPlayers {
	float:left;
	height:113px;
	margin-left:38px;
	width:180px;
	position: relative;
}

#focus_video{
	margin-top:-55px;
	float: left;
}

#focus_video object{
	margin-top:10px;
	height:255px;
	width:410px;
}

#focus_video img, #focus_video .hide, #focus_video .blog_link {
	display:none;
}

#focus_txt h3{
	font-size:13px;
	margin-bottom:10px;
	margin-top:-9px;
}

#focus_txt a.video_player{
	display: none;
}

#focus_txt a, #focus_txt a:visited {
	background-color:#DB554F;
	color:#FFFFFF;
	padding:1px 3px;
	text-decoration:none;
	font-size:11px;
}

#focus_txt a:hover {
	background-color:#000;
	padding:1px 3px;
	text-decoration:none;
}

	
#focus_txt{
	float:left;
	height:256px;
	margin-top:44px;
	width:150px;
	padding-left:20px;
}

.current_page_item a{
	color:#db554f!important;
}