/* ************************************
 * 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 0;
}

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

a:hover {

} 


/***** 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 *****/


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

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

	body {
		background-color: #fff9e8;
		color: #1e1d1b;
		font-family: Arial, Helvetica, sans-serif;
	}

 /***** Links *****/
 
 	a:link, a:active, a:visited {
 		color: #a00910;
		text-decoration: underline;
 	}
	
	a:hover {
		color: #93d4ce;
		text-decoration: underline;
	}

	/* sidebars links */

	.sb a:link, .sb a:active, .sb a:visited {
		text-decoration: none;
	}

	/* allopass links */
	
	/* footer links */
	
	#pied a:link, #pied a:active, #pied a:visited {
		color: #000;
		text-decoration: none;
	}
	
	#pied a:hover {
		color: #a00910;
		text-decoration: underline;
	}
	
	/* loginform links */
	
		#homelogin a:link, #homelogin a:active, #homelogin a:visited {
			color: #4c453f;
		}
		
		#homelogin a:hover {
			color: #a00910;
		}

  /***** Headings *****/

	#main H2 {
		font-size: 125%;
		color: #a00910;
		padding-bottom: 1ex;
	}
	
	#main H3 {
		font-size: 110%;
		padding: 0.5ex 0 1ex;
		color: #a00910;
		font-weight: normal;
	}
	
	#main H3.last5 {
		background: url('/styleimg/5.gif') no-repeat left bottom;
		height: 37px;
		font-size: 110%;
		font-weight: normal;
		padding: 0 0 0 33px;
		line-height: 25px;
	}
	
	#main H3.love {
		background: url('/styleimg/love.gif') no-repeat left bottom;
		height: 37px;
		font-size: 110%;
		font-weight: normal;
		padding: 0 0 0 33px;
		line-height: 25px;
	}
	
	#main H4 {
		font-weight: bold;
	}
 
 /* ************************************
 * HELPERS STYLES
 * elements et classes recurent/consistant
 ************************************ */

  /***** Forms *****/
 
 	label, .pseudolabel {
 		font-size: 90%;
 	}
 
 	.singleField label {
 		display: block;
 	}
	
	.radiofields span, .checkFields span {
		display: block;
	}
	

 
  /***** 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;	
	}
	
	input.okbutton {
		width: 45px;
		height: 42px;
		border: none;
		background: url('./styleimg/okbutton.gif') no-repeat center center;
		font-size: 1px;
		text-indent: -9000px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	#quicksearch select {
		width: 150px;
	}
	
	#mailcatcher {
		display: block;
	}
	
	#mailcatcher input.txtinput {
		width: 150px;
	}

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

		/* liste membres */

		
	/* Action list */
	
	.actionlist A {
		display: block;
		text-decoration: none;
		padding-left: 50px;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
	}
	
	.actionlist LI {
		padding-bottom: 0.5ex;
	}
	
	#insideactions A {
		background: url('./styleimg/photo.gif') no-repeat 12px center;		
	}
	
	#insideactions .getunlimited A {
		background: url('./styleimg/star.gif') no-repeat left center;
		line-height: 24px;
		height: 48px;
	}
	
	#searchactions A {
		display: block;
		text-align: center;
		padding: 0.5ex 0 0;
		line-height: 1.25em;
		height: auto;
		font-size: 80%;
	}
	
	#photospage .actionlist {
		padding: 1ex 0 1em;
	}
	
	#photospage .actionlist A {
		background: url('./styleimg/photo.gif') no-repeat 12px center;		
	}
	
	

	/* nav list */
	
	.navlist LI {
		display: inline;
		font-size: 80%;
		padding-right: 1ex;
	}

  /***** seo  *****/
 
 .seostuff strong {
 	font-weight: normal;
	color: #000;
 }

 /* ************************************
 * PAGES STRUCTURE
 * Layout general de la page
 ************************************ */
 
 /***** Header  *****/
 
 	#header {
		padding-top: 30px;
 	}
	
	#branding {
		width: 855px;
		margin: 0 auto;
		text-align: left;		
	}
	
	#branding A {
		display: block;
		height: 76px;
		width: 254px;
		background: url('./styleimg/logo.gif') no-repeat center center;
		text-indent: -9000px;
		margin-left: 3px;
	}
	
	#headerban {
		display: block;
		width: 468px;
		height: 68px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -55px;
	}
	
	#headermenu {
		background: url('./styleimg/menubg.gif') repeat-x 0 18px;
		overflow: hidden;
		padding: 18px 0;
	}
	
	#headermenu UL {
		display: block;
		padding: 0;
		margin: 0 auto;
		width: 855px;
	}
	
	#headermenu UL LI {
		list-style: none;
		display: block;
		float: left;
		height: 40px;
		text-indent: -9000px;
		border-right: 2px solid #4ab7ad;
	}
	
	#headermenu UL LI A {
		display: block;
		height: 40px;
		background: url('./styleimg/menuitems.gif') no-repeat left top;
	}
	
	#headermenu LI#inscription {
		border-left: 2px solid #4ab7ad;
		margin-left: 18px;
	}
	
	#headermenu #inscription A { background-position: 0 0; width: 147px; }
	#headermenu #inscription A:hover { background-position: 0 -42px; }	
 
	#headermenu #photos A { background-position: -149px 0; width: 209px; }
	#headermenu #photos A:hover { background-position: -149px -42px; } 

	#headermenu #premium A { background-position: -360px 0; width: 174px; }
	#headermenu #premium A:hover { background-position: -360px -42px; } 

	#headermenu #boutique A { background-position: -538px 0; width: 193px; }
	#headermenu #boutique A:hover { background-position: -538px -42px; } 

 
 /***** Conteneur *****/

	body {
		text-align: center;
	}

	#conteneur {
		width: 855px;
		margin: 0 auto;
		text-align: left;
	}
	
	#sb1 {
		width: 120px;
		float: left;
	}
	
	#sb2 {
		width: 200px;
		float: right;
	}
	
	#main {
		margin-left: 140px;
		margin-right: 240px;
		font-size: 16px;
	}

		
 /***** Pied *****/
	
	#pied {
		clear: both;
		width: 855px;
		margin: 0 auto;
		text-align: center;
		font-size: 80%;
		padding: 1em 0
	}
	
	#pied #oursites LI {
		display: inline;
		padding: 0 0.5ex;
	}
	
	#pied UL {
		padding: 0 0 0.5ex;
	}

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

	/* sidebars */

	.sb .body {
		font-size: 90%;
	}

	.sb LI {
		margin: 0 0 1em;
	}
	
	.sb LI LI {
		margin: 0;
	}

	.sb P, .sb UL {
		padding: 0;
	}
	
	.sb H2 {
		color: #a00910;
		text-align: center;
		text-transform: capitalize;
		padding-bottom: 0.5ex;
	}
	
	#homelinks LI {
		text-align: center;
		font-size: 80%;
		padding: 0 0 1ex;
		overflow: hidden;
		width: 120px;
	}
	
	#homelinks LI B {
		font-weight: normal;
	}
	
	.sb .premium .unlimitedgfx{
		background: url('./styleimg/premium1.gif') center bottom no-repeat;
		height: 50px;
		text-indent: -9000px;
		display: block;
	}
	
	.sb .piclist LI {
		padding-bottom: 1ex;
		line-height: 1em;
	}
	
	.sb .piclist a {
		display: block;
		text-align: center;
	}
	
	.sb .piclist  a.userlogin:link, .sb .piclist a.userlogin:visited, .sb .piclist a.userlogin:active {
		color: #a00910;
		text-decoration: none;
		font-size: 90%;
	}  

	.sb .piclist  a.userinfo:link, .sb .piclist a.userinfo:visited, .sb .piclist a.userinfo:active {
		color: #4c453f;
		text-decoration: none;
		font-size: 70%;
	} 

	/* contenu de main */
	
	#main P {
		padding: 0 0 1ex;
	}
	
	#newusers {
		padding: 0;
		margin: 0;
		overflow: hidden;
   		min-height: 1%; 
    	display: inline-block;  		
	}
	
	#newusers LI {
		display: block;
		width: 85px;
		margin-right: 5px;
		float: left;
	}
	
	#partners {
		font-size: 80%;
	}
	
	#partners LI {
		width: 30%;
		display: block;
		float: left;
		padding: 0.5ex 0;
	}
	
		/* inscription form */

			#loginfields, #passfields {
				width: 45%;
				float: left;
			}
			
			#msnfields {

			}
			
			#annonce {
				height: 5em;
				display: block;
			}
			
			#inscriptionForm {
				display: block;
				width: 450px;
				margin: 0 auto;
			}
			
			#inscriptionForm .actions {
				text-align: center;

			}
			
			#inscriptionForm P {
			
			}
			
			#inscriptionForm .actions input {
				display: block;
				text-indent: -9000px;
				border: none;
				background: transparent url('./styleimg/inscription.gif') center center;
				width: 166px;
				height: 47px;
				margin: 0 auto;
				cursor: pointer;
				color: #fff9e8;
				font-size: 1px;
				text-align: right;
			}
	 	/* login Forms */

		#homelogin {
			background: #93d4ce url('./styleimg/loginform-right.gif') no-repeat right bottom;
			position: relative;
			top: -18px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
		}
					
		#homelogin Form {
			background: url('./styleimg/loginform-left.gif') no-repeat left bottom;
			display: block;
			font-size: 60%;
			padding: 1ex 1.5em ;			
		}
		
		#homelogin P {
			padding: 0;
			display: inline;
		}
		
		#homelogin input {
			width: 5ex;
		}
		
		#homelogin input.inputtext {
			background: #fff9e8;
			border: 1px solid #4c453f;
			font-size: 125%;
			width: 18ex;
		}
	

	/* fiche membre */

		#fiche .userpic {
			float: left;
			margin-right: 1em;
		}
		
		#fiche  {
			overflow: hidden;
	   		min-height: 1%; 
	    	display: inline-block;
			padding-bottom: 1em;
		}

		#fiche .getmsn {
			display: block;
			margin-left: 160px;		
		}

		#fiche .getmsn A {
			display: block;
			background: url('./styleimg/bouton-getmsn.gif') center center;
			height: 49px;
			width: 164px;

			text-indent: -9000px;
		}
		
		#fiche .annonce {
			margin-left: 165px;
			padding: 1ex 0 1em;				
		}
		
		#fiche .annonce .actions {
			padding-top: 1ex;
		}

	/* page membre */

		#mafiche * H4 {
			text-align: left;
			padding-bottom: 0.5ex;
		}
		
		#mafiche LI {
			padding-bottom: 1ex;
		}

		.infocompte {
			text-align: right;
			font-size: 80%;
			margin-bottom: -1em;
		}

		#mafiche .photo  {
			text-align: center;	
		}

		#mafiche .actions {
			text-align: right;
			padding-top: 0.5ex;
		}
		


	/* Resultats recherche */

	#searchresult {
		
	}
	
	#searchresult #newusers {
		padding: 0;
		margin: 0;
		overflow: hidden;
   		min-height: 1%; 
    	display: inline-block;  		
	}
	
	#searchresult #newusers LI {
		display: block;
		width: 150px;
		text-align: center;
		float: left;
		margin: 0 3px 0 0;
	}
	
	#searchresult #newusers LI LI {
		margin: 0;
		display: inline;
	}
	
	#searchresult #newusers LI A {
		width: 150px;
		height: 150px;
		overflow: hidden;
		display: block;
	}
	
	#searchresult #newusers LI .userinfo A {
		display: inline;
		height: auto;
		width: auto;
	}
	
	#searchresult H3 {
		text-align: center;
	}
	
	#searchresult H3 SPAN {
		display: block;
		color: #1e1d1b;
		font-size: 70%;
	}

	/* Pass Illimite */



	/* Allopass */
	
	.voirmsn-allopass {
		text-align: center;
		width: 300px;
		margin: 0 auto;
	}
	
	.voirmsn-allopass div {
		text-align: left;
	}
	
	form#passaccess {
		display: block;
		background: #fff;
		width: 300px;
		margin: 0 auto 1em;
		line-height: 200%;
		font-size: 90%;
	}
	
	form#passabo {
		display: block;
		margin-bottom: 1em;
		text-align: center;
	}