/* CSS Document */
/* CSS Document */
* { margin:0px; padding:0px; }

html {
	height: 100%;
}

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

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

/******************************************************************/
/************************** SUP HEADER ****************************/
/******************************************************************/
#superheader {
	height: 100px;
}

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

	#superheader h2 {
		color: #98469b;
		font-size: 2.7em;
		font-style: italic;
		font-weight: normal;
		margin: 20px 0px 0px 9px;
	}
	
	#superheader h1 {
		font-size: 1em;
		margin: -5px 0px 0px 9px;
	}
	
	#superheader h1, #superheader h1 a, #superheader .forumh2, #superheader .forumh2 a {
		color: #969696;
	}
	
	#superheader #logo {
		margin: 3px 0px 0px 0px;
		float: left;
		position: relative;
	}
	
	#superheader a img {
		border: none;
	}
	
	#superheader a {
		text-decoration : none;
		color: #98469b;
	}
	#superheader a:hover {
		color: #98469b;
	}
	
	#superheader .forumh3 {
		font-size: 1.4em;
		text-align: right;
		font-style: normal;
		font-weight: normal;
		margin: 0px 10px 0px 0px;
		font-family: Tahoma,arial,sans-serif;
	}
	
	#superheader .forumh2 {
		font-size: 0.8em;
		text-align: right;
		font-weight: normal;
		font-style: normal;
		margin: -3px 10px 0px 0px;
	}

/******************************************************************/
/***************************** HEADER *****************************/
/******************************************************************/
#header {
	height: 96px;
	background: url('/rsc/img/spirales.png') no-repeat bottom;
}

	#header p {
		color: #FFFFFF;
		font-size: 0.8em;
		background: url('/rsc/img/bulle.png') no-repeat scroll left 28px;
		min-height:72px;
		margin: 0px 50px 0px 50px;
		padding: 22px 0px 0px 72px;
	}
	
	#header a {
		text-decoration: underline;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
		font-size: 1.1em;
	}
	
	#header a:hover {
		text-decoration: none;
		color: #e0e0e0;
	}

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

	#menu-horizon ul {
		list-style-type: none;
		text-align: center;
		padding-top: 10px;
	}
	
	#menu-horizon li {
		display: inline;
		font-size: 0.9em;
		border-right: 1px solid #a26ab0;
		border-left: 1px solid #6c347a;
		padding: 5px 10px 5px 10px;
	}
	
	#menu-horizon a {
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#menu-horizon a:hover {
		text-decoration: underline;
		color: #e0e0e0;
	}
	
	#menu-horizon .ext-left {
		border-left: none;
	}
	
	#menu-horizon .ext-right {
		border-right: none;
		width:25%;
	}

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

	#page h1 {
		color: #98469b;
		font-size: 1.7em;
		font-style: italic;
		background: url('/rsc/img/img_bouton.png') no-repeat top left; 
		padding: 10px 0px 0px 25px;
		min-height: 40px;
		font-weight: normal;
	}
	* html #page h1 {
		height: 40px;
	}
	
	#page h1 em {
		color: #7cba2c;
		font-weight: bold;
	}
		
	#page h2 {
		font-size: 1.3em;
		padding: 3px 0px 0px 0px;
		color: #98469b;
	}
	
	#page h3 {
		font-size: 1.6em;
		color: #7cba2c;
	}
	
	#page p {
		color: #999999;
		font-size: 0.8em;
	}
	
		#page p a {
			font-size: 1em;
		}
	
	#page a {
		color: #7cba2c;
		text-decoration: none;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#page a:hover {
		text-decoration: underline;
	}
	
		#page a img {
			border: none;
		}
		
	#page label {
		color: #959595;
	}
	
	#page input.inputbox {
		border:1px solid #0a7a96;
		background: url('/rsc/img/input.png') repeat-x;
		padding: 1px;
	}
	
	#page input.inputbox:hover {
		border: 1px solid #00a5cd;
	}
	
	#page ul {
		list-style-type: none;
	}
	
	#page .col-left {
		float: left;
		width: 500px;
	}
	
	#page .col-right {
		float: right;
		width: 250px;
	}
		
	/******************************************************************/
	/******************* FORMULAIRE CREATION **************************/
	/******************************************************************/
	#page div.erreur-form {
		background-color: #FFFFFF;
		margin: 0px 70px 15px 70px;
		border: 2px dotted #E0E0E0;
	}
	
	#page .form-step {
		font-size: 1em;
		margin-left: 60px;
		padding-left: 20px;
		background: url('/rsc/img/puce_fleche.png')  no-repeat scroll left 8px;
	}
	
	#page .form-step .step-number {
		font-weight: normal;
		color : #7CBA2C;
	}
	
	#page div.erreur-form h2 {
		font-size: 1.1em;
		margin: 5px 0 3px 10px;
	}
	
	#page div.erreur-form p {
		color: #000000;
		background: url('/rsc/img/warning.png') no-repeat 2px 2px;
		min-height: 28px;
		padding: 7px 0px 8px 40px;
	}
	* html #page div.erreur-form p {
		height: 28px;
	}

	#page .bulle-form {
		width: 700px;
		margin: 15px 0px 0px 20px;
	}
		
		#page .bulle-form .contenu {
			background: #FFFFFF url('/rsc/img/spirale.png') no-repeat top left;
		}
	
		#page .bulle-form form {
			margin: 10px 0px 0px 15px;
			text-align: left;
		}

		#page .bulle-form dt {
			width: 250px;
			float: left;
			font-size: 0.9em;
			clear: both;
			padding-bottom: 10px;
		}
		
		#page .bulle-form dd {
			margin-left: 260px;
			padding-bottom: 10px;
		}
		
		#page .bulle-form dd p {
			font-style: italic;
			font-size: 0.8em;
		}
		
		#page .bulle-form input.button1 {
			background: #f6e7f7 url('/rsc/img/bg_button.png') repeat-x;
	 		padding: 2px 10px;
	 		border: 1px solid #98469B;
	 		color : #222;
	 		overflow : visible;
	 	}
	 	
	 	#page .bulle-form input.button1:hover {
	 		border: 1px solid #7CBA2C;
	 		color : #7CBA2C;
	 	}
	 	
	 	#page .bulle-form input.button_disabled {
	 		border: 1px solid #D8D8D8;
	 		background: #F1F1F1 url('/rsc/img/wait.gif') no-repeat scroll right 50%;
	 		padding: 2px 20px;
	 		color : transparent;
	 		overflow: visible; /* One more IE BUG */
	 		margin-left: 0px;
	 	}
		
		#page .bulle-form dd input {
			border-left: 4px solid #7CBA2C;
			border-top: 1px solid #7CBA2C;
			border-right: 1px solid #7CBA2C;
			border-bottom: 1px solid #7CBA2C;
			padding-left: 4px;
		}
		
		#page .bulle-form select {
			border-left: 4px solid #7CBA2C;
			border-top: 1px solid #7CBA2C;
			border-right: 1px solid #7CBA2C;
			border-bottom: 1px solid #7CBA2C;
		}
		
		#page .bulle-form option {
			padding-right: 10px;
		}
		
		#page .bulle-form textarea {
			border-left: 4px solid #7CBA2C;
			border-top: 1px solid #7CBA2C;
			border-right: 1px solid #7CBA2C;
			border-bottom: 1px solid #7CBA2C;
		}
		
		#page .bulle-form div.congratulation {
			width: 350px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 10px;
			border: 2px dotted #E0E0E0;
			padding: 10px 10px 20px 10px;
		}
		* html #page .bulle-form div.congratulation, *+html #page .bulle-form div.congratulation {
			width: 400px;
		}
		
		#page .bulle-form div.congratulation p {
			margin-top: 25px;
		}
		
		#page .bulle-form ul.abuses {
			list-style-image: url('/rsc/img/puce_verte.png') ;
			margin: 1em 2em;
			line-height: 1.5em;
		}
		
		/******************************************************************/
		/***************************** THEMES *****************************/
		/******************************************************************/
		#page .bulle-form .themes li {
			border: 1px solid #813695;
			background: #feefff;
			margin: 20px;
			padding: 10px;
			text-align:center;
			font-size: 0.8em;
		}
		
		#page .bulle-form .themes li:hover {
			background: #e9efe0;
			border: 1px solid #7cba2c;
		}
		
		#page .bulle-form .themes img {
			border: 1px solid #000;
		}
		
		#preview_block .preview {
			background: url('/rsc/img/px_alpha.png') repeat;
			color: #fff;
		}
		
		#preview_block .preview img {
			margin: 20px;
			margin-bottom: 0;
		}
		
		#preview_block .preview p {
			text-align: center;
		}
		
		
		/******************************************************************/
		/**************************** CGU *********************************/
		/******************************************************************/
		#page #cgu {
			margin: 10px 30px 0px 30px;
		}
		
		#page #cgu h1 {
			margin: 10px 0px 0px -30px;
		}
		
		#page #cgu p {
			font-size: 0.9em;
			text-align: justify;
		}
		
		#page #cgu h2 {
			margin: 15px 0px 10px 0px;
		}
		
		#page #cgu input {
			margin-top: 15px;
		}
		
		#page #cgu ul {
			font-size: 0.9em;
			color: #919191;
			list-style-image: url('/rsc/img/puce_fleche.png');
			list-style-position: inside;
			text-align: justify;
			margin-left: 15px;
		}
		
		/******************************************************************/
		/************************** LANGUES *******************************/
		/******************************************************************/
		#page #img-lang h2 {
			margin: 15px 0px 15px 0px;
		}
		
		#page #img-lang ul.left {
			margin-left: 170px;
		}
		* html #page #img-lang ul.left {
			margin-left: 85px;
		}
		
		#page #img-lang ul.right {
			margin-right: 220px;
		}
		* html #page #img-lang ul.right {
			margin-right: 110px;
		}
		
		#page #img-lang img {
			margin: 15px 0px 0px 20px;
		}
		
		/******************************************************************/
		/************************* PAGE D'ACCUEIL *************************/
		/******************************************************************/
	 	#erreur-found {
			text-align: center;
			height: 1%;
			margin: 0px 50px 15px 30px;
			border: 1px dashed #CCCCCC;
			padding: 5px 10px 5px 10px;
	 	}

	 	#erreur-found h2 {
	 	 	background: url('/rsc/img/warning.png') no-repeat 10px 5px;
	 	 	color : #c00;
	 	 	padding: 7px 0px 0px 35px;
	 	 	min-height: 31px;
	 	}
	 	* html #page div.erreur-form h2 {
	 		height: 28px;
		}
		
		/*** Wish a blog ***/
		#page p.p-wish {
	 		margin: 10px 0px 0px 25px;
 			text-align: justify;
 			width: 470px
	 	}
		
	 	#page .icons {
	 		float: left;
	 		width: 130px;
	 		height: 110px;
	 		margin: 15px 0px 0px 15px;
	 		text-align: center;
	 		border: 1px solid #F3F3F3;
	 	}
	 	* html #page .icons {
	 		margin-left: 15px;
	 	}
	 	
	 	#page .icons img {
	 		margin-top: 15px;
	 	}
	 	
	 	#page .icons:hover {
	 		background-color: #EEEEEE;
	 		border: 1px solid #BBBBBB;
	 	}
	 	
	 	#page .icons a {
	 		color: #999999;
	 		font-weight: bold;
	 	}
	 	
	 	#page .icons a:hover {
	 		text-decoration: none;
	 	}
	 	
	 	/*** Categories directory ***/
	 	#page #searchform2 {
 			margin: 20px 0px 20px 50px;
 		}
 	
 		#page input.btn_search {
			vertical-align: bottom;
			border: none;
			background: none;
		}
	
		#page #search2 {
			color: #959595;
		}
	
		#page .search-check {
			margin-left: 30px;
		}
	 	
	 	#page ul.col1 {
			margin-left: 30px;
		}
		* html #page ul.col1 {
			margin-left: 15px;
		}
		
		#page ul.col2 {
			margin-left: 30px;
		}
		
		#page .col1 li, #page .col2 li {
			padding: 4px 0px 0px 40px;
			min-height: 25px;
			margin-bottom: 10px;
		}
		*html #page .col1 li, * html #page .col2 li {
			height: 25px;
		}
		
		#page li.cat-1 {
			background: url('/rsc/img/cat_1.png') no-repeat;
		}
		
			#page li.cat-23 {
				background: url('/rsc/img/cat_23.png') no-repeat;
			}
			#page li.cat-25 {
				background: url('/rsc/img/cat_25.png') no-repeat;
			}
			#page li.cat-55 {
				background: url('/rsc/img/cat_55.png') no-repeat;
			}
			#page li.cat-5 {
				background: url('/rsc/img/cat_5.png') no-repeat;
			}
			#page li.cat-24 {
				background: url('/rsc/img/cat_24.png') no-repeat;
			}
			#page li.cat-50 {
				background: url('/rsc/img/cat_50.png') no-repeat;
			}
			#page li.cat-62 {
				background: url('/rsc/img/cat_62.png') no-repeat;
			}
			
		/*** Create Forum & Blog ***/
		#page #create {
			background: url('/rsc/img/create_bg.png') no-repeat top left;
			padding-top: 25px;
			margin: 0px 0px 15px 10px;
			height: 1%;
		}
		
		#page .create-bottom {
			background: url('/rsc/img/createb_bottom.png') no-repeat left bottom;
			width: 156px;
			text-align: center;
			margin-left: 10px;
			padding-bottom: 17px;
		}
		
		#page .create-top {
			background: url('/rsc/img/createb_top.png') no-repeat left bottom;
			width: 156px;
			height: 6px;
		}
		* html #page .create-top {
			margin-top: -10px; 		/** Bug IE6 **/
		}
		
		#page .create-bottom h1 {
			background: none;
			font-size: 1em;
			padding: 3px 5px 15px 3px;
			margin: 0px;
			min-height: 0px;
		}
		* html #page .create-bottom h1 {
			height: 0px;
		}
		
		#page .createb-top h1 {
			margin-left: 5px;
			margin-right: 6px;
		}
		
		#page .create-bottom h1 a, #page .createb-top h1 a {
			color: #FFFFFF;
		}
	
		#page .create-bottom h1 a:hover, #page .createb-top h1 a:hover {
			text-decoration: none;
		}
		
		#page #create img {
			margin: -30px 0px 0px 0px;
			position: relative;
		}
		
		#page .createb-top {
			background: url('/rsc/img/createf_top.png') no-repeat top left;
			width: 156px;
			text-align: center;
			margin: -10px 0px 0px 10px;
			position: relative;
		}
		
		#page .createb-bottom {
			background: url('/rsc/img/createf_bottom.png') no-repeat top left;
			width: 157px;
			height: 6px;
		}
		* html #page .createb-bottom {
			background: #F3F3F3 url('/rsc/img/createf_bottom.png') no-repeat top; /** Bug IE6 **/
		}
		
		#page .createb-top h1 {
			background: none;
			font-size: 1em;
			padding: 30px 0px 5px 0px;
			min-height: 0px;
		}
		*html #page .createb-top h1 {
			height: 0px;
		}
		
		/*** Discover ***/
		#page .block {
			background: url('/rsc/img/search_top.png') no-repeat top left;
			margin-top: 20px;
			width: 235px;
		}
		
		#page .block p {
			padding: 10px 5px 0px 20px;
			font-size: 1em;
		}
		
		#page .block ul {
			margin: 10px 0px 0px 60px;
			list-style-image: url('/rsc/img/puce_fleche.png');
		}
		
		#page .block li {
			margin-bottom: 5px;
		}
		
		#page .block-bottom {
			background: url('/rsc/img/search_bottom.png') no-repeat left bottom;
			width: 235px;
			height: 10px;
		}
		
		
		/*** Most Active ***/
		#page .block ol {
			margin: 10px 0px 0px 20px;
			color: #7cba2c;
			font-weight: bold;
			font-size: 0.85em;
			padding-left: 40px;
			border-left: 3px solid #85be39;
			min-height: 235px;
		}
		
		#page .block ol li {
			padding-bottom: 4px;
		}
		
		#page #barre-active {
			margin: 10px 0px 0px 20px;
			float: left;
		}
		*+html #page #barre-active {
			position: absolute;
			margin: 0px;
		}
		
		*+html p.bugIE7 {
			margin-bottom: 10px;
		}
		
		/******************************************************************/
		/***************************** ANNUAIRE ***************************/
		/******************************************************************/
		#page h1.diretory-title {
 			padding: 13px 0px 0px 75px;
 		}
 		
 		#page h1.diretory-title a {
 			color: #98469B;
 			font-size: 1em;
 		}
	 	
	 	#page div#directory-list ul {
	 		list-style-image: url('/rsc/img/puce_fleche.png');
	 		margin: 10px 0px 0px 20px;
	 	}
	 	
	 	#page div#directory-list ul li {
 			margin-bottom: 20px;
 		}
 		
 		#page div#directory-list ul li a {
	 		color: #98469B;
	 		font-weight: bold;
	 	}
	 	
	 	#page div#directory-list ul li ul {
	 		list-style-type: square;
	 		list-style-image: none;
	 		color: #7cba2c;
	 		margin-top: 10px;
	 	}
	 	
	 	#page div#directory-list ul li ul li {
	 		margin-bottom: 0px;
	 	}
	 	
	 	#page div#directory-list ul li ul li a {
	 		color: #7cba2c;
	 		font-weight: normal;
	 	}
	 	
	 	/******************************************************************/
		/************************* ANNUAIRE LISTE *************************/
		/******************************************************************/
		#page p.active {
	 		background: url('/rsc/img/puce_verte.png') no-repeat center left;
	 		margin-left: 75px;
	 		padding-left: 20px;
	 		font-size: 1em;
	 	}
		
	 	#page div#sub_category ul {
	 		list-style-type: square;
	 		color: #7cba2c;
	 		margin-bottom: 10px;
	 	}
	 	
	 	#page div#sub_category .list1 ul {
 			margin-left: 50px;
 		}
 	
	 	#page div#sub_category .list2 ul {
	 		margin-left: 50px;
	 	}
	 	
	 	#page #directory-result {
	 		margin: 20px 0px 0px 25px;
	 		width: 692px;
	 	}
	 	* html #page #directory-result {
	 		height: 1%;
	 		padding-left: 3px;
	 	}
	 	
	 	#page #directory-result h2 {
	 		color: #7cba2c;
	 		background: url('/rsc/img/puce_rang.png') no-repeat center left;
	 		padding-left: 50px;
	 		position: relative;
	 		margin-left: 35px;
	 		font-style: italic;
	 	}
	 	
	 	#page #directory-result-top {
	 		background: #cae7a3 url('/rsc/img/directory_result_top.png') no-repeat top left;
	 		margin-top: -13px;
	 		padding-top: 20px;
	 	}
	 	* html #page #directory-result-top {
	 		height: 1%;
	 		margin-bottom: -25px;
	 	}
	 	*+html #page #directory-result-top {
	 		height: 1%;
	 		margin-bottom: -20px;
	 	}
	 	
	 	#page #directory-result-top p {
	 		text-align: center;
	 		color: #7cba2c;
	 		font-style: italic;
	 		font-weight: bold;
	 		font-size: 1em;
	 	}
	 	
	 	#page #directory-result-top a {
	 		font-style: normal;
	 		margin: 0px 10px 0px 0px;
	 		color: #FFFFFF;
	 		font-size: 0.9em;
	 	}
	 	
	 	#page #directory-result-top a:hover {
	 		text-decoration: none;
	 	}
	 	
	 	#page #directory-result-top img {
	 		vertical-align: bottom;
 		}
 		
 		#page #directory-result-top ul {
	 		margin: 20px 0px 0px 20px;
	 	}
	 	
	 	#page #directory-result-top ul li {
	 		display: inline;
	 	}
	 	
	 	#page #directory-result-top ul li a {
	 		float: left;
	 		width: 157px;
	 		height: 35px;
	 		color: #999999;
	 		font-weight: normal;
	 		font-size: 0.8em;
	 	}
	 	* html #page #directory-result-top ul li a {
	 		cursor: hand;
	 	}
	 	*+html #page #directory-result-top ul li a {
	 		cursor: hand;
	 	}
	 	
	 	#page #directory-result-top ul li a.posts {
	 	 	background: url('/rsc/img/directory_tab_posts.png') no-repeat 0px 0px;
	 	}
	 	
	 	#page #directory-result-top ul li#activetab a.posts {
	 	 	background: url('/rsc/img/directory_tab_posts.png') no-repeat 0px -35px;
	 	}
	 	
	 	#page #directory-result-top ul li a.comments {
 	 		background: url('/rsc/img/directory_tab_comments.png') no-repeat 0px 0px;
 		}
 	
	 	#page #directory-result-top ul li#activetab a.comments {
	 	 	background: url('/rsc/img/directory_tab_comments.png') no-repeat 0px -35px;
	 	}
	 	
	 	#page #directory-result-top ul li a.users {
	 	 	background: url('/rsc/img/directory_tab_users.png') no-repeat 0px 0px;
	 	}
	 	
	 	#page #directory-result-top ul li#activetab a.users {
	 	 	background: url('/rsc/img/directory_tab_users.png') no-repeat 0px -35px;
	 	}
	 	
	 	#page #directory-result-top ul li a.points {
	 	 	background: url('/rsc/img/directory_tab_points.png') no-repeat 0px 0px;
	 	}
	 	
	 	#page #directory-result-top ul li#activetab a.points {
	 	 	background: url('/rsc/img/directory_tab_points.png') no-repeat 0px -35px;
	 	}
	 	
	 	#page #directory-result-top ul li a span {
	 		padding-left: 55px;
	 		padding-top: 4px;
	 		width: 90px;
	 		height: 35px;
	 		display: block;
	 	}
	 	
	 	#page #directory-result .fleche-annuaire {
			position: relative;
			float: left;
			margin: -3px 0px 0px -12px;
		}
		
		#page #directory-result ol {
			float: left;
			width: 689px;
			list-style-position: inside;
			margin: 0px 0px 0px -15px;
			border-left: 6px solid #84be39;
			font-weight: bold;
			background-color: #FFFFFF;
			min-height: 602px;
		}
		* html #page #directory-result ol {
			margin-bottom: 25px;
			height: 602px;
		}
		
		#page #directory-result ol li {
			border-bottom: 5px solid #F3F3F3;
			padding: 8px 0px 0px 20px;
			background: url('/rsc/img/top_li.png') no-repeat top left;
			color: #98469B;
		}
		
		#page #directory-result ol li a {
			color: #98469B;
			font-size: 1em;
		}
		* html #page #directory-result ol li a {
			margin-left: 20px;
		}
		*+html #page #directory-result ol li a {
			margin-left: 20px;
		}
		
		#page #directory-result ol li img {
			vertical-align : text-bottom;
		}
		
		#page #directory-result ol li p {
			width: 525px;
			font-weight: normal;
		}
		
		#page #directory-result ol li.first-li {
			background: url('/rsc/img/first_li.png') no-repeat top left;
		}
		
		#page #directory-result ol li span.li-bottom {
			background: url('/rsc/img/bottom_li.png') no-repeat bottom left;
			margin-left: -20px;
			display: block;
			height: 9px;
			clear: both;
		}
		
		#page #directory-result ol li p.p-ol {
			float: left; 
			min-height: 50px;
		}
		* html #page #directory-result ol li p.p-ol {
			height: 50px;
		}
		
		#page #directory-result ol li span.puce-posts {
			float: left;
			margin: -15px 0px 0px 30px;
			background: url('/rsc/img/puce_posts.png') no-repeat top left;
			height: 13px;
		}
		
		#page #directory-result ol li span.puce-comments {
			float: left;
			margin: -28px 0px 0px 30px;
			background: url('/rsc/img/puce_comments.png') no-repeat top left;
			height: 13px;
		}
		
		#page #directory-result ol li span.puce-users {
			float: left;
			margin: -25px 0px 0px 30px;
			background: url('/rsc/img/puce_users.png') no-repeat top left;
			height: 13px;
		}
		
		#page #directory-result ol li span.puce-points {
			float: left;
			margin: -15px 0px 0px 30px;
			background: url('/rsc/img/puce_points.png') no-repeat top left;
			height: 13px;
		}
		
		#page #directory-result ol li span.span-ol {
			height: 7px;
			display: block;
			margin-left: 25px;
		}
		* html #page #directory-result ol li span.span-ol {
			position: relative;
		}
		
		#page #directory-result ol li span.icon-posts {
			background-color: #f3ba67;
		}
		
		#page #directory-result ol li span.icon-points {
			background-color: #CA8ECF;
		}
		
		#page #directory-result ol li span.icon-comments {
			background-color: #65c8e0;
		}
		
		#page #directory-result ol li span.icon-users {
			background-color: #b0d580;
			margin-top: 2px;
		}
		
		* html #page #directory-result ol li span img {
			position: absolute;
		}
		*+html #page #directory-result ol li span img {
			position: absolute;
		}
		
		#page p.center {
			text-align: center !important;
			font-size: 1em !important;
		}
		
		/******************************************************************/
		/*************************** WISH CREATE **************************/
		/******************************************************************/
		#page #wish-top {
			width: 688px;
	 		background: url("/rsc/img/wish_top.png") no-repeat top left;
	 		margin: 10px 0px 25px 20px;
	 		text-align: center;
	 	}
	 	* html #page #wish-top {
	 		margin: 0px 0px 25px 20px;
	 		padding-top: 10px;
	 	}
	 	
	 	#page #wish-top a {
	 		color: #999999;
	 		font-weight: bold;
	 		font-style: italic;
	 		min-width: 56px;
	 		display: block;
			padding-top: 47px;
			text-align: center;
			margin: 15px 0px 10px 30px;
	 		float: left;	
	 	}
	 	* html #page #wish-top a {
	 		margin: 0px 0px 0px 25px;
	 		padding-left: 2px;
	 		width: 56px;
	 	}
	 	
	 		#page #wish-top a:hover {
		 		text-decoration: none;
		 	}
		 	#page #wish-top a.wish-create:hover {
		 		background: url("/rsc/img/create_icon_c.png") no-repeat top center !important; 
		 	}
		 	#page #wish-top a.wish-discuss:hover {
		 		background: url("/rsc/img/talk_icon_c.png") no-repeat top center !important; 
		 	}
		 	#page #wish-top a.wish-share:hover {
		 		background: url("/rsc/img/share_icon_c.png") no-repeat top center !important; 
		 	}
		 	#page #wish-top a.wish-personalize:hover {
		 		background: url("/rsc/img/personalize_icon_c.png") no-repeat top center !important; 
		 	}
		 	#page #wish-top a.wish-innove:hover {
		 		background: url("/rsc/img/innove_icon_c.png") no-repeat top center !important; 
		 	}
		 	#page #wish-top a.wish-testimonials:hover {
		 		background: url("/rsc/img/recit_icon_c.png") no-repeat top center !important; 
		 	}
		 	
		#page #wish-bottom {
			background: url("/rsc/img/wish_bottom.png") no-repeat left bottom;
			width: 688px;
			height: 12px;
	 	}
 	
	 	#page .wish h1 {
	 		padding: 15px 0px 0px 80px;
	 	}
	 	
	 	#page .wish p {
	 		margin: 20px 80px 0px 50px;
	 	}
	 	
	 	#page .wish p em, #page .wish ul em, #page .wish li em {
	 		color: #98469B;
	 		font-style: normal;
	 	}
	 	
	 	#page .wish p strong,  #page .wish ol strong, #page .wish ul strong{
	 		color: #7a7a7a;
	 	}
	 	
	 	#page .wish p span {
	 		color: #98469B;
	 		font-style: italic;
	 		font-size: 1.7em;
	 	}
	 	
	 	#page .wish p span strong {
	 		color: #98469B;
	 	}
	 	
	 	#page .wish p span em {
	 		color: #7cba2c;
	 		font-style: italic;
	 		font-weight: bold;
	 	}
	 	
	 	#page .wish ol {
	 		color: #999999;
	 		margin: 10px 150px 0px 100px;
	 		font-size: 0.8em;
	 	}
	 	
	 	#page .wish ul {
	 		color: #999999;
	 		margin: 10px 80px 0px 100px;
	 		font-size: 0.8em;
	 		list-style-type: square;
	 	}
	 	
	 	#page .wish ul li {
	 		margin: 2px 0px;
	 	}
	 	
	 	#page .wish ul li ul {
	 		margin: 0px 0px 5px 0px;
	 		font-size: 1em;
	 		list-style-type: disc;
	 	}
	 	
	 	#page .wish ul li ul li {
	 		margin-left: 50px;
	 	}
	 	
	 	#page .button {
			background: url("/rsc/img/button_top.png") no-repeat;
			width: 236px;
			margin: 0 auto;
			text-align:center;
		}
		
		#page .button h1 {
			background: none;
			min-height: 0px;
			padding: 15px 0px 5px 0px;
		}
		* html #page .button h1 {
			height: 0px;
		}
		
		#page .button h1 a {
			color: #FFFFFF;
			font-size: 0.7em;
			font-weight: bold;
		}
		
		#page .button h1 a:hover {
			text-decoration: none;
		}
		
		#page .button-bottom {
			background: url("/rsc/img/button_bottom.png") no-repeat bottom left;
			width: 236px;
			height: 9px;
		}
		
		#page blockquote {
			margin: 5px 40px 15px 40px;
			background: #fff url('/rsc/img/quote.gif') no-repeat scroll top left;
			text-align: justify;
		}
		
			#page blockquote p {
				background: url('/rsc/img/quote_end.gif') no-repeat scroll bottom right;
				margin: 12px 32px 0 32px;
				padding: 15px 40px;
				height: 1%;
			}
			 	 	
			#page blockquote div {
	 	 		height: 20px;
				background: red;
				clear: both;
				float: none;
				width: auto;
				background: #fff url('/rsc/img/bottom-right.png') no-repeat scroll top right;
	 	 	}
		
		#page cite {
			float: right;
		}
		
		/******************************************************************/
		/************************** DICTIONARY ****************************/
		/******************************************************************/
		#page ul.dico {
			list-style-type: square;
			margin: 15px 0px 0px 10px;
			color: #7cba2c;
			width: 180px;
			list-style-position: inside;
		}
		* html #page ul.dico {
			margin: 15px 0px 0px 10px;
			width: 175px;
		}
		*+html #page ul.dico {
			list-style-position: inside;
			margin: 15px 0px 0px 10px;
		}
		
		#page ul.dico li {
			margin-bottom: 15px; 
		}
		
		#page ul.dico li a {
			font-size: 0.8em;
		}
		
		#page #dico-top {
			background: url('/rsc/img/wish_top.png') no-repeat top left;
			margin: 20px 0px 0px 50px;
			width: 627px;
		}
	
		#page #dico-bottom {
			background: url('/rsc/img/wish_bottom.png') no-repeat bottom left;
			height: 12px;
		}
	
		#page #dico-top dl {
			padding: 20px 0px 0px 40px;
		}
		
		#page #dico-top dl dt {
			color: #7cba2c;
			font-weight: bold;
			background: url('/rsc/img/puce_fleche.png') no-repeat 0px 6px;
			padding-left: 20px;
			font-size: 1.1em;
		}
		
		#page #dico-top dl dd {
			color: #878787;
			font-size: 0.9em;
			margin: 10px 40px 20px 40px;
		}
		
		#page #dico-top dl em {
			color: #98469B;
			font-style: normal;
		}
		
		/******************************************************************/
		/**************************** SEND ********************************/
		/******************************************************************/
		#page form#send {
			margin: 20px 0px 0px 80px;
		}
		
		#page form#send dl {
			margin-bottom: 20px;
		}
		
		#page form#send dl dt {
			float: left;
			width: 120px;
			clear: both;
		}
		
		#page form#send dl dd {
			margin-left: 120px;
		}
	 	
		#page form#send dl dd input {
			width: 250px;
		}
		
		#page form#send dl dd input.red-input {
			border: 1px solid red;
		}
		
		/******************************************************************/
		/**************************** SUPPORT *****************************/
		/******************************************************************/
		#page #banner {
			width: 720px;
			margin: 20px auto 0px auto;
			text-align: center;
		}
		
		#page #banner img {
			margin-top: 20px;
		}
		
		#page #banner textarea {
			margin-top: 5px;
			width: 468px;
		}
		
		/******************************************************************/
		/**************************** SEARCH ******************************/
		/******************************************************************/
		#page ul#search-result {
			list-style-position: inside;
			margin: auto;
			width: 689px;
			background-color: #FFFFFF;
			margin-top: 20px;
		}
		* html ul#page #search-result {
			margin-bottom: 25px;
		}
		
		#page ul#search-result li {
			border-bottom: 5px solid #F3F3F3;
			padding: 8px 0px 0px 20px;
			background: url('/rsc/img/top_li.png') no-repeat top left;
			list-style-type : square;
			list-style-image : none;
			color: #98469B;
		}
		
		#page ul#search-result li a {
			color: #98469B;
			font-size: 1.2em;
			margin-bottom: 5px;
		}
		
		#page ul#search-result li span.li-bottom {
			background: url('/rsc/img/bottom_li.png') no-repeat bottom left;
			margin-left: -20px;
			display: block;
			height: 9px;
			clear: both;
		}
		
		p.no-result {
			margin: 10px 0px;
		}
		
		/******************************************************************/
		/******************* PAGE D'ACCUEIL TEMPORAIRE ********************/
		/******************************************************************/
		#page #bloc-haut {
			background: url('/rsc/img/img1.png') no-repeat; 
			padding-left: 30px;
		}
		
		#page #bloc-haut p {
			margin-left: 40px;
		}
		
		#page #bloc-gauche1 {
			margin-top: 27px;
			float: left;
		}
		
		#page #bloc-gauche1 img {	    	
	    	border : none;
		}
		
		#page #create-step {
			float: left;
			margin-left: 100px;
		}
		
		#page #create-step ol {
			list-style-type: none;
			color: #999999;
			font-size: 0.8em;
			margin-top:45px;
		}	
		*+html #page #create-step ol {
			margin-left: 20px;
		}
		* html #page #create-step ol {
			margin-left: 20px;
		}
		
		#page #create-step li {
			margin-bottom: 6px;
		}
		
		#page #carac-list {
			margin: 15px 25px 0px 0px;
			padding-left: 150px;
		}
		
		#page ul#carac-list {
			list-style-image: url('/rsc/img/plus.gif');
		}
		
		#page ul#carac-list  li {
			margin-bottom: 10px;
		}
		
		#page ul#carac-list  li a {
			font-size: 1em;
			text-decoration:none;
			color: #98469B;
			font-weight: bold;
			font-style: italic;
		}
		*+html #page ul#carac-list li a {
			padding-left: 8px;
		}
		* html #page ul#carac-list li a {
			padding-left: 8px;
		}

		#page .act-vert-buble {
			margin: -130px 0px 0px 15px;
			border: none;
		}
		
		/******************************************************************/
			
#ombre {
	float: left;
	height: 90px;
	margin: -43px 0px 0px -155px;
	width: 155px;
	position: relative;
}
		
#arrondi-page-bottom {
	width: 800px;
	height: 48px;
	background: url('/rsc/img/main_bottom.png') no-repeat;
}

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

.push {
	height: 69px;
}
	
/******************************************************************/
/*************************** PIED *********************************/
/******************************************************************/
#pied {
 	border-top: 2px solid #e9b6eb; 
	background-color: #fbe1fc;
	font-size: 0.9em;
	color: #747474;
	height: auto;
	min-height: 69px;
	padding-top: 0px;
}
* html #pied {
	height: 69px;
}

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

	#pied ul {
		list-style-type: none;
	}
	
	#pied ul.cat-list {
		color: #747474;
	}
	
	#pied li {
		display: inline;
	}
	
	#pied p {
		text-align: right; 
		margin-top: 10px;
		color: #98469b;
	}
	
	#pied a {
	text-decoration : none;
	color: #98469b;
	}
	
	#pied a:hover {
	text-decoration : underline;
	color: #98469b;
	}

/******************************************************************/
/**************************** COMMUN ******************************/
/******************************************************************/
.top-left, .top-right, .bottom-left, .bottom-right, .bottom-right-tache {
	height: 29px; 
	width: 29px;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug IE */
	position: relative;
}

#page div.contenu {
	background:#FFFFFF;
	border: 4px solid #e0e0e0;
	margin: -29px 0px -29px 0px;
	padding: 5px 15px 15px 23px;
	min-height: 172px;
}
* html #page div.contenu {
	height: 202px;
}

#page input.button2 {
	background: #e7f3f7 url('/rsc/img/bg_button.png') repeat-x;
	padding: 2px 20px;
	border: 1px solid #98469B;
	color : #222;
	overflow: visible; /* One more IE BUG */
	margin-left: 120px;
}

#page input.button2:hover {
	border: 1px solid #7CBA2C;
	color : #7CBA2C;
}

#page input.button_disabled {
	border: 1px solid #D8D8D8;
	background: #F1F1F1 url('/rsc/img/wait.gif') no-repeat scroll right 50%;
	padding: 2px 20px;
	color : transparent;
	overflow: visible; /* One more IE BUG */
	margin-left: 120px;
}

.top-left {
	background: url('/rsc/img/up_left.png');
}

.top-right {
	float: right;
	background: url('/rsc/img/up_right.png');
}

.bottom-left {
	background: url('/rsc/img/bot_left.png');
}

.bottom-right {
	float: right;
	background: url('/rsc/img/bot_right.png');
}

p.message {
	background: url("/rsc/img/puce_message.png") no-repeat 0px 13px;
	margin-left: 15px;
}

.right {
	float: right;
}

.left {
	float: left;
}

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

.purple {
	color: #98469B !important;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

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

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

input.with-hover:focus, input.with-hover:hover, .rctv-textarea:focus, .rctv-textarea:hover, select:focus, select:hover {
	background: #effff3;
}

body input.checkbox {
	border: none !important;
}

.div-center {
	text-align: center;
}

.no-padding {
	padding: 0px !important;
}

#page p.next, #page p.previous {
	font-size: 1em;
	margin: 0px;
}

#page p.next {
	margin-right: 30px;
}

#page p.explain {
	width: 700px;
	margin: 10px 0px 0px 30px;
}

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

.red-dt input.with-hover:focus, .red-dt input.with-hover:hover, .red-dt textarea:focus, .red-dt textarea:hover, .red-dt select:focus, .red-dt select:hover {
	background: #ffefef;
}

.red-dt input.with-hover {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

.red-dt select {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

.red-dt textarea {
	border-left: 4px solid #CC0000 !important;
	border-top: 1px solid #CC0000 !important;
	border-right: 1px solid #CC0000 !important;
	border-bottom: 1px solid #CC0000 !important;
}

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

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

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

/*
	TGF Clearfix!
	Tony Aslett from http://www.csscreator.com
	
*/

.clearfix:after {
	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}

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