html, body {
	height: 100%;
	overflow: auto; /* TIP: set it to 'auto' if you have long content pages, in other cases 'hidden' will be enough */
}

body{
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 13px; 
	
	background-color: #f0f0f0;
	width: 100%;
	color: #222; 
}

img 							{ display: inline; vertical-align: middle;	max-width: 100%; height: auto;}
.border2						{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
h2								{ font-size: 13px; margin-bottom: 10px;}
h1 >span						{ font-size: 13px; font-weight: bold; background:url(../../imgs/list8.png) left center no-repeat; padding-left: 13px; }

a {
text-decoration:none;
}


/*---------------------------------------------------------------------------------------------------------------*/
/* MAIN                                                                                                          */
/*---------------------------------------------------------------------------------------------------------------*/

#main { 
    /*min-width: 450px;*/
    padding: 0 320px 0 0;
	/*float: left;*/
    white-space: nowrap;
    overflow: hidden;
}

#main.twocol { 
	padding: 0px;
	white-space: normal;
}	

/*---------------------------------------------------------------------------------------------------------------*/
/* HEADER                                                                                                        */
/*---------------------------------------------------------------------------------------------------------------*/

#header { 
	background-color: #3f3f3f;
	height: 78px; 
	width:100%;
	position:relative;
}
	
/* LOGO */
	
#logo {
	text-decoration: none;
	border: 0;
	position:relative;
	width: 264px;
	height: 61px;
	margin-top:6px;
	margin-left: 40px;
	margin-right:40px;
	margin-right: 30px;
	padding: 0;
	background: url(../../imgs/logo1.png) no-repeat 0 0;
	float: left; 
	z-index:2;}	

#logo:hover{
	background: url(../../imgs/logo2.png) no-repeat 0 0;
}
	
#logo a {
	display: block;
	width: 264px;
	height: 61px;
	text-indent: -9999px;
	color:#3f3f3f; 
}
	
/*---------------------------------------------------------------------------------------------------------------*/
/* FOOTER                                                                                                        */
/*---------------------------------------------------------------------------------------------------------------*/	

#footer {
	width:100%;
	float: left;
	text-align:center;
	padding: 20px 0 ;
}

#footer a {
color:#17649A;
}

#footer a:hover {
color:#dd030e;
}

#copyright {
	font-size:10px;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* MENU                                                                 */
/*---------------------------------------------------------------------------------------------------------------*/
/* icons */

.ico-caret-down:before {
	content:url(../../imgs/icon_menu_haut.png);
}

.ico-caret-up:before {
	content:url(../../imgs/icon_menu_bas.png);
}

.menu-wrapper {
	position: relative;
	z-index: 1;
	height: 78px; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	color:#fff;
	text-transform:uppercase;
	font-size: 14px;
	background: #3f3f3f;
  /* the hidden link for RWD nav */
  /* the rest of the menu lvl 1 */
  /* current links */
  /* submenu ! */
  /* unhide the 2nd level */
}
.menu-wrapper .menu {
	margin: 0;
  	padding-left: 0;
  	list-style: none;
}

.menu-wrapper .menu > li {
  	position: relative;
  	display: inline-block;
}

.menu-wrapper ul.menu,
.menu-wrapper a.menu-link {
}

.menu-wrapper a.menu-link {
  	display: none;
  	padding: 0.7em  0;
  	background: #3f3f3f;
}

.menu-wrapper a {
  	display: block;
  	position: relative;
  	padding:30px 14px;
  	line-height: 1.3em;
  	color: #ffffff;
  	text-decoration: none;
}

.menu-wrapper a:hover {
  	/*transition: all 0.5s;*/
  	background-color:#fff;
    text-shadow: #3f3f3f 0px 0px 0px;
  	color:#3f3f3f;
}

.menu-wrapper .menu > .current-menu-item > a,
.menu-wrapper .menu > .current-menu-ancestor > a {
  	position: relative;
  	z-index: 12;
  	background: #f5d4d4;
  	color: #b92120;
 	 border-bottom: 1px solid transparent;
}

.menu-wrapper .menu > .current-menu-item > a:hover,
.menu-wrapper .menu > .current-menu-ancestor > a:hover {
  	background: #fffdfd;
}

.menu-wrapper .menu > .current-menu-item > a:hover:after,
.menu-wrapper .menu > .current-menu-ancestor > a:hover:after {
  	border-top-color: #fffdfd;
}

.menu-wrapper .menu > .current-menu-item > a:after,
.menu-wrapper .menu > .current-menu-ancestor > a:after {
  	top: 100%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  	border-color: rgba(255, 255, 255, 0);
  	border-top-color: #f5d4d4;
  	border-width: 5px;
  	left: 50%;
  	margin-left: -5px;
}

.menu-wrapper li + li a:before {
 	position: absolute;
 	left: -0.5em;
  	top: 0.2em;
  	color: #ffffff;
  	opacity: 0.8;
  	font-family: Arial, Verdana, sans-serif;
}

.menu-wrapper .sub-menu {
	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	margin: -0px 0 0 -0.7em;
  	padding: 0px 0 0 0;
  	position: absolute;
  	width:200px;
  	max-height: 0em;
  	overflow: hidden;
  	list-style: none outside none;
  	text-align: left;
  	text-transform: none;
}

.menu-wrapper .sub-menu li {
  	display: block;
  	background: #4b4b4b;
  	margin-left: 0.7em;
  	margin-right: 0.7em;
}
.menu-wrapper .sub-menu a {
  	margin: 0;
  	padding:10px 10px;
  	white-space: nowrap;
  	line-height: 1.8em;
  	border: none;
}

.menu-wrapper .sub-menu a:hover {
  	background: #fff;
  	color:#3f3f3f;
}
.menu-wrapper .sub-menu li:last-child {
  	padding-bottom: 0em;
}

.menu-wrapper .sub-menu li:last-child a {
}

.menu-wrapper li:hover .sub-menu {
  	max-height: 30em;
  	transition: max-height 0.5s;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* PAGE ABOUT                                                                                                */
/*---------------------------------------------------------------------------------------------------------------*/	

#about {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:justify;
}

.texte {
	margin-left: auto;
	margin-right: auto;	
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}

.texte img {
	margin-top:10px;
	margin-right:10px;
}

.texte p {
	margin-top:10px;
	margin-bottom:10px;
}

.texte p.image {
	margin-top:20px;
	padding-right:20px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;	
}

.texte .legende {
   margin: 0 10px 7px 0;
   background-color: #EEE;
   font-size: 11px;
}

#boutonpub {
	background-color:#000;
	width: 201px;
	height: 41px;
	margin-top:30px;
	margin-bottom:40px;
	background: url(../../imgs/pubbouton.png) no-repeat 0 0;}	

#boutonpub:hover{
	background: url(../../imgs/pubbouton2.png) no-repeat 0 0;
}
	
#boutonpub a {
	width: 201px;
	height: 41px;
}

#contentbigblockabout {
	border: 1px solid #ccc;
	border-top: none; 
	padding-top:20px;
	background-color: #fbfbfb;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* PAGE ARCHIVE BREVES                                                                                           */
/*---------------------------------------------------------------------------------------------------------------*/	

#archive_breves {
	padding-left:20px;
	padding-bottom:20px;
}

#archive_breves a{
	color:#17649A;
}

#archive_breves a:hover{
	color:#6c6c6c;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* PAGE TEAMSPEAK                                                                                                */
/*---------------------------------------------------------------------------------------------------------------*/	

#teamspeak_main{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#teamspeak_main a{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#teamspeak{
	margin-top:20px;
	width:180px;
	padding:10px;
	background-color:#3e3e3e;
	margin-left: auto;
	margin-right: auto;
}

#boutonteamspeak{
	text-transform:Uppercase;
	width:230px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
	color:#fff;
}

#boutonteamspeak a{
	text-decoration:none;
	padding:5px 10px 5px 10px;
	margin:0px 4px 0 4px;
	color:#fff;
	text-align:center;
	background-color:#3e3e3e;
	transition: background 0.5s;
}

#boutonteamspeak a:hover{
	background-color:#b52025;
	color:#fff;
	transition:background 0.5s;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* PAGE PROPOSER BREVE + PROPOSER SONDAGE                                                                        */
/*---------------------------------------------------------------------------------------------------------------*/	

#bigblockbreves {
	background-color: #fbfbfb;
}

#contentbigblockbreves {
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px;
	background-color: #fbfbfb;
	overflow: auto;
}
#contentbigblockpolls {
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px;
	background-color: #fbfbfb;
	overflow: auto;
}

.formulaire {
	width: 100%;
}

.formdescrip {
	text-transform:uppercase;
	float: left;
	width: 90px;	
	color: #202020;
	margin: 0 0 20px 0;
}

.formzone {
	float: left;
	width: calc(100% - 103px);
	margin: 0 0 20px 0;	
}

.formbouton {
	width: 100%;
	margin: 0px;
}


.formbouton .button_envoyer {
	float: right;
	margin: 0px;
}

input[type=text2],
textarea {
	height: 24px;
	padding: 0 0px;
	margin-right:10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input[type=text2] {
  width:100%;
}

#bigblock { 
	width: 100%; 
	margin-right: 1%; 
	margin-bottom: 20px; 
	float: left; }

#contentbigblock {
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px;
	background-color: #fbfbfb;
	overflow: auto;
}
	
/*---------------------------------------------------------------------------------------------------------------*/
/* CONTENU GAUCHE - TRIBUNE + SHOUTBOX                                                                           */
/*---------------------------------------------------------------------------------------------------------------*/

/*********** TRIBUNE ***********/

#contenu_gauche {
	width: calc(100% - 645px); /* -> 4 */
	/*background-color:#fafafa;*/
	float: left;
	display:inline;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:5px;
	padding-top:10px;
}

/*********** SHOUTBOX ***********/

#zoneshoutbox {
	height:62px;
	border-bottom: 0px;	
	border-left: 1px solid #ccc;	
	border-right: 1px solid #ccc;	
}

#formshoutb {
	float: left;
	width: calc(100% - 184px);	
	margin-top:15px;
	display:inline-block;
}

#chars {
	float: left;
	width:33px;	
	margin-top:24px;
	margin-left:10px;
	margin-right:2px;
	color: #a8a8a8;
	display:inline-block;
}

#boutons {
	float: left;
	width: 111px;	
	margin-top:8px;
	margin-left:20px;
	display:inline-block;
}

.button_envoyer {
	cursor:pointer;
	background-color: #3f3f3f;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size:14px;
	height: 30px;
	color: white;
	padding: 0 10px;
	margin-left:124px;
	margin-bottom:20px;
	margin-top:10px;
	border: 0px solid #65B7F2; 
}

.button_envoyer:hover { background-color: #6a6a6a;}

#submitbutton.button {
	witdh: 73px;
}

.button {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size:14px;
	height: 30px;
	float:left;
	cursor: pointer;
	background-color: #0a75c3;
	color: white;
	padding: 0 10px;
	border: 0px solid #65B7F2;
	margin-top:8px;
}

.button:hover { background-color: #3f3f3f; }

.button2 {
	height: 30px;
	background: url(../../imgs/search_hover.png);
	width: 30px; 
	cursor: pointer;
	text-indent: -9999px;
	color: white;
	float:left;
	 position:relative;
	padding: 0 15px;
	border: 0px solid #a3311b;
	margin-top:8px;
	margin-left: 8px;
}

.button2:hover { height: 30px;
	background: url(../../imgs/search.png);
	width: 30px; 
	text-indent: -9999px;
	color: white;
	float:left;
	position:relative;
	padding: 0 15px;
	border: 0px solid #a3311b;
	margin-top:8px;
	margin-left:8px;
}

.formsuggest {	height: 10px;}

form > div {
 float:left;
  padding: 1px;
  margin: 0 0 10px 0; 
}

form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  float: left; 
}

form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
    padding: 0;
}

input[type=text],
textarea {
	height: 30px;
	padding: 0 5px;
	margin-right:10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input[type=text] {
  width:100%;
  float:left;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* CONTENU DROITE - SIDEBAR                                                                                      */
/*---------------------------------------------------------------------------------------------------------------*/

/* SIDEBAR */

.contenu {
	padding: 0px 0px;
	padding-top:10px;
	margin-left:10px;
}
.contenu > :first-child {
	margin-top: 0px;
	margin-left:10px;
}
.contenu p, #contenu li {
}

.bouton_block {
	color:#000;
	text-decoration:none;
	margin-top:0px;
	background-color:#FBFBFB;
	border:1px solid #CCC;
	border-top:0px;
	padding:2px 0px;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

.bouton_block:hover {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #CCC;
	border-top:0px;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

#bouton_proposer {
	color:#000;
	text-decoration:none;
	margin-top:0px;
	background-color:#FBFBFB;
	border:1px solid #CCC;
	border-top:0px;
	padding:2px 0px;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

#bouton_proposer:hover {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #CCC;
	border-top:0px;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

#bouton_proposer a{
	color:#000;
	text-decoration:none;	
}

#bouton_proposer_breve {
	color:#000;
	text-decoration:none;
	margin-top:0px;
	background-color:#FBFBFB;
	border:0px solid #CCC;
	border-top:1px solid #CCC;
	padding:2px 0px;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

#bouton_proposer_breve:hover {
	color:#fff;
	background-color:#3f3f3f;
	border-top:0px;
	border-top:1px solid #CCC;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	padding-left: 13px; 
	text-align:center;
}

#bouton_proposer_breve a{
	color:#000;
	text-decoration:none;	
}


#bouton_proposer_tribune{
	color:#000;
	text-decoration:none;
	background-color:#FBFBFB;
	border:1px solid #CCC;
	padding:4px 14px;
	margin-top:8px;
	text-transform:uppercase;
	font-size: 10px; font-weight: bold; padding-left: 13px; text-align:center;
}

#bouton_proposer_tribune:hover {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #3f3f3f;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	text-align:center;
}

#bouton_proposer_tribune a{
	color:#000;
	text-decoration:none;	
}

#bouton_proposer_tribune2{
	color:#000;
	text-decoration:none;
	background-color:#FBFBFB;
	border:1px solid #CCC;
	padding:4px 14px;
	margin-top:8px;
	text-transform:uppercase;
	font-size: 10px; font-weight: bold; padding-left: 13px; text-align:center;
}

#bouton_proposer_tribune2:hover {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #3f3f3f;
	text-transform:uppercase;
	font-size: 10px; 
	font-weight: bold; 
	text-align:center;
}

#bouton_proposer_tribune2 a{
	color:#000;
	text-decoration:none;	
}


/*-----------------------------------------------------------------------------------------------------------*/
/* TRIBUNE                                                                                                   */
/*-----------------------------------------------------------------------------------------------------------*/
	
#tribune{ 
	width: 65%; 
	margin-right: 0px; 
	margin-bottom: 20px; 
	float: left; }
	
#titretribune,
#titrebigblock,
.titreblock {
	text-transform:uppercase; 
	/*-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
	color:#fff; 
	background-color:#3f3f3f; 
	padding-top:5px; 
	padding-bottom:5px; 
	padding-left:10px; 
	margin-bottom:0px;
	padding-right:10px; 
	border: 1px solid #363636;}

a#archives,
.titreblock a { 
	color:#d5d5d5;
	text-decoration: none;}
a#archives:hover,
.titreblock a:hover { 
	color:#28a1f9;
	text-decoration: none;}
#titretribune,
#titrelastposts,
.titrenews,
#titrepixcategories,
#titrepixview,
#titrebigblock,
#titre_poll,
#online_users {  }
div#newpoststribune { 
	font-size: 14px; 
	font-weight: bold; 
	background:url(../../imgs/main-head-bg.png) repeat-x; 
	color: #000; 
	border: 0px solid #ccc;   
	border-bottom: none; 
	text-align:center; }
	
div#newpoststribune a {
	color: #60A0DC;
	text-decoration: none; }
	
#poststribune_erreur {
	border: 1px solid #ccc;
	border-top: none; 
	height:500px;
}
 
#poststribune {
	border: 1px solid #ccc;
	border-top: none; 
	}
#poststribune a { color:#17649A;
	}
#poststribune a:hover {	color: #6c6c6c;
	}
#optionbar {
	overflow:hidden;
	background-color: #3f3f3f;
	border-bottom: 0px solid #E4E4E4;
	border-top: 0px solid #E4E4E4;
	height: 45px;
	line-height: 45px;
	margin: 0 0 0px 0;
	padding: 7px 10px 0 15px; }
 
#time { float: left; }
 
#timenavigator {
	height: 45px;
	line-height: 13px;
	margin: 12px 0 0 15px;
	float: left;
	color: white; }
 
.jour {
	line-height: 13px;
	text-align: center;
	float: left;
	margin: 7px 5px 0 0;
	color: #979797; }
	
.mois {
	text-transform: uppercase;
	/*font-weight: bold;*/
	line-height: 13px;
	text-align: center;
	float: left;
	margin: 12px 10px 0 0;
	color: #979797;
}
 
 
.back a,
.back a:hover,
.back a:visited {
	text-decoration: none;
	color: white; }
 
.current a,
.current a:hover,
.current a:visited {
	color: #0093ff;
	text-decoration: none; }
 
.weekend a,  .weekend a:hover, .weekend a:visited {
	text-decoration: none;
	color: #ffd800; }
 
.firstLetter { font-weight: bold; }

 
.calendarMonth { margin-left: 25px; }
 
.calendarYear { margin-left: 25px; }
 
.shout div a.options img,
.me div a.options img {
	float: left;
	margin-top: 7px;
	margin-right: 5px; 
	}
 
.date, .me, .shout {
	background-color:#fbfbfb;
	font-size: 12px;
	line-height: 25px;
	border-bottom: 1px solid #E4E4E4;
	padding: 0 5px 0 15px; 
	}
 
.date {
	background: url(../../imgs/main-head-bg.png) repeat-x;
	font-size: 13px; }
 
.own { background-color: #f6f6f6; }
 
.me { font-style: italic; }
 
.response { color: #cf070c; }

/*------- debut modifs trankzen resultats recherche et highlight (commentaire ? virer) ----*/
#poststribune a.searchResult {color: inherit; }

.highlighted {
  background-color: #cf070c;
  color: #fff;}
/*------- fin modifs trankzen (commentaire ? virer) ----*/
 
.dateShout { font-size: 10px;color: #898989 }

 
.sender {
	font-weight: bold;
	color: #2D2D2D; }
 
.shoutoptions {
	display: none;
	float: right; }
 
.shoutcontent { margin-right: 10px; }
 
#shoutbox { float: left; }
 
.options {
	display: block;
	margin-top: 5px;
	background-image: url("../../imgs/star.png");
	width: 15px;
	height: 15px; }
 
.options:hover {
	display: block;
	margin-top: 5px;
	background-image: url("../../imgs/star_hover.png");
	width: 15px;
	height: 15px; }
	
span.message {}	
 
span.message a,              
span.message a:visited {
 }
 
span.message a:hover { text-decoration: underline; }
 	 
.response span.message a, {
	color: #cf070c;
	text-decoration: none; }
 
.response span.message a:visited {
	color: #17649A;
	text-decoration: none; }
 
.response span.message a:hover { text-decoration: underline; }
 
#popup_container {
	font-family: 'Lucida Grande',arial;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	width: 364px;
	height: 86px;
	background: #F3F3F3;
	border: solid 1px #dedede;
	border-bottom: solid 2px #456FA5;
	color: #000; }
 
#popup_title { display: none; }
 
#popup_message {
	padding-top: 15px;
	padding-left: 15px; }
 
#popup_panel {
	text-align: left;
	padding-left: 15px; }
 
input.fb {
	background-color: #476EA7;
	padding: 3px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 10px; }

.spoiler {
    display: inline-block;
    min-width: 50px;
}
	
 .spoiler:not(:hover) {
    color: transparent;
    background-image: url(../../imgs/emot/spoiler.png);
    background-color: black;
    background-position: left center;
    background-repeat: repeat-x;
}

.spoiler:not(:hover) img{
	visibility : hidden
}

.spoiler:not(:hover) a{
	visibility : hidden
}


/*-----------------------------------------------------------------------------------------------------------*/
/* ANNONCE                                                                  								 */
/*-----------------------------------------------------------------------------------------------------------*/
	
.annonce_lien {
	background-image: url(../../imgs/award-900-light.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 900px;
    min-height: 110px;
    margin: auto;
}


/*#titreannonce {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
}

#annonce {
	width:24%;
	float:left;
	margin-bottom:15px;
	background-color:#FBFBFB;
}

#message_annonce {
	border:1px solid #CCC;
	border-top:none;
	padding:10px;
}

#message_annonce ul li {
	margin-left:15px;
	list-style-type:square;
	color:#4D4E50;
	line-height:20px;
}

#message_annonce a,#message_annonce a:visited {
	color:#17649A;
	text-decoration:none;
}

#message_annonce a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}*/
	
/*-----------------------------------------------------------------------------------------------------------*/
/* DERNIERS POSTS                                                                                                 */
/*-----------------------------------------------------------------------------------------------------------*/
	
#titrelastposts {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
	text-transform:uppercase;
}

/*#lastposts {
	/*width:24%;
	float:left;
	margin-bottom:15px;
	background-color:#FBFBFB;
}*/

.lastposter {
	color:#000;
	font-size:11px;
	font-weight:normal;
}

.lastposterlink {
	color:#737373;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

#posts {
	border:1px solid #CCC;
	border-top:none;
	padding:10px;
}

#posts ul li {
	margin-left:15px;
	list-style-type:square;
	color:#4D4E50;
	line-height:20px;
}

#posts a,#posts a:visited {
	color:#17649A;
	text-decoration:none;
}

#posts a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}

#posts li.today {
  font-weight: bold;
}


/*-----------------------------------------------------------------------------------------------------------*/
/* BREVES                                                                                                    */
/*-----------------------------------------------------------------------------------------------------------*/
	
#titrebreves {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
	text-transform:uppercase;
}

#breves {
	/*width:24%;
	float:left;*/
	border:1px solid #CCC;
	border-top:0px;
	/*margin-bottom:15px;*/
	background-color:#FBFBFB;
}

#breve {
	border:0px solid #CCC;
	border-top:none;
	padding:10px;
}

ul.breves li {
	margin-left:15px;
	list-style-type:square;
	color:#4D4E50;
	line-height:20px;
}

#breve a,#breve a:visited {
	color:#17649A;
	text-decoration:none;
}

#breve a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}

.description {
	padding-left:14px;
	color:#000;
	font-size:11px;
	font-style:italic;
}

#breve li.today {
  font-weight: bold;
}
	
	
/*-----------------------------------------------------------------------------------------------------------*/
/* SONDAGE                                                                                                   */
/*-----------------------------------------------------------------------------------------------------------*/
	
#titre_poll {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
	text-transform:uppercase;
}

/*#lastpoll {
	/*width:24%;
	float:left;
	margin-bottom:15px;
}*/

#poll {
	border:1px solid #CCC;
	border-top:none;
	color:#000;
	background-color:#FBFBFB;
	padding:10px;
}

form#poll {
	border:none;
}

#poll a,#poll a:visited {
	color:#17649A;
	text-decoration:none;
}

#poll a:hover {
	text-decoration:underline;
}

#archive_polls .poll {
	border:1px solid #CCC;
	margin: 5px;
	color:#000;
	background-color:#FBFBFB;
	padding:10px;
	width: calc(50% - 33px);
    float: left;
}

form.poll {
	border:none;
}

.poll a,.poll a:visited {
	color:#17649A;
	text-decoration:none;
}

.poll a:hover {
	text-decoration:underline;
}

.poll_fond {
	background-color:#d8d8d8;
	width: 100%;
	height: 20px;
}


.poll_barres {
	background-color:#1d8ddf;
	height: 100%;
}
	
/*-----------------------------------------------------------------------------------------------------------*/
/* UTILISATEURS EN LIGNE                                                                                             */
/*-----------------------------------------------------------------------------------------------------------*/
	
#online_users {
	color:#fff;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
	text-transform:uppercase;
}

#online {
	/*width:100%;
	float:left;*/
	margin-top:10px;
	margin-bottom:0px;
	background-color:#FBFBFB;
}

#users {
	border:1px solid #CCC;
	border-top:none;
	color:#555;
	padding:10px;
}

#users a,#users a:visited {
	color:#17649A;
	text-decoration:none;
}

#users a:hover {
	text-decoration:underline;
}
	
/*-----------------------------------------------------------------------------------------------------------*/
/* ORSON WELLS                                                                                               */
/*-----------------------------------------------------------------------------------------------------------*/
	
#orsonwells {
	width:24%;
	float:left;
	margin-bottom:15px;
}
	
/*-----------------------------------------------------------------------------------------------------------*/
/* ORGANISATIONS DE PARTIES                                                                                  */
/*-----------------------------------------------------------------------------------------------------------*/

#partie {
	width:24%;
	margin-bottom:15px;
	float:left;
	background-color:#FBFBFB;
}

#titrepartie {
	color:#e4e4e4;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:5px 10px;
}

#postspartie {
	border:1px solid #CCC;
	border-top:none;
	padding:10px;
}

#partie ul li {
	margin-left:15px;
	list-style-type:square;
	color:#4D4E50;
	line-height:20px;
}

#partie table {
	width:100%;
}

#partie a,#partie a:visited {
	color:#17649A;
	text-decoration:none;
}

#partie a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}
	

	
/*-----------------------------------------------------------------------------------------------------------*/
/* DECOMPTE                                                                                          */
/*-----------------------------------------------------------------------------------------------------------*/
	
#titrecountdown {
	color:#e4e4e4;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:11px 10px 9px;
}

#countdown {
	width:24%;
	float:left;
	margin-bottom:15px;
	background-color:#FBFBFB;
}

#postcountdown {
	border:1px solid #CCC;
	border-top:none;
	color:#555;
	padding:10px;
}

#postcountdown a,#postcountdown a:visited {
	color:#17649A;
	text-decoration:none;
}

#postcountdown a:hover {
	text-decoration:underline;
}
	
	
/*-----------------------------------------------------------------------------------------------------------*/
/* NEWS                                                                                                      */
/*-----------------------------------------------------------------------------------------------------------*/
	
.titrenews {
	color:#e4e4e4;
	background-color:#3f3f3f;
	border:1px solid #363636;
	padding:4px 10px;
}

.titrenews a,.titrenews a:visited {
	color:#FFF;
	text-decoration:none;
}

.titrenews a:hover {
	text-decoration:underline;
}

.news {
	background-color:#FBFBFB;
	border-top:none;
	width:100%;
	clear:both;
	text-align:left;
	margin:10px 0;
}

.postnews {
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
}

.postnews img {
	margin:10px;
}

.news-info-right,.news-info {
	color:#5c5c5c;
	padding:10px 0 0;
}

.news-info-right a,.news-info a,.news-info-right a:visited,.news-info a:visited {
	color:#17649A;
	text-decoration:none;
}

.news-info-right a:hover,.news-info a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}

.news-info {
	padding-bottom:5px;
}


/*---------------------------------------------------------------------------------------------------------------*/
/* MESSAGES D'INFORMATION                                                                                        */
/*---------------------------------------------------------------------------------------------------------------*/

.success,.information {
	margin:20px 0;
	padding:15px 15px 15px 50px;
}

.success {
	background:#D4F684 url(../../imgs/success.png) 20px 50% no-repeat;
	border:1px solid #739F1D;
}

.error {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	margin-bottom:10px;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* GROSSE SAVEUR LIVE FEED - BAISE OUAIS                                                                         */
/*---------------------------------------------------------------------------------------------------------------*/

.block-outer {
	width: 100%;
	display: inline-block; 
	margin-top: 10px;
}

.block-outer H1 {
	color: #fff;
    background-color: #3f3f3f;
    border: 1px solid #363636;
    padding: 5px 10px;
    text-transform: uppercase;
}

.block-inner {
	background-color: #FBFBFB;
	border: 1px solid #CCC;
	border-top: none;
	padding: 10px;
}

.block-inner  h2 {
	margin: 0px;
}

.block-inner ul li{
    margin-left: 15px;
    list-style-type: square;
    color: #4D4E50;
	line-height: 20px;	
}

.block-inner a,.block-inner a:visited {
	color:#17649A;
	text-decoration:none;
}

.block-inner a:hover {
	color:#6c6c6c;
	text-decoration:underline;
}


#cont_tribune {
	width: 70%;
}

#cont_gsfeed {
	width: 270px;
}

#cont_other {
	width: 30%;
}

#gsfeed-inner {
	padding: 0px;
}

#gsfeed-inner li {
	margin: 0px;
	list-style-type: none;
	padding: 5px 10px 15px;
	border-bottom: 1px solid #CCC;
}

span.live {
	color: white;
	background-color: red;
	font-weight: bold;
	padding: 0 5px;
}

li.JEU:before{
	content: '';
    display: block;
    filter: invert(100%);
    background-image: url(../../calendos/assets/img/icon-game-xs.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 4px 0 0;
	filter: invert(100%);
}

li.JEU span.live, li.JEU span.eventTime {
	display: none;
}

/*#gsfeed-inner li:nth-child(even) {
	/*margin-bottom: 10px;
	background-color: #d8d8d8;
}*/

#gsfeed-inner h3 {
	color: #17649A;
	text-decoration: none;
	font-weight: normal;
}
/*#gsfeed-inner img {
  border: 1px solid #CCC;
}*/

.column {
    position: relative;
    display: inline-block;
	vertical-align: top;
	white-space: normal;
    /*float: left;
    overflow: hidden;*/
    margin: 10px 0 0 10px;
}

.twocol .column {
	width: 600px;
}

/*---------------------------------------------------------------------------------------------------------------*/
/* REPONSIVE DESIGN - LA MERDE DEVIENT REELLE                                                                    */
/*---------------------------------------------------------------------------------------------------------------*/
	
/* Responsive container Setting */
@media only screen and (min-width: 768px) and (max-width: 950px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media screen and (max-width: 1255px){
	#main { 
		padding: 0px 20px 0px 0px;
	}

	.feeditem-inner {
	  width: 250px;
	  margin: 5px auto 15px;
	}

}

@media screen and (min-width: 860px) and (max-width: 1255px){

	#gsfeed-inner li {
	padding: 0;
	display: inline-block;
	width:	33%;
	}

	#gsfeed-inner li:nth-child(3n) {
		width:	34%;
	}

	#gsfeed-inner li:last-child {
		width:	100%;
	}



}

@media screen and (min-width: 560px) and (max-width: 859px){

	#gsfeed-inner li {
	padding: 0;
	display: inline-block;
	width:	50%;
	}
}




@media only screen and (min-width: 1141px) and (max-width: 1255px) {

	#cont_other {
		width: 28%;
	}


	#cont_gsfeed {
		position: static;
		display:block;
		/*margin: 0;*/
		width: 100%;
	}

}


@media screen and (max-width: 1140px){
/* New direction for third dropdown level */

/*#main { 
	padding: 0px 10px;
}*/

.column {
	position: static;
	display:block;
	/*margin: 0;*/
}

.block-outer {
	float: none;
}

#tribune{ 
	margin-right: 0px; 
	margin-bottom: 0px; 
}

/*#gsfeed-inner li {
	padding: 0;
	display: inline-block;
	width:	33%;
}

#gsfeed-inner li:nth-child(3n) {
	width:	34%;
}

#gsfeed-inner li:last-child {
	width:	100%;
}

.feeditem-inner {
  width: 250px;
  margin: 5px auto 15px;
}*/

#contenu_gauche {
	width: 100%; 
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	background-color:transparent;
}

.contenu {
	padding-top:10px;
	margin-left:0px;
}
.contenu > :first-child {
	margin-top: 0px;
	margin-left:0px;
}

#lastposts { 
	width: 100%; 
}

#lastpoll {
	width:100%;
}

#breves {
	width:100%;
}

#online {
	width:100%;
}

#cont_tribune {
	width: 100%;
}

#cont_gsfeed {
	width: 100%;
}

#cont_other {
	width: 100%;
}

.annonce_lien {
	background-image: url(../../imgs/award-900-light.png);
	max-width: 900px;
	min-height: 151px;
}

}


@media only screen and (max-width: 890px) {
/*#main { 
	padding: 0px 10px;
}*/

#contenu_gauche {
	width: 100%; /* -> 3 */
	float: left;
}

.menu-wrapper a {
  font-size:13px;
  display: block;
  position: relative;
  padding:31px 5px;
  line-height: 1.3em;
  color: #ffffff;
  text-decoration: none;
}

.menu-wrapper .sub-menu {
	margin: -1px 0 0 -0.7em;
}


.menu-wrapper a:hover {
  /*transition: all 0.5s;*/
  background-color:#fff;
  color:#3f3f3f;
}

}

@media only screen and (min-width: 775px) {
li.has-subnav>a::after {
    content: "▾";
}
}

@media only screen and (max-width: 774px) {

	
.column {
	margin: 0px;
}
	
#main { 
	padding: 0px 0px;
	white-space: normal;
	overflow: visible;
}

#contenu_gauche {
	width: 100%; 
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
}
	
#lastposts { 
	width: 100%; 
}

#lastpoll {
	width:100%;
}

#breves {
	width:100%;
	border-width: 1px 0px;
}

#online {
	width:100%;
}

/*main {z-index:3;}*/

#header { 
	background-color: #3f3f3f; 
	font-size: 13px; 
	height: 45px; 
	color: #ddd; 
	padding-top:0px;
	z-index:1;}
			
#logo {
	width:55px;
	height:64px;
	margin-top:6px;
	margin-left: 20px;
	background: url(../../imgs/logo_mobile.png) no-repeat 0 0;
	float: left; 
	z-index:2;
}

#logo a {
	width:55px;
	height:64px;
	display: block; 
} 

#logo:hover{
	background: url(../../imgs/logo_mobile.png) no-repeat 0 0;
}

#zoneshoutbox {
	width:99,8%;
	height:62px;
}


#formshoutb {
	float: left;
	width:75%;	
	margin-top:15px;
}

#chars {
	width:0px;
	height:0px;	
	visibility:hidden;
}

#boutons {
	float: left;
	width:18%;	
	margin-top:8px;
	margin-left:15px;
}

.button {
	height: 30px;
	background: url(../../imgs/send_bleu.jpg);
	width: 30px; 
	text-indent: -9999px;
	color: white;
	float:left;
	position:relative;
	padding: 0 10px;
	border: 0px solid #a3311b;
	margin-top:8px;
	margin-left:5px;
}

	
#contenu_gauche {
	width: 100%; /* -> 4 */
	float: left;
}

.js .menu-wrapper nav[role=navigation] {
    overflow: hidden;
    max-height: 0em;
}
.js .menu-wrapper nav[role=navigation].active {
    max-height: 30em;
    transition: max-height 0.5s ease-out;
}
.menu-wrapper {
    /* unhide the 2nd level */
    /* styling the toggle menu */
    /* arrow to indicate that we have subnav*/
}
.menu-wrapper a.menu-link {
    display: block;
    width: auto;
	height: 42px; 
    padding-right: 15px;
	text-align:right;
    border: none;
	font-style: normal;
    font-weight: normal;
    line-height: 1;
	font-size:26px;
    margin: 0;
	background: #3f3f3f;
}
.menu-wrapper a.menu-link:hover {
    background: #1a65a8;
}

.menu-wrapper a.menu-link:visited {
    background: #3f3f3f;
}

.menu-wrapper a.menu-link.active .ico-caret-down:before {
	content:url(../../imgs/icon_menu_bas.png);
}

.menu-wrapper .menu .menu {
    padding-bottom: 5px;
	background: #3f3f3f;
}

.menu-wrapper .menu li {
    display: block;
    border: 1px solid pink;
    border: none;
}
  
.menu-wrapper .menu > li {
    padding: 0px;
    border: none;
}
  
.menu-wrapper .menu > li + li {
   /* border-top: 1px dashed #dd4949;*/
}

.menu-wrapper .menu a {
    padding: 0.5em 0;
    margin: 0px;
    border: none;
}

.menu-wrapper .menu a:hover {
    background: #1a65a8;
	color:#fff;
}

.menu-wrapper .menu .rightalign {
    float: none;
}

.menu-wrapper li + li a:before {
    content: "";
}

.menu-wrapper li:hover .sub-menu {
    max-height: 0em;
    transition: none;
}

.menu-wrapper .sub-menu {
    background: none;
    margin-left: 0px;
    margin-top: 1px;
    display: block;
    width: 100%;
}

.menu-wrapper .sub-menu li,
.menu-wrapper .sub-menu li a {
    margin: 0;
    display: block;
    width: 100%;
}

.menu-wrapper .sub-menu a {
    padding-left: 0.8em;
}
.menu-wrapper .sub-menu a:hover {
    background: #144a7b;
}

.menu-wrapper .sub-menu li {
   /* border-bottom: 1px dashed #dd4949;*/
}

.menu-wrapper .sub-menu li:last-child {
    padding: 0;
}

.menu-wrapper .sub-menu li:last-child a {
    border: none;
}

.menu-wrapper .menu .has-subnav {
    position: relative;
}

.menu-wrapper li .sub-menu.active {
    max-height: 30em;
    overflow: visible;
    position: relative;
    z-index: 9;
    transition: max-height 0.5s ease-out;
}

.menu-wrapper .toggle-link {
    height: 34px;
    width: 84px;
    display: block;
    position: absolute;
    right: 0px;
    z-index: 200;
    font-size: 0em;
    cursor: pointer;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.menu-wrapper .toggle-link:hover {
    transition: all 0.2s;
    background: #2474cf;
}

.menu-wrapper .toggle-link:visited {
    background: #3f3f3f;
}
 .menu-wrapper .menu .has-subnav > .toggle-link:after {
	content:url(../../imgs/icon_menu_haut.png);
    position: absolute;
    height: 34px;
    width: 44px;
    top: 50%;
    margin-top: -20px;
    bottom: 50%;
    right: 4px;
    font-size: 28px;
    color: #fff;
 }
 
.menu-wrapper .menu .has-subnav > .toggle-link.active:after {
	content:url(../../imgs/icon_menu_bas.png);
    margin-top: -18px;
}
}

@media only screen and (max-width: 460px) {

/*#gsfeed-inner li, #gsfeed-inner li:nth-child(3n) {
	width: 100%;
}*/

.button2 {
	margin-top:0px;
	width:0%;
	visibility:hidden;
	height:0px;
	margin-left:0px;
}

#zoneshoutbox {
	width:99,8%;
	height:62px;
}


#formshoutb {
	float: left;
	width:75%;	
	margin-top:15px;
}

#chars {
	width:0px;
	height:0px;

}

#boutons {
	float: left;
	width:10%;	
	margin-top:8px;
	margin-left:15px;
}

.annonce_lien {
	background-image: url(../../imgs/award-450-light.png);
    max-width: 450px;
    min-height: 63px;
}

}

@media screen and (max-width: 2000px) and (min-width: 1501px){

.annonce_lien {
    background-image: url(../../imgs/award-450-light.png);
    max-width: 450px;
    min-height: 63px;
}
	
}

@media screen and (max-width: 1500px) and (min-width: 1141px) {

.annonce_lien {
    background-image: url(../../imgs/award-250-light.png);
    max-width: 250px;
    min-height: 114px;
}
	
}


/*---------------------------------------------------------------------------------------------------------------*/
/* KIKOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO                                                                      */
/*---------------------------------------------------------------------------------------------------------------*/

.kikoo {
	font-weight: bold;
}

.kikoo.kc0 {
	color: white;
}

.kikoo.kb0 {
	background-color: white;
}

.kikoo.kc1 {
	color: black;
}

.kikoo.kb1 {
	background-color: black;
}

.kikoo.kc2 {
	color: blue;
}

.kikoo.kb2 {
	background-color: blue;
}

.kikoo.kc3 {
	color: red;
}

.kikoo.kb3 {
	background-color: red;
}

.kikoo.kc4 {
	color: darkred;
}

.kikoo.kb4 {
	background-color: darkred;
}

.kikoo.kc5 {
	color: green;
}

.kikoo.kb5 {
	background-color: green;
}

.kikoo.kc6 {
	color: yellow;
}

.kikoo.kb6 {
	background-color: yellow;
}

.kikoo.kc7 {
	color: magenta;
}

.kikoo.kb7 {
	background-color: magenta;
}

.kikoo.kc8 {
	color: darkviolet;
}

.kikoo.kb8 {
	background-color: darkviolet;
}

.kikoo.kc9 {
	color: cyan;
}

.kikoo.kb9 {
	background-color: cyan;
}

.kikoo.kc10 {
	color: orange;
}

.kikoo.kb10 {
	background-color: orange;
}