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

body {
	font-size: 1.3em;
}

/***********************************************
 *************** SUPERHEADER *******************
 ***********************************************/
#subheader {
	text-align: right;
}

#subheader #green-act {
	float: right;
	margin: 4px 0px 0px 0px;
	padding-left: 8px;
}

#subheader .left {
	margin-right: 4px;
	position: relative;
}
#subheader .h1_old {
	font-family: Arial;
	font-size: 2.1em;
	font-style: italic;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
}

#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: left;
	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:left;
}

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

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

#header p {
	margin: 0px 50px 0px 10px;
	padding-right: 60px;
	text-align: right;
}

#header h3 {
	text-align: right;
	color : #fff;
	margin: 0;
	padding: 15px 110px 0 0px;
	font-size: 1em;
}

/************************************************
 **************** MENU HORIZONTAL ***************
 ************************************************/
 #menu-horizontal ul {
	padding-right: 150px;
 }

#menu-horizontal li {
	border-left: 1px solid #63c1d8;
	border-right: 1px solid #388ba1;
	float: right;
	padding: 0px 10px;
}

#menu-horizontal .outside-left {
	border-right: none;
	border-left: 1px solid #63c1d8;
}

#menu-horizontal .outside-right {
	border-left: none;
	border-right: 1px solid #388ba1;
}

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

#main {
	padding: 25px 30px 0px 0px;
	text-align: right;
}
* 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 right;
	padding: 5px 25px 0px 0px;
	min-height: 40px;
}

#main h1 em {
	font-style: normal;
}

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

#main .col-left {
	float: right;
}

#main .col-right {
	float: left;
}

#main p {
	font-size: 0.9em;
}

	/*********************************************
	 ***************** HOMEPAGE ******************
	 *********************************************/
	#main .clear form.searchform {
		margin: 20px 20px 20px 0px;
		float: right;
		height:1%;
	}

	#main .categoryform {
		margin: 20px 0 20px 20px;
		float: left;
		white-space: nowrap;
	}

	#main .categoryform option {
		padding-right : 0;
		padding-left: 10px;
	}

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

	/** Liste des mots clefs **/
	#keywords-list {
		margin: 20px 75px 20px auto;
		text-align: right;
	}

	.list1, .list2 {
		float: right;
	}

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

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

 	#main div#directory-list ul li {
 		padding-right : 40px;
 	}

 	#main div#directory-list ul li ul {
 		margin-right: 15px;
 	}

 	#main div#directory-list ul li ul li {
 		padding-right: 0;
 		list-style-position: outside;
 	}

 	/*** Categories directory ***/
 	#main #searchform2 {
 		margin: 20px 20px 20px 0;
 	}
 	* html #main #searchform2 {
 		margin-right: 10px;
 	}
 	*+html #main #searchform2 {
 		margin-right: 10px;
 	}

 	#main .search-check {
		margin: 0px;
	}

	#main label.ahlamontada {
		font-size: 0.8em !important;
	}

 	#main ul.col1 {
		margin: 0px 30px 0px 0px;
	}
	* html #main ul.col1 {
		margin: 0px 15px 0px 0px;
	}

	#main ul.col2 {
		margin: 0px 30px 0px 0px;
	}

 	#main .col1 li, #main .col2 li {
		padding: 4px 40px 0px 0px;
	}

 	#main li.cat-1 {
		background: url('/i/img/cat_1.png') no-repeat top right;
	}
	#main li.cat-23 {
		background: url('/i/img/cat_23.png') no-repeat top right;
	}
	#main li.cat-25 {
		background: url('/i/img/cat_25.png') no-repeat top right;
	}
	#main li.cat-55 {
		background: url('/i/img/cat_55.png') no-repeat top right;
	}
	#main li.cat-5 {
		background: url('/i/img/cat_5.png') no-repeat top right;
	}
	#main li.cat-24 {
		background: url('/i/img/cat_24.png') no-repeat top right;
	}
	#main li.cat-50 {
		background: url('/i/img/cat_50.png') no-repeat top right;
	}
	#main li.cat-62 {
		background: url('/i/img/cat_62.png') no-repeat top right;
	}
	#main li.cat-2 {
		background: url('/i/img/cat_2.png') no-repeat top right;
	}
	#main li.cat-9 {
		background: url('/i/img/cat_9.png') no-repeat top right;
	}

	/*** Create Forum & Blog ***/
	#main #create {
		background: url('/i/img/rtl/create_bg.png') no-repeat top right;
		margin: 0px 10px 15px 0px;
		padding-top: 20px;
	}

	#main .create-bottom {
		background: url('/i/img/rtl/createf_bottom.png') no-repeat right bottom;
		margin: 0px 10px 0px 0px;
	}

	#main .create-top {
		background: url('/i/img/rtl/createf_top.png') no-repeat right bottom;
	}
	* html #main .create-top {
		margin-top: -16px; 		/** Bug IE6 **/
	}

	/*** Discover ***/
	#main .block p {
		padding: 10px 20px 0px 5px;
		font-size: 1em;
	}

	#main .block ul {
		margin: 10px 60px 0px 0px;
		list-style-image: url('i/img/rtl/puce_fleche.png');
	}

	/*** Most Active ***/
	#main .block ol {
		margin: 10px 20px 0px 5px;
		padding: 0px 40px 0px 0px;
		font-size: 0.8em;
		border-right: 3px solid #85be39;
		border-left: none;
	}

	#main #barre-active {
		margin: 10px 20px 0px 0px;
		float: right;
	}


	/*********************************************
	 ***************** DIRECTORY *****************
	 *********************************************/

	#main h1.directory-title {
 		padding: 13px 75px 0px 0px;
 		background-position: top right !important;
 	}

 	#main p.active {
 		background: url('/i/img/rtl/puce_fleche.png') no-repeat center right;
 		margin: 0px 75px 0px 0px;
 		padding: 0px 20px 0px 0px;
 	}

 	#main #subcat-list ul {
 		list-style-position: outside;
 	}
 	* html #main #subcat-list ul {
 		list-style-position: inside;
 	}
 	*+html #main #subcat-list ul {
 		list-style-position: inside;
 	}

 	* html #main #subcat-list ul li a {
 		padding: 0 5px;
 	}
 	*+html #main #subcat-list ul li a {
 		padding: 0 5px;
 	}


 	#main div#directory-list ul {
 		list-style-image: url('/i/img/rtl/puce_bleu.png');
 		margin: 10px 20px 0px 0px;
 	}

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

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

 	/*** Deuxi�me page ***/
 	#main #directory-result {
 		margin: 20px -30px 0px 0px;
 	}
 	* html #main #directory-result {
 		padding: 0px 0px 0px 0px;
 	}

 	#main #directory-result ul li {
 		text-align: right;
 		/*position: relative;*/
 		/*background-color: red;*/
 	}

 	#main #directory-result ul li div.container {
		margin: -1em 0.5em 0;
	}

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

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


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

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

	#main #directory-result ul li span.li-bottom {
		background-position: bottom right;
		/*margin-left: 0;
		margin-right: -20px;*/
	}

 	#main #directory-result h2 {
 		background: url('/i/img/rtl/puce_question.png') no-repeat center right;
 		padding: 0;
 		margin: 0;
 		font-style: normal;
 		text-align: right;
 	}

 	#main #directory-result .fleche-annuaire {
		float: right;
		margin: -3px -12px 0px 0px;
	}



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

 	#main #img-lang #table_lang td {
 		text-align: right;
 	}

 	#main div#img-lang ul {
 		margin: 0;
 		list-style-image : url('/i/img/rtl/puce_fleche.png');
 	}

 /*********************************************
 ****************** THEMES *******************
 *********************************************/

#main div.buble-form {
 	margin: 35px 25px 0px 0px;
 	text-align: right;
}
*+html #main div.buble-form {
	margin: 5px 0px 0px 50px;
}
* html #main div.buble-form {
	margin: 5px 0px 0px 50px;
}

#main div.top-right {
	float: right;
}

#main div.top-left {
	float: left;
}

#main div.bottom-right {
	float: right;
}

#main div.bottom-left {
	float: left;
}

#main div.contenu {
	background: #FFFFFF url('/i/img/rtl/spirale.png') no-repeat top right;
	padding: 5px 10px 0px 0px;
}
*+html #main div.contenu {
	clear: both;
}
* html #main div.contenu {
	clear: both;
}

#main div.contenu p {
	padding: 0px 25px 10px 0px;
}

#main div.contenu form {
	margin: 0px 10px 20px 0px;
	text-align: center;
}

#main div.buble-form dl.left-dl {
	margin-right: 30px;
	width: 275px;
}
* html #main div.buble-form dl.left-dl {
	width: 276px;
}

#main div.buble-form .left-dl dt {
	float: right;
	width: 12px;
}

#main div.buble-form .left-dl p {
	font-style: normal;
}

/*********************************************
 **************** FORMULAIRE ******************
 *********************************************/

#main h2.form-step {
	margin-right: 60px;
	padding-right: 20px;
	background: url('/i/img/rtl/puce_fleche.png') no-repeat scroll right 8px;
}

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

#main div.buble-form .normal dt {
 	float: right;
	text-align: justify;
}

#main div.buble-form .normal dd {
	margin: 0px 260px 0px 0px;
}

#main div.buble-form .normal p {
	font-style: normal;
}

#main div.buble-form .normal input {
	border-width: 1px 4px 1px 1px;
	padding: 0px 4px 0px 0px;
}

#main div.buble-form .normal select {
	border-width: 1px 4px 1px 1px;
}

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

#main div.buble-form .normal textarea {
	border-width: 1px 4px 1px 1px;
}

#main div.erreur-form p {
	background: url('/i/img/warning.png') no-repeat top right;
	padding: 7px 40px 0px 0px;
	text-align: right;
}

/*********************************************
 ************** CONGRATULATION ***************
 *********************************************/

#main div.congratulation {
	background: #FFFFFF url('/i/img/rtl/spirale.png') no-repeat top right;
	padding: 25px 20px 0px 0px;
}
* html #main div.congratulation {
	clear: both;
}
*+html #main div.congratulation {
	clear: both;
}

#main div.congratulation h2 {
	background: url('i/img/win.png') no-repeat 525px 0px;
	padding: 10px 165px 0px 0px;
}

#main div.congratulation #print {
	background: url('/i/img/rtl/puce_bleu.png') no-repeat right 5px;
	padding: 0px 15px 0px 0px;
	display: block;
}

#main div.congratulation #c-explain {
	margin: 0px 70px 0px 0px;
}

.field1 {
	margin: 10px 60px 15px 0px;
	background: url('/i/img/rtl/c_cadre1.png') no-repeat;
}

.field2 {
	margin: 0px 120px 15px 0px;
	background: url('/i/img/rtl/c_cadre2.png') no-repeat;
}

.field3 {
	margin: 0px 170px 15px 0px;
	background: url('/i/img/rtl/c_cadre3.png') no-repeat;
}

.field1 p, .field2 p, .field3 p {
	margin: 0px 50px 0px 0px;
}

#pouce {
	background: url('/i/img/rtl/pouce.png') no-repeat 50px 10px;
}

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

#main #img-lang {
	margin: 20px 20px 0px 0px;
}
/*
* html #main #img-lang {
	margin: 20px 25px 0px 0px;
}
*+html #main #img-lang {
	margin: 20px 25px 0px 0px;
}
*/
#main #img-lang ul {
	margin: 10px 120px 0 0;
	text-align: right;
}

#main .t_left_rtl {
	width: 100%;
}
/*
*+html #main #img-lang ul {
	margin: 10px 0px 0px 180px;
}
* html #main #img-lang ul {
	margin: 10px 0px 0px 180px;
}
*/
#main #img-lang img {
	margin: 20px -50px 10px 0;
}
/*********************************************
 ***************** RECHERCHE *****************
 *********************************************/

#main #form-search {
	margin: 10px 80px 0px 0px;
}
*+html #main #form-search {
	margin: 10px 0px 0px 100px;
}
* html #main #form-search {
	margin: 10px 0px 0px 100px;
}

/*********************************************
 ******************* CGU *********************
 *********************************************/

#main #cgu {
	margin-left: 50px;
	font-size: 0.7em;
	direction: ltr;
}

#main #cgu h2 {
	text-align: left;
}

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

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

.ar_small {
	font-size: 0.9em !important;
}

.col1, .col2 {
	float: right;
}

.suite {
	background: url('i/img/rtl/puce_fleche.png') no-repeat center right;
	padding-right: 15px;
	float: right;
}

*+html .suite:hover, * html .suite:hover {
	position: relative;
}

.right {
	float: left;
}

.left {
	float: right;
}

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

.active {
	background: url('i/img/rtl/puce_active.png') no-repeat center right;
	padding: 0px 20px 0px 0px;
	margin-right: 60px;
	text-align: right;
}

.push {
	height: 69px;
}

p.message {
	background: url("/i/img/rtl/puce_message.png") no-repeat right 14px;
	margin: 0px 15px 0px 0px;
}

#main .button h1 {
	padding: 15px 0px 5px 0px;
	text-align: center;
}

#main p.explain {
	margin: 10px 30px 0px 0px;
}

#main input.button1 {
	margin: 0px 120px 0px 0px;
}

#main input.button_disabled {
	margin: 0px 120px 0px 0px;
}

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

#pied {
	min-height: 69px;
}
* html #pied {
	height: 64px;
}

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

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

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

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