/*  ====================================================================
Style général
-------------------------------------------------------------------- */
body {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background:#b3b3b3;
	font: 12px Verdana;
}

img {
	border: none;
} 

a {
	color:#c83737;
	font: bold 12px Verdana;
	text-decoration:none;
	}
a:visited{
	color:#3771c8;
	font: bold 12px Verdana;
	text-decoration:none;
	}
a:hover{
	color:#c83737;
	font: bold 12px Verdana;
	text-decoration:underline overline;
	}

/* ====================================================================
box layout
http://fu2k.org/alex/css/layouts/3Col_NN4_FFFF.mhtml
-------------------------------------------------------------------- */
.columns-float
	{
	float				: left;
	width				: 100%;
	}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
	{
	width				: 74%;
	float				: left;
	}
.column-two
	{
	width				: 25%;
	float				: right;
	}
.box-footer
	{
	clear				: both;
	}

/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }

/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */

/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap
	{
	padding				: 0px;
	color				: #000000;
	background-color	: #b3b3b3;
	}
.box-header
	{
	z-index:2;
	position:absolute;
	right:32px;
	margin				: 0;
	margin-top: 25px;
	padding				: 0px;
	color				: #000000;
	border				: none;
	}
.box-footer
	{
	margin				: 0px;
	padding				: 6px;
	color				: #000000;
	background-color	: #b3b3b3;
	border				: none;
	text-align: center ;
	}
.column-one-content
	{
	z-index:2;
	position:relative;	
	background			: #ebebeb;
	-moz-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
	}
.column-one-content img {
	margin:0;
	padding:5px 5px 5px 0px;;
	} 
.column-one-content h1{
	padding : 0 0 0 25px;
	margin :25px 0 5px 0;
	background-image: url(img_design/jeuxdepied_h1.png);
	background-repeat: no-repeat;
	background-position: 0% 75%;
	color : #0066ff;
	font: bold 20px Verdana;
	}
.column-one-content h2{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
.column-one-content p {
	text-align:justify;
	}
.column-two-content
	{
	background			: #ced7e3;
	-moz-border-radius:15px;
	border-radius:15px;
	}
.column-two-content h1{
	font: bold 15px Verdana;
	border-bottom : 2px solid #6d85a9;
	}
.column-two-content li{
	margin-left:-20px;
	}
.column-one-content, .column-two-content
	{
	margin				: 0px;
	padding				: 0 20px 20px 20px;
	border				: none;
	}
/* GUTTERS BETWEEN COLUMNS */
.column-two-content
	{
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 20px;
	padding-top: 5px;
	}
/* HORIZONTAL PADDING OUTSIDE COLUMNS */
.column-one-content { margin-left: 100px; }
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:10px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, h2
	{ p\osition: relative; }
/* */

/* ====================================================================
Menu Tabs
http://exploding-boy.com/images/cssmenus/menus.html
-------------------------------------------------------------------- */
    .tabs {
	float:left;
	width:100%;
      background:url("img_design/test_header.png") no-repeat left top #99abc4;
	font-size:93%;
	line-height:normal;
	margin-bottom:0px;
	margin-top:40px;
      }
    .tabs ul {
	margin: 0 ;
	padding:80px 10px 0 100px;
	list-style:none;
	font-weight: bold;
	}
    .tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs a {
	z-index:2;
	position:relative;
      float:left;
      background:url("img_design/tableft.png") no-repeat left top;
      margin:0;
      padding:0 0 0 14px;
      text-decoration:none;
      }
    .tabs a span {
      float:left;
      display:block;
      background:url("img_design/tabright.png") no-repeat right top;
      padding:5px 15px 4px 0px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs a span {float:none;}
    /* End IE5-Mac hack */
    .tabs a:hover span {
      color:#c83737;
      }
    .tabs a:hover {
      background-position:0% -25px;
      }
    .tabs a:hover span {
      background-position:100% -25px;
      }

/* ====================================================================
Sous Menu Tabs
http://exploding-boy.com/images/cssmenus/menus.html
-------------------------------------------------------------------- */
    .tabs2 {
	float:left;
	width:100%;
	background:#ebebeb;
	font-size:93%;
	line-height:normal;
	margin-bottom:0px;
	margin-top:0px;
      }
    .tabs2 ul {
	margin: 0 0 0 -20px ;
	padding:0px 10px 0px 0px;
	list-style:none;
	font-weight: bold;
	}
    .tabs2 li {
	z-index:3;
	position:relative;
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs2 a {
      float:left;
      background:url("img_design/tableftd.png") no-repeat left top;
      margin:0;
      padding:0 0 0 14px;
      text-decoration:none;
      }
    .tabs2 a span {
      float:left;
      display:block;
      background:url("img_design/tabrightd.png") no-repeat right top;
      padding:4px 15px 5px 0px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    .tabs2 a:hover span {
      color:#c83737;
      }
    .tabs2 a:hover {
      background-position:0% -25px;
      }
    .tabs2 a:hover span {
      background-position:100% -25px;
      }

/*-Onglet actuel ------------- */
		#menu_actuel_on a {
			background-position:0% -25px;
			}
		#menu_actuel_on a span {
			background-position:100% -25px;
			color:#c83737;			
			}
		#sous_menu_actuel_on a {
			background-position:0% -25px;
			}
		#sous_menu_actuel_on a span {
			background-position:100% -25px;
			color:#c83737;			
			}

/* ====================================================================
Contenu 
-------------------------------------------------------------------- */
.liste_articles {
	clear:both;
	min-height:115px; 
	}
img.spip_logos {
	border: none;
	margin:0 0 0 10px;
	}
#ps {
	text-align:right;
	}