/* ************************************
 * RESET
 * Remise a 0 des styles
 ************************************ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/***** Common Formatting *****/
p, ul, ol {
    margin: 0;
    padding: 0 0 1.25em 0;
}

ul, ol {
    padding: 0 0 1.25em 2.5em;
}

blockquote {
    margin: 1.25em;
    padding: 1.25em 1.25em 0 1.25em;
}

small {
    font-size: 0.85em;
}

img, A img {
    border: 0;
}

sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}

sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}

acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}

Strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

/***** Links *****/
a, a:link, a:visited {
    text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:hover {
	border-bottom-style: solid;
} 


/***** Forms *****/
form {
    margin: 0;
    padding: 0;
    display: inline;
}

input, select, textarea {
    font: 1em Arial, Helvetica, sans-serif;
}

textarea {
    width: 100%;
    line-height: 1.25;
}

label {
    cursor: pointer;
}

/***** Tables *****/
table {
    border: 0;
    margin: 0 0 1.25em 0;
    padding: 0;
}

table tr td {
    padding: 2px;
}

/* ************************************
 * GENERAL STYLES
 * Style general des elements
 ************************************ */

 /***** Body Style *****/

BODY {
	background: #fdebe9;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
}
 
 /***** Links *****/
 
a, a:link, a:hover  {
	color: #d9404f;
}

a:visited {
	color: #94333d;
} 

.actions a:visited {
	color: #d9404f;	
}

	/* sidebars links */


	.sb a:link, .sb a:visited, .sb a:active {
		color: #3cfffc;
		border: none;
	}
	
	.sb a:hover {
		color: #fbff3c;		
	}
	
	/* allopass links */
	
	.allopass a:link, .allopass a:visited, .allopass a:active, .allopass a:hover {
		border: none;
	}

  /***** Headings *****/
 
		#main H2 {
			padding: 1ex 0 0.5ex;
			font-size: 150%;
			color: #e54063;
			text-align: center;
		}
		
		#main H3 {
			color: #a0373f;
			font-size: 120%;
			padding: 0 0 1ex;
			clear: left;
		}
		
		#main form h3 {
			clear: none;
		}
		
		#main H4 {
			color: #a0373f;
			padding: 0 0 1ex;
		}
 
 
 /* ************************************
 * HELPERS STYLES
 * elements et classes recurent/consistant
 ************************************ */

  /***** Forms *****/
 
INPUT {
 	font-size: 87%;
 }
 
form P {
	padding: 0 0 0.5em;
}

fieldset {
	padding: 0 0 1em;
}

form textarea {
	height: 4em;
}

form label, form select {
	display: block;
	font-size: 87%;
}

form .radioFields Span, form .checkFields Span  {
	display: block;
	padding: 0 0 0 1.3em;
	margin-bottom: 0.3em;
 	font-size: 87%;
	line-height: 120%;
}

form .radioFields input {
	margin-left: -1.3em;
	padding: 3px 0 0;
	float: left;
}

form .checkFields input {
	margin: 0 0 0 -1.3em;
	float: left; 
}

form .radioFields label, form .checkFields label {
	font-size: 100%;
}

form .singleSelect label, form .singleSelect select {
	display: inline;
}

form .singleField input {
	width: 100%;
}

.allopass {
	background-color: #fff;
	padding: 0;
}

.allopass TD, .allopass TR {
	padding: 0;
}
 
  /***** Notifications and errors *****/
 
 .msgerr {
 	display: block;
	background: #ff8080;
	color: #ff0000;
	font-weight: bold;
 }
 
 .warning {
 	Text-align: center;
	font-size: 110%;
 }

  /***** Actions et Buttons  *****/

	P.actions {
		text-align: right;
	}
	
	P.actions input {
		font-size: 120%;
	}

	.getmsn {
		display: block;
		width: 219px;
		height: 113px;
		background: url('./styleimg/bouton-getmsn') no-repeat top left;
		text-indent: -9000px;		
	}

	.getmsn A:link, .getmsn A:active, .getmsn A:visited, .getmsn A:hover {
		font-size: 1px;
		border: none;
		display: block;
		width: 219px;
		height: 113px;
	}

  /***** Listes  *****/

		/* liste membres */
		
		UL.userlist {
			padding: 0px;
			width: 429px;
			overflow: hidden;
		}
		
		.userlist LI {
			display: block;
			float: left;
			margin: 0 4px 1em;
		}
		
		.userlist A {
			border: none;
			width: 125px;
			height: 125px;
			display: block;
			background-position: top center;
			overflow: hidden;
		}
		
		.userlist IMG {
			height: auto;
		}

		/* liste lien */
		
		.urllist {
			padding: 0;
			text-align: center;
			margin-bottom: 1em;
			width: 429px;
			overflow: hidden;
		}
		
		.urllist LI {
			padding: 0 1ex 0 0;
			line-height: 135%;
			white-space: nowrap;
			display: block;
			width: 45%;
			float: left;
		}
		
		.urllist LI A {
	
		}
		
		
		UL#partners LI {
			padding-bottom: 1ex;
		}
		
		A.thumbsmall IMG {
			border: 1px solid #471913;
		}
		
		
	/* Action list */
	
		UL.actionlist {
			padding: 0;
			line-height: 48px;
		}
		
		UL.actionlist LI A:link, UL.actionlist LI A:visited, UL.actionlist LI A:active {
			display: block;
			height: 48px;
			border: none;
			padding-left: 48px;
		}
		
		UL.actionlist LI A:hover {
			background: #fbdbd8;
		}
		
	/* nav list */
	
		#searchresult .navlist {
			padding: 0;
			padding: 1ex 0;
			text-align: right;
		}
		
		#searchresult .navlist LI {
			display: inline;
			padding: 0 0.5ex 0 0;
		}
		
		#searchresult .navlist LI A:link, #searchresult .navlist LI A:active, #searchresult .navlist LI A:visited {
			border: 1px solid #94333D;
			padding: 0 0.5ex;
		}
		
		#searchresult .navlist LI A:hover {
			background: #fbdbd8;			
		}
		
		#searchresult.navlist .activepage {
			font-weight: bold;
			color: #000;
		}

 /* ************************************
 * PAGES STRUCTURE
 * Layout general de la page
 ************************************ */
 
 /***** Header  *****/
  
	#header {
		margin-top: 2em;
		text-align: center;
	}
	
	#branding {
		background-color: #3a1310;		
	}
	
	#branding A {
		width: 755px;
		margin: 0 auto;
		display: block;
		background: #fbc4ab url('./styleimg/branding-fond.gif') repeat-x top center;
		border: 0; 
		text-indent: -9000%;
		font-size: 1px;
		height: 178px;
		position: relative;
	}
	
	#branding A H1 {
		position: absolute;
		height: 110px;
		width: 208px;
		background: transparent url('./styleimg/logo.gif') no-repeat top left;
		top: 52px;
		left: 18px;
		z-index: 10;
	}

	#branding A H2 {
		position: absolute;
		height: 178px;
		width: 755px;;
		background: transparent url('./styleimg/branding-pic.gif') no-repeat top left;
		top: 0;
		left: 0;
		z-index: 5;
	}
 /***** Conteneur *****/

	body {
		text-align: center;
	}

	#conteneur {
		width: 755px;
		margin: 0 auto;
		text-align: left;
	}

	/* colonnes */
	
		#sb1, #sb2 {
			width: 150px;
		}
		
		#sb1 {
			float: left;
		}
		
		#sb2 {
			float: right;
		}
		
		
		ul.sb {
			padding: 0;
		}

		#main {
			margin: 0 155px;
			padding: 0 1ex;
			overflow: hidden;
			width: 429px;
		}
		
	/* pied */
	
	#pied {
		padding: 1em 0;
		text-align: center;
		clear: both;
		color: #ae8580;
		width: 700px;
		border-top: 2px dotted #ae8580;
		margin: 1em auto; 
	}

 /* ************************************
 * PAGES COMPONENTS
 * Styles des composants
 ************************************ */

	/* sidebars */
	
		.sb P {
			text-align: center;
			padding: 0 0 1ex;
		}
		
		
		ul.sb li {
			background: #e73e65 url('./styleimg/sb-top.gif') no-repeat top left;
			padding: 5px 0 0;
			color: #fff;
			margin-top: 1em;		
		}
		
		ul.sb H2 {
			padding: 8px 5px 5px;
			font-size: 125%;	
		}
		
		ul.sb div.body {
			padding: 0 5px 10px;
			background: url('./styleimg/sb-bottom.gif') no-repeat bottom left;
			margin: 0;
		}
		
		ul.sb ul {
			padding: 0;
		}
		
		ul.sb ul li {
			background: none;
			padding: 0;	
			margin: 0;		
		}

	/* contenu de main */
	
		/* inscription form */
		
		#inscriptionForm {
			background: transparent url('./styleimg/form-fond.gif') no-repeat 0 1.5em;
			display: block;
		}
		
		#inscriptionForm .loginInfo {
			padding: 0 0 0 105px;
			height: 158px;
		}
		
		#inscriptionForm .loginInfo input  {
			width: 65%;
		}
		
		#inscriptionForm .actions {
			text-align: center;
			margin-top: -1em;
		}
		
		#inscriptionForm .actions input {
			border: none;
			display: block;
			background: transparent url('./styleimg/bouton-inscription.gif') no-repeat center center;
			width: 213px;
			height: 42px;
			text-indent: -9000%;
			cursor: pointer;
			margin: 0 auto;
			font-size: 1px;
			overflow: hidden;
		}
		
		#inscriptionForm EM {
			font-size: 80%;
		}

	 	/* login Forms */
		
			.loginMembre P {
				padding: 1ex 0 0;
				text-align: right;
				font-size: 87%;
			}
			
			.loginMembre .inputtext {
				width: 75px;
			}
			
			.loginMembre P.help {
				font-size: 75%;
			}
			
			.loginMembre P.help {
				font-size: 75%;
				margin-top: -0.5ex;
			}
			
			
	/* fiche membre */

		#fiche .userpic {
			float: left;
			display: block;
			width: 150px;
		}	
	
		#fiche .getmsn {
			margin-bottom: 1em;
			display: block;
			margin-left: 180px;
		}
	
		
		#fiche .annonce {
			margin-left: 180px;
		}
		
		#fiche h3 {
			clear: none;
		}
		
		#fiche .actions {
			padding: 1ex 0 1.25em;
			text-align: right;
		}
		
	/* page membre */
	
		#userpanel h3 {
			clear: none;
		}
		
		#insideactions .getunlimited A {
			background-image: url('./styleimg/iconepremium.gif');
			line-height: 24px;
			background-repeat: no-repeat;
			background-position: 8px 8px;
		}
		
		#insideactions .searchder A, #insideactions .searchco A {
			background-image: url('./styleimg/iconesearch.gif');
			background-repeat: no-repeat;
			background-position: 8px 8px;
		}
		
		#insideactions {
			padding-bottom: 1em;
		}
		
		#mafiche {
			padding: 0;
		}
		
		#mafiche .infocompte {
			font-size: 90%;
			text-align: right;
			margin-top: -1em;
			color: #ae8580;
		}
		
		#mafiche .photo img, #modifphoto img {
			margin: 0 auto;
			display: block;
		}

	/* Resultats recherche */
	
		#searchresult .userlist LI {
			float: none;
			position: relative;
			overflow: hidden;
			height: 120px;
			margin: 0 0 1em;
		}
		
		#searchresult .userlist LI IMG {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#searchresult .userinfo {
			position: absolute;
			top: 0;
			left: 160px;
			width: 260px;
		}
		
		#searchresult .userinfo H3 {
			clear: none;
		}
		
		#searchresult .userinfo H3 span{
			color: #000; 
			font-size: 75%;
		}
		
		#searchresult #searchactions LI {
			display: block;
			position: relative;
			height: 24px;
			margin: 0;
		}
		
		#searchresult #searchactions A:link, #searchresult #searchactions A:active, #searchresult #searchactions A:visited, #searchresult #searchactions A:hover {
			height: auto;
			text-indent: 0;
			width: auto;
			line-height: 150%;
			padding-left: 32px;
		}
		
		#searchresult #searchactions .getmsn {
			background: url('./styleimg/bouton-small.gif') no-repeat top left;
		}
		
		#searchresult #searchactions .getmsn A:link, #searchresult #searchactions .getmsn A:visited, #searchresult #searchactions .getmsn A:active, #searchresult #searchactions .getmsn A:hover{
			background: url('./styleimg/minimsn.gif') no-repeat 12px 4px;
			text-indent: 0;
			font-size: 100%;
			color: #94333d;
		}
		
	/* Pass Illimite */
	
		#passinx {
			padding: 0 0 0 1.5em;
		}
	
		#passinx H3 {
			clear: none;
			text-align: left;
		}
		
		#passinx LI {
			list-style: decimal;
			padding-bottom: 1em;
			text-align: center;
		}
		
		#passinx #passabo {
			text-align: center;
		}
		
		#passinx #passabo Input {
			display: block;
			margin: 0 auto;
			text-align: left;
		}
		
		#passaccess {
			width: 300px;
			background: #fff;
			margin: 0 auto;
			font-size: 90%;
			display: block;
			line-height: 2em;
		}
		
		#passaccess label {
			font-weight: bold;
			display: inline;
		}
	
	
		#partamis li, #partautres li {
			display: block;
			float: none;
			line-height: 100%;
			margin: 1ex 0;
			padding-bottom: 1ex;
			border-bottom: 1px dotted #e994a6;
			width: 100%;
		}
	
		#partamis li A, #partautres li A {
			border: none;
		}
		
		 #partautres li {
		 	line-height: 135%;
		 }