* { margin:0px; padding:0px; }

html {
	height: 100%;
}

body {
	background: #FFFFFF url('i/img/bg_body.png') repeat-x;
	font-family: arial,sans-serif;
	text-align: center;
	font-size: 1em;
	height: 100%;
	color: inherit;
}

#content {
	width: 800px;
	text-align: left;
	min-height: 100%;
	height: auto !important; /* min-height IE */
	height: 100%; /* min-height IE */
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}

/***********************************************
 *************** SUPERHEADER *******************
 ***********************************************/

#subheader {
	height: 100px;
}

	#subheader #green-act {
		margin: 4px 0px 0px 0px;
		float: left;
		position: relative;
	}

	#subheader a img {
		border: none;
	}

	#subheader .left {
		margin-left: 4px;
		position: relative;
	}

	#subheader .h1_old {
		font-family: Arial;
		font-size: 2.7em;
		font-style: italic;
		font-weight: normal;
		margin: 20px 0px 0px 9px;
	}

	#subheader .h1_old a {
		text-decoration: none;
		color: #00a5cd;
	}

	#subheader .h2_old {
		font-family: Arial;
		font-size: 2.7em;
		font-weight: bold;
		color: #969696;
		font-size: 1em;
		margin: -8px 0px 0px 0px;
	}

	#subheader .h2_old a {
		margin: 20px 0px 0px 9px;
		text-decoration: none;
		color: #969696;
	}

	#subheader h1 a {
		text-decoration: none;
		color: #969696;
	}

	#subheader h1 {
		color: #969696;
		font-size: 1em;
		margin: -8px 0px 0px 9px;
	}

	#subheader .p_blog_h1 a {
		text-decoration: none;
		color: #00A5CD;
		font-size: 1.4em;
		text-align: right;
		font-style: normal;
		margin: 0px 10px 0px 0px;
		font-family: Tahoma,arial,sans-serif;
	}

	#subheader .p_blog_h2 a {
		color:#969696;
		text-decoration: none;
		font-size:0.8em;
		font-weight:normal;
		margin:0 10px 0 0;
		text-align:right;
	}

/*************************************************
 ******************** HEADER *********************
 *************************************************/

#header {
	height: 96px;
	background: url('i/img/spirales.png') no-repeat top left;
}

	#header div {
		background: url('i/img/bulle.png') no-repeat 30px 25px;
	}

	#header p {
		color: #FFFFFF;
		font-size: 0.8em;
		margin: 0px 50px 0px 50px;
		padding: 0px 0px 0px 60px;
	}
	* html #header p {
	}
	#header p.p_title{
		padding-top: 15px;
		font-size: 1em;
		font-weight: bold;
	}
	#header h3 {
		color : #fff;
		margin: 0;
		padding: 15px 0 0 110px;
		font-size: 1em;
	}

/************************************************
 **************** MENU HORIZONTAL ***************
 ************************************************/

#menu-horizontal {
	height: 45px;
	background: url('i/img/menu.png') no-repeat;
}
* html #menu-horizontal {
	text-align: center;
}

	#menu-horizontal ul {
		list-style-type: none;
		text-align: center;
		padding-top: 7px;
	}

	#menu-horizontal li {
		display: inline;
		font-size: 0.9em;
		margin-left: 0px; /** Bug Firefox **/
		border-right: 1px solid #63c1d8;
		border-left: 1px solid #388ba1;
		padding: 5px 10px 5px 10px;
	}
	*+html #menu-horizontal li, * html #menu-horizontal li {
		margin-left: 0px;
	}

	#menu-horizontal a {
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
	}

	#menu-horizontal a:hover {
		text-decoration: underline;
		color: #e0e0e0;
	}

	#menu-horizontal .outside-left {
		border-left: none;
	}

	#menu-horizontal .outside-right {
		border-right: none;
	}

/*********************************************
 ******************* PAGE ********************
 *********************************************/

#main {
	height: auto;
	border-left: 4px solid #d8d8d8;
	border-right: 4px solid #d8d8d8;
	font-size: 0.9em;
	background: #f3f3f3 url('i/img/bg_main.png') no-repeat bottom right;
	padding-top: 25px;
	padding-left: 30px;
}
*+html #main, * html #main {
	height: 1%;
}

	#main .class_h1 {
		color: #00a5cd;
		font-size: 1.7em;
		font-family: arial;
		font-style: italic;
		font-weight: bold;
		background: url('i/img/puce_h1.png') no-repeat top left;
		padding: 5px 0px 0px 25px;
		min-height: 40px;
	}

	* html #main .class_h1 {
		height: 45px;
	}

	#main .class_h1 a {
		color : #00a5cd;
		text-decoration : none;
	}

	#main h1 {
		font-size: 1.1em;
		color: #00a5cd;
	}

	#main h3 {
		margin: 0 40px 4px 40px;
		font-size : 1.05em;
		color : #00a5cd;
	}

		#main h3 a {
			color: #00a5cd;
		}

	#main p {
		color: #999999;
		font-size: 0.8em;
	}

	#main a {
		color: #7cba2c;
		font-size: 1em;
		text-decoration: none;
	}

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

	#main a img, #main img {
		border: none;
	}

	#main ul {
		list-style-type: none;
		list-style-image: url('i/img/puce_fleche.png');
		list-style-position: inside;
	}

	#main ol {
		list-style-position: inside;
	}

	#main .col-left {
		float: left;
		width: 465px;
	}

	#main .col-right {
		float: right;
		width: 290px;
	}

	#main option {
		padding-right: 10px;
	}

	#main #pagination {
		text-align: center;
		font-size: 1em;
		font-weight: bold;
		margin-top: 8px;
	}

	/*********************************************
 	 ***************** HOMEPAGE ******************
 	 *********************************************/
	#main input.btn_search {
		vertical-align: bottom;
		border: none;
		background: none;
	}

	#main #search1 {
		color: #959595;
	}

	#main #search2 {
		color: #959595;
	}

	#main .searchform {
		margin: 20px 0 20px 0px;
		float: left;
		padding-left: 15px;
	}

	#main .categoryform {
		margin: 20px 20px 20px 0;
		margin-right: 40px;
		float: right;
	}

	#main .categoryform optgroup option {
		padding-left: 20px;
	}

	#main .searchform .search-check {
		margin-left : 10px;
	}

	#main .searchform label {
		font-size: 0.8em;
	}

	#main input.inputbox {
		border:1px solid #0a7a96;
		background: url('/i/img/input.png') repeat-x;
		padding: 1px;
	}

	#main input.inputbox:hover {
		border: 1px solid #00a5cd;
	}

	/** Liste des mots clefs **/
	#keywords-list {
		clear: both;
		width: 578px;
		margin: 20px auto 20px auto;
		background: #fff url('/i/img/keywords_bottom.png') no-repeat scroll bottom left ;
		padding: 0;
	}

		#keywords-list p {
			padding: 10px;
			text-align: justify;
			background: transparent url('/i/img/keywords_top.png') no-repeat scroll top left;
			line-height: 2em;
		}

		#keywords-list a {
			color: #00a5cd;
			margin: 10px;
			text-decoration: none;
		}

		#keywords-list a:hover {
			text-decoration: underline;
		}


	/** Liste des categories **/
	#main div#directory-list {
		font-size: 0.8em;
		width: 600px;
		margin: auto;
	}

 	#main div#directory-list ul {
 		list-style-image: none;
 		margin: 10px 0px 0px 20px;
 	}

 	#main div#directory-list ul li {
 		margin-bottom: 20px;
 		padding-left : 40px;
 		font-weight: bold;
 		color: #00a5cd;
 		padding-top: 3px;
 	}

 	#main div#directory-list ul li ul {
 		list-style-type: square;
 		list-style-image: none;
 		margin-top: 10px;
 		margin-left: 0;
 	}

 	#main div#directory-list ul li ul li {
 		margin-bottom: 0px;
 		color: #7cba2c;
 		padding-left: 0;
 		paddign-top: 0;
 	}

 	#main div#directory-list ul li ul li a {
 		color: #7cba2c;
 		font-weight: normal;
 		text-decoration: none;
 	}

 	#main div#directory-list ul li ul li a:hover {
 		text-decoration: underline;
 	}

 	#main div#sub_category ul {
 		list-style-type: square;
 		color: #7cba2c;
 		margin-bottom: 10px;
 	}

 	#main div#sub_category .list1 ul {
 		margin-left: 50px;
 	}

 	#main div#sub_category .list2 ul {
 		margin-left: 50px;
 	}

 	#main h2.li_cat {
		font-size: 1em;
		font-weight: bold;
		list-style-position: outside;
 	}
 	#main li.cat-1 {
		background: url('/i/img/cat_1.png') no-repeat;
	}
	#main li.cat-2 {
		background: url('/i/img/cat_2.png') no-repeat;
	}
	#main li.cat-3 {
		background: url('/i/img/cat_5.png') no-repeat;
	}
	#main li.cat-4 {
		background: url('/i/img/cat_9.png') no-repeat;
	}
	#main li.cat-5 {
		background: url('/i/img/cat_23.png') no-repeat;
	}
	#main li.cat-6 {
		background: url('/i/img/cat_24.png') no-repeat;
	}
	#main li.cat-7 {
		background: url('/i/img/cat_25.png') no-repeat;
	}
	#main li.cat-8 {
		background: url('/i/img/cat_50.png') no-repeat;
	}
	#main li.cat-9 {
		background: url('/i/img/cat_55.png') no-repeat;
	}
	#main li.cat-10 {
		background: url('/i/img/cat_62.png') no-repeat;
	}
	/*********************************************
 	 ***************** ANNUAIRE ******************
 	 *********************************************/

 	 /** Top des forums **/

 	 #main h1.directory-title {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(i/img/puce_h1.png) no-repeat scroll left top;
		color:#00A5CD;
		font-family:arial;
		font-size:1.7em;
		font-style:italic;
		min-height:40px;
 		padding: 13px 0px 0px 75px;
 	}

 	#main h1.directory-title a {
 		color: #00a5cd;
 	}

 	#main h2 {
 		font-size: 1.1em;
 		font-weight: bold;
		color:#00A5CD;
 	}

 	#main h2.active {
 		background: url('/i/img/puce_fleche.png') no-repeat center left;
 		margin-left: 75px;
 		padding-left: 20px;
 		font-size: 1em;
 	}

 	#main p.active {
 		background: url('/i/img/puce_fleche.png') no-repeat center left;
 		margin-left: 75px;
 		padding-left: 20px;
 		font-size: 1em;
 	}

 	 #main #subcat-list {
 	 	width: 690px;
 	 	margin: auto;
 	 }

 	 #main #subcat-list ul {
 	 	float: left;
 	 	width: 230px;
 	 	margin: 20px 0;
 	 }

 	 	#main #subcat-list ul li {
 	 		font-weight: bold;
 	 		font-size: 0.9em;
 	 	}

 	 #main #directory-result {
		margin-left: -30px;
		padding-top: 30px;
		clear: both;
 	 }

 	 #main #directory-result ul {
		list-style-position: outside;
		margin: auto;
		width: 690px;
		font-weight: bold;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	* html #main #directory-result ul {
		margin-bottom: 25px;
		width: 685px;
	}

	/*
		Simple way of making Opera/safari behave like FF when it comes to floating within a li
	*/
	#main #directory-result ul li:before {
	/*	content:".";
		visibility: hidden;*/
	}

	#main #directory-result ul li {
		border-bottom: 5px solid #F3F3F3;
		padding: 8px 20px 0px;
		background: url('/i/img/top_li.png') no-repeat top left;
		color: #10abd0;
		list-style-type: square;
		list-style-image: none;
		list-style-position: inside;
		text-align: left;
		/*width: 650px;*/
	}

	#main #directory-result h2 {
		font-weight: bold;
		display: inline-block;
		text-align: left;
	}

	#main #directory-result h3 {
		font-weight: bold;
		display: inline-block;
		text-align: left;
		margin:0;
	}
	/*
	*+ html #main #directory-result ul li {
		padding-top: 1em;
		vertical-align: top;

	}*/
	* html #main #directory-result ul li {
		padding-top: 1em;
		vertical-align: top;
	}

	#main #directory-result ul li div.container {
		width: 590px;
		margin: -1em 0 0 1.5em;
	}

	*+ html #main #directory-result ul li div.container {
		margin: 0 0 0 1.5em;
	}

	* html #main #directory-result ul li div.container {
		margin: 0 0 0 1.5em;
	}

	#main #directory-result ul li a.forum-name {
		color: #10abd0;
		font-size: 1em;
	}

	#main #directory-result ul li a.preview {
		float: left;
		margin: 0 0.5em 0.5em 0;
	}

	#main #directory-result ul li a img {
		height: 60px;
		width: 80px;
		border: 1px solid #86BE38;
	}

	#main #directory-result ul li p {
		font-weight: normal;
	}
	#main #directory-result ul li.first-li {
		background: url('/i/img/first_li.png') no-repeat top left;
	}

	#main #directory-result ul li span.li-bottom {
		background: url('/i/img/bottom_li.png') no-repeat bottom left;
		margin: 0px -20px;
		display: block;
		height: 9px;
		clear: both;
	}

	#main #directory-result ul li p.p-ol {
		/*float: left;*/
		width: 500px;
	}


	* html #main #directory-result ul li p.p-ol {
	}

	#directory-result ul ul li p a:before {
		content: '+';
	}

	#main #pagination {
		direction: ltr;
	}

	/*********************************************
 	 ***************** LANGUAGE ******************
 	 *********************************************/

 	#main #img-lang {
 		margin: 20px 0 0 0;
 	}

 	#main #img-lang ul {
 		margin: 10px 0 0 120px;
 	}

 	#main #img-lang img {
 		margin: 20px 0 10px -30px;
 	}

 	#main #img-lang #table_lang {
 		width: 100%;
 	}

 	#main .t_left_ltr {
 		width: 100%;
 	}

 	#main td {
 		vertical-align: top;
 	}
	/*********************************************
 	 **************** FORMULAIRE ******************
 	 *********************************************/

 	#main div.buble-form dl.normal {
 	 	text-align: left;
 	 	margin-left: 30px;
 	 	clear: both;
 	}

 	* html #main div.buble-form input {
 		font-size: 0.8em;
 	}

 	#main h1.form-step {
		font-size: 1em;
		margin-left: 60px;
		margin-bottom: 10px;
		padding-left: 20px;
		background: url('/i/img/puce_fleche.png') no-repeat scroll left 8px;
	}

 	#main div.buble-form input.button1 {
 		background: #e7f3f7 url('/i/img/bg_button.png') repeat-x;
 		padding: 2px 20px;
 		border: 1px solid #00A5CD;
 		color : #222;
 		overflow: visible; /* One more IE BUG */
 	}

 	#main div.buble-form input.button1:hover {
 		border: 1px solid #7CBA2C;
 		color : #7CBA2C;
 	}

 	#main div.buble-form input.button_disabled {
 		border: 1px solid #D8D8D8;
 		background: #F3F3F3 url('/i/img/wait.gif') no-repeat scroll right 50%;
 		padding: 2px 20px;
 		color : transparent;
 		overflow: visible; /* One more IE BUG */
 	}

 	#main div.erreur-form {
	 	background-color: #FFFFFF;
		border: 2px dotted #E0E0E0;
		margin: 0px 70px 15px;
 	}

 	#main div.erreur-form p {
 		background: url('/i/img/warning.png') no-repeat top left;
		color: #000000;
		min-height: 28px;
		padding: 7px 0px 0px 40px;
 	}
 	* html #main div.erreur-form p {
 		height: 28px;
 	}

 	#main div.buble-form .normal dt {
 	 	float: left;
		padding-bottom: 10px;
		width: 250px;
		font-size: 0.9em;
		text-align: justify;
 	}

 	#main div.buble-form .normal dd {
 		margin-left: 260px;
		padding-bottom: 10px;
 	}

 	#main div.buble-form .normal p {
 		font-style: italic;
 		width: 365px;
 		padding: 0px;
 		text-align: justify;
 	}

	#main div.buble-form .normal input {
		border-color: #7CBA2C;
	 	border-style: solid;
		border-width: 1px 1px 1px 4px;
		padding-left: 4px;
		width: 200px;
	}

	#main div.buble-form .normal select {
		border-color: #7CBA2C;
		border-style: solid;
		border-width: 1px 1px 1px 4px;
	}

	#main div.buble-form .normal option {
		padding-right: 10px;
	}

	#main div.buble-form .normal textarea {
		border-color: #7CBA2C;
		border-style: solid;
		border-width: 1px 1px 1px 4px;
	}



 	/*********************************************
 	 ***************** RECHERCHE *****************
 	 *********************************************/

 	#main #form-search {
 		background-color: #FFFFFF;
 		width: 520px;
 		margin: 10px 0px 0px 100px;
 		border: 3px dotted #E0E0E0;
 		padding: 10px 20px 20px 20px;
 	}

 	#main #form-search p {
 		text-align: center;
 	}

#ombre {
	margin: -57px 0px 0px -178px;
	float: left;
	position: relative;
	width: 178px;
	height: 106px;
}

#main-bottom {
	background: url('i/img/main_bottom.png') no-repeat;
	width: 800px;
	height: 48px;
}

#main-bottom-nu {
	background: url('i/img/main_bottom_nu.png') no-repeat;
	width: 800px;
	height: 25px;
}

.push {
	height: 69px;
}

/*********************************************
 ***************** PIED **********************
 *********************************************/

#pied {
 	border-top: 2px solid #b4e4f0;
	background-color: #eff9fc;
	font-size: 0.9em;
	color: #747474;
	padding-top: 0px;
	height: auto;
	min-height: 69px;
}
* html #pied {
	height: 64px;
}

	#pied img {
		float: right;
		margin-top: -25px;
		position: relative;
	}

	#pied ul {
		list-style-type: none;
	}

	#pied li {
		display: inline;
	}

	#pied a {
		text-decoration: none;
		color: #747474;
	}

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

	#pied p {
		text-align:right;
		margin-top: 10px;
		color: #00a5cd;
	}

/*********************************************
 ***************** COMMUN ********************
 *********************************************/

.col1, .col2 {
	float: left;
	width: 210px;
}

.right {
	float: right;
	text-align: right;
}

.left {
	float: left;
}

.green {
	color: #7cba2c !important;
}

.bold {
	font-weight: bold !important;
}

.gray {
	color: #959595;
}

.blue {
	color: #00a5cd !important;
}

.normal {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.marginli {
	margin-left: 5px;
	vertical-align: top;
}

.suite {
	background: url('i/img/puce_fleche.png') no-repeat center left;
	padding-left: 15px;
	font-size: 0.8em !important;
}

.active {
	background: url('i/img/puce_active.png') no-repeat center left;
	font-size: 1.1em !important;
	padding-left: 20px;
	margin-left: 80px;
}

.buble-top {
	background: url('i/img/search_top.png') no-repeat;
}

.buble-bottom {
	background: url('i/img/search_bottom.png') no-repeat left bottom;
	height: 10px;
}

input.btn_search {
	vertical-align: bottom;
}

#main p.search-result {
	font-size: 1.1em;
	color:#999999;
}
#main td.search-result {
	font-size: 1.1em;
	color:#999999;
}
#main p.search-result span {
	font-weight: bold;
}

#main .span_h1 {
	font-size: 1.1em;
	text-align:left;
	color:#999999;
	margin: 0;
}

.before-after {
	margin: 5px 20px;
	font-weight: bold;
	font-size: 1em !important;
}

.astuce {
	text-align: right !important;
	font-size: 0.9em !important;
}

.radio {
	width: 20px !important;
	border: none !important;
}

* + html .bord-select, * html .bord-select {
	border-color: #8FD534;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
}

.list1, .list2 {
	float: left;
	width: 300px;
}

/*********************************************
 ***************** MESSAGE *******************
 *********************************************/

div.die_title_red {
	color: #CC0000;
	font-size: 1.1em;
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: center;
}

*+html .bord-select, * html .bord-select {
	border-left: 4px solid #8fd534;
	border-top: 1px solid #8fd534;
	border-right: 1px solid #8fd534;
	border-bottom: 1px solid #8fd534;
}

*+html .red-dt .bord-select, * html .red-dt .bord-select {
	border-left: 4px solid #CC0000;
	border-top: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}

#main .red-dt {
	color: #CC0000;
}

input.with-hover:focus, input.with-hover:hover, textarea.with-hover:focus, textarea.with-hover:hover, select.with-hover:focus, select.with-hover:hover {
	background: #effff3;
}
/* Avoid bad rollover effect on IE */
input.radio:hover, input.radio:focus, input.checkbox:hover, input.checkbox:focus {
}

/*
Beautifully clearing floats without having to add extra markups
From: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}

*+ html .clearfix {min-height: 1px;}
* html .clearfix {position: relative; height: 1%; clear: both;}

/*********************************************
 **************** PAGINATION *****************
 *********************************************/
#pagination {
	margin: 5px auto;
	width: 70%;
	white-space: wrap;
	line-height: 1.5em;
	width: 554px;
	text-align: center;
}

#pagination div.pagination-index {
	margin-right: 2px;
	padding-left: 1px;
	padding-right: 1px;
	border: solid 1px #999999;
	display: inline;
}

#pagination div.pagination-index a {
	color: #666666 !important;
	font-weight: normal;
}

#pagination div.pagination-index:hover {
	background-color: #10ABD0;
}

#pagination div.pagination-index a:hover {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

#pagination div.pagination-index-selected {
	background-color: #10ABD0;
}

#pagination div.pagination-index-selected a {
	font-weight: bold !important;
	color: #FFFFFF !important;
}