/* =================== SITE =================== */
html, body {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #000000;
}
.none {
	display:none;
}

#site {
	width:990px;
	margin:auto;
	overflow: hidden;
	color: #FFFFFF;
}
a {
	color:#ffffff;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

h3 {
	margin:30px 0 15px 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	clear:both;
}
/* ============================================ */

/* ================== HEADER ================== */
.margin_bottom{  margin-bottom:20px; }
.mega_banner{ width:728px; margin:0 auto 20px auto; background:url(../images/bkg_mega_banner1.jpg) top left no-repeat;}
#header { width:990px; padding-top:20px; }
#logo{ width:221px; height:120px; background:url(../images/layout/logo.jpg) top left no-repeat; float:left; }
#logo h1, #logo a {
	display:block;
	margin: 0;
	padding: 0;
	width:221px;
	height:118px;
	outline:none;
}

#header-droite {
	float:right;
	width: 728px;
}
#header-pub {
	width: 728px;
	height: 90px;
	background-color: #000000;
	text-align: center;
	padding:auto;
	/*background:url(../images/bkg_mega_banner2.jpg) top left no-repeat;*/
}
#header-slogan {
	margin-top: 8px;
	/*font-family:serif;*/
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;	
}

#header-menu-form {
	height:27px;
	background-color:#8c31a0;
	padding:0 10px;
}
ul#header-menu {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height:27px;
}
* html ul#header-menu{
	padding-left:0px;
}
#header-menu li { float:left; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; margin-right:20px;}
#header-menu li a{ letter-spacing:1px; }
#header-form { float: right; height:27px; line-height:27px; }
#header-form input{ float:right; }
#header-form form {
	margin: 0;
	padding: 0;
}

.lien_login{ height:27px; line-height:27px; float:right; margin-right:20px; }
.lien_login a { font-weight:bold; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; }

.input-header {
	font-size: 11px;
	width: 120px;
	/*margin:0 7px 0 0;*/
	margin:0;
	padding:0;
	vertical-align: middle;
	background-position:center;
	background-repeat:no-repeat ;
}
.input-header-login {
	background-image:url(../images/ident_login.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.input-header-pwd {
	background-image:url(../images/ident_pwd.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

.input-header-noimg {
	font-size: 11px;
	width: 120px;
	margin:0;
	padding:0;
	vertical-align: middle;
	background-image:none;
}
* html {
	margin:0 3px 0 0;
}
.input-header2 {
	width: 21px;
	height: 20px;
	margin-left: -3px;
	vertical-align: middle;
}
#oubli-pass {
	/*margin: 3px 28px 0 0;
	font-size: 11px;*/
	float:right;
}

#header-date {
	font-family:Arial Narrow, serif;
	font-size: 13px;
	letter-spacing:1px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:right;
}
/* ============================================ */


/* ================== INDEX =================== */
#contenu-index {
	float: left;
	width: 849px;
	min-height:641px;
	height:auto !important;
  	height:641px;
	margin-top: 5px;
}

#col-gauche-index {
	float: left;
	margin-left: 20px;
	width: 422px;
	min-height:641px;
	height:auto !important;
  	height:641px;
	background-color: #FFFFFF;
	color: #000000;
}

* html #col-gauche-index {
	margin-left: 10px;
}

#online-exclusive-titre {
	width: 395px;
	height: 27px;
	background-image: url(../images/layout/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #58315d;
	color: #FFFFFF;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	padding-left: 27px;
}
#online-exclusive-texte {
}

#col-droite-index {
	float: left;
	margin-left: 8px;
	width: 390px;
	min-height:600px;
	height:auto !important;
  	height:600px;
}
#inside {
	width: 390px;
	min-height:225px;
	height:auto !important;
  	height:225px;
	background-color: #FFFFFF;
	color: #000000;
}
#inside-titre {
	width: 363px;
	height: 27px;
	background-image: url(../images/layout/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #58315d;
	color: #FFFFFF;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	padding-left: 27px;
}
#inside-texte {
	margin:0 10px 10px 10px;
	min-height:154px;
	height:auto !important;
  	height:154px;
}
#inside-lien {
	text-align: right;
	margin-right: 10px;
	height: 24px;
}

#rub-index1 {
	width: 380px;
	min-height:55px;
	height:auto !important;
  	height:55px;
	background-color: #FFFFFF;
	margin-top: 6px;
	padding: 5px;
	color: #000000;
}

#sample-pub-join {
	width: 390px;
	min-height:164px;
	height:auto !important;
  	height:164px;
	margin-top: 6px;
}
#sample {
	float: left;
	width: 120px;
	height: auto;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
	margin-top:10px;
	color:#000;
}
#sample2 {
	float: left;
	width: 120px;
	height: auto;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
	margin-top:10px;
	color:#000;
}
#pub-join {
	float: left;
	width: 240px;
	height: 197px;
	margin-left: 8px;
}
#pub {
	width: 240px;
	height: 120px;
	background-color: #000000;
	text-align: center;
	padding:auto;
}
#join {
	width: 230px;
	height: 60px;
	background-color: #58315d;
	margin-top: 7px;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
#join form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.input-join {
	font-size: 11px;
	width: 135px;
	vertical-align: middle;
}

#rub-index2 {
	width: 380px;
	min-height:55px;
	height:auto !important;
  	height:55px;
	background-color: #FFFFFF;
	margin-top: 6px;
	padding: 5px;
	color: #000000;
}

#rub-index3 {
	width: 380px;
	min-height:55px;
	height:auto !important;
  	height:55px;
	background-color: #FFFFFF;/**/
	/*background-color: #000000;/**/
	margin-top: 6px;
	padding: 5px;
	color: #000000;
}

/* ============================================ */


/* ================= CONTENU ================== */
#contenu {
	float: left;
	width: 526px;
	min-height:600px;
	height:auto !important;
  	height:600px;
	background-color:#FFFFFF;
	margin-right:10px;
	color:#000000;
	padding:0 12px;
}

#contenu_accueil{
	float: left;
	width: 550px;
	background-color:#FFFFFF;
	margin-right:10px;
}
#contenu_accueil .header_contenu{ height:27px; background-color:#8C31A0; line-height:27px; padding:0 10px; }
#contenu_accueil .header_contenu div.bandeau_violet{ width:10px; height:10px; margin:9px 10px 0 0; background-color:#FFFFFF; float:left; }
#contenu_accueil div.text_content{ padding:0 20px 20px 20px; background-color:#000000; color:#FFFFFF; text-align:center; }
#contenu_accueil div.text_content a{ text-decoration:underline; }
#contenu_accueil .header_contenu h3{ margin:0; color:#FFFFFF; font-family:Arial Narrow, serif; font-size:12px; text-transform:uppercase; font-style:normal; letter-spacing:1px; float:left; clear:none !important; }
#contenu_accueil ul{ padding:0; margin:0; list-style-type:none; }
#contenu_accueil ul li{ height:120px;background-color:#efefef; margin-bottom:3px; }
#contenu_accueil ul li .image{ width:170px; height:120px; float:left; }
#contenu_accueil ul li .texte{ padding:10px; float:right; width:360px; height:100px; overflow:hidden;}
#contenu_accueil ul li .texte h2{ margin-top:0; }
#contenu_accueil ul li .texte h2 a{ font-family:Georgia, "Times New Roman", Times, serif; color:#141414; font-weight:normal; font-size:16px; }
#contenu_accueil ul li .texte h2 a:hover{ text-decoration:underline; }
#contenu_accueil ul li .texte p{ margin:0; color:#666666; font-style:italic; font-family:Arial, Helvetica, sans-serif; text-align:justify; }
#contenu_accueil ul li .texte span{ text-transform:uppercase; color:#8C31A0; font-size:11px; font-weight:bold; }

#contenu a{ color:#000000; }

#contenu2 {
	margin-left: 20px;
	width: 820px;
	min-height:600px;
	height:auto !important;
  	height:600px;
	background-color: #FFFFFF;
	color: #000000;
}
#contenu-titre {
	margin: 0;
	padding: 0;
	width: 793px;
	height: 27px;
	background-image: url(../images/layout/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #58315d;
	color: #FFFFFF;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	padding-left: 27px;
}

#contenu-texte {
	margin: 10px;
	overflow:hidden;
	padding-bottom:15px;
}

#contenu-texte a{
	color:#000000;
	}


#contenu-droite {
	float: right;
	width: 120px;
	overflow: hidden;
}
#contenu-pub {
	width: 120px;
	height: 600px;
	background-color: #000000;
	text-align: center;
	padding:auto;
}
/* ============================================ */


/* ================== FOOTER ================== */
#footer {
	width:990px;
	margin:20px 0;
}
#footer-menu {
	width: 750px;
	padding: 0;
	margin: auto;
	height:23px;
	list-style-type: none;
}
#footer-menu li {
	float: left;
	height: 23px;
	line-height: 22px;
	font-size: 11px;
	background: url(../images/layout/footer/puce.jpg) right no-repeat;
	padding-right: 7px;
	margin-right: 5px;
}
/* ============================================ */

/* ================== ESPACE MEMBRES ================== */

#membres-liste-ssrub {
	float:left;
	width:150px;
	list-style-type:none;
	margin:30px 0 0 0;
	padding:0;
}

#membres-liste-ssrub li {
	/*font-family:sans-serif;*/
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size: 15px;
	height:30px;
	margin:0 0 0 25px;
	padding:0;
}

#membres-centre {
	width:680px;
	float:left ;
	margin:0 0 0 10px;
	padding:0;
}

#membres-contenu-titre {
	width:653px;
	height:27px;
	/*float:left ;*/
	margin:0;
	background-image: url(../images/layout/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #58315d;
	color: #FFFFFF;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	padding:0 0 0 27px;
}

#membres-contenu {
	width:680px;
	background-color:#FFFFFF;
	min-height:573px;
	height:auto !important;
  	height:573px;
  	margin:0;
  	padding:0;
  	color:#000000;
  	overflow:hidden;
	}
#membres-contenu a{
	color:#000000;
	}

#membres-espace-titre {
	width:323px;
	height:27px;
	/*float:left ;*/
	margin:0;
	/*background-image: url(../images/layout/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left;*/
	background-color: #58315d;
	color: #FFFFFF;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 23px;
	padding:0 0 0 27px;
}
#membres-espace-centre {
	width:350px;
	float:left ;
	background-color:#FFFFFF;
  	margin:0;
  	padding:0;
}

#membres-espace-centre-contenu {
	min-height:573px;
	height:auto !important;
  	height:573px;
  	color:#000000;
	}
/*#membres-espace-droite {
}*/

#membres-espace-droite-haut {
	margin:0 0 0 10px;
	padding:10px;
	width:300px;
	float:left;
	min-height:370px;
	height:auto !important;
  	height:370px;
  	background-color: #FFFFFF;
  	color:#000000;
}

#membres-espace-droite-search{
	background-color:#FFFFFF;
	color:#000000;
	float:left;
	height:25px;
	margin:0 0 10px 10px;
	padding:10px;
	width:300px;
	}

membres-espace-droite-search input {
	margin:auto;
	padding:0;
	}

#membres-espace-droite-issues {
	margin:10px 0 0 10px;
	/*padding:0 0 0 5px;*/
	padding:10px;
	float:left ;
	height:auto;
	width:300px;
	background-color: #FFFFFF;
	color:#000000;
	}
#membres-espace-droite-issues a{
	color:#FFFFFF;
	text-decoration: underline;
	}

#membres-espace-droite-pub {
	margin:10px 0 0 10px;
	width:200px;
	height:200px;
	/*background-color:#DCDDDF;*/
	background-color:#000000;
	float:left;
}



.tab-mon-compte {
	width:90%;
}

.tab-mon-compte th {
	text-align: right;
	font-weight:bold ;
}


/* ================== ABONNEMENTS ================== */
.abo_choix {
	width: 35px;
	float:left;
	height: 100px;
	margin:0;
	padding:0;
}

.abo_choix input, .abo_choix img {
	/*width:20px;
	height: 20px;*/
	margin:15px 0 0 10px;
}

.abo_texte {
	float:left;
	width:400px;
	min-height: 100px;
	height: auto !important;
	height:150px;
	margin:0;
	padding:0;
	background-color:#F4F4F4;
}
.abo_texte h3 {
	font-weight: bold;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:normal;
	margin:5px 0 15px 10px;
	padding:0;
}

.abo_prix{
	width: 70px;
	float:left;
	height: 100px;
	margin:0;
	padding:25px 0 0 15px;
}

.abo_type_paiement {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	}

.lien_etape {
		float: left;
		width:180px;
		margin:0 10px 0 0;
		color:#CCCCCC ;
		font-weight:normal;
}

.lien_etape_on {
	font-weight: bold;
	color:#000000;
	text-decoration: underline;
	}

.lien_etape a {
		color:#000000;
		/*font-weight:normal ;*/
}

/* ================== RECHERCHE ================== */
#search_new {
	margin:30px 10px 15px 10px;
	}
.search_nb_results {
	font-size:medium;
	font-weight:normal;
	color:#000000;
	margin:15px 10px 15px 10px;
}

.search_article_titre {
	margin:30px 10px 0 10px;
	}

.search_article_titre a{
	/*color:#2200CC;*/
	color:#58315d;
	font-family:arial,sans-serif;
	font-size:medium;
	font-weight:normal;
	text-decoration: underline;
}

.search_article_texte {
	color:#000000;
	font-family:arial,sans-serif;
	font-size:small;
	font-weight:normal;
	margin:0 10px 0 10px;
}

.search_article_lire{
	margin:0 10px 0 10px;
}

.search_article_lire a{
	/*color:green;*/
	color:#58315d;
	font-style:normal;
	font-family:Arial, sans-serif;
	font-size:small;
}

#mb_window_login, #mb_window_login_attempt_login{ }
p.texte_connect{ margin:0; }
input.input_login_box{ width:98%; height:25px; line-height:25px; }
.header-menu-bas{ height:40px; line-height:40px; padding:0 10px; margin-bottom:10px; }
.header-menu-bas ul{ list-style-type:none; margin:0; padding:0; }
.header-menu-bas ul li{ float:left; margin-right:18px; }
.header-menu-bas ul li a{ font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; letter-spacing:1px; }

.paves{ width:300px; float:left; }
.paves .pave1, .paves .pave2, .paves .pave3{ width:300px; margin-bottom:10px; }

/*
.paves .pave1{/ background:url(../images/pave1.jpg) top left no-repeat; }
.paves .pave2{ background:url(../images/pave2.jpg) top left no-repeat; }
.paves .pave3{ background:url(../images/pave3.jpg) top left no-repeat; }
*/

.btn_login{ background-color:#8C31A0; border:1px solid #fff; padding:2px 10px; color:#FFFFFF; float:left; cursor:pointer; }
#ajax_response{ margin-top:5px; text-align:center; }

.encart_ajustable_120{ width:120px; float:left; margin-top:10px; background-color:#FFFFFF; color:#000000; font-size:11px; color:#660066; }

.encart_ajustable_300{ width:280px; background-color:#FFFFFF; padding:10px; margin-bottom:10px; color:#000000; }
.footer_pub{ background-color:#000; margin-bottom:20px; }
.violet{ color:#8C31A0 !important; font-weight:bold; }
.etapes_container{ padding-top:20px;}