@charset "utf-8";

/* -- commun -- */
#wrapper				{width:1020px;height:100%;margin:0 auto;display:block}


/* -- header -- */
#header					{width:100%;height:125px;display:block;float:left;margin:0;padding:0;text-align:center}
#header img				{margin:0;padding:46px 0 0 0}


/* -- nav -- */
#nav
{
	height:415px;
	width:186px;
	display:none;
	clear:none;
	float:left;
	font:11px/26px Verdana, Geneva, sans-serif;
	margin:18px 0 0 41px;
	*margin-left:-980px;
	_margin-left:-980px;
	padding:54px 0 0 0;
	text-transform:uppercase;
	text-align:right;
	background:#96908b;
	z-index:10;
	position:absolute;
	top:125px;
	overflow:hidden
}

#nav li					{list-style:none;margin:0 26px 0 0;padding:0;display:block}
#nav li.mid				{height:100px}

#navsub					{font-family:ArnoProRegular, "Times New Roman", Times, serif}

/*
#nav li.on,
#nav li:hover			{}

#nav li.on a,
#nav li:hover a,
#nav li a:active,
#nav li a.on 			{ color:#000 }
*/

#switch 				{position:relative;cursor:pointer;top:-322px;left:8px;z-index:12;clear:none}

/* -- herbox -- */
#herbox			{width:100%;text-align:left;display:block;margin:0 auto;padding:10px 0;text-indent:20px;position:absolute;border-bottom:1px solid #597D42}
#herbox a		{color:#FFF;text-decoration:none}
#herbox a.close	{float:right;margin-right:20px;font-weight:600}

#herbox[rel="2"]{background:red}
#herbox[rel="1"]{background:#79A85A}
#herbox[rel="0"]{background:#F60}


/* -- container -- */
#container				{width:100%;height:548px;display:block;float:left;margin:0;padding:0;text-align:left;background:url(../../MEDIA/template/img/shadow.png) no-repeat center top;overflow:hidden}

#display				{display:block;margin:18px 0 0 30px}
#display li				{list-style:none}

#display li.aside		{float:left;display:block;margin:0;padding:0;width:268px;height:468px;text-align:right;color:#ab9777;font:normal 16px/28px ArnoProRegular, Verdana, Geneva, sans-serif}
#display li.aside a		{color:#ab9777;letter-spacing:1px}
#display li.aside h2	{color:#3a3a3b;font-size:25px;padding:265px 0 30px 0;font-weight:normal}

#display li.photo			{float:left;display:block;margin:0 0 0 30px;padding:0 0 0 0;width:225px;height:468px;background:#96908b;overflow:hidden}
#display li.photo #visuels	{_margin:0 0 0 -16px;*margin:0 0 0 -16px}

#display li.article		{float:left;display:block;margin:0 0 0 5px;padding:0;width:421px;height:468px;background:#96908b}


#display h3				{padding:0 0 10px 0;width:100%;text-align:right;font:normal 14px/18px Georgia, "Times New Roman", Times, serif;color:#474542;cursor:pointer}
#display p				{padding:0;width:100%;text-align:justify;font:normal 11px/18px Verdana, Geneva, sans-serif}
#display div			{padding:0 0 5px 0}
#display p a			{color:#CCC}

	/* scroll */
	#display div.scrollpi,
	#display div.scroll						{display:block;width:355px;height:300px;overflow-y:scroll;overflow-x:hidden;margin:0 0 20px 0;padding:0 20px 0 0}
	#display div.scrollpi					{width:340px;height:200px;margin:10px 0}

	/* actus */
	#display.actus #navsub	* 				{cursor:default}
	#display.actus #articles 				{margin:85px 0 0 30px;width:360px;height:320px;display:block;overflow:hidden}
	#display.actus #articles li				{display:none}
	#display.actus #articles li.active		{width:360px;height:320px;display:block}
	#display.actus #visuels li				{display:none}
	#display.actus #visuels li.active		{width:225px;height:468px;display:block}
	#display.actus h4						{font:normal 14px/18px Georgia, "Times New Roman", Times, serif;color:#474542;text-align:right}
	#display.actus p.download				{text-align:right;width:100%}
	#display.actus p.download a				{color:#474542}
	
	#display.actus .prevnext				{margin:15px 30px 0 30px;width:auto;height:20px;display:block;float:right;text-align:right;color:#FFF}
	#display.actus .prevnext li				{float:left;margin-left:5px}
	#display.actus a.next					{}

	/* nosvins_rouge */
	#display.nosvins_rouge #desc 			{margin:65px 0 0 30px;width:360px;height:290px;display:block;overflow:hidden}
	#display.nosvins_rouge #desc li			{display:none}
	#display.nosvins_rouge #desc li.active	{width:360px;height:320px;display:block}
	#display.nosvins_rouge h4				{margin:0 0 30px 0;font:normal 32px/18px Georgia, "Times New Roman", Times, serif;color:#474542}
	#display.nosvins_rouge p				{margin:0 0 20px 0;width:360px;height:auto;display:block}
	#display.nosvins_rouge a				{color:#474542}
	
	#display.nosvins_rouge #visuels li				{display:none}
	#display.nosvins_rouge #visuels li.active		{width:225px;height:468px;display:block}
	
	#display.nosvins_rouge #vramp 					{margin:0 0 0 30px;width:auto;font:normal 16px/16px "Times New Roman", Times, serif}
	#display.nosvins_rouge #vramp li				{float:left;cursor:pointer;margin:0 10px 0 0;width:20px;}
	#display.nosvins_rouge #vramp li.vmid			{width:310px;height:16px;display:block;overflow:hidden;text-align:center}
	#display.nosvins_rouge #vramp li li				{float:left;width:310px;display:none}
	#display.nosvins_rouge #vramp li li.active		{display:block}
	#display.nosvins_rouge #vramp li span			{float:left;width:50px;letter-spacing:1px}
	#display.nosvins_rouge #vramp span.active		{color:#474542}
	
	/* nosvins_pdv */
	#display.nosvins_pdv .article h3		{margin:145px 0 20px 30px;width:360px;height:auto;display:block}
	#display.nosvins_pdv .article p			{margin:0 0 20px 30px;width:360px;height:auto;display:block}
	#display.nosvins_pdv .article p	a		{color:#474542}

	/* gout_ynb */
	#display.gout_ynb h3 strong				{font-size:26px;font-weight:normal}
	#display.gout_ynb h3					{padding:230px 0 10px 83px;width:255px}
	#display.gout_ynb div					{padding:0 0 5px 83px;width:255px}

	/* docs_liste */
	#display.docs_liste .article h3			{padding:75px 0 2px 0;width:240px;border-bottom:1px solid #3a3a3b;margin:0 0 40px 115px}
	#display.docs_liste .article ul			{padding:0 0 5px 115px;width:240px}
	#display.docs_liste .article ul	li		{padding:5px 0;width:100%;text-align:right}

	/* contact|accordion */
	#display.contact #vcard,
	#display #accordion						{margin:40px 0 0 30px;width:360px;height:400px;display:block}
	#display.contact #vcard a:hover			{color:#474542}

	/* login */
	#display .inner							{margin:40px 0 0 30px;width:360px;height:400px;display:block}
	#display .inner	#formid					{margin-top:80px}
	#display .inner	#formid	.error			{background-color:#F00;color:#FFF}
	#display .inner	#formid	label.error 	{display:none;height:0;width:0;overflow:hidden}

	#display.contact #vcard address p		{text-align:right;padding-bottom:10px}
	#display.contact #vcard address a		{color:#FFF}

/* -- footer -- */
#footer		{width:990px;height:50px;display:block;clear:both;float:left;text-align:right;word-spacing:8px;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:12px 0 45px 0;margin:-55px 0 0 0}
#footer	a	{word-spacing:0}