/*
 *
 * 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: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-background.gif) repeat;
	height: 100%;
	border-top: 7px solid #404040;
}

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


/* Alignement */
.s-float-right {
	float: right;
}
.s-float-left {
	float: left;
}



/* Global */
#s-global {
	height: 100%;
	min-height: 100%;
	width: 996px;
	margin: 0 auto;
	position: relative;
	margin-top: 13px;
	padding: 0;
	text-align: left;
}
.s-centrage {
	height: 100%;
	min-height: 100%;
	width: 996px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.lettrine {
float: left;
font-size: 50px;
font-weight: bold;
font-family: 'Alegreya', serif;
color: #313131;
line-height: 1em;
padding: 0 10px 2px 10px;
margin: 0px 5px 5px 0;
}


/* Header */
#s-header {
	min-height: 100%;
	width: 996px;
	margin: 0 auto;
	position: relative;
}
#s-topbar .logo {
	text-align: left;
	float: left;
}
#s-topbar .logo img {
	margin-left: -47px;
	margin-top: 2px;
}
#s-topbar .soustitre {
	font-size: 8px;
	background: #f9f9f9;
	font-weight: bold;
	font-family: Verdana;
	color: #404040;
	margin-left: 47px;
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 4px #e6e6e6;
	-webkit-box-shadow: 1px 1px 4px #e6e6e6;
	box-shadow: 1px 1px 4px #e6e6e6;
	position: absolute;
}
#s-topbar .soustitre-phrase {
	color: #ba492f
}

#s-topbar {
	font-size: 12px;
	color: #000;
	height: 80px;
	padding-bottom: 5px;
}
#s-topbar a {
	color: #000;
	text-decoration: none;
}
#s-topbar a:hover {
}
#s-topbar .option {
	float: right;
	background: #a5a5a5;
	color: #e6e7e9;
	text-align: center;
	font-weight: bold;
	border-radius: 8px;
	margin-top: 18px;
	padding: 10px 15px;
	width: 290px;
	height: 18px;
}
#s-topbar .option a {
	color: #808080;	
}
#s-topbar .option a:hover {
	color: #373737;
}
#s-topbar .langue {
  letter-spacing: -0.08em;
  color: #797979;
  width: 64px;
  float: left;
  padding-top: 4px;
  margin-left: 0px;
  margin-right: 3px;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-family: Verdana;
  padding: 3px 0px 8px 0px;
  background-color: #5C5C5C;
  -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-topbar .langue a {
	color: #C8C8C8;
	font-weight: bold;
}
#s-topbar .langue a:hover {
	color: #E9AE0A
}
#s-topbar .langue actif {
	background-color: #DB5858;
	background-image: -moz-linear-gradient(top, #DB5858, #C72727);
	background-image: -ms-linear-gradient(top, #DB5858, #C72727);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DB5858), to(#C72727));
	background-image: -webkit-linear-gradient(top, #DB5858, #C72727);
	background-image: -o-linear-gradient(top, #00AADD, #0088CC);
	background-image: linear-gradient(top, #00AADD, #0088CC);
	background-repeat: repeat-x;
}
#s-topbar .langue-actif {
	color: #E0E0E0;
	background: #3C3C3C;
	padding: 1px 6px;
	border-radius: 3px;
	font-weight: bold;
}
#s-topbar .forum {
	width: 134px;
	float: left;
	padding-top: 4px;
	margin-right: 3px;
	text-align: center;
	background: #7f6590;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #FFFFFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
	font-family: Verdana;
	padding: 3px 0px 8px 0px;
	-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-topbar .forum a {
	color: #fff;
}
#s-topbar .forum a:hover {
	color: #E9AE0A;
}
#s-topbar .echoppe {
	width: 114px;
	float: left;
	padding-top: 4px;
	margin-right: 3px;
	text-align: center;
	background: #C46585;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	color: #FFFFFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
	font-family: Verdana;
	padding: 3px 0px 8px 0px;
	-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-topbar .echoppe a {
	color: #fff;
}
#s-topbar .echoppe a:hover {
	color: #E9AE0A;
}
#s-topbar .langue-actif {
	background: #404040;
	color: #FFF;
	border-radius: 5px;
	padding: 2px 7px;
}
#s-topbar .login {
	width: 320px;
	float: left;
	text-align: center;
	background: #404040;
	color: #aaaaaa;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
	font-family: Verdana;
	padding: 9px 0px 13px 0px;
}
#s-topbar .login a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(37, 37, 37, 0.6);
}
#s-topbar .login a:hover {
	color: #E9AE0A;
}
#s-topbar .social {
	width: 8%;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #404040;
	padding-top: 4px;
	overflow: hidden;
}
#s-topbar .social .facebook a{
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 15px;
	text-indent: -9999px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/data.gif) 0 0 no-repeat;
	background-position: 0 0px;
}
#s-topbar .social .twitter a {
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	text-indent: -9999px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/data.gif) 0 0 no-repeat;
	background-position: 0 -16px;
}
#s-topbar .social .google a {
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	text-indent: -9999px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/data.gif) 0 0 no-repeat;
	background-position: 0 -32px;
}
#s-topbar .social .youtube a {
	background-position: 0 0px;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	text-indent: -9999px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/data.gif) 0 0 no-repeat;
	background-position: 0 -48px;
}


/* Lien suivant/précédant */
#s-precedant {
	position:fixed;
	top:48%;
	margin-left: -50px;
	z-index: 90;
	width: 42px;
	height: 43px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-precedant.png);
}
#s-precedant:hover {
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-precedant-hover.png);
}
#s-suivant {
	position:fixed;
	top:48%;
	margin-left: 1010px;
	z-index: 91;
	width: 42px;
	height: 43px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-suivant.png);
}
#s-suivant:hover {
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-suivant-hover.png);
}


/* Mise en page par colonne */

/* Disposition 1 */
#s-column1-left {
	width: 323px;
	float: left;
}
#s-column1-middle {
	width: 323px;
	float: left;
	margin-left: 15px;
}
#s-column1-right  {
	width: 320px;
	margin-left: 10px;
	float: left;
}

/* Disposition 3 */
#s-column3-left {
	width: 478px;
	float: left;
}
#s-column3-middle {
	width: 320px;
	float: left;
	margin-left: 15px;
}
#s-column3-right {
	width: 168px;
	float: left;
	margin-left: 15px;
}

#s-column4-left {
	width: 600px;
	float: left;
}
#s-column4-right {
	width: 381px;
	float: left;
	margin-left: 15px;
}

#s-column5-left {
	width: 661px;
	float: left;
}
#s-column5-right {
	width: 320px;
	float: left;
	margin-left: 15px;
}

#s-column6-left {
	width: 65px;
	float: left;
}
#s-column6-middle {
	width: 916px;
	float: left;
	margin-left: 15px;
}
#s-column6-right {
	width: 300px;
	float: left;
	margin-left: 15px;
}

#s-column7-left {
	width: 215px;
	float: left;
}
#s-column7-middle {
	width: 521px;
	float: left;
	margin-left: 15px;
}
#s-column7-right {
	width: 230px;
	float: left;
	margin-left: 15px;
}



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


/* Menu */
#s-menu {
	width: 831px;
	float: right;
	text-align:center;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-menu-sep.gif) repeat-x;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 4px #b9bcc2;
  	-webkit-box-shadow: 1px 1px 4px #b9bcc2;
 	box-shadow: 1px 1px 4px #b9bcc2;
}
.s-menu-article {
	width: 145px;
	float:left;
	margin:0px;
	padding: 5px 10px 8px 10px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 4px solid #E4E4E4;
	background: #f6f6f6;
	text-decoration: none;
	
	color: #555;
	border-bottom: 4px solid #16a6b6;
	text-shadow: 0 1px 0 white;
	
	-webkit-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	-moz-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	-o-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
}
.s-menu-article:hover {
	color: #fff;
	border-bottom: 4px solid #16a6b6;
	text-shadow: none;
	
	-webkit-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	-moz-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	-o-transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
	transition: background 200ms ease,color 200ms ease,text-shadow 200ms ease;
}
.s-menu-article h1 {
	margin: 0;
	font-weight: bold;
	font-size:18px;
	letter-spacing:-0.08em;
	font-family: 'Signika Negative', sans-serif;
  	font-size: 21px;
}
.s-menu-article p {
	margin:0;
	font-size:11px;
}
.cat1  {
	width: 146px;
	/*border-bottom: 4px solid #16a6b6;*/
	background: #f6f6f6;
	border-top-left-radius: 4px;
}
.cat1:hover  {
	/*border-bottom: 4px solid #16a6b6;*/
	background: #16a6b6;
}
.cat2  {
	/*border-bottom: 4px solid #ba492f;*/
	background: #f6f6f6;
	margin-left: 1px;
}
.cat2:hover  {
	/*border-bottom: 4px solid #ba492f;*/
	background: #ba492f;
}
.cat3  {
	/*border-bottom: 4px solid #e9ae0a;*/
	background: #f6f6f6;
	margin-left: 1px;
}
.cat3:hover  {
	/*border-bottom: 4px solid #e9ae0a;*/
	background: #e9ae0a;
}
.cat4  {
	/*border-bottom: 4px solid #a0947e;*/
	background: #f6f6f6;
	margin-left: 1px;
}
.cat4:hover  {
	/*border-bottom: 4px solid #a0947e;*/
	background: #a0947e;
}
.cat5  {	
	/*border-bottom: 4px solid #a8cf3d;*/
	background: #f6f6f6;
	margin-left: 1px;
}
.cat5:hover  {	
	/*border-bottom: 4px solid #a8cf3d;*/
	background: #a8cf3d;
}
.cat6  {
	/*border-bottom: 4px solid #356dc0;*/
	background: #f6f6f6;
	margin-left: 1px;
	border-top-right-radius: 4px;
}
.cat6:hover  {
	/*border-bottom: 4px solid #356dc0;*/
	background: #356dc0;
}
.estActif.cat1  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #16a6b6;
	background: #16a6b6;
}
.estActif.cat2  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #ba492f;
	background: #ba492f;
}
.estActif.cat3  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #e9ae0a;
	background: #e9ae0a;
}
.estActif.cat4  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #a0947e;
	background: #a0947e;
}
.estActif.cat5  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #a8cf3d;
	background: #a8cf3d;
}
.estActif.cat6  {
	color: #fff;
	text-shadow: none;
	border-bottom: 4px solid #356dc0;
	background: #356dc0;
}





/* Footer */
#s-footer {
	margin-top: 23px;
}
#s-footer-haut {
	width: 100%;
	background: #414141;
	border-top: 6px solid #202020;
	
	background-color: rgba(0, 0, 0, 0.75);
	-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;
}
#s-footer-haut a  {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #626262;
}
#s-footer-haut a:hover {
	color: #1f60ab;
	border-bottom: 1px solid #000;
}
#s-footer-haut-container {
	width: 996px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	padding: 20px;
}
#s-footer-hautpage {
	float: right;
	font-weight: bold;
	font-size: 14px;
}
#s-footer-memoire_vive {
	width: 80%;
	padding: 7px 80px 7px 15px;
	border: 2px solid #a0947e;
	border-radius: 5px;
	background: #4a494a url('https://www.hautbasgauchedroite.fr/img/theme/nsi/global/tetris2.gif') no-repeat bottom right;
	
	-webkit-box-shadow: 0 0 10px 0 rgba(160, 148, 126, 0.2) inset;
	-moz-box-shadow: 0 0 10px 0 rgba(160,148,126,0.2) inset;
	box-shadow: 0 0 10px 0 rgba(160, 148, 126, 0.2) inset;
}
#s-footer-memoire_vive a {
	font-weight: bold;
	border-bottom: 1px solid #a0947e
}
#s-footer-memoire_vive a:hover {
	color: #a0947e;
	border-bottom: 1px solid #6a6254
}
#s-footer-memoire_vive img {
	float: left;
	margin: 2px 10px 0px 0px;
}
#s-footer-memoire_vive-titre {
	font-weight: bold;
	color: #a0947e;
}

#s-footer-bas {
	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);
}
#s-footer-bas a  {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #393939;
}
#s-footer-bas a:hover {
	color: #1f60ab;
	border-bottom: 1px solid #000;
}
#s-footer-bas-container {
	width: 996px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	padding: 16px 0px 30px 0px;
}
#s-footer-copyright {
	float: right;
}
#s-footer-stats {
	float: right;
	margin-left: 15px;
}
#s-footer-description {
	color: #a0947e;
}





#follow-box { height: auto; float: right; margin-top: 10px; }
#follow-box:after { content: ""; display: block; clear: both; }
#follow-box a:link, #follow-box a:visited {	text-decoration: none; }
#follow-box a:active, #follow-box a:hover { text-decoration: underline; }

#follow-pub { text-align:center; border:1px solid #d5d5d5; border-radius: 5px; background:#fff; padding:5px; font-size:9px; float: left; }
#follow-facebook { text-align:center; border:1px solid #d5d5d5; border-radius: 5px; background:#fff; padding:5px; font-size:9px; width: 37px; float: left; margin-left:1px; }
#follow-twitter { text-align:center; border:1px solid #d5d5d5; border-radius: 5px; background:#fff; padding:5px; font-size:9px; width: 37px; float: left; margin-left:1px; }
#follow-youtube { text-align:center; border:1px solid #d5d5d5; border-radius: 5px; background:#fff; padding:5px; font-size:9px; width: 37px; float: left; margin-left:1px; }
#follow-google { text-align:center; border:1px solid #d5d5d5; border-radius: 5px; background:#fff; padding:5px; font-size:9px; width: 37px; float: left; margin-left:1px; }

#follow-pub p { margin: 0; }
#follow-facebook p { margin: 0; }
#follow-twitter p { margin: 0; }
#follow-youtube p { margin: 0; }
#follow-google p { margin: 0; }

#follow-pub img { border: 0; border-radius: 5px; }
#follow-facebook img { border: 0; border-radius: 5px; }
#follow-twitter img { border: 0; border-radius: 5px; }
#follow-youtube img { border: 0; border-radius: 5px; }
#follow-google img { border: 0; border-radius: 5px; }
 
 
/* Proprietes sp�cifiques aux pages du site */

/* 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-top: 5px;
}
#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 cat�gorie 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;
}


/*
 * ACCUEIL
 * -
 */
#s-home-actu {
	float: left;
}
#s-home-autre {
	float: left;
	width: 320px;
	z-index: 2
}


#s-home-actu .vignette {
	height: 90px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -4px;
	margin-right: -4px;
	border: 4px solid #f5f8fa;
	-webkit-transition: border-radius 200ms ease, border 200ms ease;
	-moz-transition: border-radius 200ms ease, border 200ms ease;
	-o-transition: border-radius 200ms ease, border 200ms ease;
}
#s-home-actu .vignette:hover {
	border-radius: 8px;
	border: 4px solid #16a6b6;
	-webkit-transition: border-radius 200ms ease, border 200ms ease;
	-moz-transition: border-radius 200ms ease, border 200ms ease;
	-o-transition: border-radius 200ms ease, border 200ms ease;
	transition: border-radius 200ms ease, border 200ms ease;
}
#s-home-actu .vignette img {
	border-radius: 8px;
	margin-left: -4px;
	border: 4px solid #16a6b6;
	-webkit-transition: border-radius 200ms ease, border 200ms ease;
	-moz-transition: border-radius 200ms ease, border 200ms ease;
	-o-transition: border-radius 200ms ease, border 200ms ease;
	transition: border-radius 200ms ease, border 200ms ease;
}
#s-home-actu .vignette img:hover {
	border: 4px solid #404040;
	-webkit-transition: border-radius 200ms ease, border 200ms ease;
	-moz-transition: border-radius 200ms ease, border 200ms ease;
	-o-transition: border-radius 200ms ease, border 200ms ease;
	transition: border-radius 200ms ease, border 200ms ease;	
}
#s-home-actu .vignette a {
	border-bottom: 0px;
}
#s-home-actu .vignette a:hover {
	border-bottom: 0px;
}




/*
 * ACCUEIL
 * Actualité / Occident
 */
#s-home-actu .occident {
	width: 303px;
	float: left;
	font-family: Arial;
	background: #fff;
}


/*
 * ACCUEIL
 * Actualité / Asie
 */
#s-home-actu .asie {
	width: 303px;
	float: left;
	font-family: Arial;
	background: #fff;
	margin-left: 15px;
}


/*
 * ACCUEIL
 * Actualité / Toutes les différentes news
 */
#s-home-actu .categorie {
	background: rgba(22, 166, 182, 0.1);
	padding: 4px 8px;
	font-family: 'Signika Negative', sans-serif;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-align: center;
	font-size: 33px;
	letter-spacing: -0.08em;	
	margin-bottom: 5px;
}
#s-home-actu .categorie a {
	text-decoration: none;
	color: #3899bc;
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:100%;
	height:100%;
}
#s-home-actu .categorie a:hover {
	text-decoration: underline;
}
#s-home-actu .description {
	font-size: 11px;
	color: #3899bc;
	margin-top:5px;
	margin-bottom: 15px;
	text-align: center;
}
#s-home-actu .jour {
	font-size: 14px;
	color: #444444;
	height: 20px;
	margin-bottom: 5px;
	background: url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-dateactu-bg.gif') repeat-x;
	text-align: center;
}
#s-home-actu .jour span {
	background: #fff;
	padding: 0px 10px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
}
#s-home-actu .nouveau {
	margin-top: 20px;
}

#s-home-actu .news {
	text-align: justify;
}
#s-home-actu .news a {
	color: #16a6b6;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
	text-decoration: none;
}
#s-home-actu .news a:hover {
	border-bottom: solid 1px #000;
}
#s-home-actu .news .chapeau em {
	color: #2f2f2f;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	font-style: normal;
}
#s-home-actu .news .chapeau a {
	color: #16a6b6;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	border-bottom: none;
}
#s-home-actu .news .chapeau a:hover {
	color: #EDF0F1;
    background: #16a6b6;
	border-bottom: none;
}
#s-home-actu .breve a {
	color: #16a6b6;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	border-bottom: none;
}
#s-home-actu .breve a:hover {
	color: #EDF0F1;
    background: #16a6b6;
	border-bottom: none;
}

#s-home-actu .pair {
	padding: 10px 5px 15px 5px;
}
#s-home-actu .impair {
	padding: 10px 15px 15px 15px;
    margin: 0px -10px;
    border-top: solid 4px #ccc;
    border-bottom: solid 4px #ccc;
    background: #f5f5f2;
}
#s-home-actu .breve {
	padding-top: 7px;
	padding-bottom: 9px;
}

#s-home-actu .plateforme {
	background: #16a6b6;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	border: 1px solid #1F99A6;
}
#s-home-actu .details {
	font-size: 12px;
	color: #999
}
#s-home-actu .titre {
	font-size: 18px;
	color: #1f60ab;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
#s-home-actu .titre a {
	color: #333333;
}
#s-home-actu .suite a {
	background: #F0F0F0;
	padding: 1px 6px;
	color: #16a6b6;
	text-transform: uppercase;
	font-size: 12px;
}
#s-home-actu .partage {
	margin-top: 8px;
	height: 0px;
	visibility: hidden;
}
#s-home-actu .partage a {
	border-bottom: none;
}
#s-home-actu .partage a:hover {
	border-bottom: none;
}
#s-home-actu .partage span {
	background: rgba(0,0,0,0.9);
	color: #FFFFFF;
	padding: 2px 6px 2px 4px;
	float: right;
	margin-top: -5px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
}
#s-home-actu .partage img {
	vertical-align: top;
	border-radius: 3px;
	margin-left: 2px;
}
#s-home-actu .partage a img {
	border: 2px solid #2b2c2c;
}
#s-home-actu .partage a img:hover {
	border: 2px solid #3899bc;
}
#s-home-actu .complement {
	margin-top: 15px;
	margin-left: -7px;
	margin-right: -7px;
	border-left: none;
	background: #ecece6;
	color: #A1A1A1;
	font-size: 11px;
	padding: 5px 5px 8px 15px;
	border-top: 2px dotted #b1b1b1;
}
#s-home-actu .complement ul {
	font-size: 11px;
	list-style: square outside url(https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-ico-puce.gif);
	margin-left: 5px
}
#s-home-actu .complement a {
	color: #333333;
}
#s-home-actu .plusdactu {
	font-family: 'Signika Negative', sans-serif;
    border: 3px solid #DEDEDE;
    background: #F2F2F2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    display: block;
    font-size: 19px;
    font-weight: bold;
    padding: 6px 12px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    text-decoration: none;
    text-align: center;
	margin: 10px -5px -5px -5px;
}
#s-home-actu .plusdactu:hover {
	border: 3px solid #EFEFEF;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    text-decoration: none;
}
#s-home-actu .plusdactu a {
	text-decoration:none;
	color: #16a6b6;
}
#s-home-actu .plusdactu a:hover {
	text-decoration:none;
}


/*
 * ACCUEIL
 * Encart des derniers Carnets de Joueurs
 */
#s-home-autre .carnet {
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/medias/rayure.png) repeat;
	border-radius: 15px;
	border-top-right-radius: 0px;
}
#s-home-autre .carnet .inside {
	background: rgba(0,0,0,0.8);
	padding: 15px;
	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-autre .carnet h2 {
	background: rgba(182, 22, 22, 0.1);
	color: #ba492f;
	padding: 4px 8px;
	font-family: 'Signika Negative', sans-serif;
	border-radius: 4px;
	font-weight: bold;
	text-align: center;
	font-size: 33px;
	letter-spacing: -0.08em;
	margin-bottom: 5px;
	text-decoration: none;
}
#s-home-autre .carnet h2:hover {
	text-decoration: underline;
}
#s-home-autre .carnet a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#s-home-autre .carnet a:hover {
	text-decoration: underline;
}
#s-home-autre .carnet .sous-titre {
	font-size: 11px;
	color: #6f6f6f;
	margin-top:5px
	;margin-bottom: 10px;
	text-align: center;
}
#s-home-autre .carnet .vignette {
	border: 4px solid #2f2f2f;
	margin: 5px -4px;
	height: 60px;
	border-radius: 8px;
	-webkit-transition: border 200ms ease;
    -moz-transition: border 200ms ease;
    -o-transition: border 200ms ease;
}
#s-home-autre .carnet .vignette:hover {
	border: 4px solid #ba492f;
	-webkit-transition: border 200ms ease;
    -moz-transition: border 200ms ease;
    -o-transition: border 200ms ease;
}
#s-home-autre .carnet .plus {
	background: #ba492f;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px 5px 5px 10px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#s-home-autre .carnet .plus a {
	text-decoration: none;
}
#s-home-autre .carnet .plus a:hover {
	text-decoration: none;
}
#s-home-autre .carnet .fleche {
	float: right;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 2px 6px 2px 6px;
	text-shadow: 0 1px white;
	cursor: pointer;
	margin-top: -1px;
	background-color: #2f2f2f;
}


/*
 * ACCUEIL
 * Encart des derniers bons plans
 */
#s-home-autre .bonplan {
	text-align: left;
	font-size: 12px;
}
#s-home-autre .bonplan ul {
	margin: 0;
	padding: 0;
}
#s-home-autre .bonplan li {
	border-bottom: 1px solid #EEE;
	list-style: none;
	padding: 5px 0px;
}
#s-home-autre .bonplan .plateforme {
	background: #C46585;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(167, 37, 157, 0.6);
    border: 1px solid #C3557A;
}
#s-home-autre .bonplan .spacer {
	width: 45px;
	display: inline-block;
}
#s-home-autre .bonplan .alt {
	background: #f5f5f2;
}
#s-home-autre .bonplan .prix {
	color: #3F3F3F;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 4px;
	border-radius: 5px;
	letter-spacing: -0.05em;
	display: block;
}
#s-home-autre .bonplan a {
	color: #000;
	text-decoration: none;
}
#s-home-autre .bonplan a:hover {
	text-decoration: underline;
}
#s-home-autre .bonplan .plus {
	background: #E5E5E5;
	border-radius: 5px;
	padding: 5px 5px 5px 10px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#s-home-autre .bonplan .plus a {
	color: #333333;
	text-decoration: none;
}
#s-home-autre .bonplan .plus a:hover {
	text-decoration: none;
}
#s-home-autre .bonplan .fleche {
	float: right;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 2px 6px 2px 6px;
	text-shadow: 0 1px white;
	cursor: pointer;
	margin-top: -1px;
	background-color: #fff;
}


/*
 * ACCUEIL
 * Encart des derniers podcasts : HBGD, OST et Escale Rétro
 */
#s-emissions ul {
	width: auto;
	overflow: hidden;
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
}
#s-emissions li {
	width: auto;
	overflow: hidden;
	margin: 0;
	padding: 7px 0;
	border-bottom: 4px solid rgba(200,200,200,0.8);
}
#s-emissions img {
	float: right;
	margin-left: 10px;
	width: 64px;
	height: 64px;
	border: 4px solid #ccc;
	border-radius: 3px;
}
#s-emissions img:hover {
	border: 4px solid #E9AE0A;
}
#s-emissions p {
	float: left;
	width: 71%;
	margin: 0 0 2px 0;
	padding: 0;
}
#s-emissions .date {
	margin: 0;
	padding: 0;
	font-weight: bold;
	clear: both;
	font-size: 91.7%;
	color: #999;
}
#s-emissions .titre {
	text-shadow: 0 1px 0 rgba(233, 74, 10, 0.9);
	background: #E9AE0A;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	color: #fff;
	padding: 1px 5px;
}
#s-emissions .titre:hover {
	background: #e9710a;
}


/*
 * ACCUEIL
 * Encart des dernières vidéos
 */
#s-home-autre .videos {
	background: #333;
	-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;
}
#s-home-autre .videos .inside {
	padding: 25px 10px;
	width: 280px;
	background: #333333 url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/video-bg.gif') repeat-y;
	font-size: 12px;
	color: #ffffff;
}
#s-home-autre .videos .inside img {
	border: 2px solid #fff;
	border-radius: 4px;
}
#s-home-autre .videos .inside img:hover {
	border: 2px solid #E9AE0A;
}
#s-home-autre .videos .inside a:link, #s-home-video-content a:visited {
	color: #fff;
	text-decoration: none;
}
#s-home-autre .videos .inside a:active, #s-home-video-content a:hover {
	color: #fff;
	text-decoration: underline;
}
#s-home-autre .videos .inside span {
	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-autre .videos .inside .plus {
	width: 88px;
	height: 41px;
	border-radius: 4px;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	float: right;
	background: #525252;
	padding-top: 6px;
	border: 2px solid #FFF;
}
#s-home-autre .videos .inside .plus:hover {
	background: #2B2B2B;
	color: #E9AE0A;
	border: 2px solid #E9AE0A;
}

/*
 * ACCUEIL
 * Encart des derniers messages du forum
 */
#s-forums {
	text-align: left;
    font-size: 12px;
}
#s-forums .top {
	height: 16px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-fond-carreau.gif) repeat;
}
#s-forums .bottom {
	height: 16px;
	background: url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/s-fond-carreau.gif) repeat;
	padding-left: 30px;
}
#s-forums .inside {
	margin-top: 0px;
	box-shadow: none;
}
#s-forums .inside ul{

}
#s-forums .inside li {
	border-bottom: 1px solid #EEE;
    list-style: none;
    padding: 5px 0px;
}
#s-forums .inside a {
	color: #333333;
    text-decoration: none;
}
#s-forums .inside a:hover {
	text-decoration: underline;
}
#s-forums .inside .comm {
	color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    width: 30px;
	text-align: center;
	background: #4C4C4C;
	padding: 2px 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
#s-forums .inside .comm:hover {
	background: #4f5b9a;
}
#s-forums .inside .plus {
	background: #E5E5E5;
	color: #272727;
	border-radius: 5px;
	padding: 5px 5px 5px 10px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#s-forums .inside .fleche {
	float: right;
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 2px 6px 2px 6px;
	text-shadow: 0 1px white;
	cursor: pointer;
	margin-top: -1px;
	background-color: #fff;
}

/*
 * ACCUEIL
 * Encart Facebook
 */
#s-home-autre .facebook {
	border: 10px solid #cecece;
	padding: 15px;
}


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

/*
 * GLOBAL
 * Encart vers le système de curateur STEAM
 */
#s-steam {
	color: #FFF;
	font-size: 12px;
	padding:0px; 
	margin-top: 15px;
	background: #1a2737 url(https://www.hautbasgauchedroite.fr/img/theme/nsi/global/logo_steam.png) no-repeat right;
	-moz-box-shadow: 0 1px 9px rgba(156, 119, 160, 0.9);
	-webkit-box-shadow: 0 1px 9px rgba(156, 119, 160, 0.9);
	box-shadow: 0 1px 9px rgba(156, 119, 160, 0.9);
}
#s-steam .inside {
	-webkit-box-shadow: 0 0 10px 0 rgba(35, 36, 69, 0.8) inset;
	-moz-box-shadow: 0 0 10px 0 rgba(35, 36, 69, 0.8) inset;
	box-shadow: 0 0 10px 0 rgba(35, 36, 69, 0.8) inset;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#s-steam .inside a {
	color: #fff;
	text-decoration: none;
}
#s-steam .inside a:hover {
	text-decoration: underline;
}
#s-steam .inside .texte {
	font-size: 14px;
	width: 240px;
}
#s-steam .inside .texte a {
	width: 100%;
	float: left;
	font-size: 26px;
	letter-spacing: -0.08em;
	color: #BEBEBE;
	font-weight: bold;
	text-decoration: none;
}
#s-steam .inside .texte a:hover {
	color: #fff;
	text-decoration: underline;
}

/*
 * GLOBAL
 * Encart pour le carroussel de Podcasts
 */
#s-podcast-carrousel {
	text-align: left;
	color: #fff;
	font-size: 12px;
	background: #1f2022 url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-podcast.jpg') no-repeat top right;
	-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;
	padding: 0px;
	
	-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);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
	background-image: none;
}
#s-podcast-carrousel .fond {
	padding: 10px 10px 10px 15px;
	height: 95px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#s-podcast-carrousel .fond .texte {
	width: 235px;
}
#s-podcast-carrousel .fond .texte a {
	color: #fff;
	text-decoration: none;
}
#s-podcast-carrousel .fond .texte a:hover {
	color: #E9AE0A;
}
#s-podcast-carrousel .fond .texte .titre {
	font-size: 14px;
	font-weight: bold;
}
#s-podcast-carrousel .fond .texte .titre a {
	color: #E9AE0A;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	float: left;
	font-size: 26px;
	letter-spacing: -0.08em;
}
#s-podcast-carrousel .fond .texte .titre a:hover {
	color: #fff;
	text-decoration: underline;
}
#s-podcast-carrousel .fond .texte .programme {
	margin-top:3px;
}

/*
 * GLOBAL
 * Encart vers le système de curateur STEAM
 */
#s-filtre-plateforme {
	color: #5C5C5C;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 5px solid #e6e6e6;
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
    font-size: 11px;
    text-align: center;
}
#s-filtre-plateforme .plus {
	background-color: #F3F3F3;
	color: #16a6b6;
	font-weight: bold;
	padding: 1px 4px;
}

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

/*
 * ACTUALITE
 * Page qui permet de visualiser l'ensemble des actualités
 */
#s-actu-info {
	float: left;
	border-right: 5px dotted #ccc;
	padding-right: 15px;
}

/*
 * ACTUALITE
 * Filtres (103% Asie...) de l'actualité
 */
#s-actu-info .filtres {
	width: 200px;
	float: left;
}
#s-actu-info .filtres hr {
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px
}
#s-actu-info .filtres .option {
	background: rgba(22, 166, 182, 0.4) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif');
	padding: 8px;
	height: 23px;
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #FFF;
	text-align: left;
	text-decoration: none;
}
#s-actu-info .filtres .option:hover {
	background: rgba(22, 166, 182, 0.7) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #FFF;
}
#s-actu-info .filtres .active {
	color: #16a6b6;
	background: rgba(22, 166, 182, 0.6) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #5C5C5C
}
#s-actu-info .filtres a {
	color: #16a6b6;
	text-decoration: none;
}


/*
 * ACTUALITE
 * Le flux d'actualité (news, brèves...)
 */
#s-actu-info .fluxactu {
	width: 406px;
	padding: 15px 20px;
	float: left;
	margin-left: 15px;
}
#s-actu-info .fluxactu .jour {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 2px solid #E5E5E5;
	color: #16a6b6;
	letter-spacing: -0.08em;
	margin-bottom:5px
}
#s-actu-info .nouveau {
	margin-top: 25px;
}

#s-actu-info .news {
	text-align: justify;
	margin-top: 15px;
}
#s-actu-info .news a {
	color: #16a6b6;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
	text-decoration: none;
}
#s-actu-info .news a:hover {
	border-bottom: solid 1px #000;
}
#s-actu-info .news .chapeau em {
	color: #2f2f2f;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	font-style: normal;
}
#s-actu-info .news .chapeau a {
	color: #16a6b6;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	border-bottom: none;
}
#s-actu-info .news .chapeau a:hover {
	color: #EDF0F1;
    background: #16a6b6;
	border-bottom: none;
}
#s-actu-info .news .vignette {
    float: right;
    border: solid 4px #cbcbcb;
    width: 240px;
    height: 90px;
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 10px;
}
#s-actu-info .news .vignette:hover {
	border: solid 4px #16a6b6;
}

#s-actu-info .breve {
	margin-left: 21px;
    margin-top: 15px;
	padding-left: 10px;
	border-left: 9px solid #EAEAEA;
}
#s-actu-info .breve a {
	color: #16a6b6;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
	border-bottom: none;
	text-decoration: none;
}
#s-actu-info .breve a:hover {
	color: #EDF0F1;
    background: #16a6b6;
	border-bottom: none;
	text-decoration: none;
}

#s-actu-info .plateforme {
	background: #16a6b6;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 5px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	border: 1px solid #1F99A6;
}
#s-actu-info .details {
	font-size: 12px;
	color: #999
}
#s-actu-info .heure {
	float: left;
	width: 35px;
	line-height: 22px;
	padding-top: 21px;
	margin-left: -10px;
	color: #ee6557;
	font-size: 11px;
	font-weight: bold;
}
#s-actu-info .infos {
	float: left;
	width: 365px;
	padding-left: 15px;
	border-left: 1px dashed #cbcbcb;
}
#s-actu-info .titre {
	font-size: 18px;
	color: #1f60ab;
	font-weight: bold;
	margin: 6px 0 8px 0;
	margin-left: -21px
}
#s-actu-info .titre a {
	color: #333333;
}
#s-actu-info .suite a {
	background: #F0F0F0;
	padding: 1px 6px;
	color: #16a6b6;
	text-transform: uppercase;
	font-size: 12px;
}
#s-actu-info .partage {
	margin-top: 8px;
	height: 0px;
	visibility: hidden;
}
#s-actu-info .partage a {
	border-bottom: none;
}
#s-actu-info .partage a:hover {
	border-bottom: none;
}
#s-actu-info .partage span {
	background: rgba(0,0,0,0.9);
	color: #FFFFFF;
	padding: 2px 6px 2px 4px;
	float: right;
	margin-top: -5px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
}
#s-actu-info .partage img {
	vertical-align: top;
	border-radius: 3px;
	margin-left: 2px;
}
#s-actu-info .partage a img {
	border: 2px solid #2b2c2c;
}
#s-actu-info .partage a img:hover {
	border: 2px solid #3899bc;
}
#s-actu-info .complement {
	margin-top: 15px;
	margin-left: -7px;
	margin-right: -7px;
	border-left: none;
	background: #ecece6;
	color: #A1A1A1;
	font-size: 11px;
	padding: 5px 5px 8px 15px;
	border-top: 2px dotted #b1b1b1;
}
#s-actu-info .complement ul {
	font-size: 11px;
	list-style: square outside url(https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-ico-puce.gif);
	margin-left: 5px
}
#s-actu-info .complement a {
	color: #333333;
}

/*
 * ACTUALITE
 * Page qui permet de visualiser la barre à droite des actualités
 */
#s-actu-autre {
	width: 300px;
	float: left;
	margin-left: 15px;
}


/*
 * ACTUALITE
 * Affiliation
 */
#s-actu-autre .affiliation img {
	border: 1px solid #dadada;
}
#s-actu-autre .affiliation img:hover {
	border: 1px solid #c46585;
}

/*
 * ACTUALITE
 * Encart des actus à ne pas rater
 */
#s-actu-autre .selection {
	margin-top: 15px;
	font-size: 14px;
	text-align: justify;
	font-size: 12px;
	color: #404040;
}
#s-actu-autre .selection .news {
	padding: 8px;	
	text-align: left;
}
#s-actu-autre .selection .news .titre {
	color: #16a6b6;
	font-weight: bold;
}
#s-actu-autre .selection .news a {
	color: #000;
	text-decoration: none;
}
#s-actu-autre .selection .pair {
	background-color: none;
}
#s-actu-autre .selection .pair:hover {
	background-color: #dcdcdc;
}
#s-actu-autre .selection .impair {
	background-color: #F3F3F3;
}
#s-actu-autre .selection .impair:hover {
	background-color: #dcdcdc;
}

/*
 * NEWS
 * Page qui permet de visualiser une news
 */
#s-news {
	width: 661px;
    padding-right: 15px;
    float: left;
    border-right: 5px dotted #ccc;
}
#s-news-info {
	font-weight: normal;
	text-align: justify;
	font-size: 14px;
	background: #f9f9fa url('https://www.hautbasgauchedroite.fr/img/theme/nsi/news/bg.gif') right repeat-y;
	border-radius: 0px;
}
#s-news-info .header {
	padding: 15px 51px 0px 35px;
	color: #636363;
}
#s-news-info h1 {
	font-size: 26px;
	margin-bottom: 5px;
	color: #333333;
	letter-spacing: -0.08em;
	text-align: left;
}
#s-news-info p {
	font-size: 11px;
	color: #333333;
	margin-bottom: 3px
}
#s-news-texte p {
	line-height: 18px;
	font-size: 14px;
	margin-bottom: 15px;
    margin-top: 15px;
    line-height: 20px;
}
#s-news-texte a {
	color: #16a6b6;
    font-weight: bold;
    background: #EDF0F1;
    padding: 1px 3px;
    border-bottom: none;
	text-decoration: none;
}
#s-news-texte a:hover {
	color: #EDF0F1;
    background: #16a6b6;
	border-bottom: none;
}
#s-news-texte blockquote {
	padding-left: 15px;
	border-left: 7px solid #eee;
	margin-left: 15px;
}
#s-news-texte ul {
	line-height: 20px;
	font-size: 14px;
	list-style-type: square;
}
#s-news-texte li {
	margin-left: 25px;
}
#s-news-info .auteur {
	color: #333333;
	font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #ddd;
}
#s-news-info .source {
	color: #16a6b6;
	font-weight: bold;
	text-decoration: none
}
#s-news-info hr {
	border: 3px solid #eee;
	margin-bottom: 20px
}
#s-news-signature {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
#s-news-signature a {
	color: #356dc0;
	text-decoration: underline;
}
#s-news-signature a:hover {
}
#s-news-nav a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#s-news-nav a:hover {
	color: #16a6b6;
}
#s-news-nav .fleche-gauche a {
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#s-news-nav .fleche-gauche a:hover {
	color: #16a6b6;
}
#s-news-nav .fleche-droite a {
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#s-news-nav .fleche-droite a:hover {
	color: #16a6b6;
}
#s-news-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-news-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-news-nav .s-off {
	font-weight: bold;
	color: #BDBDBD;
}
#s-news-nav .s-off {
	font-weight: bold;
	color: #BDBDBD;
}
#s-news-nav .podcast-precedent {
	float: left;
	width: 38%;
	color: #555;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	border-radius: 4px
}
#s-news-nav .podcast-suivant {
	float: right;
	width: 38%;
	color: #555;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	border-radius: 4px
}
#s-news-autre {
	
}
#s-news-lastvideos {
	margin: 0px -30px 0px -30px;
	text-align: center;
}
#s-news-lastvideos img {
	margin: 0px 1px;
	height: 92px;
	border-radius: 5px;
	border: 3px solid #ccc;
}
#s-news-lastvideos img:hover {
	border: 3px solid #E9AE0A;
}
#s-news-lastvideos span {
	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 7px;
	position: absolute;
}





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






/* Colonne de la page */
.s-left-column {
	width: 328px;
	font-size: 13px;
}
.s-center-column {
	width: 328px;
	margin-left: 10px;
	font-size: 13px;
}
.s-right-column {
	width: 320px;
	margin-left: 15px;
	font-size: 13px;
}

.s-left-inv-column {
	width: 320px;
	font-size: 13px;
	margin-left: 15px;
}
.s-right-inv-column {
	width: 661px;
	font-size: 13px;
}


/* News */
#s-home-news-title2 {
	background: rgba(22, 166, 182, 0.1);
	padding: 4px 8px;
	font-family: 'Signika Negative', sans-serif;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-align: center;
	font-size: 33px;
	letter-spacing: -0.08em;
	color: #3899bc;
	margin-bottom: 5px;
	text-decoration: none;
}
#s-home-news-title2 p {
	font-family: 'Signika Negative', sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 33px;
	letter-spacing: -0.08em;
	color: #3899bc;
	text-decoration: none;
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:100%;
	height:100%;
}
#s-home-news-title2 p:hover {
	text-decoration: underline;
}

#s-home-news-asie {
	font-family: Arial;
	background: #fff;
}
#s-home-news-asie h4 {
	font-size: 14px;
	color: #444444;
	background: none;
	height: 20px;
	margin-bottom: 5px;
	background: url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-dateactu-bg.gif') repeat-x;
	text-align: center;
}
#s-home-news-asie h4 span {
	background: #fff;
	padding: 0px 10px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
}






.plateforme2 {
	background: #d8d9db;
	color: #595959;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 4px;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	border: 1px solid #D3D3D3;
}
#s-commentaire {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 5px;
	-webkit-transition: background 200ms ease, border-radius 200ms ease;
	-moz-transition: background 200ms ease, border-radius 200ms ease;
	-o-transition: background 200ms ease, border-radius 200ms ease;
	transition: background 200ms ease, border-radius 200ms ease;
	background: #ba492f;
	border: 1px solid #A34029;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}
#s-commentaire:hover {
	border-radius: 0px;
	-webkit-transition: background 200ms ease, border-radius 200ms ease;
	-moz-transition: background 200ms ease, border-radius 200ms ease;
	-o-transition: background 200ms ease, border-radius 200ms ease;
	transition: background 200ms ease, border-radius 200ms ease;
}

#s-column1-left h2 {
	font-size: 18px;
	color: #1f60ab;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
#s-column1-left h3 {
	width: 100%;
	margin-bottom: 9px;
	padding-bottom: 5px;
	float: left;
	font-size: 18px;
	letter-spacing: -1px;
	color: #000;
	height: 26px;
	line-height: 26px;
	background: url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/news-bg.gif');
}

#s-column1-middle h2 {
	font-size: 18px;
	color: #1f60ab;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
#s-column1-middle h3 {
	width: 100%;
	margin-bottom: 9px;
	padding-bottom: 5px;
	float: left;
	font-size: 18px;
	letter-spacing: -1px;
	color: #000;
	height: 26px;
	line-height: 26px;
	background: url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/news-bg.gif');
}





#s-plus {
	float: right;
	font-size: 12px;
	letter-spacing: 0px;
	background-color: #fff;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 2px 6px 2px 6px;
	text-shadow: 0 1px white;
	cursor: pointer;
	margin-top: -1px;
}


/* Carnet */
#s-carnet-filtre-option {
	background: rgba(95, 52, 52, 0.5) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/carnet/s-filtres.gif');
	padding: 8px;
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #FFF;
	text-align: left;
	text-decoration: none;
}
#s-carnet-filtre-option:hover {
	background: rgba(95, 52, 52, 0.7) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/carnet/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #FFF;
}
#s-carnet-filtre-option-actif {
	padding: 8px;
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-align: left;
	text-decoration: none;
	background: rgba(186, 73, 47, 0.9) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/carnet/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #FFF
}

/* M�dias */
#s-medias-filtre-option {
	background: rgba(233, 174, 10, 0.5) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif');
	padding: 8px;
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #FFF;
	text-align: left;
	text-decoration: none;
}
#s-medias-filtre-option:hover {
	background: rgba(233, 174, 10, 0.7) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #FFF;
}
#s-medias-filtre-option-actif {
	padding: 8px;
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	border-radius: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-align: left;
	text-decoration: none;
	background: rgba(233, 174, 10, 0.9) url('https://www.hautbasgauchedroite.fr/img/theme/nsi/actualite/s-filtres.gif') ;
	background-position: 0 -76px;
	color: #FFF
}


/* RSS */
#s-rss {
	float: right;
	font-size: 12px;
	letter-spacing: 0px;
	background-color: #C9C9C9;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 4px 9px;
	text-shadow: 0 1px white;
	cursor: pointer;
}

/* Article */
#s-article {
	padding: 15px 20px;
	line-height: 25px
}
#s-article a {
	text-decoration: none;
}
#s-article-chapitre {
	background: #eeeeee;
	padding: 4px 15px;
	margin-bottom: 5px;
	border-radius: 5px;
	color: #000;
}
#s-article-chapitre:hover {
	background: #ba492f;
	color: #fff;
}
#s-article-chapitre a {
	text-decoration: none;
}
#s-article-chapitre-actif {
	background: #FFFFFF;
	padding: 4px 15px;
	margin-bottom: 5px;
	border-radius: 5px;
	color: #0097C8;
	border: 2px solid #eeeeee;
}


/* Podcast - HOME */
#s-home-podcast-container {
	text-align: left;
	color: #fff;
	font-size: 12px;
	background: #1f2022 url('https://www.hautbasgauchedroite.fr/img/theme/nsi/accueil/s-podcast.jpg') no-repeat top right;
	-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;
	padding: 0px;
	
	-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);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .9);
}
.s-home-podcast {
	width: 240px;
}
.s-home-podcast a {
	color: #fff;
	text-decoration: none;
}
.s-home-podcast a:hover {
	color: #E9AE0A;
}

.s-home-podcast-titre {
	font-size: 14px;
}
.s-home-podcast-titre a {
	color: #E9AE0A;
	font-weight: bold;
	text-decoration: none;
}
.s-home-podcast-titre a:hover {
	color: #fff;
	text-decoration: underline;
}


#s-soumettre {
	font-size: 12px;
	letter-spacing: 0px;
	background-color: #eee;
	font-weight: bold;
	color: #868B97;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	text-shadow: 0 1px white;
	cursor: pointer;
	
	text-align: center;
	padding: 8px;
	border: 2px solid #F2F2F2;
	color: #4A4A4A;
	border-radius: 0px;
	-moz-box-shadow: 0 1px 9px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 9px rgba(0,0,0,.2);
	box-shadow: 0 1px 9px rgba(0,0,0,.2);
}




/* News */
.postButton {
	float: right;
	padding-top: 10px;
}
.postDisclaimer {
	float: left;
	padding: 10px 0 0 0px;
	color: #666;
	width: 305px;
	font-size: .75em;
	line-height: 1em;
}
.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.testTextArea {
	background: red;
}



#s-actualite-top ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 50px;
}
#s-actualite-top li {
	list-style: none;
	padding: 1px 0px;
	font-size: 12px; color: #666;
}
#s-actualite-top a {
	font-size: 13px;
	color: #16a6b6;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
	text-decoration: none;
}
#s-actualite-top a:hover {
	color: #C465A3;
}
.s-actualite-top-chiffre {
	width: 14px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 5px;
	color: #fff;
	text-shadow: 0px 1px 0 #9a2429;
	background-image: -moz-linear-gradient(top,#d6464e,#d4333a);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d6464e),to(#d4333a));
	background-image: -webkit-linear-gradient(top,#d6464e,#d4333a);
	background-image: -o-linear-gradient(top,#d6464e,#d4333a);
	background-image: linear-gradient(to bottom,#d6464e,#d4333a);
	margin-right: 10px;
}
.s-actualite-top-plateforme {
	/*width: 14px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	border-radius: 5px;
	color: #fff;
	text-shadow: 0px 1px 0 #696969;
	background-image: -moz-linear-gradient(top,#989898,#aaaaaa);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#989898),to(#aaaaaa));
	background-image: -webkit-linear-gradient(top,#989898,#aaaaaa);
	background-image: -o-linear-gradient(top,#989898,#aaaaaa);
	background-image: linear-gradient(to bottom,#989898,#aaaaaa);
	margin-right: 10px;*/
	margin-left: 28px; font-size: 12px; color: #666; font-weight: bold;
}




.calendrier {
background: white;
}
user agent stylesheettable {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
.calendrier th {
font-size: 13px;
}
.calendrier td, .calendrier th {
background-color: #CFD5DD;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 20px;
color: #526378;
}
th {
font-weight: bold;
}
.calendrier td a, .calendrier th a {
color: #850000;
font-weight: bold;
text-decoration: underline;
}
.calendrier td.aujourdhui {
background-color: gold;
color: darkgrey;
}






.s-echoppe-produit
{
	width: 125px;
	float: left;
	margin-left: 14px;
	border:1px solid #fff;
	padding: 10px;
	border-radius: 3px;
	font-weight: bold;
	color: #444444;
	font-size: 12px;
	background: url(../../../forums/Themes/hbgd2/images/postbg.gif) bottom repeat-x;
}
.s-echoppe-produit img
{
	border: 2px solid #525252;
	width: 121px;
	border-radius: 3px;
		
	-webkit-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	-moz-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	-o-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
}
.s-echoppe-produit img:hover
{
	-moz-box-shadow: 0 1px 15px rgba(0,0,0,.7);
  	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.7);
  	box-shadow: 0 1px 15px rgba(0,0,0,.7);
  	border: 2px solid #868686;
  	
  	-webkit-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	-moz-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	-o-transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
	transition: border 200ms ease, -moz-box-shadow 200ms ease, -webkit-box-shadow 200ms ease, box-shadow 200ms ease;
}
.s-echoppe-details
{
	width: 127px;
	text-align: center;
	border-radius: 4px;
	background: #C46585;
	padding: 8px 10px;
	float: left;
	margin-left: 14px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	
	-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;
	
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}
.s-echoppe-details:hover
{
	background: #7C7A7B;
	
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}


/* Page Podcast */
#s-podcast-col-gauche
{
	float: left;
	width:631px;
	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: 600px;
	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: 600px;
	border-radius: 5px;
	padding: 5px 0px 5px 0px;
	background: #000;
	text-align: left;
}
#s-session-vignette {
	width: 590px;
	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: 250px;
}
#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: 210px;
	height: 17px;
	float: left;
}
#s-session-partage .s-url input {
	width: 155px;
	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(../../../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;
}





.s-bonplan-ligne
{
	line-height: 20px;
}
.s-bonplan-ligne a
{
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	display: block;
	color: #000;
	border-bottom: 1px solid #ccc;
}
.s-bonplan-ligne a:hover
{
	background: #F7F7F7;
	border-bottom: 1px solid #9D9D9D;
}
.s-bonplan-ligne-prix
{
	display: block;
	padding-left: 8px;
	color: #3F3F3F;
	float: right;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-align: right;
}
.s-bonplan-ligne-plateforme
{
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #747474;
}

.s-compendium-tpsaperdre
{
	line-height: 20px;
}
.s-compendium-tpsaperdre a
{
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	display: block;
	color: #000;
	border-bottom: 1px solid #ccc;
}
.s-compendium-tpsaperdre a:hover
{
	background: #F7F7F7;
	border-bottom: 1px solid #9D9D9D;
}
.s-compendium-tpsaperdre-lien
{
	display: block;
	padding-left: 8px;
	color: #3F3F3F;
	float: right;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-align: right;
}
.s-compendium-tpsaperdre-dev
{
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #747474;
}

.s-medias-replay-ligne
{
	line-height: 20px;
}
.s-medias-replay-ligne a
{
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	display: block;
	color: #FFF;
	border-bottom: 1px solid #373737;
}
.s-medias-replay-ligne a:hover
{
	background: #1B1B1B;
	border-bottom: 1px solid #7B7B7B;
}
.s-medias-replay-ligne-prix
{
	display: block;
	padding-left: 8px;
	color: #A5A5A5;
	float: right;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-align: right;
}
.s-medias-replay-ligne-plateforme
{
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #DDD3D3;
}


/* Page Live */
#s-live-video {
	float: left;
	width: 690px;
}
#s-live-chat {
	float: left;
	width: 300px;
	margin-left: 5px;
}


/* Memoire vive */
.s-memoirevive-gauche {
	float: left;
	margin-left: 0px;
	width: 711px;
}
.s-memoirevive-gauche-box {
	padding: 25px 30px;
}
.s-memoirevive-droite {
	float: left;
	margin-left: 15px;
	width: 270px;
}
.s-memoirevive-article {
	float: left;
	width:410px;
}
.s-memoirevive-article h4 {
	font-size: 26px;  border-bottom: 2px solid #E5E5E5;  margin-bottom: 5px;  letter-spacing: -0.08em;  color: #696152;  margin-bottom: 5px;
}
.s-memoirevive-article span {
	font-size: 11px; color: #938B7B;
}
.s-memoirevive-info-a {
	padding: 10px 20px 15px 0px;
	text-align: justify;
}
.s-memoirevive-info-b {
	padding: 10px 30px 15px 30px;
    margin: 0px -30px 0px -30px;
    border-top: solid 4px #E5E5E5;
    border-bottom: solid 4px #E5E5E5;
    background: #F0F0F0;
    text-align: justify;
}
.s-memoirevive-citation {
	margin-top: 15px;
	text-align: justify;
}
.s-memoirevive-citation-a {
	padding: 10px 15px 15px 5px;
}
.s-memoirevive-citation-b {
	padding: 10px 25px 15px 15px;
  	margin: 0px -10px 0px -10px;
	border-top: solid 4px #E5E5E5;
	border-bottom: solid 4px #E5E5E5;
	background: #F0F0F0;
}





/* MENU CSS */
.menu_btn {
    background: #f2b33d url(https://www.hautbasgauchedroite.fr/img/menu_bg.png) center center no-repeat;
    display:block;
    width:45px;
    height:39px;
    top:0;
    right:30px;
}
#menu {
    height:100%;
    position:fixed;
    background:#3a3a3a;
    top:0;
    bottom:0;
    height:100%;
    width:240px;
    right:-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;
}
#menu ul li.active {
    /*background:#252525; */
}
#menu ul li:hover {
    /*background:#585858;*/
}
#menu ul li a {
    color:white;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    display:block;
}
#menu ul li a:hover {
	color: #737373;
}
#menu ul li img {
	margin-right: 4px;
}
#menu .suivre a {
	display: inline;
}
.close {
    display:block;
    background:#373737 url(https://www.hautbasgauchedroite.fr/img/croix.png) center center no-repeat;
    height:39px;
    width:39px;
    position:absolute;
    top:0;
    left:-39px; 
}

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