/*
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;
}

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

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

.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;
}

#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:#ffb400;
	padding:5px;
	background-color:#000;
}

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

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

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

#logo a{
	display: block;
	float: left;
}

#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 a:hover {
	color:#FFB400;
}

#gauchePages a, #gauchePages a:visited {
	color:#000;
	text-decoration:underline;
}

#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;
}

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

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

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

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

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

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

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

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

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

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

.articleLien {
	float:left;
	height:31px;
	width:100%;
}

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

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

a.rss, a.more, a.gallery_more {
	color:#000;
}

a.gallery_more, a.slideshowlink {
	color:#F8B214;
}

.more {
	margin-right:289px;
}

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:471px;
	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:125px;
	float:left;
	margin-bottom:15px;
	padding:10px;
}

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

#log form input {
	float:right;
}

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

#compteOpen, #MotDePasseOublie{
background:#FFB400 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:#FFB400 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:20px;
	padding:10px;
}

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

*html #tag {
	height:408px;
}


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

h2 {
	font-size:15px;
}

h3 {
	color:#000000;
	margin-bottom:10px;
	margin-top:15px;
}

.section_title {
	width:445px;
	float:left;
}

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

a img {
	border:none;
}

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

a:hover {
	color:#ffb400;
}

.rss {
	margin-top:13px;
	margin-left:5px;
}

#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.1%;
}


* {
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:#000;
	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:#ffb400;
	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:#ffb400;
}

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

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

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

.episodes img {
	margin-bottom:18px;
}

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

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

.boutonRadioBus {
	background-color:#ffb400;
	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;
}

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

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

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

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

*html #gauchePages {
	height:575px;
}

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

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

#gaucheContact {
	background-color:#FFFFFF;
	float:left;
	height:470px;
	margin-bottom:20px;
	width:715px;
	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:#B9111E;
	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:#ffb400;
}

.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;
	top:-17px;
	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:#ffb400;
}

#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;
}

#hearRadiobus{
	background-image:url(images/ecouterRadiobus2.png);
	width: 197px;
	height: 113px;
	float: left;
	cursor: pointer;
}

#hearRadiobus:hover{
	background-image:url(images/ecouterRadiobusHover2.png);
	width: 197px;
	height: 113px;
	float: left;
}

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

#otherPlayers h1{
	margin-bottom:5px;
}

#otherPlayers ul{
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:0px;
	padding-left:2px;
}

#otherPlayers ul li{
}

#otherPlayers ul li a{
color:#000000;
}

#otherPlayers ul li a:hover{
color:#FFB400;
}

.imgPlayer{
	margin-right:6px;
}

.imgPlayer2{
	margin-right:33px;
}

.imgPlayer3{
	margin-right:37px;
}

.imgPlayer4{
	margin-right:17px;
}

#entete{
float:left;
font-size:18px;
height:13px;
margin-left:30px;
padding-left:16px;
padding-top:68px;
width:306px;
}

#entete a{
color:#000;
}

#entete p{
margin-bottom: 0px;
}

#entete a:hover{
color:#F8B218;
}

#imgHeader{
	float: left;
	margin-left:10px;
}

#tag h2{
	margin-bottom:5px;
	margin-top:11px;
}

#tag h2 a{
	color: #000;
}

#tag h2 a:hover{
	color:#F8B218;
}

#gauchePages ul{
	list-style-position:inside;
	padding-left:15px;
}

#gauchePages ul li{
	margin-bottom:5px;
}

/* ANNUAIRE */

.podcast {
	margin: 0 0 15px 0;
	float:left;
	width:178px;
	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 */

/* 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 */

#program {
	height:396px;
	overflow:hidden;
}

#embedded_flash {
	position:relative;
	top:-34px;
}

#onAir, #onAirCustom{
	float: right;
	text-align: right;
}

#onAir p, #onAirCustom p{
	font-weight: bold;
}

#enCeMoment, #enCeMomentCustom{
	color: #B9111E;
	font-size: 14px;
	margin-bottom:2px;
}

#titreArtiste, #titreArtisteCustom{
	font-size: 12px;
}

.widgettitle {
	display:none;
}

li.widget_slideshow {
	list-style-type: none;
	margin-top:10px;
}

a.ngg-album-desc {
	color:#ffb400;
}

.slideshow {
	margin-top:4px;
}