/*
 *
 * Feuille de style provenant du site Haut/Bas/Gauche/Droite _
 * URL : http://www.hautbasgauchedroite.fr _
 *
 * Veuillez respecter le travail fourni en demandant l'autorisation à
 * l'auteur en cas de réutilisation d'éléments graphiques du site _
 *
 */

body
{
	margin: 0;
	padding: 0;
	background: #e6e4de; /*url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-background.gif) repeat;*/
	height: 100%;
	
}
body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0;
	padding:0;
}
img
{
	border: 0px;
}
a img {
	border: 0px;
}

/* Float Properties */
.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfloat {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
}
*+html .clearfloat {
	height:1%;
}
.clearfloat {
	display:block;
}



.wrapper {
	width:980px;
	margin: 0 auto 0 auto;
}

#main {
	float:left;
	width:75%;
	margin: 0 0 50px 0;
}

#sidebar {
	float:left;
	width:22%;
	margin-left:1%;
	margin-top:1em;
}

footer {
	clear:both;
	margin-top: 23px;
}
footer .container {
	width: 100%; background: #2D2D2D;
    border-top: 7px solid #232323;
    -moz-box-shadow: 0 1px 9px rgba(0,0,0,.9);
    -webkit-box-shadow: 0 1px 9px rgba(0,0,0,.9);
    box-shadow: 0 1px 9px rgba(0,0,0,.9);
}
footer .wrapper {
	text-align: justify;
	width: 996px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    padding: 30px 0px 40px 0px;
}
footer .hautpage {
	float: right;
	font-weight: bold;
	font-size: 14px;
}
footer .copyright {
	float: right;
}
footer a  {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #393939;
}
footer a:hover {
	color: #1f60ab;
	border-bottom: 1px solid #000;
}

#body_bg {
	background: url(../../img/global/bg_logohbgd.png) no-repeat;
	background-position:top center;
	width: 100%;
	min-height: 100vh;	
}

header {
	text-align: right;
	width: 100%;
	background: rgba(255,255,255,0.9);
	position: fixed;
	padding: 9px 0px 9px;
	top:0;
	z-index:9998;
	-moz-box-shadow: 1px 5px 20px #d0cfcf;
    -webkit-box-shadow: 1px 5px 20px #d0cfcf;
    box-shadow: 1px 5px 20px #d0cfcf;
}

header #logo {
	float: left;
}
nav ul li {
	display:inline-block;
}
nav ul li a {
	font: 1.5em 'montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0.3em 0.7em;
    border-left: 2px solid #b5b5b5;
    position: relative;
    float: right;
    display: block;
    color: #3a3a3a;
    text-decoration: none;
}
nav ul li a:hover {
	color: #fc6e36;
    text-decoration: underline;
}

nav ul li a:visited {
	color: #3a3a3a;
    text-decoration: underline;
}

nav ul li a.forums {
	color: #3899bc;
}

header .menu_btn {
    background: #3899bc url(../../img/menu_bg.png) center center no-repeat;
    display:block;
    width:39px;
    height:39px;
    top:0;
    right:30px;
	float:left;
	margin-right:15px;
}
#menu {
    height:100%;
    position:fixed;
    background:#3a3a3a;
    top:0;
    bottom:0;
    height:100%;
    width:240px;
    left:-240px;
    z-index:9999;
}
#menu ul {
    padding:0;
    margin:0;
    list-style:none;
    color:white;
}
#menu ul li {
    height:39px;
    padding-left:30px;
    line-height:39px;
	border-bottom: 2px solid #fff;
}
#menu ul li.active {
    /*background:#252525; */
}
#menu ul li:hover {
    /*background:#585858;*/
}
#menu ul li.bas {
    border-bottom: 8px solid #525252;
}
#menu ul li a {
    color:white;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    display:block;
}
#menu ul li a:hover {
	color: #737373;
}
#menu ul li img {
	margin-right: 4px;
}
#menu .suivre a {
	display: inline;
}
#menu_btn_bg {
	width: 39px;
	height: 39px;
	padding: 0px;
	margin-right: 15px;
	border-radius: 8px;
	background: #c7c7c7;
	float: left;
}
.close {
    display: block;
    background: #c23838 url(https://www.hautbasgauchedroite.fr/img/croix.png) center center no-repeat;
    height: 39px;
    width: 39px;
    position: absolute;
    top: 0;
    right: -39px;
    margin-left: 2px;
}

/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}

/* Mobile Screen Wide */
@media (max-width : 640px) {
     
    .menu_btn {
        right:10px; 
    }
 
}


/* Breadcrumbs */

#s-breadcrumbs {
	font-size: 13px;
	border-radius: 4px;
	background: #fff;
	color: #d6d6d6;
	font-weight: bold;
	padding: 0px;
	background: rgba(255,255,255,0.4);
	box-shadow: none;
	margin-bottom: 10px;
}
#s-breadcrumbs a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 0px 5px
}
#s-breadcrumbs a:hover {
	text-decoration: underline;
}
#s-breadcrumbs .s-head {
	padding: 12px 17px;
	border-radius: 4px;
	height: 15px;
	margin-right: 5px;
	display: inline-block
}
#s-breadcrumbs .s-head a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin: 0px;
}
#s-breadcrumbs .s-head a:hover {
	text-decoration: underline;
}

/* Couleurs de chaque categorie du site */

.s-carnet {
	background: #ba492f;
	color: #d6d6d6;
}
.s-actualite {
	background: #16a6b6;
	color: #d6d6d6;	
}
.s-media {
	background: #e9ae0a;
	color: #3C3C3C;
}
.s-memoirevive {
	background: #a0947e;
	color: #d6d6d6;
}
.s-compendium {
	background: #3f9045;
	color: #4C4C4C;
}
.s-echoppe {
	background: #C46585;
  	color: #d6d6d6;
}
.s-autre {
	background: #2e3942;
	color: #d6d6d6;
}


#onair {
	min-width: 350px;
	background-color: #3c3c3c;
	background-image: url(https://www.hautbasgauchedroite.fr/img/home/carrousel/12.gif);
    color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
    padding: 12px 25px;
    /*margin-left: -15px;
	margin-right: -15px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 4px #b9bcc2;
    -webkit-box-shadow: 1px 1px 4px #b9bcc2;
    box-shadow: 1px 1px 4px #b9bcc2;
}
#onair p {
	font-size: 14px;
}
#onair #alecoute {
	padding: 5px;
}
#onair #alecoute .player {
	float: left;
	margin-right: 10px;
}
#onair #alecoute .player {
	width: 31px;
	height: 31px;
	background: url(../../img/audio/onair.png);
}
#onair #alecoute .player:hover {
	background: url(../../img/audio/onair_hover.png);
}
#onair #alecoute a.podcast {
	color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #565656;
    text-decoration: none;
}
#onair #alecoute a.podcast:hover {
	color: #fc6e36;
	border-bottom: 1px solid #fff;
}
#onair #rendezvous {
	line-height: 1rem;
    border-left: 1px solid #ccc;
    padding-left: 1em;
	float: right;
	padding: 5px;
	padding-left: 15px;
}
#onair #rendezvous a {
	color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #565656;
    text-decoration: none;
}
#onair #rendezvous a:hover {
	color: #fc6e36;
	border-bottom: 1px solid #fff;
}
#onair #rendezvous .date {
	font-weight: bold;
	background: rgba(255,255,255,0.2);
	padding: 2px 4px;
	border-radius: 5px;
	text-shadow: none;
}

#s-page {
	padding-top: 70px;
}
#s-home-bienvenue {
	color: #a0947e;
	margin-bottom: 10px;
	width: 775px;
	font-size: 12px;
	float: left;
}
#s-home-bienvenue a {
	color: #a0947e;
	font-weight: bold;
}
#s-home-bienvenue a:hover {
	color: #F96854;
}
#s-home-social {
	width: 190px;
	margin-left: 15px;
	float: left;
	text-align: right
}
#s-home-social img {
	margin-left: 2px;
	border-radius: 5px;
}
#s-home-affiche {
}
#s-home-affiche .article {
	width: 201px;
	float: left;
}
#s-home-affiche .article img {
	border-radius: 5px;
	-moz-box-shadow: 0 1px 9px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 9px rgba(0,0,0,.3);
	box-shadow: 0 1px 9px rgba(0,0,0,.3);
}
#s-home-affiche .article img:hover {
	-moz-box-shadow: 0 1px 9px rgba(252,110,54,.9);
	-webkit-box-shadow: 0 1px 9px rgba(252,110,54,.9);
	box-shadow: 0 1px 9px rgba(252,110,54,.9);
}
#s-home-affiche .article {
	color: #000;
}
#s-home-affiche .article:hover {
	color: #fc6e36;
}
#s-home-affiche .type {
	background: rgba(32, 32, 32, 0.8);
	border-radius: 2px;
	color: #F6F6F6;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
	margin: 5px 0px 0px 5px;
	position: absolute;
}
#s-home-selection {
	margin-bottom: 15px;
}
#s-home-selection .article {
	width: 201px;
	float: left;
}
#s-home-selection .article img {
	border-radius: 5px;
	-moz-box-shadow: 0 1px 9px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 9px rgba(0,0,0,.3);
	box-shadow: 0 1px 9px rgba(0,0,0,.3);
}
#s-home-selection .article img:hover {
	-moz-box-shadow: 0 1px 9px rgba(252,110,54,.9);
	-webkit-box-shadow: 0 1px 9px rgba(252,110,54,.9);
	box-shadow: 0 1px 9px rgba(252,110,54,.9);
}
#s-home-selection .article {
	color: #000;
}
#s-home-selection .article:hover {
	color: #fc6e36;
}
#s-home-selection .type {
	background: rgba(32, 32, 32, 0.8);
	border-radius: 2px;
	color: #F6F6F6;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
	margin: 5px 0px 0px 5px;
	position: absolute;
}
#s-home-encart {
	margin-bottom: 15px;
}
#s-home-encart .soutien {
	width: 275px;
	height: 160px;
	float: left;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
	padding: 15px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
    font-size: 12px;
    color: #999999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) inset;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    border-radius: 15px;
    border-top-right-radius: 0px;
}
#s-home-encart .soutien .titre {
	font-size: 33px;
	color: #F96854;
	font-family: 'Signika Negative', sans-serif;
	font-weight: bold;
}
#s-home-encart .club {
	width: 275px;
	height: 160px;
	float: left;
	margin-left: 15px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
	padding: 15px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
    font-size: 12px;
    color: #999999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) inset;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    border-radius: 15px;
    border-top-right-radius: 0px;
}
#s-home-encart .club .titre {
	font-size: 33px; color: #0a9075; font-family: 'Signika Negative', sans-serif; font-weight: bold;
}
#s-home-encart-optionnel {
	margin-bottom: 15px;
}
#s-home-encart-optionnel .temp {
	width: 275px;
	height: 160px;
	float: left;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
	padding: 15px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
    font-size: 12px;
    color: #999999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) inset;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    border-radius: 15px;
    border-top-right-radius: 0px;
}
#s-home-encart-optionnel .temp .titre {
	font-size: 33px;
	color: #e6b628;
	font-family: 'Signika Negative', sans-serif;
	font-weight: bold;
}
#s-home-encart-optionnel .site {
	width: 275px;
	height: 160px;
	float: left;
	margin-left: 15px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
	padding: 15px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
    font-size: 12px;
    color: #999999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) inset;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
    border-radius: 15px;
    border-top-left-radius: 0px;
}
#s-home-encart-optionnel .site .titre {
	font-size: 33px;
	color: #3899bc;
	font-family: 'Signika Negative', sans-serif;
	font-weight: bold;
}
.s-home-categorie {
	margin-bottom: 15px;
	color: #3899bc;
	background: rgba(22, 166, 182, 0.1);
	padding: 4px 28px;
	font-family: 'Signika Negative', sans-serif;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-size: 33px;
	letter-spacing: -0.08em;
}


#page {
	margin-top: 15px;
}
#gauche {
	width: 665px;
	float: left;
}
#droite {
	width: 300px;
	margin-left: 15px;
	float: left;
}

/* Effet relief box */
.s-box {
	background: white;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 4px #b9bcc2;
	-webkit-box-shadow: 1px 1px 4px #b9bcc2;
	box-shadow: 1px 1px 4px #b9bcc2;
}

/* Espacement entre les colonnes */
.s-spacer-top {
	margin-top: 15px;
}
.s-spacer-bottom {
	margin-bottom: 15px;
}
.s-spacer-left {
	margin-left: 15px;
}
.s-spacer-right {
	margin-right: 15px;
}

/* Pagination */

#s-pagination-sep {
	border:2px dotted #ccc;
	margin:15px 0px
}
#s-pagination {
	line-height: 15px;
	margin-top: 15px;
	margin-bottom:15px;
	font-size: 13px;
}
#s-pagination a {
	text-decoration: none;
}
#s-pagination a:hover {
	text-decoration: underline;
}
#s-pagination .current-page {
	text-align: center;
	padding-left: 15px;
}
#s-pagination .current-page .active {
	padding: 2px 4px;
	background: #16a6b6;
	color: #fff;
}
#s-pagination .nextpage {
	font-weight: bold;
	float: left;
}
#s-pagination .prevpage {
	font-weight: bold;
	float: right;
}
#s-pagination .nextpage .first {
	box-shadow: 1px 1px 4px #b9bcc2;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #f6f6f6;
	background: #333;
	border-radius: 3px;
	padding: 7px 13px;
	background-image: -moz-linear-gradient(#464646, #333);
    background-image: -webkit-linear-gradient(#464646, #333);
	background-image: linear-gradient(#464646, #333);
}
#s-pagination .nextpage .first:hover {
	background: #ecece6;
	color: #404040;
	text-shadow: none;
}
#s-pagination .nextpage .next {
	box-shadow: 1px 1px 4px #b9bcc2;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #f6f6f6;
	background: #333;
	border-radius: 3px;
	padding: 7px 13px;
	background-image: -moz-linear-gradient(#464646, #333);
    background-image: -webkit-linear-gradient(#464646, #333);
	background-image: linear-gradient(#464646, #333);
}
#s-pagination .nextpage .next:hover {
	background: #ecece6;
	color: #404040;
	text-shadow: none;
}
#s-pagination .prevpage .prev {
	box-shadow: 1px 1px 4px #b9bcc2;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #f6f6f6;
	background: #333;
	border-radius: 3px;
	padding: 7px 13px;
	background-image: -moz-linear-gradient(#464646, #333);
    background-image: -webkit-linear-gradient(#464646, #333);
	background-image: linear-gradient(#464646, #333);
}
#s-pagination .prevpage .prev:hover {
	background: #ecece6;
	color: #404040;
	text-shadow: none;
}
#s-pagination .prevpage .last {
	box-shadow: 1px 1px 4px #b9bcc2;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #f6f6f6;
	background: #333;
	border-radius: 3px;
	padding: 7px 13px;
	background-image: -moz-linear-gradient(#464646, #333);
    background-image: -webkit-linear-gradient(#464646, #333);
	background-image: linear-gradient(#464646, #333);
}
#s-pagination .prevpage .last:hover {
	background: #ecece6;
	color: #404040;
	text-shadow: none;
}


/*
 * GLOBAL
 * Encart de soutien Patreon
 */
#s-patreon {
	padding: 0;
	font-family: 'Signika Negative', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #b9b9b9;
	text-align: right;
	text-transform: uppercase;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/medias/rayure.png) repeat;
}
#s-patreon .inside {
	padding: 15px 30px 16px 0px;
	background: rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) inset;
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 7px solid #333;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.4);
}
#s-patreon .inside .soutien {
	font-size: 19px;
	color: #fff;
}
#s-patreon .inside .coeur {
	color: #da5f04;
}
#s-patreon .inside:hover {
	padding: 15px 30px 16px 0px;
	font-size: 13px;
	background: rgba(0, 0, 0, 0.81);
	border-right: 7px solid #ba492f
}
#s-patreon a {
	color: #b9b9b9;
	text-decoration: none;
}
#s-patreon a:hover {
	text-decoration: none;
}


/* Page Podcast */
#s-podcast-col-gauche
{
	float: left;
	width:615px;
	margin-left:0px;
}
#s-podcast-col-droite
{
	width: 350px;
	float: left;
	margin-left: 15px;
}
#s-podcast-affiche
{
	margin-bottom: 15px;
	border-bottom: 5px dotted #ccc;
	padding-bottom: 15px;
}
#s-podcast-affiche img
{
	width: 120px;
	border-radius:5px;
	border: 4px solid #333333;
}
#s-podcast-affiche .theme img
{
	border: 4px solid #2E7C3B;
}
#s-podcast-affiche .hors-serie img
{
	border: 4px solid #235A54;
}
#s-podcast-affiche .s-box
{
	float:left;
	width: 128px;
	font-size: 11px;
	padding: 8px;
}
#s-podcast-affiche .marge
{
	margin-left: 5px;
}
#s-podcast-affiche .plus
{
	float:left;
	width: 15px;
	font-size: 14px;
	margin-left: 5px;
	text-align: center;
}
#s-podcast-affiche .plus a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 30px;
	color: #333;
}
#s-podcast-affiche .plus a:hover
{
	color: #E9AE0A;
}
#s-podcast-affiche .type-actu
{
	background: #333333; 
	color: #fff; 
	font-weight: bold; 
	font-size: 13px;  
	padding: 3px 6px; 
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); 
	position: absolute;
	margin-top: 54px;
	margin-left: 2px;
}
#s-podcast-affiche .type-theme
{
	background: #2E7C3B; 
	color: #fff; 
	font-weight: bold; 
	font-size: 13px;  
	padding: 3px 6px; 
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); 
	position: absolute;
	margin-top: 54px;
	margin-left: 2px;
}
#s-podcast-affiche .type-hors-serie
{
	background: #235A54; 
	color: #fff; 
	font-weight: bold; 
	font-size: 13px;  
	padding: 3px 6px; 
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); 
	position: absolute;
	margin-top: 54px;
	margin-left: 2px;
}
#s-podcast-info
{
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/podcast/podcast_bg.jpg);
	text-align: center;
	padding: 25px;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom: 4px solid #1F2022;	
	-moz-box-shadow: 1px 1px 4px #b9bcc2;
	-webkit-box-shadow: 1px 1px 4px #b9bcc2;
	box-shadow: 1px 1px 4px #b9bcc2;
}
#s-podcast-info .box
{
	background-color: rgba(0,0,0,0.7);
	color: #FFF;
	padding: 12px;
	font-size: 14px;
	border-radius: 3px;
}
#s-podcast-info .liens
{
	background: #1f2022;
	padding: 10px;
	color: #fff;
	margin-top:5px;
	font-size: 12px;
}
#s-podcast-info .itunes
{
	text-decoration:none;
	background: #1ba7f2; 
	border-radius: 4px;
	color: #fff;
	padding: 7px 13px;
	font-weight: bold;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset; 
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) inset; 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-podcast-info .xml
{
	text-decoration:none;
	background: #f09b00;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 7px 13px; 
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset; 
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) inset; 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-podcast-info .android
{
	text-decoration:none;
	background: #97c024; 
	border-radius: 4px;
	color: #fff;
	padding: 7px 13px;
	font-weight: bold;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset; 
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) inset; 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-podcast-info .aide
{
	text-decoration:none;
	background: #fff; 
	border-radius: 4px;
	color: #000;
	padding: 7px;
	font-weight: bold;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset; 
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) inset; 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
}
#s-podcast-liste
{
	border-radius: 0px;
	padding: 15px;
	background: #fff;
}
.s-podcast-annee
{
	margin-bottom: 5px;
	background: #FFF; 
	color: #737373;
	padding: 0px 0px 5px 0px;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #E7E7E6;
	font-family: 'Signika Negative', sans-serif;
}
#s-podcast-liste .theme
{
	padding: 2px 4px; 
	background: #2E7C3B; 
	margin-right: 1px;
	font-size: 11px;
	color: #fff
}
#s-podcast-liste .hors-serie
{
	padding: 2px 4px; 
	background: #235A54; 
	margin-right: 1px;
	font-size: 11px;
	color: #fff
}
#s-podcast-liste .label
{
	float: right;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
	color: #969696;
	margin-top: 4px;
}
#s-podcast-liste .vue-grille
{
	float: right;
	margin-left: 3px;
	border: 1px solid #ccc;
}
#s-podcast-liste .vue-ligne
{
	float: right;
	border: 1px solid #ccc
}
#s-podcast-liste .ligne 
{
	line-height: 20px;
}
#s-podcast-liste .ligne a
{
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	display: block;
	color: #000;
	border-bottom: 1px solid #ccc;
}
#s-podcast-liste .ligne a:hover
{
	background: #F7F7F7;
	border-bottom: 1px solid #9D9D9D;
}
.alt
{
	background: #f5f5f2;
}
.s-podcast-ligne-telechargement
{
	display: block;
	padding-left: 8px;
	margin-top: 9px;
	color: #3F3F3F;
	float: right;
	font-weight: bold;
}
.s-podcast-ligne-programme
{
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #747474;
}
#s-podcast-thematique
{
	background: #1f2022;
	color: #999;
	padding: 10px;
}
#s-podcast-thematique a
{
	color: #E9AE0A;
	text-decoration: none;
}
#s-podcast-thematique a:hover
{
	color: #fff;
	text-decoration: none;
}
#s-podcast-thematique h1
{
	font-size: 26px; 
	color: #E9AE0A; 
	border-bottom: 2px solid #272727; 
	margin-bottom: 5px;
	letter-spacing: -0.08em;
	margin-bottom:5px
}
#s-podcast-thematique ul
{
	list-style: none;
}
#s-podcast-thematique li
{
	border-bottom: 1px solid #3C3C3C;
	line-height: 22px;	
}
#s-podcast-thematique img
{
	width: 322px; 
	margin-top: 7px; 
	border: 4px solid #2E7C3B;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-radius: 4px;
	border-top-right-radius: 0px;
}
#s-podcast-thematique strong
{
	color: #fff;
	font-weight: bold;
}
#s-podcast-thematique em
{
	color: #fff;
	font-weight: bold;
	font-style: normal;
}
#s-podcast-thematique .alt
{
	background: #272727;
}
#s-podcast-thematique .sujet
{
	color:#fff;
}
#s-podcast-thematique .type
{
	background: #2E7C3B; 
	color: #fff; 
	font-weight: bold; 
	line-height: 23px; 
	padding: 0px 6px; 
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	position: absolute;
	margin-top: 176px;
	margin-left: 2px;
}
#s-podcast-thematique .info
{
	background: #151515; 
	padding: 7px; 
	margin-bottom: 10px; 
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px;
}
#s-podcast-thematique .resume
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#s-podcast-thematique .titre
{
	background: rgba(0, 0, 0, 0.4);
	color: #FFF;
	font-weight: bold;  
	font-size: 9px;
	padding: 5px 6px; 
	border-radius: 3px;
	position: absolute;
	margin-top: 16px;
	margin-right: 20px;
	margin-left: 12px;
}
#s-podcast-thematique .intervenant
{
	color: #FFF;
	font-weight: bold;
}
#s-podcast-thematique li a
{
	display: block;
	text-decoration:none;
	color: #999;
	padding: 2px;
}
#s-podcast-thematique li a:hover
{
	background: #151515;
}
#s-podcast-annonce {
	background: #FF7401;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}
#s-podcast-annonce a {
	color: #fff;
	text-decoration: none;
}
#s-podcast-annonce a:hover {
	text-decoration: underline;
}


/* Page session */
#s-session-col-gauche
{
	width: 584px;
	float: left;
}
#s-session-col-droite {
	width: 381px;
	float: left;
	margin-left: 15px;
}
#s-session-nav a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#s-session-nav a:hover {
	color: #E9AE0A;
}
#s-session-nav .fleche-gauche a {
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#s-session-nav .fleche-gauche a:hover {
	color: #E9AE0A;
}
#s-session-nav .fleche-droite a {
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#s-session-nav .fleche-droite a:hover {
	color: #E9AE0A;
}
#s-session-nav .fleche-gauche {
	float: left;
	width: 6%;
	color: #555;
	font-size: 44px;
	text-shadow: 0 1px 0 white;
	border-radius: 4px;
	text-align: left;
}
#s-session-nav .fleche-droite {
	float: right;
	width: 6%;
	color: #555;
	font-size: 44px;
	text-shadow: 0 1px 0 white;
	border-radius: 4px;
	text-align: right;
}
#s-session-nav .s-off {
	font-weight: bold;
	color: #BDBDBD;
}
#s-session-nav .s-off {
	font-weight: bold;
	color: #BDBDBD;
}
#s-session-nav .podcast-precedent {
	float: left;
	width: 38%;
	color: #555;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	border-radius: 4px
}
#s-session-nav .podcast-suivant {
	float: right;
	width: 38%;
	color: #555;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	border-radius: 4px
}
#s-session-podcast {
	width: 584px;
	border-radius: 5px;
	padding: 5px 0px 5px 0px;
	background: #000;
	text-align: left;
}
#s-session-vignette {
	width: 574px;
	height: 340px;
	margin-left: 5px;
	border-radius: 5px;
}
#s-session-genre {
	color: #fff;
	font-weight: bold;
	padding: 3px 9px;
	border-radius: 3px;
	border: 2px solid #474747;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	margin: 10px 0px 0px 10px;
	position: absolute;
	text-transform: uppercase;
	font-size: 10px;
	background: rgba(0,0,0,0.1);
}
#s-session-telechargement {
	color: #ABABAB;
	background: rgba(0,0,0,0.1);
	padding: 3px 9px 3px 30px;
	border-radius: 3px;
	border: 2px solid #474747;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	margin: 10px 0px 0px 10px;
	position: absolute;
	text-transform: uppercase;
	font-size: 10px;
	margin-left: 234px;
}
#s-session-telechargement a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#s-session-telechargement a:hover {
	color: #e9ae0a;
}
#s-session-telechargement-icone {
	width: 25px;
	height: 25px;
	border: 3px solid #565656;
	border-radius: 25px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: -8px;
	margin-left: -5px;
}
#s-session-details {
	padding: 5px 20px 5px 10px;
	color: #999;
	font-size: 12px;
	text-align: justify;
	margin-left: 10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
}
#s-session-details .categorie {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
#s-session-description {
	padding: 5px 20px 5px 10px;
	color: #C5C5C5;
	font-size: 12px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	background: rgba(255,255,255,0.1);
	margin-bottom: 5px;
	border: 3px solid #242424;
}
#s-session-description .categorie {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
#s-session-description a {
	font-weight: bold;
	color: #e9ae0a;
	text-decoration: none;
}
#s-session-description a:hover {
	color: #356dc0;
}
#s-session-description em {
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
#s-session-intervenants {
	padding: 2px 6px;
	background: #242424;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}
#s-session-details a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#s-session-details a:hover {
	color: #e9ae0a;
}
#s-session-partage {
	margin-top: 10px;
}
#s-session-partage .s-url {
	color: #666;
	font-weight: bold;
	width: 194px;
	height: 17px;
	float: left;
}
#s-session-partage .s-url input {
	width: 139px;
	color: #000000;
	padding: 1px 6px;
	border-radius: 5px;
	border: 2px solid #EFEFEF;
}
#s-session-partage .s-facebook {
	color: #666;
	font-weight: bold;
	width: 15px;
	height: 17px;
	float: left;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	text-align:center;
}
#s-session-partage .s-twitter {
	color: #666;
	font-weight: bold;
	width: 15px;
	height: 17px;
	float: left;
	margin-left: 5px;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	text-align:center;
}
#s-session-partage .s-google {
	color: #666;
	font-weight: bold;
	width: 15px;
	height: 17px;
	float: left;
	margin-left: 5px;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	text-align:center;
}
#s-session-partage .s-commentaires {
	background: #356dc0;
	color: #666;
	font-weight: bold;
	width: 215px;
	height: 17px;
	float: left;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	text-align:center
}
#s-session-partage .s-commentaires:hover {
	background: #E9AE0A;
	text-shadow: none;
}
#s-session-partage .s-commentaires img {
	vertical-align: top;
}
#s-session-references {
	margin-top: 15px;
	border-top: 4px dotted #D0D0D0;
	padding-top: 15px;
}
#s-session-references h3 {
	width: 100%;
	padding-bottom: 3px;
	color: #E9AE0A;
	font-size: 26px;
	letter-spacing: -0.08em;
	margin-bottom: 9px;
}
#s-session-references .s-jeu {
	color: #403535;
	font-size: 11px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D0D0;
	margin-top:10px;
}
#s-session-references .s-soutien {
	float: right;
	border: 2px solid #D0D0D0;
	padding: 3px 7px;
	font-weight: bold;
	border-radius: 3px;
}
#s-session-references a {
	color: #525252;
	text-decoration:none;
}
#s-session-references a:hover {
	color: #000;
	text-decoration: underline;
}
#s-session-plusinfos {
	margin-top: 15px;
	border-top: 4px dotted #D0D0D0;
	padding-top: 15px;
	color: #403535;
	font-size: 13px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D0D0;
}
#s-session-plusinfos h3 {
	width: 100%;
	padding-bottom: 3px;
	color: #E9AE0A;
	font-size: 26px;
	letter-spacing: -0.08em;
	margin-bottom: 9px;
}
#s-session-plusinfos a {
	color: #000;
	text-decoration: none;
}
#s-session-plusinfos a:hover {
	text-decoration: underline;
}
#s-session-dernierspodcasts {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
	padding-top: 15px;
}
#s-session-dernierspodcasts .s-episode {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #E0E0E0;
	background: url(http://www.hautbasgauchedroite.fr/forums/Themes/hbgd2/images/postbg.gif) bottom repeat-x;
}
#s-session-dernierspodcasts .s-date {
	width: 40px;
	float: left;
	margin-left: 10px;
	font-size: 11px;
}
#s-session-dernierspodcasts .s-date span {
	font-weight: bold;
	color: #494949;
	border-bottom: 3px solid #EFEFEF;
}
#s-session-dernierspodcasts .s-image {
	width: 120px;
	float: left;
}
#s-session-dernierspodcasts .s-numero {
	color: #494949;
	font-weight: bold;
	line-height: 23px;
	padding: 3px 6px;
	border-radius: 5px;
	border: 2px solid #EFEFEF;
}
#s-session-dernierspodcasts img {
	width: 116px;
	border-radius: 3px;
}
#s-session-dernierspodcasts .s-genre-hs {
	background: #235A54;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	padding: 3px 9px;
	border-radius: 3px;
	border: 1px solid #235A54;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-session-dernierspodcasts .s-genre-theme {
	background: #2E7C3B;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	padding: 3px 9px;
	border-radius: 3px;
	border: 1px solid #296C34;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-session-dernierspodcasts .s-genre-actu {
	background: #333333;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	padding: 3px 9px;
	border-radius: 3px;
	border: 1px solid #333333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-session-dernierspodcasts .s-actu img {
	border: 3px solid #2E7C3B;	
}
#s-session-dernierspodcasts .s-theme img {
	border: 3px solid #235A54;
}
#s-session-dernierspodcasts .s-hs img {
	border: 3px solid #333333;
}
#s-session-dernierspodcasts img:hover {
	border: 3px solid #E9AE0A;	
}
#s-session-dernierspodcasts .s-details {
	width: 191px;
	margin-left: 10px;
	float: left;
}
#s-session-dernierspodcasts .s-details a {
	margin-top:5px;
	color: #000;
	text-decoration: none;
	display: block;
}
#s-session-dernierspodcasts .s-details a:hover {
	text-decoration: underline;
}




/* CARNET */
#s-carnet-contenu p {
	margin-bottom:15px;
	margin-top:15px;
	font-size: 14px;
	line-height: 20px;
}
#s-carnet-contenu a {
	color: #ba492f;
    background: #EDF0F1;
	font-weight: bold;
    padding: 1px 3px;
    border-bottom: none;
	text-decoration: none;
}
#s-carnet-contenu a:hover {
	color: #fff;
    font-weight: bold;
    background: #ba492f;
}
#s-carnet-contenu h1 {
	font-size: 30px;
	color: #333333;
	letter-spacing: -0.05em;
	margin-bottom: 10px;
	margin-top: 35px;
	line-height: 35px;
}
#s-carnet-contenu ul {
	font-size: 14px;
	line-height: 18px;
}
#s-carnet-contenu li {
	margin: 7px;
	text-align: left;
	margin-left: 35px;
	list-style-image: url(http://www.hautbasgauchedroite.fr/img/theme/nsi/carnet/s-puce-rouge.gif);
}
#s-carnet-contenu .chapeau {
	background: #fff url(http://www.hautbasgauchedroite.fr/forums/Themes/hbgd2/images/postbg.gif) bottom repeat-x;
	border: 1px solid #E0E0E0;
	border-right: 2px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	padding: 20px 45px;
	margin-left: -55px;
	margin-right: -55px;
	border-radius: 5px;
	text-align: justify
}
#s-carnet-contenu blockquote {
	padding: 15px 5px 15px 25px;
	font-size: 25px;
	line-height: 25px;
	color: #BA492F;
	float: right;width: 220px;
	text-align: center;
	font-weight: bold;
	margin: 5px 5px 10px 25px;
	border-left: 1px solid #E5E5E5;
}
#illustration_droite {
	margin-left: 20px;
	margin-bottom: 15px;
	margin-right: -134px;
	width: 400px;
	float: right;
	padding: 0;
}
#illustration_droite a {
	padding: 0;
}
#illustration_droite img {
	width: 400px;
	border-bottom: 5px solid #404040;
	border-top-left-radius: 10px;
}
#illustration_droite .legende {
	background: #BA492F;
	padding: 15px;
	border-bottom-left-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-style: italic;
}
#illustration_centrale img {
	width: 840px;
	margin-left: -60px;
	border-radius: 10px;
	margin-top:20px;
	margin-bottom:20px;
}
#illustration_centrale span {
	color: #444444;
	font-size: 10px;
}
#illustration_gauche {
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: -140px;
	width: 400px;
	float: left;
	padding: 0;
}
#illustration_gauche a {
	padding: 0;
}
#illustration_gauche img {
	width: 400px;
	border-bottom: 5px solid #404040;
	border-top-left-radius: 10px;
}
#illustration_gauche .legende {
	background: #BA492F;
	padding: 15px;
	border-bottom-right-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-style: italic;
}
#encart_gauche {
	background: #2d2d2d;
	padding: 15px;
	width: 254px;
	margin-right: 30px;
	border-radius: 2px;
	margin-bottom: 15px;
	margin-left: -120px;
	float: left;
	border-bottom: 5px solid #3AAD48;
}
#encart_gauche .plus {
	font-size: 12px;
	font-weight: bold;
	color: #3AAD48;
	border-radius: 2px;
	padding: 2px 10px;
	text-align: left;
	text-transform: uppercase;
}
#encart_gauche img {
	width: 250px;
	border-radius: 5px;
	border: 2px solid #3AAD48;
}
#encart_gauche .legende {
	margin-top: 5px;
	line-height: 15px;
	font-size: 13px;
	color: #999999;
}
#encart_droite {
	background: #2d2d2d;
	padding: 15px;
	width: 254px;
	border-radius: 2px;
	margin-bottom: 15px;
	margin-right: -110px;
	margin-left: 30px;
	float: right;
	border-bottom: 5px solid #3AAD48;
}
#encart_droite .plus {
	font-size: 12px;
	font-weight: bold;
	color: #3AAD48;
	border-radius: 2px;
	padding: 2px 10px;
	text-align: left;
	text-transform: uppercase;
}
#encart_droite img {
	width: 250px;
	border-radius: 5px;
	border: 2px solid #3AAD48;
}
#encart_droite .legende {
	margin-top: 5px;
	line-height: 15px;
	font-size: 13px;
	color: #999999;
}
#s-carnet-comm {
	/*background-color: rgba(255,255,255,0.5);*/
    padding: 0px;
}
#s-carnet-comm .news_item {
	background: white url(https://www.hautbasgauchedroite.fr/forums/Themes/hbgd2/images/postbg.gif) bottom repeat-x;
    padding: 15px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    -moz-box-shadow: 1px 1px 4px #b9bcc2;
    -webkit-box-shadow: 1px 1px 4px #b9bcc2;
    box-shadow: 1px 1px 4px #b9bcc2;
}
#s-carnet-comm .alt {
	border-top: solid 8px #d0d0d0;
    border-bottom: solid 8px #d0d0d0;
    background: #f5f5f2;
}
#s-carnet-comm .news_item img {
	max-width: 570px;
}
#s-carnet-comm .news_item iframe {
	max-width: 570px;
}
#s-carnet-comm .news_header a {
	color: #ba492f;
    font-weight: bold;
    border-bottom: none;
    text-decoration: none;
}
#s-carnet-comm .news_header a:hover {
	color: #fff;
    font-weight: bold;
    background: #ba492f;
}
#s-carnet-comm a.bbc_link  {
	color: #000;
    text-decoration: underline;
}
#s-carnet-comm a:hover.bbc_link  {
	text-decoration: none;
}
#s-carnet-comm .news_timestamp {
	color: #929292;
	font-size: 11px;
}
#s-carnet-comm blockquote.bbc_standard_quote {
    background-color: #f5f5f5;
}
#s-carnet-comm blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
    font-size: 90%;
    line-height: 1.4em;
    background: #ececec url(https://www.hautbasgauchedroite.fr/forums/Themes/hbgd3/images/theme/quote.gif) no-repeat;
    border: 2px solid #dbdbdb;
    padding: 1.1em 1.1em 1.1em 4.0em;
    margin: 0.1em 0 0.3em 0;
    overflow: auto;
    border-radius: 3px;
}
#s-carnet-comm .quoteheader {
    color: #333;
    font-size: x-small;
    font-weight: bold;
    padding: 0 0.3em;
}
#s-carnet-comm .quoteheader a:link, a:visited {
    color: #6699cc;
    text-decoration: none;
}