* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	position: relative;
}
#dernier-element {
	clear: both;
	margin-bottom: 0;
	padding-bottom: 160px;
	visibility: hidden;
}
#page-wrap {
	margin: 0 auto;
	position: relative;
	width: 990px;
}
.popup #page-wrap {
	margin: 10px;
	width: auto;
}
#header {
	height: 110px;
	margin-top: 0;
	padding: 5px 0;
}
#header-content {
	margin: 0 auto;
	width: 990px;
}
#logo {
	float: left;
	width: 240px;
}
#footer {
	bottom: 0;
	height: 160px;
	left: 0;
	position: absolute;
	/*white-space: nowrap;*/
	width: 100%;
}
#footer-content {
	margin: 10px auto 0;
	text-align: left;
	width: 990px;
}
#colophon {
	margin-top: 1em;
}
#main {
	float: left;
	padding: 5px 0;
	width: 790px;
} 
#sidebar {
	float: right;
	text-align: center;
	width: 190px;
}
.block_left {
	float: left;
	margin: 5px 5px 5px 0;
}
.block_right {
	float: right;
	margin: 5px 0 5px 5px;
}

/* pubs
---------------------------*/
#header-content .grisbi {
	float: right;
	margin-top: 20px;
}
#sidebar .grisbi {
	margin: 10px auto;
}/* menu principal
---------------------------*/
#mainmenu {
	height: 37px;
	margin: 0 auto;
	padding-left: 16px;
	white-space: nowrap;
	width: 974px;
}
#mainmenu li {
	line-height: 37px;
	display: inline;
	list-style: none;
	text-align: center;
}
#mainmenu li a span { display: none; }/* <- supprimer pour convertir en texte */
#mainmenu li a {
	background: url(http://www.mon-bled.com/images2/menu.png) no-repeat;/* <- supprimer pour convertir en texte */
	display: block;
	float: left;
	height: 37px;
}
#mainmenu li.home a { background-position: -16px 0; width: 96px;}
#mainmenu li.messages a { background-position: -114px 0; width: 122px;}
#mainmenu li.recherche a { background-position: -239px 0; width: 129px;}
#mainmenu li.selections a { background-position: -370px 0; width: 136px;}
#mainmenu li.profil a { background-position: -509px 0; width: 111px;}
#mainmenu li.compte a { background-position: -622px 0; width: 108px;}
#mainmenu li.abonnement a { background-position: -732px 0; width: 121px;}
#mainmenu li.abonnement span.noabon {
	float: left;
	width: 121px;
}
#mainmenu li.logout a { background-position: -876px 0; width: 110px; margin-left: 20px;}
#mainmenu li.login a { background-position: -1000px 0; width: 136px;}
#mainmenu li.aide a { background-position: -1163px 0; width: 86px;}

#mainmenu li.home a:hover { background-position: -16px -100px;}
#mainmenu li.messages a:hover { background-position: -114px -100px;}
#mainmenu li.recherche a:hover { background-position: -239px -100px;}
#mainmenu li.selections a:hover { background-position: -370px -100px;}
#mainmenu li.profil a:hover { background-position: -509px -100px;}
#mainmenu li.compte a:hover { background-position: -622px -100px;}
#mainmenu li.abonnement a:hover { background-position: -732px -100px;}
#mainmenu li.logout a:hover { background-position: -876px -100px;}
#mainmenu li.login a:hover { background-position: -1000px -100px;}
#mainmenu li.aide a:hover { background-position: -1163px -100px;}

.home #mainmenu li.home a { background-position: -16px -200px;}
.messages #mainmenu li.messages a { background-position: -114px -200px;}
.recherche #mainmenu li.recherche a { background-position: -239px -200px;}
.selections #mainmenu li.selections a { background-position: -370px -200px;}
.profil #mainmenu li.profil a { background-position: -509px -200px;}
.compte #mainmenu li.compte a { background-position: -622px -200px;}
.abonnement #mainmenu li.abonnement a { background-position: -732px -200px;}
.logout #mainmenu li.logout a { background-position: -876px -200px;}
.login #mainmenu li.login a { background-position: -1000px -200px;}
.aide #mainmenu li.aide a { background-position: -1163px -200px;}

/* menu secondaire
---------------------------*/
#submenu {
	background: url(http://www.mon-bled.com/images2/bg_navigation.png) repeat-x left bottom;
	border-bottom: 0;
	height: 30px;
}
.messages #submenu, 
.recherche #submenu, 
.selections #submenu, 
.profil #submenu {
	border-bottom: 1px solid #F2DBA6;
}
#submenu div {
	margin: 0 auto;
	text-align: left;
	width: 990px;
}
#submenu ul {
	background: url(http://www.mon-bled.com/images2/bg_pagenav.png) no-repeat top left;
	height: 31px;
	overflow: auto;
	padding-left: 1px;
}
#submenu .home, 
#submenu .messages, 
#submenu .recherche, 
#submenu .selections, 
#submenu .profil, 
#submenu .compte, 
#submenu .abonnement {
	display: none;
}
#submenu li {
	float: left;
	text-align: center;
}
#submenu a span { display: none; }
#submenu a {
	background: url(http://www.mon-bled.com/images2/menu.png) no-repeat;
	display: block;
	height: 31px;
}

/* home */
.home #submenu .home {
	background: url(http://www.mon-bled.com/images2/menu.png) no-repeat -16px -237px;
	display: block;
	height: 30px;
	margin-left: 16px;
	width: 96px;
}

/* messages */
.messages #submenu .messages {
	display: block;
	margin-left: 0;
}
#submenu a.messages_recus { background-position: -1px -300px; width: 110px; }
#submenu a.messages_recus:hover, .messages.inbox #submenu a.messages_recus { background-position: -1px -350px; }
#submenu a.messages_envoyes { background-position: -111px -300px; width: 123px; }
#submenu a.messages_envoyes:hover, .messages.sent #submenu a.messages_envoyes { background-position: -111px -350px; }
#submenu a.messages_supprimes { background-position: -234px -300px; width: 117px; }
#submenu a.messages_supprimes:hover, .messages.trash #submenu a.messages_supprimes { background-position: -234px -350px; }

/* recherche */
.recherche #submenu .recherche {
	display: block;
	margin-left: 55px;
}
#submenu a.recherche_rapide { background-position: -1px -400px; width: 160px; }
#submenu a.recherche_rapide:hover, .recherche.rapide #submenu a.recherche_rapide { background-position: -1px -450px; }
#submenu a.recherche_avancee { background-position: -161px -400px; width: 170px; }
#submenu a.recherche_avancee:hover, .recherche.avancee #submenu a.recherche_avancee { background-position: -161px -450px; }
#submenu a.recherche_photos { background-position: -332px -400px; width: 150px; }
#submenu a.recherche_photos:hover, .recherche.photos #submenu a.recherche_photos { background-position: -332px -450px; }

/* selections */
.selections #submenu .selections {
	display: block;
	margin-left: 311px;
}
#submenu a.favoris { background-position: -1px -500px; width: 131px; }
#submenu a.favoris:hover, .selections.favoris #submenu a.favoris { background-position: -2px -550px; }
#submenu a.liste_noire { background-position: -133px -500px; width: 140px; }
#submenu a.liste_noire:hover, .selections.liste_noire #submenu a.liste_noire { background-position: -133px -550px; }

/* profil */
.profil #submenu .profil {
	display: block;
	margin-left: 350px;
}
#submenu a.portrait { background-position: -1px -600px; width: 131px; }
#submenu a.portrait:hover, .profil.portrait #submenu a.portrait { background-position: -2px -650px; }
#submenu a.description { background-position: -133px -600px; width: 149px; }
#submenu a.description:hover, .profil.description #submenu a.description { background-position: -133px -650px; }
#submenu a.ideal { background-position: -282px -600px; width: 124px; }
#submenu a.ideal:hover, .profil.ideal #submenu a.ideal { background-position: -282px -650px; }

/* compte */
.compte #submenu .compte {
	background: url(http://www.mon-bled.com/images2/menu.png) no-repeat -622px -237px;
	display: block;
	height: 30px;
	margin-left: 610px;
	width: 108px;
}

/* abonnement */
.abonnement #submenu .abonnement {
	background: url(http://www.mon-bled.com/images2/menu.png) no-repeat -732px -237px;
	display: block;
	height: 30px;
	margin-left: 716px;
	width: 121px;
}/* cadre standard
---------------------------*/
.cadre, 
.cadre .cadrehaut, 
.cadre .cadrehaut_contenu, 
.cadre .cadrebas {
	background: url(http://www.mon-bled.com/images2/cadre.png) no-repeat left top;
}
.cadre {
	background-position: bottom left;
}
.cadre .cadrecentre, 
.cadre .cadrecentre_contenu {
	background: url(http://www.mon-bled.com/images2/cadre_y.png) repeat-y left;
}
.cadre .cadrehaut {
	background-position: 0 -78px;
	padding-left: 15px;
}
.cadre .cadrehaut_contenu {
	background-position: right -78px;
	line-height: 28px;
	min-height: 28px;
	overflow: auto;
}
.cadre .cadrecentre_contenu {
	background-position: right;
	clear: both;
	padding-right: 10px;
}
.cadre .cadrebas {
	background-position: bottom right;
	height: 28px;
	margin-left: 15px;
}
.cadre .cadre_tab, 
.cadre .cadre_tab span {
	background: url(http://www.mon-bled.com/images2/cadre.png) no-repeat;
	float: left;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
}
.cadre .cadre_tab {
	background-position: left top;
	display: inline;
	margin-left: 10px;
	padding-left: 26px;
}
.cadre .cadre_tab span {
	background-position: right top;
	padding-right: 26px;
}
/* end cadre standard */

/* cadre formulaire
---------------------------*/
.cadre.form, 
.cadre.form .cadrehaut, 
.cadre.form .cadrehaut_contenu, 
.cadre.form .cadrebas {
	background-image: url(http://www.mon-bled.com/images2/cadre_form.png);
}
.cadre.form .cadrecentre, 
.cadre.form .cadrecentre_contenu {
	background-image: url(http://www.mon-bled.com/images2/cadre_form_y.png);
}
.cadre.form .cadrecentre.lignes {
	padding-left: 8px;
}
.cadre.form .cadrecentre_contenu .ligne {
	border-bottom: 1px solid #F2E2B0;
	padding: 10px;
}
.cadre.form .cadre_tab, 
.cadre.form .cadre_tab span {
	background-image: url(http://www.mon-bled.com/images2/cadre_form.png);
}

.cadre.form.special, 
.cadre.form.special .cadrehaut, 
.cadre.form.special .cadrehaut_contenu, 
.cadre.form.special .cadrebas {
	background-image: url(http://www.mon-bled.com/images2/cadre_form2.png);
}
.cadre.form.special .cadrecentre, 
.cadre.form.special .cadrecentre_contenu {
	background-image: url(http://www.mon-bled.com/images2/cadre_form2_y.png);
}
.cadre.form.special .cadre_tab, 
.cadre.form.special .cadre_tab span {
	background-image: url(http://www.mon-bled.com/images2/cadre_form2.png);
}
/* end cadre formulaire */

/* tous
---------------------------*/
.cadrecentre, 
.cadrecentre_contenu {
	overflow: auto;
}
.cadrecentre {
	overflow: auto;
	padding-left: 20px;
}
.cadrecentre.lignes {
	padding-left: 6px;
}
.lignes .cadrecentre_contenu {
	padding-right: 5px;
}
.cadrecentre_contenu .ligne {
	border-bottom: 1px solid #D8AB52;
	padding: 10px;
}
.cadrecentre_contenu .altern {
	background-color: #FFFBEE;
}
.cadre_tab, .cadre_tab span {
	float: left;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
}
/* end tous */

.toggler {
	float: right;
	margin: 5px 10px 0 0;
}
.indicator {
	margin-top: 5px;
}
.deco {
	float: right;
	margin: 0 10px 10px 0;
	/*position: relative;
	top: -20px;*/
}

.w190 {
	width: 190px;
}
.w260 {
	width: 258px;
}
.w390 {
	width: 390px;
}
.w490 {
	width: 490px;
}
.w590 {
	width: 590px;
}
.w790 {
	width: 790px;
}

/* pubs
---------------------------*/
.cadrepub, .cadrepubhaut, 
.cadrepubhaut_contenu, 
.cadrepubbas {
	background: url(http://www.mon-bled.com/images2/cadre_pub.png) no-repeat;
}
.cadrepub {
	background-position: bottom left;
	text-align: center;
}
.cadrepubhaut {
	background-position: 0 0;
	padding-left: 15px;
}
.cadrepubhaut_contenu {
	background-position: right top;
	color: #630;
	font-weight: normal;
	line-height: 48px;
	min-height: 48px;
	overflow: auto;
	text-align: left;
}
.cadrepubcentre, 
.cadrepubcentre_contenu {
	background: url(http://www.mon-bled.com/images2/cadre_pub_y.png) repeat-y left top;
}
.cadrepubcentre {
	padding-left: 10px;
}
.cadrepubcentre_contenu {
	background-position: right;
	clear: both;
	padding-right: 10px;
}
.cadrepubbas {
	background-position: bottom right;
	height: 20px;
	margin-left: 15px;
}

/* stats
---------------------------*/
.cadrestats, .cadrestatshaut, 
.cadrestatshaut_contenu, 
.cadrestatsbas {
	background: url(http://www.mon-bled.com/images2/cadre_stats.png) no-repeat;
}
.cadrestats {
	background-position: bottom left;
}
.cadrestatshaut {
	background-position: 0 0;
	padding-left: 80px;
}
.cadrestatshaut_contenu {
	background-position: right top;
	min-height: 12px;
	overflow: auto;
}
.cadrestatscentre, 
.cadrestatscentre_contenu {
	background: url(http://www.mon-bled.com/images2/cadre_stats_y.png) repeat-y left top;
}
.cadrestatscentre {
	padding-left: 10px;
}
.cadrestatscentre_contenu {
	background-position: right;
	clear: both;
	padding-right: 10px;
}
.cadrestatsbas {
	background-position: bottom right;
	height: 12px;
	margin-left: 15px;
}

.tabs-hide {
	display: none;
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
    min-width: 170px;
}
.tabs-nav a {
    background: url(http://www.mon-bled.com/images2/profil_tabs.png) no-repeat;
    display: block;
	 height: 45px;
	 width: 172px;
}
.tabs-nav a.annonce { background-position: -30px 0; }
.tabs-nav a.description { background-position: -202px 0; }
.tabs-nav a.photos { background-position: -374px 0; }
.tabs-nav a.ideal { background-position: -546px 0; }
.tabs-nav a.photos.locked { background-position: -718px 0; }
.tabs-nav a.ideal.locked { background-position: -890px 0; }
.tabs-nav .tabs-selected a.annonce { background-position: -30px -90px; }
.tabs-nav .tabs-selected a.photos { background-position: -374px -90px; }
.tabs-nav .tabs-selected a.description { background-position: -202px -90px; }
.tabs-nav .tabs-selected a.ideal { background-position: -546px -90px; }
.tabs-nav a span {
	 display: none;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
/*.tabs-container {
	background: url(http://www.mon-bled.com/images2/bg_profil-y.png) repeat-y 0 0;
	padding: 0 1em;
}*/
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1020px;
	margin: 20px 0 20px 130px;
	position: relative;
	width: 545px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	height: 430px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 420px; /* Also specified in  .stripViewer .panelContainer .panel  below */
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 420px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
	text-align: center;
}
.stripViewer .panelContainer .panel .wrapper img {
	height: 400px;
	vertical-align: middle;
	width: 400px;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 185px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	outline: none;
	width: 45px;
}

.stripNavL {
	left: 10px;
}

.stripNavR {
	right: 10px;
}

.stripNavL {
	background: url("/images2/arrow-left.jpg") no-repeat center;
}

.stripNavR {
	background: url("/images2/arrow-right.jpg") no-repeat center;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}/* general
---------------------------*/
body {
	background: #FFFBEE;
	font: normal 0.8em/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.center {
	text-align: center;
}
.warning {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -550px;
	color: #900;
	min-height: 24px;
	padding: 8px 0 0 36px;
}
.info {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -600px;
	color: #960;
	min-height: 24px;
	padding: 8px 0 0 36px;
}
.simple_page {
	margin: 20px auto;
	padding: 1em;
	text-align: center;
	width: 60%;
}
.simple_page h2 {
	font-size: 16px;
	color: #960;
}
.simple_page h2 strong { color: #630; }
.simple_page p {
	padding: 1em 0;
}
#main .grisbi {
	margin-top: 1em;
}

/* typo
---------------------------*/
h1,h2,h3,h4 {
	color: #930;
	margin-bottom: .5em;
}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }

/* liens
---------------------------*/
a {
	color: #630;
	outline: none;
}
a:hover {
	color: #900;
}
a img {border:0;}

.indicator {
	background: url(http://www.mon-bled.com/images2/arrow-square.gif) no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.indicator {
	background-position: left top;
}
.indicator.active {
	background-position: left bottom;
}
.indicator span {
	display: none;
}

a.more {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat right -1000px;
	font-size: 85%;
	padding-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
a.retour {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat left -1025px;
	padding-left: 20px;
	text-decoration: none;
}
a.retour:hover {
	text-decoration: underline;
}

/* zones layout
---------------------------*/
#header {
	background: #FFFBEE url(http://www.mon-bled.com/images2/bg_header.png) repeat-x left top;
}
#footer {
	background: #FFFBEE url(http://www.mon-bled.com/images2/bg_footer.png) repeat-x left bottom;
	text-align: center;
}
#footer-bar {
	background: #FFFBEE url(http://www.mon-bled.com/images2/bg_navigation.png) repeat-x 0 0;
	height: 37px;
	line-height: 37px;
}
.index #footer-bar {
	background: #FFFBEE url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 50% -2160px;
}
#main {
	padding-top: 10px;
}
.index #main {
	padding-top: 0;
}
#navigation {
	background: #FFFBEE url(http://www.mon-bled.com/images2/bg_navigation.png) repeat-x 0 0;
	height: 68px;
	text-align: center;
}
#sidebar {
	padding-top: 10px;
	text-align: center;
}

/* header
---------------------------*/
#baseline {
	font-size: 85%;
}

/* footer
---------------------------*/
#footer-bar a {
	border-right: 1px solid #630;
	margin-right: .3em;
	padding-right: .6em;
}
#cwd, #copyright {
	font-size: 80%;
}
#cwd {
	float: right;
}
#copyright {
	float: left;
}

/* formulaires
---------------------------*/
.error {
	background: #FFEAEA url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -550px;
	color: #C00;
	padding-left: 32px;
}
form p {
	height: 2.5em;
	line-height: 2.5em;
}
form .text, form select {
	border-color: #999 #ddd #ddd #999;
	border-style: solid;
	border-width: 1px;
	padding: .1em;
}
form textarea {
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
fieldset {
	border: 0;
	display: block;
	padding-left: 100px;
	overflow: auto;
}
label {
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 150px;
}
.form_footer {
	text-align: center;
}
.check {
	float: left;
	margin-bottom: .5em;
	width: 24%;
}
.requis {
	color: Red;
}

/* boutons
---------------------------*/
.bouton {
	background: url(http://www.mon-bled.com/images2/boutons.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 46px;
	outline: none;
	text-transform: uppercase;
	/*color: #630;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 46px;*/
}
.bouton span {
	display: none;
}
a.bouton {
	display: block;
}
.seconnecter {
	background-position: 0 0;
	height: 25px;
	width: 37px;
}
.sinscrire {
	background-position: 0 -40px;
	height: 30px;
	width: 285px;
}
.rechercher {
	background-position: 0 -120px;
	padding-right: 17px;
	width: 165px;
}
.valider {
	background-position: 0 -170px;
	padding-right: 17px;
	width: 135px;
}
.annuler {
	background-position: 0 -220px;
	padding-left: 17px;
	width: 135px;
}
.confirmer {
	background-position: 0 -270px;
	padding-right: 17px;
	width: 135px;
}
.modifier {
	background-position: 0 -320px;
	width: 115px;
}
.supprimer {
	background-position: 0 -370px;
	padding-left: 17px;
	width: 215px;
}
.restaurer {
	background-position: 0 -1340px;
	padding-left: 17px;
	width: 225px;
}
.repondre {
	background-position: 0 -420px;
	padding-left: 30px;
	width: 225px;
}
.incorrect {
	background-position: 0 -470px;
	padding-left: 55px;
	width: 225px;
}
.ok {
	background-position: 0 -520px;
	width: 65px;
}
.imprimer {
	background-position: 0 -570px;
	padding-left: 55px;
	width: 235px;
}
.seconnecter2 {
	background-position: 0 -620px;
	padding-right: 17px;
	width: 175px;
}
.filtrer {
	background-position: 0 -770px;
	width: 115px;
}
.besoindaide {
	background-position: 0 -820px;
	height: 57px;
	width: 190px;
}
.sabonnermaintenant {
	background-position: 0 -890px;
	width: 250px;
}
.sabonnerplustard {
	background-position: 0 -940px;
	width: 170px;
}
.ajouterfavori {
	background-position: 0 -990px;
	margin: 0 auto;
	width: 205px;
}
.ajouterlistenoire {
	background-position: 0 -1040px;
	margin: 0 auto;
	width: 335px;
}
.supprimercompte {
	background-position: 0 -1090px;
	height: 38px;
	width: 191px;
}
.supprimercompte2 {
	background-position: 0 -1140px;
	width: 235px;
}
.envoyerphoto {
	background-position: 0 -1190px;
	height: 32px;
	width: 185px;
}
.supprimermessages {
	background-position: 0 -1240px;
	height: 28px;
	width: 305px;
}
.ajouterauxfavoris {
	background-position: 0 -670px;
	display: block;
	height: 45px;
	width: 305px;
}
.envoyeraunami {
	background-position: 0 -720px;
	display: block;
	height: 45px;
	width: 305px;
}
.envoyer {
	background-position: 0 -1280px;
	padding-right: 17px;
	width: 165px;
}
.back {
	background-position: 0 -1390px;
	padding-left: 17px;
	width: 135px;
}
.envoyerchat {
	background-position: 0 -1450px;
	width: 85px;
}
.aide {
	background-position: 0 -1500px;
	width: 130px;
}
.blacklist {
	background-position: 0 -1550px;
	width: 130px;
}

/* DIVERS
---------------------------*/
ul.liste_defaut li {
	margin-left: 1em;
	padding-left: 12px;
}

ul.liste_defaut li.puce {
	background: url(http://www.mon-bled.com/images2/puce01.png) no-repeat 0 4px;
}
.presentation ul.liste_defaut {
	margin: 1em 0;
}
/* MEMBER CARD
---------------------------*/
.pseudo {
	color: #960;
	font-weight: bold;
	text-decoration: none;
}
.pseudo:hover {
	text-decoration: underline;
}
.identite p {
	margin-bottom: .7em;
}
.localisation {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1136px;
	padding-left: 15px;
}
.status span.online, .status span.offline {
	background: url(http://www.mon-bled.com/images2/boutons_profil.gif) no-repeat 0 0;
	display: block;
	line-height: 22px;
	padding-left: 30px;
}
.status span.online { background-position: 5px -698px; }
.status span.offline { background-position: 5px -748px; color: #666; }

/* signes astro
---------------------------*/
.astro {
	background: url(http://www.mon-bled.com/images2/icons_astro.png) no-repeat left;
	font-size: 0.85em;
	padding: 10px 0 10px 40px;
}
.astro.zodiac1 { background-position: 0 0; }
.astro.zodiac2 { background-position: 0 -50px; }
.astro.zodiac3 { background-position: 0 -100px; }
.astro.zodiac4 { background-position: 0 -150px; }
.astro.zodiac5 { background-position: 0 -200px; }
.astro.zodiac6 { background-position: 0 -250px; }
.astro.zodiac7 { background-position: 0 -300px; }
.astro.zodiac8 { background-position: 0 -350px; }
.astro.zodiac9 { background-position: 0 -400px; }
.astro.zodiac10 { background-position: 0 -450px; }
.astro.zodiac11 { background-position: 0 -500px; }
.astro.zodiac12 { background-position: 0 -550px; }

/* liens profil
---------------------------*/
.actions a {
	background: url(http://www.mon-bled.com/images2/boutons_profil.gif) no-repeat 0 0;
	color: #630;
	display: block;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	padding-left: 37px;
	width: 165px;
}
.actions a.disabled {
	color: #666;
}
.actions .postit a { background-position: 10px -795px; }
.actions .postit.rempli a { background-position: 10px -845px; }
.actions .message a { background-position: 0 0; }
.actions .message a:hover { background-position: 0 -50px; }
.actions .message a.disabled { background-position: 0 -100px; }
.actions .flash a { background-position: 0 -150px; }
.actions .flash a:hover { background-position: 0 -200px; }
.actions .flash a.disabled { background-position: 0 -250px; }
.actions .favoris a { background-position: 0 -300px; }
.actions .favoris a:hover { background-position: 0 -350px; }
.actions .favoris a.disabled { background-position: 0 -400px; }
.actions .blacklist a { background-position: 0 -450px; }
.actions .blacklist a:hover { background-position: 0 -500px; }
.actions .blacklist a.disabled { background-position: 0 -550px; }
.actions .chater a { background-position: 0 -600px; color: #030; }

/* profil sur résultats
---------------------------*/
.fullcard, .mediumcard, .smallcard, .zappingcard {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat;
}
.mediumcard td, .smallcard td { vertical-align: top; }
.fullcard {
	background-position: 0 -130px;
	height: 150px;
	padding: 10px 5px 10px 13px;
}
.mediumcard {
	background-position: 0 -540px;
	float: left;
	height: 195px;
	margin: 5px 2px 0;
	padding: 10px 10px 20px 20px;
	width: 360px;
}
.smallcard {
	background-position: -168px -810px;
	float: left;
	height: 77px;
	margin: 5px 3px;
	padding: 10px;
	width: 235px;
}
.zappingcard {
	background-position: 0 -770px;
	float: left;
	height: 180px;
	margin: 5px 0;
	padding: 5px 9px 15px;
	width: 140px;
}
.fullcard .photo {
	float: left;
	width: 142px;
}
.fullcard .identite {
	float: left;
	margin-left: 10px;
	width: 170px;
}
.fullcard .identite .pseudo { font-size: 1.1em; }
.fullcard .localisation, .mediumcard .localisation { margin-bottom: .3em; }
.fullcard .annonce {
	float: left;
	height: 90px; /* !!! détermine la position des liens actions */
	margin-left: 5px;
	padding: 5px 10px 15px;
	width: 415px;
}
.fullcard .annonce p {
	margin: 0;
	padding: 0;
}
.fullcard .actions {
	/*float: left;*/
	list-style: none;
	padding-left: 5px;
}
.fullcard .actions li {
	float: left;
	margin-right: 5px;
	width: 200px;
}
.mediumcard .photo { width: 142px; }
.mediumcard .status {
	padding-top: 5px;
}
.mediumcard .chater a {
	background: url(http://www.mon-bled.com/images2/boutons_profil.gif) no-repeat 0 -650px;
	color: #030;
	display: block;
	height: 32px;
	line-height: 1em;
	padding: 7px 60px 3px 12px;
	text-align: center;
	text-decoration: none;
	width: 70px;
}
.mediumcard .identite { padding: 7px 0 0 10px; }
.mediumcard .actions { margin-top: 15px; }
.mediumcard .actions li { margin-bottom: 5px; }
.smallcard table {
	width: 99%;
}
.smallcard .photo { width: 72px; }
.smallcard .status span.online, .smallcard .status span.offline {
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0;
	width: 32px;
}
.smallcard .identite { width: 120px; }
.smallcard .localisation {
	background: none;
	padding: 0;
}
.smallcard .actions li {
	margin-bottom: 2px;
	width: 32px;
}
.smallcard .actions a {
	padding: 0;
	height: 22px;
	width: 32px;
}
.smallcard .actions a span, .smallcard .actions span span {
	display: none;
}
.smallcard .actions .message a { background-position: 0 -1000px; }
.smallcard .actions .message a:hover { background-position: 0 -1050px; }
.smallcard .actions .message a.disabled { background-position: 0 -1100px; }
.smallcard .actions .flash a { background-position: 0 -1150px; }
.smallcard .actions .flash a:hover { background-position: 0 -1200px; }
.smallcard .actions .flash a.disabled { background-position: 0 -1250px; }
.smallcard .actions .chater a { background-position: 0 -900px; }
.smallcard .actions .chater a:hover { background-position: 0 -950px; }
.zappingcard span, .zappingcard strong {
	/*padding-left: 1em;*/
	text-align: center;
}
.zappingcard .localisation {
	background: none;
	padding: 0;
}

.selections .fullcard {
	background-position: 0 -300px;
	height: 200px;
}
.selections .mediumcard {
	background-position: -400px -540px;
	height: 230px;
}
.selections .smallcard {
	background-position: -438px -810px;
	height: 117px;
}
.selections .selection_entete {
	line-height: 42px;
	padding: 5px 10px 0;
	text-align: right;
}
.selections td.selection_entete {
	line-height: 35px;
	padding-top: 0;
}
.selections .selection_entete span { float: left; }
.selections .selection_entete a.selection_supprimer {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat right -960px;
	padding: 4px 30px 3px 0;
}

/* INSCRIPTION
---------------------------*/
#accountform table {
	width: 99%;
}
#accountform th {
	font-weight: normal;
	text-align: right;
	width: 30%;
}
#accountform th, #accountform td {
	line-height: normal;
	padding: .5em;
	vertical-align: top;
}
#accountform label {
	float: none;
	line-height: normal;
}
#accountform .comment {
	font-size: 85%;
}
#accountform .error {
	background-color: transparent;
}

/* TEMOIGNAGES
---------------------------*/
#temoignages_intro {
	float: left;
	padding: 1em 0;
	width: 50%;
}
#temoignages_inscription {
	float: right;
	text-align: center;
	width: 40%;
}
.testimony {
	border-bottom: 1px solid #630;
	font-size: .85em;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

/* WELCOME (CONFIRMATION INSCRIPTION)
---------------------------*/
.welcome #main {
	float: none;
	margin: 0 auto;
	text-align: center;
}

/* ACCUEIL VISITEUR (HOMEPAGE)
---------------------------*/
#home_zone #accroche, #home_zone a.go_inscription strong {
	display: none;
	/*text-indent: -5000px;*/
}
#home_zone {
	background-image: url(http://www.mon-bled.com/images2/bg_home.jpg); /* <- valeur par defaut */
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 333px; /* <- valeur par defaut */
	margin: 0 0 10px 5px;
	position: relative;
	width: 780px;
}
#home_zone a.go_inscription {
	display: block;
	height: 115px;
	position: absolute;
	width: 300px;
	left: 244px; /* <- valeur par defaut */
	top: 190px; /* <- valeur par defaut */
}
.algerie #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_algerie.jpg); height: 300px; }
.algerie #home_zone a.go_inscription { height: 80px; width: 215px; top: 188px; left: 482px; }
.arabe #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_maghreb.jpg);height: 300px; }
.arabe #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }
.berbere #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_berbere.jpg);height: 300px; }
.berbere #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }
.france #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_france.jpg);height: 300px; }
.france #home_zone a.go_inscription { height: 80px; width: 215px; left: 432px; top: 188px; }
.maghreb #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_maghreb.jpg);height: 300px; }
.maghreb #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }
.maroc #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_maroc.jpg);height: 300px; }
.maroc #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }
.musulman #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_musulman.jpg);height: 300px; }
.musulman #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }
.tunisie #home_zone { background-image: url(http://www.mon-bled.com/images2/bg_home_tunisie.jpg);height: 300px; }
.tunisie #home_zone a.go_inscription { height: 80px; width: 215px; left: 482px; top: 188px; }

.index .home_text {
	clear: both;
	margin: 10px 5px 0;
}
.index .home_text p {
	/*font-size: .85em;*/
	line-height: 1.2em;
	margin: 0 0 1em 0;
	/*padding: 0 1em;*/
	text-indent: 1em;
}
.matrix {
	font-size: .80em;
	margin: 2em 1em 0;
	/*text-align: center;*/
}
.matrix a {
	color: #666;
}
.matrix ul, .matrix li {
	display: inline;
}
#loginbox {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat -310px -1940px;
	color: #630;
	font: 90% Arial, Helvetica, sans-serif;
	height: 51px;
	line-height: 2.3em;
	padding: 15px 5px 10px 5px;
	position: absolute;
	right: 0;
	top: -100px;
	width: 532px;
}
#loginbox div {
	margin: 0 0 0 142px;
}
#loginbox h3 {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -700px;
	color: #630;
	float: left;
	/*font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	line-height: 25px;
	padding-left: 35px;
	text-transform: uppercase;
	white-space: nowrap;
	width: 106px;
}
#loginbox input.text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
}
#loginbox label, #loginbox input.check {
	float: none;
	margin: 0;
	width: auto;
}
#loginbox label {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1310px;
	padding-left: 10px;
}
#loginbox .options label {
	background: none;
	padding: 0;
}
#loginbox a {
	font: 12px Arial, Helvetica, sans-serif;
}
#loginbox a.passoublie {
	margin-left: 2em;
}
.index #liens_rencontres li {
	line-height: 1em;
	margin-bottom: .5em;
	text-align: center;
}
.index #liens_rencontres a {
	text-decoration: none;
}

/* ACCUEIL MEMBRE
---------------------------*/
.bienvenue {
	color: Black;
	font-weight: normal;
	margin: 0 1em 1em;
}
.bienvenue strong {
	color: #960;
}
#stats table {
	margin: 0 auto;
	width: 99%;
}
#stats td {
	vertical-align: top;
}
#stats_stats, #stats_conseil {
	border-left: 1px solid #F7E8BA;
	padding-left: 10px;
}
#stats_alertes li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat left;
	height: 25px;
	padding: 5px 0 2px 35px;
}
#stats_alertes li#new_messages { background-position: 0 0; }
#stats_alertes li#new_flashs { background-position: 0 -50px; }
#stats_alertes li#new_visites { background-position: 0 -97px; }
#stats_stats li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -930px;
	line-height: 20px;
	padding-left: 20px;
}
#stats_conseil ul {
	background: url(http://www.mon-bled.com/images2/icon_remplir_profil.png) no-repeat left;
	height: 90px;
	padding-left: 70px;
}
#stats_conseil li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -845px;
	line-height: 24px;
	padding-left: 20px;
}
ul.nouveaux_membres {
	overflow: auto;
}
.nouveaux_membres li {
	float: left;
	font-size: 11px;
	margin: 0 5px;
	text-align: center;
}
/* mon profil
---------------------------*/
.profil .cadre {
	margin-bottom: 1em;
}
.profil .modifier {
	float: right;
	margin-left: 5px;
}
.profil #membercard {
	float: left;
	width: 280px;
}
.profil #membercard .photo {
	float: left;
	margin-right: 5px;
}
.profil #membercard p {
	line-height: 1.8em;
	/*white-space: nowrap;*/
}
.profil #membercard .pseudo {
	font-size: 1.2em;
}
.profil .anciennete {
	font-size: .8em;
}
.profil #datenaissance {
	margin-left: 285px;
	width: 500px;
}
/*.profil #localisation {
	margin-left: 285px;
	width: 500px;
}*/
.profil #localisation p {
	background: none;
	line-height: 2em;
	padding: 0;
}
.profil #localisation label {
	width: 230px;
}
.profil #annonce {
	clear: left;
}
.profil #annonce .pending, .profil #annonce_form .pending {
	color: #C00;
	font-style: italic;
	position: relative;
	top: 10px;
}
.profil #annonce .pending img, .profil #annonce_form .pending img {
	vertical-align: middle;
}
.profil #annonce .annonce {
	color: #666;
	margin-right: 110px;
	padding: 1em;
}
.profil .conseil {
	float: right;
	/*margin-left: 285px;*/
	padding: 2em 0;
	width: 490px;
}
.ligne fieldset label {
	clear: left;
	color: #960;
	float: left;
	font-weight: bold;
	margin-left: -100px;
	margin-right: 10px;
	width: 90px;
}
.ligne fieldset .check label {
	color: Black;
	float: none;
	font-weight: normal;
	margin-left: 0;
}
#main .portrait {
	clear: left;
}
.portrait table {
	width: 600px;
}
.portrait td.label {
	color: #630;
	font-weight: bold;
	width: 33%;
}
.portrait form p {
	width: 99%;
}
.portrait form p.error {
	width: auto;
}
.portrait form label {
	float: left;
	width: 33%;
}
#annonce_form, #photos_form {
	clear: left;
}
.portrait #portrait_warnings p {
	height: auto;
	line-height: 1.1em;
	margin: 1em 0 2em 0;
}
.portrait #annonce_form #portrait_warnings {
	color: #930;
	float: right;
	width: 190px;
}
.portrait #annonce_form #controle img, .portrait #annonce_form #refus img {
	float: right;
	margin: 0 0 5px 2px;
	vertical-align: middle;
}
.portrait #annonce_form .annonce_bloc {
	margin-left: 10px;
	padding-top: 1em;
	width: 520px;
}
.portrait #annonce_form #announce {
	border: 1px solid #F2DBA6;
	display: block;
	height: 360px;
	width: 100%;
}
.portrait #annonce_form .form_footer {
	padding: 2em;
}
.portrait .back {
	display: block;
	margin: 0 auto;
}
.portrait #photos_form table {
	float: left;
	width: 340px;
}
.portrait #photos_form table td {
	padding: 10px;
	vertical-align: top;
}
.portrait #photos_form table h2 {
	margin-top: 2em;
}
.portrait #photos_form table p {
	margin-bottom: 1em;
}
.portrait #photos_form p {
	line-height: 1.1em;
}
.portrait #photos_form #portrait_warnings {
	margin-left: 350px;
	padding-left: 1em;
}
.portrait #photos_form #portrait_warnings p {
	margin-bottom: 1.5em;
	min-height: 32px;
}
.portrait #photos_form #controle img, .portrait #photos_form #refus img {
	float: left;
	margin: 0 2px 5px 0;
}
.portrait #photos_form ul.conditions {
	margin-left: 32px;
}
.portrait #photos_form #ajouter_photo {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -540px;
	height: 200px;
	margin: 30px 0 0 360px;
	padding: 10px;
	width: 370px;
}
.portrait #photos_form #ajouter_photo p {
	margin: .5em 0;
}
.portrait #photos_form #ajouter_photo input#photo {
	width: 80%;
}

/* mon compte
---------------------------*/
.compte .cadre {
	margin-bottom: 1em;
}
.compte .cadre .bouton.modifier, .compte .cadre .bouton.supprimercompte, .compte .cadre .bouton.sabonnermaintenant {
	float: right;
	margin-left: 5px;
}
.compte table {
	width: 600px;
}
.compte td.label {
	color: #000;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 1em;
	width: 33%;
}
.compte td.data {
	padding-bottom: 1em;
}
.compte .abonnement h3 {
	float: left;
}
.compte .abonnement strong {
	color: #900;
}
.compte .abonnement em {
	font-style: normal;
	font-weight: bold;
}
.compte p {
	margin-bottom: 1em;
}
.compte p .attention {
	color: Red;
	font-size: .85em;
}
.compte p .precision {
	font-size: .85em;
}
#password_form p label {
	line-height: normal;
}
#mail_alertes li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat;
	margin-left: 2em;
	padding-left: 20px;
}
#mail_alertes li.accept {
	background-position: 0 -1488px;
}
#mail_alertes li.block {
	background-position: 0 -1518px;
}
#email_form #mail_alertes li {
	background: none;
	padding: .5em 0;
}
#email_form #mail_alertes li label {
	float: none;
}
.freemessages {
	clear: left;
	/*margin-right: 40%;*/
}
#freemessages_counter {
	padding: 2em 0 0;
}
#freemessages_counter span.label {
	float: left;
	margin-right: 1em;
}
.progress_bar {
	margin-left: 150px;
}
.progress_bar .bar {
	background-color: #fff;
	border: 1px solid #F2DBA6;
	height: 19px;
	left: .3em;
	position: relative;
	width: 200px;
}
.progress_bar .curseur {
	background: transparent url(http://www.mon-bled.com/images2/curseur.gif) no-repeat bottom;
	color: #900;
	font-weight: bold;
	margin-left: -3px;
	padding-bottom: 7px;
	position: absolute;
	top: -27px;
}
.progress_bar .graduation span {
	margin-left: 190px;
}
#supprimercompte p {
	line-height: 35px;
}
#supprimercompte strong {
	color: #900;
	float: left;
}
#supprimercompte_form .cadrecentre_contenu {
	padding: 1em 1em 0;
}
#supprimercompte_form p {
	line-height: 1em;
	/*margin-bottom: 0;*/
}
#supprimercompte_form p.confirmation {
	color: #900;
	font-size: 1.2em;
	text-align: center;
}

/* voir profil membre
---------------------------*/
.profilview .photo_chat {
	float: left;
	width: 150px;
}
.profilview .identite {
	float: left;
	margin-left: 10px;
}
.profilview .pseudo {
	font-size: 14px;
}
.profilview .actions {
	float: right;
	list-style: none;
}
.profilview .actions li {
	margin-bottom: 5px;
}
.profilview .chater a {
	background: url(http://www.mon-bled.com/images2/boutons_profil.gif) no-repeat 0 -650px;
	color: #030;
	display: block;
	height: 32px;
	line-height: 1em;
	padding: 7px 60px 3px 12px;
	text-align: center;
	text-decoration: none;
	width: 70px;
}
#profil_tabs {
	background: url(http://www.mon-bled.com/images2/profil_tabs.png) no-repeat 0 -180px;
	height: 75px;
	margin-left: 1px;
	margin-right: 3px;
	padding-left: 25px;
}
#profil_container {
	background: url(http://www.mon-bled.com/images2/profil_tabs.png) no-repeat 0 -180px;
	clear: left;
	margin: 0 auto 2em;;
	position: relative;
	top: -5px;
	width: 740px;
}
.profil_contenu {
	background: url(http://www.mon-bled.com/images2/bg_profil-y.png) repeat-y 0 0;
	padding: 0 1em 15px;
}
.profil_bas {
	background: url(http://www.mon-bled.com/images2/profil_tabs.png) no-repeat bottom;
	height: 15px;
	margin: 0 auto;
	/*position: relative;
	top: -5px;*/
	width: 740px;
}

#annonce_stats {
	float: right;
	margin: 15px 5px 0;
	width: 170px;
}
#annonce_stats img {
	float: left;
}
#annonce_stats h4, #annonce_stats p {
	margin-left: 45px;
}
#annonce_stats h4 {
	border-bottom: 1px solid #960;
	color: #630;
	font-size: 1.1em;
	padding-bottom: .5em;
}
#annonce_stats p {
	color: #960;
	margin-bottom: 1em;
}
#annonce_body {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1460px;
	margin-left: 30px;
	padding-top: 30px;
	width: 486px;
}
.annonce_contenu {
	background: url(http://www.mon-bled.com/images2/bg_annonce-y.png) repeat-y 0 0;
	color: #666;
	padding: 0 30px;
}
.annonce_bas {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1550px;
	height: 10px;
	padding-top: 10px;
}
#annonce_signal_incorrect {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1580px;
	clear: right;
	color: #900;
	font-size: .85em;
	height: 45px;
	margin-top: 1em;
	padding: 15px;
}
#thumbslist {
	float: left;
	padding-left: 30px;
	width: 50px;
}
#thumbslist li {
	margin-bottom: 15px;
}
.profil_contenu table {
	border-collapse: collapse;
	float: left;
	margin: 0 0 1em 1em;
	width: 460px;
}
.profil_contenu thead th {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1397px;
	color: #630;
	font-size: 1.1em;
	line-height: 1.8em;
	padding-left: 24px;
	text-align: left;
}
.profil_contenu thead th.atomecrochu {
	background: none;
	color: #C00;
	font-size: .85em;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
.profil_contenu tbody th, .profil_contenu tbody td {
	border-bottom: 1px solid #F2DBA6;
	line-height: 1.5em;
}
.profil_contenu tbody th {
	color: #960;
	font-weight: bold;
	text-align: left;
	width: 40%;
}
.profil_contenu tbody td.atomecrochu {
	text-align: right;
	width: 30px;
}
.atomecrochu span {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat;
	display: block;
	height: 15px;
	margin-top: 5px;
	width: 20px
}
.atomecrochu span.oui { background-position: 0 -750px; }
.atomecrochu span.non { background-position: 0 -785px; }
.centres_interet, .centres_interet div {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat;
}
.centres_interet {
	background-position: -590px -980px;
	margin-left: 500px;
	padding-top: 10px;
	width: 206px;
}
.centres_interet div {
	background-position: -590px -1409px;
	height: 35px;
}
.centres_interet h3, .centres_interet p {
	margin: 5px 15px;
}
.centres_interet h3 {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1432px;
	color: #630;
	font-size: 1.1em;
	padding-left: 20px;
	text-align: left;
}

/* navigation bar
---------------------------*/
.navbar {
	background: url(http://www.mon-bled.com/images2/bg_navbar.png) no-repeat left top;
	color: #630;
	height: 43px;
	line-height: 28px;
	margin-bottom: 1em;
	padding: 12px 0 0 10px;
	white-space: nowrap;
}
.navbar img {
	vertical-align: middle;
}
.pagination {
	background: url(http://www.mon-bled.com/images2/bg_navbar.png) no-repeat 0 -77px;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	text-align: center;
	width: 450px;
}
.navlink {
	border-right: 1px solid #630;
	padding: 0 5px;
}
.navlink.begin {
	border-left: 0;
}
.navlink.current {
	font-weight: bold;
}
.first, .previous, .next, .last {
	border: 0;
}
.previous a {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1023px;
	margin-right: 8px;
	padding-left: 20px;
}
.next a {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat right -998px;
	margin-left: 8px;
	padding-right: 20px;
}
.navbar form {
	/*display: inline;*/
	float: right;
	padding-right: 20px;
}
.navbar label {
	width: auto;
}
.js_result_sorting {
	font-size: 11px;
}

/* mode d'affichage des resultats
---------------------------*/
.change_view a {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 0;
	float: left;
	height: 20px;
	margin: 5px 3px 0 0;
}
.change_view a span {
	display: none;
}
.change_view a.full {
	background-position: 0 -330px;
	width: 53px;
}
.full a.full {
	background-position: 0 -300px;
}
.change_view a.med {
	background-position: 0 -390px;
	width: 26px;
}
.med a.med {
	background-position: 0 -360px;
}
.change_view a.small {
	background-position: 0 -450px;
	width: 16px;
}
.small a.small {
	background-position: 0 -420px;
}

/* filtrage des resultats
---------------------------*/
#filtre {
	margin-bottom: 1em;
}
#filtre span {
	line-height: 46px;
	margin: 0 1em;
	vertical-align: middle;
}
#filtre label {
	float: none;
	width: auto;
}
#filtre select {
	font-size: 11px;
}
#filtre .bouton {
	margin-left: 3em;
	vertical-align: middle;
}

/* pages de recherche
---------------------------*/
.baseCriteria select {
	font-size: .85em;
}
.baseCriteria label {
	float: left;
	margin-right: .5em;
	width: 140px;
}
.baseCriteria .relations label {
	float: none;
	font-size: 0.85em;
	margin-right: .2em;
	width: auto;
}
.baseCriteria .plus_criteres {
	float: left;
	font-size: .85em;
	margin-right: 1em;
	margin-top: 2em;
	vertical-align: bottom;
	width: 180px;
}
.baseCriteria p.form_footer {
	height: auto;
	margin-top: 1em;
	text-align: left;
}
.baseCriteria p.error {
	height: auto;
	line-height: normal;
}
.home .baseCriteria p.form_footer {
	text-align: center;
}
#directSearchForm {
	background: url(http://www.mon-bled.com/images2/bg_form_recherche.jpg) no-repeat right;
}
#hobbies_form .ligne {
	border-bottom: 0;
}
#hobbies_form fieldset {
	padding-left: 0;
}
.liens_recherche_directe li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1130px;
	line-height: 2em;
	padding-left: 20px;
}

/* messages
---------------------------*/
.cadre .cadrecentre.liste_messages, 
.cadrecentre.liste_messages .cadrecentre_contenu {
	background-image: url(http://www.mon-bled.com/images2/cadre_messages_y.png);
}
.cadre.messages .cadrehaut_contenu {
	line-height: 50px;
	padding: 10px 0 0;
}
#inbox .deco {
	background: url(http://www.mon-bled.com/images2/icon_inbox.png) no-repeat right;
	height: 51px;
	width: 50px;
}
#outbox .deco {
	background: url(http://www.mon-bled.com/images2/icon_outbox.png) no-repeat right;
	height: 41px;
	width: 68px;
}
#trashbox .deco {
	background: url(http://www.mon-bled.com/images2/icon_trashbox.png) no-repeat right;
	height: 48px;
	width: 39px;
}
#readbox .deco {
	background: url(http://www.mon-bled.com/images2/icon_readbox.png) no-repeat right;
	height: 37px;
	width: 51px;
}
.cadre.messages h2 {
	font-weight: normal;
	padding-left: 15px;
}
	.cadre.messages h2 em {
		font-style: normal;
		font-weight: bold;
	}
.cadre.messages .navbar {
	background: none;
	margin: 0;
	padding: 12px 0 0 15px;
}
.cadre.messages .pagination {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -980px;
	width: 442px;
}
.messages hr {
	/*border-bottom: 1px solid #E8C875;
	border-top: 1px solid #E8C875;*/
	background-color: #E8C875;
	border: 0;
	color: #E8C875;
	height: 1px;
	margin: 0 5px;
	padding: 0;
}
#messages {
	background-color: #F7E8BA;
	border-collapse: collapse;
	/*padding: 20px;*/
	width: 99%;
}
#trashbox #messages {
	margin-bottom: 1em;
}
#messages th, #messages td {
	padding: .5em .2em;
}
#messages thead th {
	color: #960;
	text-align: left;
}
#messages tbody td {
	background-color: #FFF7D9;
	border-bottom: 1px solid #E8C875;
}
#messages td.sel {
	text-align: center;
}
#messages .lu_par_moi td, 
#messages .lu_par_lui td, 
#messages .repondu_par_moi td, 
#messages .repondu_par_lui td 
{
	background-color: #fff;
}
#messages .date {
	color: #630;
	font-weight: normal;
}
#messages .statut_icon {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	/*width: 35px;*/
}
#messages .statut_icon em {
	display: none;
}
#messages .statut_icon .read_date {
	color: #960;
	/*float: left;*/
	font-size: 80%;
}
#messages .nonlu, #messages .bloque { font-weight: bold; }
#messages .nonlu .statut_icon { background-position: 0 -146px; }
#messages .lu_par_moi .statut_icon, #messages .lu_par_lui .statut_icon { background-position: 0 -180px; }
#messages .bloque .statut_icon { background-position: 0 -220px; }
#messages .repondu_par_moi .statut_icon, #messages .repondu_par_lui .statut_icon { background-position: 0 -250px; }
#messages td.liste_vide {
	background: #FFFBEE url(http://www.mon-bled.com/images2/dossier_vide.jpg) no-repeat 50%;
	border: 1px solid #E8C875;
	height: 200px;
	padding: 50px;
}
.messages .warning {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -550px;
	color: #900;
	/*line-height: 32px;*/
	padding-left: 36px;
}

/* lire/envoyer message
---------------------------*/
#readbox .cadrehaut_contenu {
	line-height: normal;
	padding-top: 20px;
}
#readbox .cadrecentre {
	padding-left: 30px;
}
#readbox #membercard {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1800px;
	float: left;
	height: 80px;
	margin: 5px 15px;
	padding: 10px;
	width: 240px;
}
#readbox #message_infos p {
	font-weight: bold;
	line-height: 2em;
	padding-top: 1em;
}
#readbox #message_infos p label {
	color: #630;
	text-align: left;
	width: auto;
}
.cadre_message, .cadre_message .cadrebas {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat;
}
.cadre_message {
	background-position: 0 -1670px;
	padding: 30px 0 0;
	/*width: 490px;*/
}
.cadre_message .cadrecentre {
	background: url(http://www.mon-bled.com/images2/bg_message-y.png) repeat-y 0 0;
	padding-right: 50px;
}
.cadre_message .cadrebas {
	background-position: 0 -1765px;
	margin: 0 0 2em;
	height: 15px;
}
#send_mail {
	background: url(http://www.mon-bled.com/images2/bg_form_message.png) no-repeat 50% top;
	height: 440px;
	padding: 25px 50px;
	position: relative;
	top: -5px;
	width: 690px;
}
#send_mail h3, #send_mail label {
	color: #630;
}
#send_mail p {
	height: auto;
	line-height: normal;
	padding-left: 70px;
	margin: 1em 0;
}
#send_mail p.error {
	line-height: 2.5em;
}
#send_mail label {
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	left: -70px;
	line-height: 1.8em;
	margin-right: -70px;
	position: relative;
}
#send_mail #subject, #send_mail #send_message_body {
	border: 1px solid #F2DBA6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: none;
}
#send_mail #subject {
	padding: 5px 10px;
	width: 550px;
}
#send_mail #send_message_body {
	height: 230px;
	padding: 10px;
	width: 550px;
}

/* ABONNEMENT
---------------------------*/
.abonnement #main {
	float: none;
	margin: 0 auto;
}
.abonnement .intro {
	font-size: 110%;
	line-height: 1.8em;
	margin: 0 auto 20px;
	text-align: center;
}
.abonnement .intro strong {
	color: #900;
}
.abonnement #entete_promo {
	float: left;
	margin: 0 2em 2em 0;
	text-align: center;
	width: 45%;
}
.abonnement #entete_promo img {
	float: right;
	vertical-align: middle;
}
.abonnement #entete_promo h2, .abonnement #entete_promo p {
	margin: 5px 130px 5px 0;
}
.abonnement #entete_promo .promo_precision {
	font-size: 85%;
}
.avantages table {
	background: #FBF1CF url(http://www.mon-bled.com/images2/cadre_table.png) no-repeat 0 0;
	border-collapse: separate;
	border-spacing: 0;
	/*height: 310px;*/
	padding: 0 5px 0 6px;
	margin: 0 auto;
	width: 790px;
}
.avantages caption {
	padding: 1em 0;
	text-align: left;
}
.avantages th {
	font-size: 1.1em;
	height: 41px;
}
.avantages td {
	border-style: solid;
	border-width: 1px;
	border-color: #fff #F2DBA6 #F2DBA6 #fff;
	padding: .5em;
	text-align: center;
}
.avantages td.label {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 16px -1170px;
}
.avantages .label {
	padding-left: 36px;
	text-align: left;
}
.avantages .sans {
	color: #630;
}
.avantages .avec {
	color: #900;
}
.avantages_fin {
	background: #FBF1CF url(http://www.mon-bled.com/images2/cadre_table.png) no-repeat left bottom;
	padding: 0 0 25px 0;
}
.abonnement #devise {
	float: left;
	width: 285px;
}
.abonnement #subscriptionForm h2 {
	margin: 0 0 1em 1em;
}
#formules .formule {
	margin: 0 auto;
}
#formules .formule label {
	background-repeat: no-repeat;
	background-position: left top;
	font: bold 14px Verdana, Helvetica, sans-serif;
	display: block;
	height: 122px;
	line-height: 122px;
	margin: 5px 0;
	padding: 0 0 0 40px;
	text-align: left;
	width: 260px;
}
#formules .formule label input {
	margin: 0 15px 0 0;
}
* html #formules .formule label input {
	position: relative;
	top: 50px;
}
#formules .formule label span {
	display: none;
}
#formules .formule label:hover, #formules .formule.selected label {
	background-position: -300px center;
}
#formules .formule#euro1mois label {
	background-image: url(http://www.mon-bled.com/images2/euro20.jpg);
}
#formules .formule#euro3mois label {
	background-image: url(http://www.mon-bled.com/images2/euro50.jpg);
}
#formules .formule#euro6mois label {
	background-image: url(http://www.mon-bled.com/images2/euro80.jpg);
}
#formules .formule#euro24heures label {
	background-image: url(http://www.mon-bled.com/images2/euro3.jpg);
}
#formules.discount .formule#euro1mois label {
	background-image: url(http://www.mon-bled.com/images2/euro10_discount.jpg);
}
#formules.discount .formule#euro3mois label {
	background-image: url(http://www.mon-bled.com/images2/euro25_discount.jpg);
}
#formules.discount .formule#euro6mois label {
	background-image: url(http://www.mon-bled.com/images2/euro40_discount.jpg);
}
#formules .formule#dirham1mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham100.jpg);
}
#formules .formule#dirham3mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham200.jpg);
}
#formules .formule#dirham6mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham300.jpg);
}
#formules .formule#dirham24heures label {
	background-image: url(http://www.mon-bled.com/images2/dirham24.jpg);
}
#formules.discount .formule#dirham1mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham50_discount.jpg);
}
#formules.discount .formule#dirham3mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham100_discount.jpg);
}
#formules.discount .formule#dirham6mois label {
	background-image: url(http://www.mon-bled.com/images2/dirham150_discount.jpg);
}
#formules .formule#dinar24heures label {
	background-image: url(http://www.mon-bled.com/images2/dinar100.jpg);
}

#methodes_paiement {
	background: url(http://www.mon-bled.com/images2/bg_methodes_bas.png) no-repeat right bottom;
	float: right;
	padding: 0 0 12px 0;
	width: 384px;
}
#methodes_paiement .methodes_paiement_haut {
	background: url(http://www.mon-bled.com/images2/bg_methodes_haut.png) no-repeat right top;
	height: 9px;
}
#methodes_paiement .methode {
	background: url(http://www.mon-bled.com/images2/bg_methodes.png) no-repeat right bottom;
	padding: 20px;
}
#methodes_paiement .methode:hover, #methodes_paiement .methode.selected {
	background: url(http://www.mon-bled.com/images2/bg_methodes2.png) no-repeat right bottom;
}
#methodes_paiement .methode label {
	color: #630;
	display: block;
	float: none;
	font: bold 12px Verdana, Helvetica, sans-serif;
	height: 70px;
	line-height: 18px;
	text-align: left;
	width: auto;
}
#methodes_paiement .methode label input {
	margin: 0 10px 0 0;
	position: relative;
	top: 10px;
}
#methodes_paiement .methode label img.icone {
	display: inline;
	float: right;
	margin: 0 10px;
}
#methodes_paiement .methode label span {
	position: relative;
	top: 10px;
}
#methodes_paiement .methode label .method_description {
	color: #900;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 27px;
	text-transform: uppercase;
}
#subscriptionForm .form_footer {
	margin: 2em 0;
}

.abonnement fieldset {
	padding-left: 0;
}
.abonnement fieldset p {
	height: 3em;
	line-height: 3em;
	white-space: nowrap;
}
.abonnement #info_renouvellement {
	background: url(http://www.mon-bled.com/images2/bg_pool.png) no-repeat 0 -1910px;
	display: inline;
	height: 220px;
	margin-right: 10px;
	padding: 10px 15px;
	width: 260px;
}
.abonnement #info_renouvellement p {
	line-height: 1.4em;
	margin-right: 0;
}
.cadre.form .icone {
	float: right;
	margin-right: 1em;
	vertical-align: middle;
}
#payment_form #crypto {
	float: right;
	font-size: .8em;
	line-height: normal;
	width: 140px;
	white-space: normal;
}
#payment_form #crypto img {
	vertical-align: middle;
}
#payment_allopass_form .iframe {
	text-align: center;
}
.abonnement .warning {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -550px;
	color: #900;
	/*line-height: 32px;*/
	margin-top: 2em;
	padding-left: 36px;
}
#payment_form .form_footer {
	margin-top: 2em;
}
.infos_bancaires {
	margin: 2em auto;
}
.infos_bancaires span {
	color: #630;
	font-weight: bold;
}
.infos_bancaires .imprimer {
	display: inline;
	float: right;
	margin-right: 10px;
}
.abonnement .titre_etape {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1458px;
	color: #C00;
	font-size: 15px;
	left: -32px;
	line-height: 20px;
	margin-top: 2em;
	padding-left: 32px;
	position: relative;
}
.abonnement .titre_etape img {
	vertical-align: middle;
}

/* LOGIN / LOGOUT
---------------------------*/
.login #main p {
	margin-bottom: 2em;
}
.login form table, .logout form table {
	width: 99%;
}
.login form label {
	float: none;
}
.login form td {
	padding: 1em;
	vertical-align: middle;
}
.logout h1 {
	color: Black;
	margin-bottom: 2em;
	text-align: center;
}
.logout h1 span {
	color: #960;
}
.logout h2 {
	text-align: center;
}
.logout #ajouterfavoris, .logout #envoyerami {
	margin: 2em;
	width: 40%;
}
.logout #ajouterfavoris p, .logout #envoyerami p {
	padding: 1em 0;
}

/* AIDE
---------------------------*/
.aide .sommaire {
	margin-bottom: 2em;
}
.aide h3 {
	margin-top: 1.5em;
}
.aide li div {
	margin: 1em 0;
}

/* CGU
---------------------------*/
.cgu #main p {
	font-size: .8em;
	margin: 1em 0;
}

/* CHARTE
---------------------------*/
#charte {
	margin-bottom: 2em;
}
#charte li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1260px;
	margin: 1em 0;
	padding-left: 20px;
}

/* PARTENAIRES
---------------------------*/
#partenaires {
	margin-bottom: 2em;
}
#partenaires ul {
	width: 40%;
}
#partenaires li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1260px;
	font-size: .9em;
	margin: 1em 0;
	padding-left: 30px;
}
#partenaires li a {
	font-size: 1em;
	font-weight: bold;
}

/* PAGE LIENS
---------------------------*/
#liens {
	margin-bottom: 2em;
}
#liens li {
	background: url(http://www.mon-bled.com/images2/icons.png) no-repeat 0 -1260px;
	float: left;
	font-size: .9em;
	margin: .5em 0;
	padding-left: 30px;
	white-space: nowrap;
	width: 45%;
}

/* CONTACT
---------------------------*/
.contact #main p {
	margin-bottom: 2em;
}
.contact form#contact {
	margin: 2em 0;
}
.contact form#contact p {
	height: auto;
	line-height: normal;
	margin: auto;
	padding: 0.5em 0;
}
.contact form#contact .text {
	width: 400px;
}
.contact form#contact .error {
	padding-left: 32px;
}

/* POPUPS CSS
---------------------------*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.js_popup, .js_popup_input {
	display: none;
	left: 50%;
	margin-left: -225px;
	position: fixed;
	top: 17%;
}
.overlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .js_popup, * html .js_popup_input {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* contenu du popup */
.popup_page {
	background: url(http://www.mon-bled.com/images2/bg_popup_haut.png) no-repeat 0 0;
	text-align: center;
	padding: 15px 0 0;
	width: 452px;
}
.popup_page .popup_contenu {
	background: url(http://www.mon-bled.com/images2/bg_popup.png) no-repeat bottom;
	padding: 0 10px 10px;
}
.popup_page .form_footer {
	line-height: 100px;
}
.popup_page strong {
	color: #900;
}
.popup_page em {
	color: #960;
	font-style: normal;
}
.popup_page .cadre {
	color: #630;
	font-size: 15px;
}
.popup_page .bouton {
	border: 0;
	outline: none;
}

/* POPUP POST-IT
---------------------------*/
#popup_postit.popup_page {
	background: url(http://www.mon-bled.com/images2/bg_postit.png) no-repeat 0 0;
	text-align: left;
	width: 262px;
}
#popup_postit.popup_page .popup_contenu {
	background: none;
	padding: 0 11px 20px;
}
#popup_postit h2 {
	text-transform: uppercase;
}
#popup_postit .note {
	font-size: 10px;
}
#popup_postit .note strong {
	color: #960;
}
#postit_body {
	background: url(http://www.mon-bled.com/images2/postit.png) no-repeat left bottom;
	height: 230px;
	margin: 10px 0 0;
	padding: 5px 0 30px 30px;
	width: auto;
}
TEXTAREA#postit {
	background-color: transparent;
	border: none;
	color: #960;
	font-family: Georgia, Times, serif;
	font-size: 100%;
	height: 210px;
	text-align: left;
	width: 200px;
}
#popup_postit .form_footer {
	line-height: normal;
}