html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
body {
	line-height: 1;
	background: #000;
	font: 13px "Roboto", sans-serif;
	color: #172228;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --------------------------------- */

#s_page {	
	
}

/* ++ En-tête ++ */

#s_head {
	background:#000;
	height: 65px;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	}
	
.s_content
	{
	position: relative;
	width:950px;
	margin:0px auto;
	}

/* Logo */ 
#s_logo {
	position: absolute;
	display: block;
	top: 3px;
	text-decoration: none;
	text-shadow: 2px 2px 3px #222;
	
}
#s_logo_web, #s_logo_worker {
	font-size:45px;
	color:#fff;
}
#s_logo_pipe {
	font-size:45px;
	color:#26ADE4;
}
#s_logo_club {
	font-size:45px;
	color:#fff;
	font-family: 'Righteous', cursive;
	font-wweight:bold;
	}

.s_com
	{
	color:#BDEB07;
	}

/* Login */

	.bouton
		{
		background:#26ADE4;
		border: 0;
		color:#fff;
		padding:3px 8px;
		cursor:pointer;
		}

	#s_login {
		position: absolute;
		top: 20px;
		padding:5px;
		right: 5px;
		font-size: 12px;
		color:#4DBCE9;
	}

	#s_login {
		position: absolute;
		top: 10px;
		padding:5px;
		right: 5px;
		font-size: 12px;
		color:#4DBCE9;
	}

	#s_login.connecte {
		top: 20px;
	}

	#login, #password {
		width:100px;
		margin-right:5px;
	}

	#s_login b {
		font-size: 14px;
	}
	
	#s_login a,
	#s_login a:visited { 
	  text-decoration: none;
	  color: #fff;
	}
	#s_login a:hover { text-decoration: underline; }
	
	
	#s_login .login_opts {
		padding: 2px 0 0 0;
		clear: left;
		color: #fff;
	}
	#s_login .login_opts a,
	#s_login .login_opts a:visited { color: #4DBCE9; }
	#s_login .login_opts a:hover { text-decoration: underline; }

/* Onglets */
	#s_tabs 
		{
		background:#26ADE4;
		border-top:6px #4DBCE9 solid;
		text-align: center;
		padding:5px;
		}
	#s_tabs ul 
		{
		text-align: center;
		}
	#s_tabs li 
		{
		display: inline-block;
		margin: 0 10px;
		}
	#s_tabs li a
		{
		font-family: 'Roboto', sans-serif;
		font-weight:normal;
		color:#fff;
		font-size:16px;
		text-decoration:none;
		}
	#s_tabs li a:hover
		{
		text-decoration:underline;
		}

/* Chemin de fer */
#s_nav {
	position: absolute;
	width: 950px;
	height: 21px;
	top: 164px;
	background: url(/static/images/nav.png) bottom left repeat-x #fff;
	font-size: 11px;
} 
#s_nav2 {
  width: 950px;
  height: 21px;
  background: url(/static/images/nav.png) bottom left repeat-x #fff;
  font-size: 11px;
} 
.s_nav ul {
	margin: 0 0 0 10px;
}
.s_nav li {
	display: inline;
	margin: 0 4px 0 0;
	height: 20px;
}
.s_nav ul a,
.s_nav ul a:visited {
	margin: 0 2px 0 0;
	line-height: 20px;
	text-decoration: none;
	color: #172228;
}
.s_nav ul a:hover {	text-decoration: underline; }
.s_nav ul li.current { font-weight: bold; }
.s_nav ul li.current span { display: none; }
.s_nav ul li.current span.vert, .s_nav ul li.current span.gold { display: inline; }

/* pub */
#pub_728 
	{
	width:728px;
	margin-right:auto;
	margin-left:auto;
	}

/* -- En-tête -- /*

/* ++ Conteneur ++ */

#s_container {
	background:#CECECE
}


#s_body {
	overflow: hidden;
	padding: 0px 10px;
	width:950px;
	margin:0px auto;
	background:#fff;
	font: 13px "Arial", sans-serif;
}
#s_body #msie6 { height: 1%; }
#s_body p {
  margin: 10px 0;
	text-align: justify;
}
#s_body ul { margin: 10px 0; }
#s_body a {	color: #172228; }
#s_body a:visited { color: #000; }
#s_body a:hover { color: #26ADE4; }
#s_body img { vertical-align: middle; }
#s_body input { vertical-align: middle; }
#s_body ul.cl_list {
  padding: 0 0 0 14px;
}
#s_body ul.cl_list li {
  list-style-image: url(images/puce_classique.gif);
}

/* SEARCH */
#search_here {
  color: #172228;
  margin-right: 15px;
}
#search_here:hover { text-decoration: none; }

#search_div {
	position:absolute;
	right:10px;
	top:-15px;
	width: 300px;
	padding: 5px;
	text-align: right;
	background: #fff;
	box-shadow: 2px 2px 3px #555;
}

#search_div input {
  width: 180px;
}

/* --------------------------
++ Mise en page du contenu ++
-------------------------- */

/* Largeban */
#largeban {
	width: 728px;
	height: 90px;
	margin: 4px auto 10px auto;
}

/* Titres */
#s_body .title_img {
	padding: 0 0 0 40px;
	background: url(/static/images/title_img.png) top left no-repeat;
}
#s_body .main_title {
  margin: 15px 0 0 0;
  font-size: 30px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  
}
#s_body .sub_title {
  margin: 10px 0 0 0;
  font-size: 18px;
  color: #26ADE4;
  font-family: 'Roboto', sans-serif;
}

#s_body .title .main_title {
	margin: 30px 0px 0px 0px;
	font-size: 30px;
	height: 35px;
	font-weight: normal;
  font-family: 'Roboto', sans-serif;
}
#s_body .title .sub_title {
	margin: 0;
	font-size: 20px;
	color: #26ADE4;
  font-family: 'Roboto', sans-serif;
}
#s_body .title_img .main_title,
#s_body .title_img .sub_title { margin: 0 0 0 10px; }


/* Chemin de fer dans sub_title */
#s_body .title ul.sub_title {
	margin: 0 0 0 10px;
	font-size: 12px;
}
#s_body .title ul.sub_title li {
	display: inline;
	margin: 0 4px 0 0;
	height: 20px;
}
#s_body .title ul.sub_title a,
#s_body .title ul.sub_title a:visited {
	margin: 0 2px 0 0;
	line-height: 20px;
	text-decoration: underline;
	color: #666;
}
#s_body .title ul.sub_title a:hover {	text-decoration: none; }
#s_body .title ul.sub_title li.current a { text-decoration: none; }
#s_body .title ul.sub_title li.current a:hover { text-decoration: underline; }
#s_body .title ul.sub_title li.current span { display: none; }

#s_body .ssub_title,
#s_body .ssub_title a {
	padding: 0;
	font-size: 14px;
	color: #26ADE4;
	text-decoration: none;
}
#s_body .ssub_title a:hover {
	text-decoration: underline;
}

/* Intro */
#s_body .intro {
	padding: 1px 0;
	border: 1px solid #26ADE4;
	border-width: 5px 1px 0;
}
#s_body .intro p {
  margin: 10px;
}
#s_body .intro_btm {
	height: 5px;
	margin: 0 0 10px 0;
	background: url(/static/images/intro_btm.png) top left repeat-x;
	line-height: 1px;
}
#msie6 #s_body .intro_btm {
	margin: 0 2px;
}

/* Actus */
#s_body .actus {
	padding: 1px 0;
	border: 1px solid #26ADE4;
	border-width: 5px 0;
}
#s_body .actus li {
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 34px;
	border-bottom: 1px dashed #ccc;
	background: url(/static/images/puce_arw.png) top left no-repeat;
}
#s_body .actus .last { border: none; }

/* Menupage */
#s_body .menupage { 
  margin: 10px 0;
  line-height: 10px;
}
#s_body .menupage a,
#s_body .menupage a:visited {
  color: #172228;
  padding: 0 4px;
  text-decoration: none;
}
#s_body .menupage a:hover {
  background: #26ADE4;
  color: #eee;
}
#s_body .menupage strong {
  padding: 0 4px;
  background: #26ADE4;
  color: #eee;
}
#s_body .menupage del {
  color:#BFBFBF;
}

/* --------------------------
-- Forums -------------------
-------------------------- */

/* Un forum */
.one_forum, .one_post {
	width: 100%;
  border-spacing: 1px;
}
.one_forum thead th, .one_post thead th {
	padding: 3px 10px 3px 10px;
	vertical-align: top;
	color: #fff;
	background:#000;
	border-bottom:3px solid #4DBCE9;
}
#s_body .one_forum th a, #s_body .one_post th a {
  color:#fff;
  text-decoration: none;
}
.one_forum tbody td { 
  padding: 4px 0 4px 10px; 
  vertical-align: middle;
}

.one_forum tbody tr.impair td { background: #f5f5f5; }

/* Affichage d'un post */
.one_post .author {	width: 150px; }
.one_post tbody td { padding: 4px 0 4px 10px; border-bottom: 1px solid #B5C9CF; }
.one_post tbody tr.impair td { background: #f5f5f5; }
.one_post .pseudo {
	margin: 0;
	font-size: 11px;
}
.one_post .pseudo a {
	color: #172228;
	text-decoration: none;
}
.one_post .pseudo a:hover { text-decoration: underline; }
.one_post .pseudo span { color: #999; }
.one_post .avatar {
	display: block;
	margin: 4px 0;
}
.one_post .inscr {
	margin: 0;
	font-size: 11px;
	color: #999;
}
.one_post .date {
	margin: 0;
	padding: 0 10px 2px 0;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.one_post .the_post {
	width: 720px;
	overflow: auto;
	margin: 20px 10px;
	word-wrap:break-word;
	overflow:auto;
}
.one_post .sign {
	margin: 0;
	padding: 2px 10px;
	font-size: 11px;
	border-top: 1px solid #ccc;
	text-align: left;
	color: #666;
}

.forum_quote, .forum_code {
border: 1px solid #ADADAD;
margin: 5px;
padding: 5px;
}
.forum_code {
font: 11px "Courier New";
}

#s_body form.forum {
  margin: 10px 0;
}
#s_body form.forum p {
  margin: 0 0 10px 0;
}

/* --------------------------
-- Mise en page du contenu --
-------------------------- */

/* -- Conteneur -- */

/* Home table */
.home_table { width: 100%; }
.home_table th {
  padding-bottom: 3px;
  font: 1px;
  border-bottom: 4px solid #26ADE4;
}

.home_table td {
  border-bottom: 1px dashed #26ADE4;
}
/* Un form */
.one_form {
  width: 100%;
  border: 1px solid #26ADE4;
  border-top: 1px solid #26ADE4;
}
.home_table td, .home_table th,
.one_form td, .one_form th { 
  padding: 4px 0 4px 10px; 
  vertical-align: middle;
}
.home_table tr.impair td, .home_table tr.impair th,
.one_form tr.impair td, .one_form tr.impair th { background: #f5f5f5; }
textarea {
  width: 100%;
  height: 200px;
}

/* OLD STYLE */

.right_col {
  float: right;
  width: 350px;
  border-left: 1px solid #dddddd;
  padding-left: 30px;
  margin-left: 30px;
}
#s_body .right_col p { margin: 10px; }
.right_col li {
  list-style-image: url(/img/i/transfert.gif);
  height:15px;
}
html>body .right_col li {
  height:auto;
  min-height:15px;
}
#s_body .right_col .sub_title { margin: 10px 0 0 10px; }
 #s_body .right_col ul.cl_list {
  padding: 0 0 0 21px;
}
/*div de sites*/
#s_body .cites {
  margin: 10px 0 10px 10px;
}

#s_body .cites p {
  text-align: left;
}

#s_body .thumb {
  float: left;
  margin-right: 10px;
}
#s_body .cites img,
#s_body .sites img {
  border: 1px solid #DDD;
  padding: 3px;
}

#s_body a.st {
  font-size: 14px;
  text-decoration: none;
}
#s_body a.st:hover {
  text-decoration: underline;
}

#s_body .sites {
  margin: 0;
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #DDD;
  overflow: hidden;
}
#s_body .sites p {
  margin: 0;
}

#s_body span.nbvu {
  color: #7F7F7F;
  font-size: 10px;
}

#s_body div.maincat {
  padding-top: 2px; 
  padding-left:30px; 
  background:url(/static/icones/fleche-1.gif) no-repeat; 
  height: 30px;
}

.cboth { clear: both; }
.tabdes { 
  color:#7f7f7f;
  font-size: 11px;
}


.votepanel {
  position: absolute; 
  left: 50%; 
  margin-left: -200px; 
  height: 300px; 
  width: 400px; 
  background-color: #FFF; 
  border:3px solid #26ADE4; 
  padding:15px;
}

.one_post .sign a {
  color: #666 !important;
}
.one_post .sign a:hover {
  color: #aa1a33 !important;
}

/* ++ Pied de page ++ */

#s_foot {
	padding: 6px;
	background: #000;
	border-top: 8px #4DBCE9 solid;
	color: #fff;
}
#s_foot a,
#s_foot a:visited {
	color: #fff;
	text-decoration: none;
}
#s_foot a:hover {;
	color: #fff;
	text-decoration: underline
}

/* Contacts */
#s_foot #s_contacts {
	width: 906px;
	margin: 0 auto;
	padding: 10px 12px;
	border: 1px solid #add3df;
}
#s_foot #s_contacts h4 {
	color: #fff;
  text-align: left;
}
#s_foot #s_contacts ul {
	margin: 15px 0 0 0;
	overflow: auto;
}
#s_foot #s_contacts li {
  float: left;
	margin: 0 4px 0 0;
}
#s_foot #s_contacts a,
#s_foot #s_contacts a:visited {	
	margin: 0 4px 0 0;
	white-space: nowrap;
}
#s_foot #s_contacts .last span { display: none; }

/* Copyright */
#s_foot #s_copy { 
	font-size: 11px;
	text-align: center;
}

/* -- Pied de page -- */


		
input, textarea
	{
	font-family: arial;
	font-size: 13px;
	}
		
input, textarea
	{
	font-size: 13px;
	}
		
@media (max-width:950px)
	{
	#s_head {
		text-align: center;
		height: auto;
		}
		
	.s_content
		{
		position: relative;
		width:auto;
		margin:0px 0px;
		}
	
	/* Logo */ 
	#s_logo {
		position:static;
		
	}
	#s_logo_web {
		font-size:30px;
	}
	#s_logo_worker {
		font-size:30px;
	}
	#s_logo_club {
		font-size:30px;
	}
	
	/* Login */
	
		#s_login {
			position: static;
			top:0px;
			margin-top:0px;
			margin-bottom:10px;
		}
		
	
	#s_tabs li a
		{
		font-size:12px;
		text-decoration:none;
		}
		
	#s_body {
		width:auto;
		padding:5px 5px;
		}
		
	.one_forum
		{
		width:100%;
		}
		
	.nomobile
		{
		display:none;
		}
		
	.one_post .the_post {
		width: auto;
		max-width: 100%;
		margin: 10px 5px;
		}
		
	.one_post .the_post, .one_post .the_post a {
		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
		word-break: break-all;
	}
		
	.one_post .author {	width: auto; }
	
	textarea {
	  width: 100%;
	  height: 100px;
	}
	
	#s_body .title .main_title {
		height:auto;
		font-size:20px;
		}
		
	#s_body .title .sub_title {
		font-size: 14px;
		color: #26ADE4;
	  font-family: 'Roboto', sans-serif;
	  }
	  
	

	#login, #password {
		width:60px;
		margin-right:5px;
	}
	
	#s_body .menupage
		{
		margin-bottom:15px;	
		}
		
	#s_body .menupage a,
	#s_body .menupage a:visited {
	  padding: 8px 12px;
	}
	#s_body .menupage strong {
	  padding: 8px 12px;
	}
	}