/*RESET*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tr, th, td 
{margin: 0;padding: 0;border: 0;}

:focus 		{outline: 0;}
ol, ul 		{list-style: none;}
a			{text-decoration:none;cursor:pointer;position:relative;color:#685E63;}
a.blocLink	{position:absolute;width:100%;height:100%;cursor:pointer;z-index:5;top:0px;left:0px;/*background:#FF6600;*/}
.clearfix	{clear:both;display:block;}

section, article, header, nav, aside, footer		{display:block;}


/* FONTS */

// BLACK OBLIQUE
@font-face {
    font-family: 'ABLO';
    src: url('fonts/lte50347-webfont.eot');
    src: url('fonts/lte50347-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50347-webfont.woff') format('woff'),
         url('fonts/lte50347-webfont.ttf') format('truetype'),
         url('fonts/lte50347-webfont.svg#AvenirLTBlackOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

// BLACK
@font-face {
    font-family: 'ABL';
    src: url('fonts/lte50346-webfont.eot');
    src: url('fonts/lte50346-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50346-webfont.woff') format('woff'),
         url('fonts/lte50346-webfont.ttf') format('truetype'),
         url('fonts/lte50346-webfont.svg#AvenirLTBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

// MEDIUM OBLIQUE
@font-face {
    font-family: 'AMO';
    src: url('fonts/lte50345-webfont.eot');
    src: url('fonts/lte50345-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50345-webfont.woff') format('woff'),
         url('fonts/lte50345-webfont.ttf') format('truetype'),
         url('fonts/lte50345-webfont.svg#AvenirLTMediumOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

// MEDIUM
@font-face {
    font-family: 'AM';
    src: url('fonts/lte50344-webfont.eot');
    src: url('fonts/lte50344-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50344-webfont.woff') format('woff'),
         url('fonts/lte50344-webfont.ttf') format('truetype'),
         url('fonts/lte50344-webfont.svg#AvenirLTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

// BOOK OBLIQUE
@font-face {
    font-family: 'ABO';
    src: url('fonts/lte50343-webfont.eot');
    src: url('fonts/lte50343-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50343-webfont.woff') format('woff'),
         url('fonts/lte50343-webfont.ttf') format('truetype'),
         url('fonts/lte50343-webfont.svg#AvenirLTBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

// BOOK
@font-face {
    font-family: 'AB';
    src: url('fonts/lte50342-webfont.eot');
    src: url('fonts/lte50342-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50342-webfont.woff') format('woff'),
         url('fonts/lte50342-webfont.ttf') format('truetype'),
         url('fonts/lte50342-webfont.svg#AvenirLTBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

// HEAVY OBLIQUE
/*@font-face {
    font-family: 'Arial';
    src: url('fonts/lte50341-webfont.eot');
    src: url('fonts/lte50341-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50341-webfont.woff') format('woff'),
         url('fonts/lte50341-webfont.ttf') format('truetype'),
         url('fonts/lte50341-webfont.svg#AvenirLTHeavyOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

// HEAVY
@font-face {
    font-family: '';
    src: url('fonts/lte50340-webfont.eot');
    src: url('fonts/lte50340-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50340-webfont.woff') format('woff'),
         url('fonts/lte50340-webfont.ttf') format('truetype'),
         url('fonts/lte50340-webfont.svg#AvenirLTHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

// OBLIQUE
@font-face {
    font-family: 'AO';
    src: url('fonts/lte50339-webfont.eot');
    src: url('fonts/lte50339-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50339-webfont.woff') format('woff'),
         url('fonts/lte50339-webfont.ttf') format('truetype'),
         url('fonts/lte50339-webfont.svg#AvenirLTOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

// ROMAN
@font-face {
    font-family: 'AR';
    src: url('fonts/lte50338-webfont.eot');
    src: url('fonts/lte50338-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50338-webfont.woff') format('woff'),
         url('fonts/lte50338-webfont.ttf') format('truetype'),
         url('fonts/lte50338-webfont.svg#AvenirLTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

// LIGHT OBLIQUE
@font-face {
    font-family: 'ALO';
    src: url('fonts/lte50337-webfont.eot');
    src: url('fonts/lte50337-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50337-webfont.woff') format('woff'),
         url('fonts/lte50337-webfont.ttf') format('truetype'),
         url('fonts/lte50337-webfont.svg#AvenirLTLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

// LIGHT
@font-face {
    font-family: 'AL';
    src: url('fonts/lte50336-webfont.eot');
    src: url('fonts/lte50336-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lte50336-webfont.woff') format('woff'),
         url('fonts/lte50336-webfont.ttf') format('truetype'),
         url('fonts/lte50336-webfont.svg#AvenirLTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* VARIABLES */

@img						:	'img/';
@sprite						:	'img/sprite.png';

.font(@font:'Arial')			{font-family:@font;}
.border(@radius)			{ -moz-border-radius:@radius;-webkit-border-radius:@radius;border-radius:@radius;}
.sprite(@x:left ,@y:top, @repeat:no-repeat)	{background:url('@{sprite}') @repeat @x @y;}

@black						:	#000000;
@white						:	#FFFFFF;
@blue						:	#009291;
@whiteBlue					:	#00a5a4;
@blackGrey					:	#707070;
@whiteGrey					:	#f5f5f5;
@middleGrey					:	#E8E8E8;
@green						:	#bccc27;


/* GLOBAL */

body						{.font();font-size:12px;color:@blackGrey;}
.center						{width:950px;margin:0 auto;position:relative;}
a							{position:relative;}

.category					{.font('Arial');font-size:40px;letter-spacing:6px;color:@green;position:absolute;top:20px;right:0px;}
.left						{width:635px;float:left;}



/* HEADER */

header#mainHeader			{background:@blue;height:45px;position:relative;z-index:10000;
	.center					{background:@blue;height:45px;}
	.logo					{position:absolute;top:5px;left:20px;font-size:14px;line-height:16px;color:@blue;.font('Arial');
		p					{margin:10px 0 0 20px;}
	}
	.honcode				{position:absolute;right:0px;top:45px;}
	ul						{float:right;margin-right:50px;
		li					{float:left;position:relative;
			a				{display:block;float:left;color:@white;font-weight:bold;text-transform:uppercase;line-height:45px;padding:0 20px 12px 30px;z-index:100;
				&:hover, &.on{height:12px;.sprite(0, 0);padding-top:40px;line-height:10px;padding-bottom:5px;
					.border	{display:block;width:10px;height:57px;position:absolute;top:0px;right:-10px;.sprite(-240px);}
					.picto	{display:block;height:26px;width:24px;.sprite(-44px, -252px);position:absolute;top:5px;left:50%;margin-left:-7px;}
					.home	{display:block;height:20px;width:21px;.sprite(-69px, -251px);position:absolute;top:8px;left:50%;margin-left:-3px;}
				}
			}
			&.current-menu-item a, &.current-menu-parent a{height:12px;.sprite(0, 0);padding-top:40px;line-height:10px;padding-bottom:5px;
					.border	{display:block;width:10px;height:57px;position:absolute;top:0px;right:-10px;.sprite(-240px);}
					.picto	{display:block;height:26px;width:24px;.sprite(-44px, -252px);position:absolute;top:5px;left:50%;margin-left:-7px;}
					.home	{display:block;height:20px;width:21px;.sprite(-69px, -251px);position:absolute;top:8px;left:50%;margin-left:-3px;}
				}
			
			// SOUS MENU
			ul					{display:none;background:url('@{img}submenu.png') no-repeat bottom;padding-bottom:20px;z-index:99;}
			&:hover				{
				ul				{position:absolute;top:45px;left:0px;display:block;width:250px;padding:20px 4px 10px 4px;
					li			{clear:both;
						a		{clear:both;height:29px;color:@blue;width:212px;text-transform:none;background:none;line-height:29px;padding:0 15px;border-top:1px @whiteGrey solid;background:none;
							.border{display:none;}
							&:hover span{display:none;}
							&.highlights, &:hover{color:@blackGrey;}
							.picto	{height:0px;width:0px;}
						}
						&.current-menu-item a{color:@blackGrey;}
					}	
				}
			}		
		}
	}
	form					{float:right;margin-top:8px;
		input[type=text]	{height:27px;line-height:27px;padding:0 5px;width:153px;border:none;.sprite(left, -223px);float:left;color:@blue;line-height:27px;}
		input[type=submit]	{height:27px;width:31px;.sprite(-163px, -223px);border:none;cursor:pointer;float:left;
			&:hover			{.sprite(-195px,-223px);}
		}
	}
}

/* FOOTER */

footer#mainFooter			{clear:both;background:@middleGrey;
	.center					{background:@middleGrey;overflow:auto;border-top:#aab3bd solid 7px;}
	ul						{float:left;margin-right:20px;padding:5px 0;
		a					{line-height:32px;border-bottom:@blackGrey solid 1px;width:195px;display:block;.font('Arial');
			&.last			{border-bottom:none;}
			&:hover			{color:@green;}
		}
		li.rss a			{.sprite(right, -271px);}
		li.facebook a		{.sprite(right, -345px);}
		li.twitter a		{.sprite(right, -308px);}
	}
	.bottom					{clear:both;
		#copyright			{width:950px;margin:0 auto;text-align:right;line-height:44px;height:44px;}
	}
	.logo					{float:right;}
}


/* HOME */

#home						{
	.module					{width:282px;height:237px;.sprite(-667px, bottom);padding:115px 0px 0 30px;.font('Arial');margin-top:180px;float:left;
		time				{font-size:30px;color:@blue;}
		.title				{font-size:24px;}
		.number				{font-size:18px;.font('Arial');}
		a					{display:block;height:42px;line-height:42px;padding:0 10px 0 20px;color:@white;.sprite(0, -58px);float:left;font-size:13px;.font('Arial');text-transform:uppercase;margin-top:20px;
			span			{height:42px;width:10px;.sprite(-240px, -58px);position:absolute;top:0px;right:-10px;}
		}
	}
	.presentation			{width:625px;float:right;margin-top:50px;
		.mainImage			{width:625px;height:300px;overflow:hidden;}
		img					{margin:0 auto;display:block;}
		p					{width:301px;float:left;padding-left:11px;font-size:15px;line-height:22px;.font('Arial');}
		a.more				{float:right;text-transform:uppercase;color:@blue;margin:10px 0;}
	}
	#onglets				{clear:both;background:@blue;position:relative;margin-top:60px;color:@white;height:530px;
		#ongletsContainer	{height:530px;overflow:hidden;width:100%;}
		#ongletsNav			{position:absolute;top:-45px;left:50%;
			li				{float:left;
				a			{display:block;float:left;padding:0 20px;height:45px;line-height:45px;font-size:13px;text-transform:uppercase;color:@blackGrey;border-right:1px solid @middleGrey;
					&.last	{border-right:none;}
					&:hover,
					&.active{background:@whiteBlue;color:@white;}
					&:hover.first,
					&.active.first{.sprite(left, -126px);}
					&:hover.last,
					&.active.last{.sprite(right, top);}
				}
			}
		}
		
		header				{border-bottom:1px solid #00c9c8;padding:7px 0;height:23px;
			.title			{font-size:18px;.font('Arial');text-transform:uppercase;float:left;}
			a				{display:block;color:@white;font-size:10px;.font('Arial');.sprite(left, -101px);height:24px;line-height:24px;padding-left:10px;float:right;text-transform:uppercase;margin-right:10px;
				span		{display:block;position:absolute;top:0px;right:-10px;.sprite(-240px, -101px);height:24px;width:10px;}
			}
		}
		
		.actualites			{padding:0 5px 10px 5px;width:630px;float:left;background:@whiteBlue;border-right:1px solid @blue;height:530px;
			article			{height:42px;width:612px;.sprite(left,-763px);margin-top:15px;padding:0 10px;
				.title		{font-size:17px;.font('Arial');font-weight:bold;line-height:42px;cursor:pointer;}
				.text, .questions{display:none;}
				
				&.opened	{.sprite(left,-806px);width:612px;height:195px;
					.title	{height:48px;line-height:48px;}
					.text	{padding:10px 0;font-size:14px;line-height:21px;height:77px;display:block;
						a	{.font('Arial');color:@white;text-decoration:underline;
							&:hover{color:@green;}
						}
					}
					.questions{line-height:48px;font-size:15px;.font('Arial');display:block;
						span{font-weight:bold;}
					}
				}
			}
			.more			{font-size:12px;text-transform:uppercase;float:right;color:@white;margin-top:10px;.sprite(-989px, -45px, no-repeat);padding-left:15px;}
		}
	}
}


#home .calendar				{height:530px;}
#listing .calendar			{height:308px;
	#calendarSlider			{.sprite(-606px, -298px);height:308px;}
	
}
#calendarContainerBorder	{border:solid;border-color:@green;border-width:5px;}
#calendarContainer			{position:relative;margin-bottom:10px;}
.calendar					{width:605px;float:left;background:@whiteBlue;padding:0 5px 10px 5px;
	.public, .private		{display:block;height:21px;width:21px;position:absolute;top:25px;right:20px;}
	.private				{.sprite(-259px, -229px);}
	.public					{.sprite(-236px, -229px);}
	nav						{width:595px;height:40px;position:relative;top:8px;overflow:hidden;color:#707070;
		ul					{width:10000px;position:relative;left:240px;
			li				{float:left;width:150px;line-height:48px;.font('Arial');font-size:18px;font-weight:bold;text-align:center;position:relative;z-index:1;}
		}
		.degraded			{height:46px;width:595px;.sprite(left,-697px);position:absolute;top:0px;left:0px;z-index:10;}
		.next				{display:block;height:19px;width:16px;.sprite(-143px, -251px);position:absolute;top:13px;right:20px;z-index:11;cursor:pointer;}
		.prev				{display:block;height:19px;width:16px;.sprite(-126px, -251px);position:absolute;top:13px;left:20px;z-index:11;cursor:pointer;}
		.background			{display:block;height:40px;width:595px;background:@white;position:relative;top:5px;}
	}
	#calendarSlider			{background:@white;color:@blackGrey;position:relative;margin-top:10px;padding-bottom:5px;width:595px;height:378px;overflow-y:scroll;overflow-x:hidden;padding-top:10px;
		#calendarArticles	{position:relative;top:-21px;padding-top:21px;}
		article				{margin:0 10px 10px 10px;position:relative;border-bottom:1px dotted @blackGrey;padding-bottom:10px;.font('Arial');height:85px;
			.title a		{display:block;color:@green;font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:5px;border-bottom:none;padding-bottom:0px;}
			.target			{font-size:12px;margin-left:10px;margin-bottom:5px;font-style:italic;}
			.text			{font-size:12px;width:500px;margin-left:20px;}
			.more			{color:@blue;text-decoration:underline;}
			time			{font-size:20px;color:@blue;font-weight:bold;position:absolute;top:0px;right:0px;width:180px;text-align:center;}
			.module			{font-size:13px;color:@blue;position:absolute;top:25px;right:0px;width:200px;text-align:center;background:none;padding:0px;height:auto;margin-top:0px;}
			
		}
		 > .more			{font-size:12px;text-transform:uppercase;float:right;color:@white;.sprite(-989px, -45px, no-repeat);padding-left:15px;margin:20px 0 10px 0;}
	}
	
	.bottom				{display:block;height:5px;width:595px;.sprite(left, -757px);position:absolute;bottom:-5px;left:0px;}
}

#slider						{overflow:hidden;margin:110px auto 0 auto;
	#sliderContainer		{width:100000px;position:relative;left:0px;min-height:350px;
		article				{float:left;width:940px;position:absolute;top:0px;left:0px;
			.mainImage		{float:left;font-size:12px;}
			.slideContent	{width:270px;float:right;line-height:22px;font-size:13px;}
			.title			{font-size:24px;line-height:normal;}
			.number			{font-size:18px;margin-bottom:20px;line-height:normal;}
			a.more			{color:@whiteBlue;text-transform:uppercase;float:right;margin-top:20px;}
		}
	}
	nav						{position:relative;z-index:100;
		ul					{margin:0 auto;}
		li					{float:left;height:18px;width:18px;.sprite(left, -251px);margin-left:7px;cursor:pointer;
			&.on			{.sprite(-25px, -251px);}
		}
	}	
}


/* REGISTRATION */

#registration				{background:@blue;color:@white;margin-top:200px;height:1010px;
	&.pageContent			{margin-bottom:0px;}
	br						{display:none;}
	.error					{height:34px;color:@white;width:345px;.sprite(left, -172px);font-size:15px;line-height:34px;padding:0 10px;text-align:center;margin-bottom:23px;margin-left:170px;display:none;
		&.success			{.sprite(-366px, -172px);height:44px;padding-top:10px;line-height:15px;}
	}
	#registrationForm		{float:left;background:@whiteBlue;border-right:1px solid @blue;padding:0 10px 10px 10px;height:1000px;width:631px;}
	header					{border-bottom:1px solid #00c9c8;padding:7px 0;height:23px;margin-bottom:23px;
			legend			{font-size:18px;.font('Arial');text-transform:uppercase;float:left;}
	}					
	form					{width:631px;
		a					{color:@white;}
		div					{clear:both;
			&.code_postal, &.ville, &.telephone, &.fax, &.activite_hospitaliere, &.activite_liberale, &.activite_salarie, &.pratique_particuliere, &.charte	{clear:none;}
			&.code_postal label{width:150px;}
			&.ville label{width:100px;}
			&.fax label		{width:40px;}
			&.activite_liberale label		{width:100px;}
			&.activite_salarie label		{width:100px;}
			&.pratique_particuliere label	{line-height:16px;}
			&.pratique_particuliere textarea		{width:365px;}
			&.charte label		{width:490px; height:70px; text-align:justify; line-height:16px; margin-top:10px;}
		}
		input[type=text]	{border:@green 3px solid;height:30px;width:355px;float:left;margin-bottom:23px;font-size:15px;color:@blackGrey;padding:0 5px;.font('Arial');line-height:30px;
			&#code_postal	{width:49px;}
			&#ville			{width:169px;}
			&#telephone		{width:139px;}
			&#fax			{width:139px;}
		}
		input[type=checkbox]	{border:@green 3px solid;height:30px;width:40px;float:left;margin-bottom:23px;font-size:15px;color:@blackGrey;padding:0 5px;.font('Arial');line-height:30px;}
		label				{float:left;width:150px;text-align:right;margin-right:20px;line-height:36px;font-size:12px;
			span			{font-size:9px;position:relative;top:-4px;}
		}
		.button_div			{width:363px;border-top:1px solid @whiteBlue;border-bottom:1px solid @whiteBlue;margin-left:134px;
			p				{padding:10px;width:343px;border-top:1px solid #006666;border-bottom:1px solid #006666;}
		}
		input[type=submit]	{text-transform:uppercase;color:@white;border:none;.sprite(-251px, -32px);height:52px;width:159px;font-size:20px;margin:10px auto;margin-left:102px;}
		input[type=password]	{border:@green 3px solid;height:30px;width:302px;float:left;margin-bottom:23px;font-size:15px;color:@blackGrey;padding:0 5px;.font('Arial');}
	}
	
	#localization			{float:right;background:@blue;width:349px;padding:0 10px 10px 10px;border-left:1px solid @whiteBlue;height:640px;
		.title				{font-size:18px;.font('Arial');text-transform:uppercase;float:left;}
		ul					{
			.title			{.font('Arial');font-size:20px;text-transform:none;clear:both;width:349px;border-bottom:1px #006666 solid;height:30px;line-height:30px;border-top:none;}
			p				{display:block;clear:both;border-top:1px solid @whiteBlue;padding-top:10px;clear:both;
				strong		{color:@white;display:block;}
				br			{display:block;}
			}
		}
	}
}

.identification				{float:right;background:@blue;width:250px;padding:0 30px 10px 10px;border-left:1px solid @whiteBlue;height:640px;
	header					{border-bottom:1px solid #00c9c8;padding:7px 0;height:23px;margin-bottom:23px;
			legend			{font-size:18px;.font('Arial');text-transform:uppercase;float:left;}
	}
	a						{color:@white;}
	label					{line-height:36px;}
	input[type=text],
	input[type=password]	{border:@green 3px solid;height:30px;width:302px;float:left;margin-bottom:23px;font-size:15px;color:@blackGrey;padding:0 5px;.font('Arial');line-height:30px;
		&#code_postal		{width:49px;}
		&#ville				{width:169px;}
		&#telephone			{width:139px;}
		&#fax				{width:139px;}
	}
	input[type=submit]		{text-transform:uppercase;color:@white;border:none;.sprite(-251px, -85px);height:42px;width:119px;font-size:20px;margin:0 auto;margin-left:40px;}
	.error					{height:30px;color:@white;width:298px;.sprite(-366px, -227px);font-size:12px;line-height:30px;padding:0 5px;text-align:center;margin-bottom:23px;display:none;margin-top:15px;
		&.success			{.sprite(-365px, -262px);height:44px;padding-top:10px;line-height:15px;}
	}
	.button_div				{
		a					{color:@white;position:relative;}
	}
	p						{font-size:14px;font-weight:bold;margin-bottom:10px;}
	ul						{margin-left:20px;
		li					{margin-bottom:10px;.sprite(-1492px, -990px);padding-left:20px;}				
	}
}


/* ARTICLE */

#article					{
	.category				{top:30px;}
	article					{width:635px;padding-top:180px;float:left;
		header				{border-bottom:1px dotted @blackGrey;min-height:40px;margin-bottom:20px;overflow:auto;
			.title			{font-size:20px;color:@blue;.font('Arial');width:562px;float:left;border-right:1px dotted @blackGrey;min-height:40px;}
			a				{display:block;float:right;height:31px;padding-left:10px;text-align:center;.sprite(-251px, top);font-size:14px;.font('Arial');text-transform:uppercase;color:@white;position:relative;line-height:31px;top:5px;right:20px;
				span		{display:block;height:31px;width:10px;position:absolute;top:0px;right:-10px;.sprite(-410px, top);}
			}
		}
		.text				{font-size:15px;.font('Arial');margin-bottom:15px;
			h1				{.font('Arial');color:@blue;font-size:30px;border-bottom:1px dotted @black;margin-bottom:20px;}
			h2				{.font('Arial');color:@blue;font-size:22px;margin-bottom:15px;}
			h3				{.font('Arial');color:@blue;font-size:18px;margin-bottom:10px;}
			h4				{.font('Arial');color:@black;font-size:15px;margin-bottom:5px;}
			h5				{.font('Arial');color:@black;font-size:12px;}
			h6				{.font('Arial');color:@black;font-size:10px;}
			a				{color:@green;}
			strong			{color:@blue;}
			p				{margin-bottom:15px;}
			ul				{list-style:disc;margin-left:25px;}
			em				{font-style:italic;}
			
		}
		.author, .network	{color:@blue;font-size:15px;.font('Arial');font-weight:bold;}	
		footer				{border-top:1px dotted @blackGrey;border-bottom:1px dotted @blackGrey;font-size:15px;
			.questions		{border-right:1px dotted @blackGrey;height:45px;line-height:45px;float:left;padding-right:10px;
				span		{font-weight:bold;color:@blue;}
			}
			.print			{height:45px;line-height:45px;float:left;margin-left:10px;.sprite(left, -315px);padding-left:25px;}
		}		
		aside				{
			ul				{margin-bottom:40px;}
			.question		{font-size:17px;font-weight:bold;.font('Arial');margin-top:30px;
				.comment-reply-link{float:right;font-size:12px;color:@green;}
			}
			.answer			{position:relative;background:@green;padding:0 10px;color:@white;font-size:14px;margin-top:15px;margin-bottom:25px;
				.top		{display:block;position:absolute;top:-9px;left:0px;height:9px;width:635px;.sprite(left, -655px);}
				.bottom		{display:block;position:absolute;bottom:-9px;left:0px;height:9px;width:635px;.sprite(left, -665px);}
			}
			.more			{float:right;text-transform:uppercase;color:@blue;margin-top:50px;.sprite(-989px, -66px);padding-left:15px;}
			#respond		{
				h3			{font-size:20px;line-height:30px;border-top:1px @black dotted;margin-bottom:10px;padding-top:10px;}
				label		{display:none;}
				textarea	{border:3px @green solid;}
				input[type=submit]{display:block;height:31px;padding-left:18px;text-align:center;.sprite(-251px, top);font-size:10px;.font('Arial');text-transform:uppercase;color:@white;position:relative;line-height:31px;width:auto;border:none;cursor:pointer;margin-left:173px;width:169px;}
			}
		}
	}
}

/* SEARCH */

#search						{
	#results				{float:left;width:635px;margin-top:180px;
		.title				{.font('Arial');font-size:29px;border-bottom:1px dotted @blackGrey;color:@blue;padding-bottom:10px;}
		ul					{
			a				{.font('Arial');font-size:15px;padding:15px;.sprite(-994px, -142px);border-bottom:1px dotted @blackGrey;display:block;}
		}
	}
	
	#sidebar				{margin-top:180px;}
}

/* listing	*/

#listing					{
	.left					{
		.title				{color:@blue;font-size:20px;.font('Arial');margin-bottom:10px;}
		.calendar			{margin-top:180px;background:none;float:left;}
		#list				{float:left;width:605px;margin-top:170px;padding-left:30px;
			article			{clear:both;margin-bottom:30px;
				.title a	{font-size:20px;.font('Arial');color:@blue;padding-bottom:10px;border-bottom:1px dotted @blackGrey;width:635px;margin-bottom:10px;display:block;}
				.text		{font-size:15px;.font('Arial');
					a		{font-size:12px;
						&:hover{color:@blue;}
					}
				}
				.questions	{padding-top:10px;border-top:1px dotted @blackGrey;margin-top:10px;
					span	{font-weight:bold;color:@blue;}
				}
			}
		}
	}
	#sidebar				{
		#cumulus			{margin-top:200px;}
	}
}

/* PRIVATE */

#private					{
	#sidebar				{float:left;}
	.title					{font-size:29px;.font('Arial');color:@blue;}
	#subjects				{float:right;width:635px;margin-top:180px;
		ul#subjectsList		{
			.month				{background:@whiteGrey;border-bottom:1px solid @blackGrey;width:625px;height:25px;line-height:25px;padding:0 5px;
				span			{float:right;}
			}
			li					{clear:both;border-bottom:1px dotted @blackGrey;padding:5px 0;overflow:auto;
				.title			{.font('Arial');font-size:15px;
					a			{color:@blue;}
				}
				.left 			{float:left;width:500px;}
				.right			{float:right;}
				.author			{float:right;}
			}
		}
	}
	
	#uploadPopin					{background:url('@{img}popin-background.png');position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:1000000;}
	#uploadForm						{position:fixed;top:50%;left:50%;width:440px;border:@blue 8px solid;margin:-280px 0 0 -228px;padding:10px;.font('Arial');background:@white;z-index:1000;
		.title						{line-height:40px;border-bottom:@black 1px dotted;margin-bottom:10px;.font('Arial');}
		.advice						{border-bottom:@black 1px dotted;padding-bottom:10px;margin-bottom:10px;}
		input[type=text], textarea	{width:285px;border:3px solid @green;height:20px;}
		input[type=text]			{line-height:20px;}
		textarea					{height:50px;}
		label						{margin-bottom:5px;display:block;}
		small						{display:none;}
		fieldset					{margin-bottom:10px;}
		legend						{margin-bottom:5px;display:block;}
		iframe						{margin-top:-15px;}
		input[type=submit]{display:block;height:31px;padding-left:18px;text-align:center;.sprite(-251px, top);font-size:16px;.font('Arial');text-transform:uppercase;color:@white;position:relative;line-height:31px;width:169px;border:none;cursor:pointer;margin-right:10px;margin-left:265px;}
		.close						{display:block;height:26px;width:26px;.sprite(left, -362px);position:absolute;top:-15px;right:-15px;z-index:5;}
		span						{font-size:10px;color:@blue;}
	}
}

/* SIDEBAR */

#sidebar .ie7				{position:relative;top:-50px;}

#sidebar					{float:right;width:316px;position:relative;padding-bottom:100px;margin-top:180px;margin-right:-70px;
	#moreArticles			{position:relative;margin-top:50px;
		nav					{display:block;margin:0;padding:0;
			li				{display:block;float:left;text-align:center;height:45px;line-height:45px;font-size:13px;text-transform:uppercase;color:@blackGrey;cursor:pointer;.font('Arial');position:relative;top:1px;z-index:10;cursor:pointer;
				&:hover,
				&.active	{background:@whiteBlue;color:@white;}
				&:hover.first,
				&.active.first{.sprite(-366px, -297px);}
				&:hover.last,
				&.active.last{.sprite(right, -178px);}
				&.first		{width:200px;border-right:1px solid @blackGrey;}
				&.last		{width:115px;}
			}				
		}
		.cumulus			{padding:10px;background:@blue;display:none;clear:both;position:relative;}
		.titleList			{width:316px;background:@blue;clear:both;overflow:hidden;
			li				{display:block;}
			a				{display:block;.font('Arial');font-weight:bold;font-size:15px;color:@white;width:294px;padding:10px;margin-left:1px;position:relative;border-top:1px solid #00bebd;
				span.comments{display:block;width:33px;height:24px;.sprite(-26px, -286px);color:@blackGrey;font-weight:normal;font-size:12px;text-align:center;line-height:20px;position:absolute;right:10px;top:50%;margin-top:-12px;}
				span		{display:block;width:250px;}
			}
		}
		#pagination			{background:@blue;height:42px;position:relative;
			ul				{float:right;margin-right:10px;}
			li				{display:block;width:21px;height:20px;text-align:center;line-height:20px;float:left;background:@white;border:1px solid #adadad;color:@blue;margin:10px 0 10px 5px;
				&.active	{.sprite(-2px, -278px);border:1px solid @green;color:@white;}
			}
		}
	}
	.identification			{position:relative;margin-top:0px;background:@blue;padding:0 10px 10px 10px;height:auto;width:296px;float:none;clear:both;
		header				{border:none;padding:0;height:auto;margin:0;margin-bottom:10px;}
		p					{color:@white;}
		.title, legend		{color:@white;.font('Arial');font-size:18px;text-transform:uppercase;border-bottom:1px solid #006261;padding-bottom:5px;width:296px;}
		form				{padding-top:10px;
			label			{display:block;font-size:12px;.font('Arial');color:@white;margin-bottom:10px;}
			input			{width:274px;border:3px solid @green;height:30px;margin-bottom:20px;padding-left:10px;}
			input[type=submit]		{text-transform:uppercase;color:@white;border:none;.sprite(-251px, -85px);height:42px;width:119px;font-size:20px;margin:0 auto;float:right;}
			p 				{position:relative;
				span		{display:block;height:31px;width:10px;position:absolute;top:0px;right:0px;.sprite(-410px, top);}
			}
		}
		a					{color:@white;line-height:31px;}
	}
	#contact				{margin-top:90px;position:relative;
		.title				{font-size:13px;.font('Arial');color:@white;text-transform:uppercase;padding:0 10px;height:49px;line-height:45px;position:absolute;z-index:2;background:@whiteBlue;.sprite(0, -605px);height:49px;width:318px;top:-46px;}
		ul					{background:@blue;position:relative;
			a				{height:38px;.font('Arial');font-weight:bold;font-size:15px;display:block;color:@white;border-top:1px solid #00bebd;border-bottom:1px solid #006261;line-height:38px;.sprite(-70px, -301px);padding-left:40px;}
		}
		.bottom				{bottom:-1px;border-top:1px solid #00bebd;bottom:-11px;}
	}
	#uploadBox				{background:@blue;position:relative;padding:0 10px;color:@white;
		.title				{color:@white;font-size:13px;text-transform:uppercase;.font('Arial');height:35px;line-height:35px;border-bottom:1px solid #006261;}
		.description		{border-top:1px solid @whiteBlue;padding:10px 0;}
		#openUpload			{display:block;height:42px;text-align:center;.sprite(-371px, -85px);font-size:14px;.font('Arial');text-transform:uppercase;line-height:42px;width:auto;cursor:pointer;margin:10px 0 0 0;width:209px;}
	}
	.bottom					{display:block;width:316px;height:10px;.sprite(left, -686px);position:absolute;left:0px;bottom:-10px;}
	.top					{display:block;width:316px;height:10px;.sprite(-317px, -686px);position:absolute;left:0px;top:-10px;}
	
	#cumulus				{position:relative;margin-top:90px;
		div					{padding:0 10px;background:@blue;}
		.title				{font-size:13px;.font('Arial');color:@white;text-transform:uppercase;padding:0 10px;height:49px;line-height:45px;position:absolute;z-index:2;background:@whiteBlue;.sprite(0, -605px);height:49px;width:318px;top:-46px;}
	}
	#widget_recent_entries	{margin-top:90px;padding:10px;background:@blue;position:relative;padding:0 10px;color:@white;
		.title				{color:@white;font-size:13px;text-transform:uppercase;.font('Arial');height:35px;line-height:35px;border-bottom:1px solid #006261;}
	}
}


/* PAGE */

.pageContent				{margin:200px 0;.font('Arial');font-size:15px;
	.pageText				{width:670px;min-height:500px;float:left;
		p					{margin-bottom:15px;}
	}
	#sidebar				{margin-top:0px;}
	.category				{top:-180px;width:600px;text-align:right;}
	h1						{.font('Arial');color:@blue;font-size:30px;border-bottom:1px dotted @black;margin-bottom:20px;}
	h2						{.font('Arial');color:@blue;font-size:22px;margin-bottom:15px;}
	h3						{.font('Arial');color:@blue;font-size:18px;margin-bottom:10px;}
	h4						{.font('Arial');color:@black;font-size:15px;margin-bottom:5px;}
	h5						{.font('Arial');color:@black;font-size:12px;}
	h6						{.font('Arial');color:@black;font-size:10px;}
	a						{color:@green;}
	strong					{color:@blue;}
	.text					{
		.faq-catname		{font-size:15px;font-weight:bold;}
		.faq-title			{font-weight:bold;font-size:20px;
			a				{color:#009291;}			
		}
		.children  			{margin-left:50px;}
	}
}

#popinContent.pageContent	{
	.left					{background:@white;height:auto;padding:30px;}
	#registrationForm		{background:@white;height:auto;padding:30px;border-right:none;color:@blue;}
}


/* POPIN */

#popin						{background:url('@{img}popin-background.png');position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:10000;
	#popinContent			{position:absolute;background:@white;border:5px @blue solid;padding:10px;width:780px;top:50%;left:50%;margin-left:-400px;margin-top:0px;
		.close				{display:block;height:26px;width:26px;.sprite(left, -362px);position:absolute;top:-15px;right:-15px;z-index:5;}
	}
	
	#registration			{margin-top:0px;}
	
}

/* PAYPAL */

.paypal						{border-top:1px dotted @black;margin-top:20px;
	form					{width:130px;margin:0 auto;padding-top:20px;}
}


#search						{
	.left					{margin-top:180px;
		.title				{color:@blue;.font('Arial');font-size:30px;}
		li					{padding:10px;border-bottom:1px @black dotted;.sprite(-1495px, -384px);}
	}
}

.wp-pagenavi		{height:42px;float:right;
	ul				{float:right;}
	a, span			{display:block;width:21px;height:20px;text-align:center;line-height:20px;float:left;background:@white;border:1px solid #adadad;color:@blue;margin:10px 0 10px 5px;padding:0;
	}
	span			{.sprite(-2px, -278px);border:1px solid @green;color:@white;}
	.extend			{background:none;color:@blue;}
}

/* Plan du Site */