/*---------------------------------------------------------------*/
/* LAYOUT_WEB.CSS                                                */
/* --------------------------------------------------------------*/
/*                                                               */
/* Feuille de style spécifique au layout_web                     */
/*                                                               */
/*---------------------------------------------------------------*/


/** Surcharge des sélecteurs basiques -----------------------------------------*/

strong{font-weight:	bold;}
td{padding:0.3em; }
em{font-style:italic;}


/** Classes, Ids Généraux -----------------------------------------------------*/

	.blue				{ color:blue;}
	.red				{ color:red;}

	.hasSidebar 		{ background: #fefefe; }

	.submit_btn{
	background:			#19bad7 url(/images/icones/round_ok2.png) no-repeat;
	color:				#fff;
	font-weight:		bold;
	border:				solid 1px #2690b3;
	width:				100px;
	cursor:				pointer;
	float:				right;
	margin-right:		0.1em;
	}

	.erreur {
	background:			#b64046;
	color:				#fff;
	}

		.erreur h4{
		font-size:			1.3em;
		font-weight:		bold;
		padding-left:		25px;
		padding-top:		0.2em;
		background:			url(/images/icones/warning.png) no-repeat;
		height:				34px;
		line-height:		34px;
		}


		.erreur ul {
		border:				0px;
		}

		.erreur ul li {
		background:			url(/images/icones/panneau_error2.png) no-repeat;
		padding-left:		18px;
		color: 				#fac5c5;
		text-align: 		left;
		list-style-type: 	none;
		font-size:			1em;
		margin:				0.5em;
		height:				20px;
		font-weight:		bold;
		}

		input.erreur, textarea.erreur {
		background:			#fa7982 url(/images/icones/panneau_error2.png) no-repeat;
		padding-left:		18px;
		border:				solid 2px #e35a63;
		font-weight:		bold;
		}


		input.valide, textarea.valide {
		background:			#38c77f url(/images/icones/round_ok2.png) no-repeat;
		padding-left:		18px;
		border:				solid 2px #41b279;
		color:				#fff;
		font-weight:		bold;
		}

	/** FOND ----------------------------------------------------------------- */

	body.nat, html.nat	{ background: #d34343 url(/images/web_skins/body_nat.jpg) repeat-x; }
	body.dsr, html.dsr	{ background: #f9bf37 url(/images/web_skins/body_dsr.jpg) repeat-x; }
	body.dsd, html.dsd	{ background: #5180ac url(/images/web_skins/body_dsd.jpg) repeat-x; }
	body.dis, html.dis	{ background: #f0f0f0 url(/images/web_skins/body_dis.jpg) repeat-x; }

	/** ACCORDION (SURCHARGE) -------------------------------------------------*/

	div.accordion {
    position: 			relative;
	}

	div.accordion-toggle{
  	position: 			relative;
   	z-index: 			10;
	color:				#fff;
	font-weight:		bold;
	padding:			0.2em;
	border-bottom:		solid 1px #2690b3;
    cursor: 			pointer;
    background:			#19bad7 url(/images/icones/arrow_down2.gif) no-repeat;
    background-position:99% 50%;
	}

		div.accordion-toggle a{
		color:				#fff;
		}

	div.accordion-toggle-active{
    background: 		#2690b3;
	}

	div.accordion-content{
    overflow: 			hidden;	/* required for effect */
    background: 		#c4edfb;
	}

	/** CAROUSEL (SURCHARGE) -------------------------------------------------*/

	.carousel-component {
	position:		relative;
	z-index:		600;
	background:		transparent;
	left:			-35px;
	top:			20px;
	}

	.carousel-component .carousel-list li {
	z-index:		600;
	width:			82px;
	}

	.carousel-list li a {
	position:		relative;
	z-index:		600;
	display:		block;
	margin:			0px;
	margin-top:		2em;
	padding:		0px;
	background:		#ffffff;
	border:			solid 1px #505050;
	text-decoration:none;
	color:			#505050;
	}

	.carousel-component .carousel-clip-region{
	background:		transparent;
	}

	/** WIDE BOX -------------------------------------------------------------*/

	div.box_w_top{
	background:			transparent url(/images/web/box_w/box_w_top.png) no-repeat;
	width:				580px;
	height:				10px;
	}

	.box_w {
	background:			transparent url(/images/web/box_w/box_w.png) repeat-y;
	width:				580px;
	}

		.box_w li, .box_w p{
		padding:			0em 1.2em;
		margin-left:		5px;
		color:				#505050;
		background:			transparent url(/images/web/box_w/arrow_list.png) no-repeat;
		background-position:0% 50%;
		font-size:			130%;
		line-height:		30px;
		border-bottom:		dotted 1px #cecece;
		}

	div.box_w_bottom{
	background:			transparent url(/images/web/box_w/box_w_bottom.png) no-repeat;
	width:				580px;
	height:				9px;
	}

/** FOND */

#fond
{
	position: relative;
	z-index: 0;
}

/** HEADER -------------------------------------------------------------------*/


	/** TOPBAR ---------------------------------------------------------------*/
	#topbar h1.nat	{ left:	  0px; }
	#topbar h1.dsr	{ left:	100px; }
	#topbar h1.dsd,
	#topbar h1.dis	{ left:	200px; }

	/** BANDEAU AVEC PICTOS --------------------------------------------------*/

	#banner{
	color:				#a0a0a0;
	text-align:			center;
	height:				144px;
	}

	#logo_unss, #activites{
	height:				133px;
	}

		#activites {
		background-position: 	100% 0%;
		position:				relative;
		}

	#partners img
	{
	float:			right;
	margin:			1em 0;
	margin-right:	0.1em;
	padding:		0.2em;
	background:		#ffffff;
	border:			solid 1px #dedede;
	}

	#annonce
	{
		height: 		95px;
		left:			-4.5em;
		margin-bottom:	2em;
		overflow:		hidden;
		padding:		0;
		position:		absolute;
		text-align:		left;
		top:			.5em;
		width: 			550px;
	}

		#annonce .cycleWrapper {
			height: 	95px;
			width: 		550px;
			overflow: 	hidden;
			display: 	none;
			cursor: 	pointer;
		}

		#annonce img,
		#annonce embed,
		#annonce object
		{
			margin: 	0;
			padding: 	0;
		}

		.layout3 img {
			padding: 2px !important;
			background: #fff;
			border: solid 1px #dedede !important;
			float: left;
			width: 90px;
		}

		.layout3 div.text {
			float: 				left;
			padding-left: 	1em;
			height:				95px;
			width:				440px;

		}

		.layout3 h2,
		.layout4 h2 {
			font-size: 		16px;
			margin-bottom: 	5px;
			font-weight: 	bold;
			color:			#000;
		}

		.layout3 a,
		.layout4 a {
			display: block;
			color: #7e9dc7;
		}

		.layout4 div.text {
			text-align: center;
		}

		#cycleNav {
			position: absolute;
			top: 10px;
			left: 500px;
		}

			#cycleNav a{
				display: block;
				width: 17px;
				height: 17px;
				line-height: 15px;
				text-align: center;
				background: #fff;
				margin-bottom: 3px;
				text-decoration: none;
				font-size: 10px;
				font-weight: bold;
				color: #ccc;
				background: transparent url(/images/web/annonces/cyclePager-inactive.png) no-repeat;
			}

				#cycleNav a.activeSlide,
				#cycleNav a:hover {
					color: #333;
					text-shadow: #fff 1px 1px 0px;
					background: transparent url(/images/web/annonces/cyclePager-active.png) no-repeat !important;
				}



/** BLOC LOGIN -------------------------------------------------------*/

	#bloclogin2 {
		position: absolute;
		top: 107px;
		left: -57px;
		background: transparent url(/images/web/loginBg.jpg) no-repeat;
		border: solid 1px #afaeae;
		border-bottom: none;
		width: 584px;
		height: 38px;
	}

	#bloclogin2 input.submit{
		position: absolute;
		top: 0px;
		right: 0px;
	}

		#bloclogin2 input#login,
		#bloclogin2 input#passw
		{
			color:	#928f8f;
			text-shadow : #fff 1px 1px 0px;
			border:	none;
			padding-left: 20px;
			font-size: 10px;
			text-align: left;
			height: 38px;
			line-height: 38px;
		}

			#bloclogin2 input#login {
				background: transparent url(/images/icones/userInset.png) no-repeat;
				width: 250px;
				padding-right: 20px;
			}

			#bloclogin2 input#passw {
				background: transparent url(/images/icones/keyInset.png) no-repeat;
				width: 150px;
				padding-right: 100px;
			}


	#bloclogin{
	position:			absolute;
	top: 				110px;
	left:				-2em;
	}

		#bloclogin table{
		background:			#fff;
		border-collapse:	collapsed;
		border:				solid 1px #909090;
		}

		#bloclogin_secure table{
		margin:				0.5em auto;
		border: 			none;
		}

		#bloclogin td,
		#bloclogin_secure td{
		background:			#fff url(/images/web/fond_search.gif) repeat-x;
		height:				25px;
		border-left:		dotted 1px #909090;
		}

		#bloclogin_secure td{
		border:				solid 1px #909090;
		}

		#bloclogin_secure th {
		background: 		none;
		border: 			none;
		padding-right:		0.5em;
		font-weight:		bold;
		color:				#888;
		}

		#bloclogin_secure td.submit {
		background: 		none;
		border: 			none;
		text-align:			right;
		padding:			0;
		}


	input#login,
	input#passw
	{
		color:				#303030;
		border:				none;
		width:				200px;
		padding-left:		20px;
		text-align:			left;
		color: #888;
	}

	input#login	{ background: transparent url(/images/icones/user.gif) no-repeat 0 50%; }
	input#passw	{ background: transparent url(/images/icones/locker.gif) no-repeat  0 50%; }

	.commit
	{
		background: 		#fff;
		border-left: 		dotted 1px #909090;
	}

.parts{
	z-index:			200;
	text-align:			justify;
	font-size:			90%;
	}

	.parts h2{
	padding-top:		10px;
	padding-left:		60px;
	height:				50px;
	font-weight:		bold;
	font-size:			122%
	}

	.parts p{
	padding:			1em;
	}


/** PARTENAIRES --------------------------------------------------------------*/

#partenaires
{
	top:				-1em;
}
#partenaires ul
{
	top:				1.7em;
	width:				995px;
	margin:				0 auto;
}


/** FOOTER -------------------------------------------------------------------*/

#footer{
position:			relative;
top:				-1.5em;
background:			#021644 url(/images/web/fond_footer.gif) repeat-x;
text-align:			center;
margin:				0 auto;
width:				100%;
height:				34px;
color:				#cdcdcd;
font-size:			90%;
/*z-index:			500;*/
}


#ft_contact{
position:			relative;
top:				0.9em;
text-align:			left;
}

	#ft_contact a{
	color:				#cdcdcd;
	text-decoration:	underlined;
	}

		#ft_contact a:hover{
		font-weight:		bold;
		}

#ft_url{
float:				right;
}

	#ft_url a{
	color:				#cdcdcd;
	padding:			0;
	padding-top:		0em;
	padding-right:		0.5em;
	font-size:			105%;
	}

		#ft_url a:hover{
		font-weight:		bold;
		}

ul.puce li{
	list-style-type:		circle;
	list-style-position:	inside;
}


/** MENU CONTEXTUEL ------------------------------------------------------------*/

	#context_menu{
	text-align:			center;
	color:				#fff;
	margin:				5px 11px;
	height: 			80px;
	}

	.context_title, #context_desc, #context_nav{
	height:				78px;
	}

	.context_title{
	float:				left;
	width:				249px;
	}


	#context_title_jo{
	background:			transparent url(/images/web/menu/context_title_jo.png) no-repeat;
	}

	#context_title_clic{
	background:			transparent url(/images/web/menu/context_title_clic.png) no-repeat;
	width: 				232px;
	height:				80px;
	}

	#context_title_orientations{
	background:			transparent url(/images/web/menu/context_title_orientations.png) no-repeat;
	}

	#context_title_activites{
	background:			transparent url(/images/web/menu/context_title_activites.png) no-repeat;
	}

	#context_desc{
	float:				left;
	width:				205px;
	background:			transparent url(/images/web/menu/context_desc.png) no-repeat;
	}

	#context_desc p{
	text-align:			justify;
	padding:			5px;
	padding-right:		10px;
	}

	#context_nav{
	float:				left;
	width:				498px;
	background:			transparent url(/images/web/menu/context_nav.png) no-repeat;
	text-align:			left;
	}

	#context_nav_clic{
	float:				left;
	width:				715px;
	height:				80px;
	background:			transparent url(/images/web/menu/context_nav_clic.png) no-repeat 100% 0%;
	text-align:			left;
	}

	#context_nav a, #context_nav_clic a{
	font-size:			93%;
	display:			block;
	float:				left;
	height:				23px;
	line-height:		20px;
	width:				160px;
	color:				#fff;
	text-decoration:	none;
	margin-top:			7px;
	padding-top:		5px;
	padding-left:		5px;
	position: relative;
	}

	#context_nav a:hover,
	#context_nav_clic a:hover,
	#context_nav a.selected,
	#context_nav_clic a.selected{
	font-weight:		bold;
	background:			transparent url(/images/web/menu/active.gif) no-repeat;
	}


/** MENU SLIDE ------------------------------------------------------------*/

	#slide_menu{
	position:			relative;
	z-index: 			9999;			/* FIX[IE6+] Menu déroulant toujours au dessus */
	margin-top:			0.2em;
	}


/** CONTENU --------------------------------------------------------------------*/

	/** CONTENU GÉNÉRAL --------------------------------------------------------*/

	.content{
	background-color:	#f7f7f7;
	border:				solid 1px #c5c5c5;
	border-top:			solid 5px #c5c5c5;
	font-size:			90%;
	padding-bottom: 	1.5em;
	position:			relative;
	text-align:			justify;
	z-index:			50;
	}

	.content h2{
	padding-top:		10px;
	padding-left:		60px;
	font-weight:		bold;
	font-size:			122%;
	}

	.content p{
	padding:			1em;
	}

	.content strong{
	color:				#505050;
	}


	/** CONTENU TEXTUEL --------------------------------------------------------*/

	.texte p{
	font-size:			110%;
	}

	.texte a{
	color:				#115e7e;
	}

	.texte table{
	margin-left:		0.5em;
	margin-bottom:		1.5em;
	border:				solid 1px #2690b3;
	color:				#115e7e;
	width:				99%;
	}

	.texte th{
	background:			#19bad7;
	color:				#fff;
	font-weight:		bold;
	padding:			0.2em;
	border-right:		dotted 1px #fff;
	}

	.texte tr, .texte td{
	border-bottom:		dotted 1px #2690b3;
	}

	.texte tr{
	background:			#a0eaf7;
	}

	.texte h1{
	font-size:			180%;
	font-weight:		bold;
	color:				#505050;
	border-bottom:		solid 2px #cecece;
	background:			#fff;
	padding:			0.3em;
	}

	.texte h1 a{
	color:				#505050;
	text-decoration:	none;
	}

	.texte h1 a.anchor{
	color:				#505050;
	text-decoration:	none;
	font-size:			60%;
	float:				right;
	}

	.texte h1 a.download{
	color:				#505050;
	background:			transparent url(/images/web/bt_toolbar_dl.jpg) no-repeat;
	text-decoration:	none;
	font-size:			60%;
	float:				right;
	padding-left:		42px;
	}


	.texte h2{
	font-size:			120%;
	text-align:			center;
	padding:			0 0;
	margin:				0 0;
	color:				#197695;
	background:			transparent url(/images/web/sidebar_h2.jpg) repeat-x;
	border-bottom:		solid 2px #fff;
	border-top:			dotted 1px #c0c0c0;
	line-height:		25px;
	}

	.texte h3{
	font-size:			110%;
	font-weight:		bold;
/* 	height:				15px; */
	line-height:		15px;
	text-align:			left;
	padding:			0.5em 1em;
	color:				#fff;
	background:			#2fabd4 url(/images/icones/arrow_right2.gif) no-repeat;
	background-position:1% 55%;
	}

	.texte blockquote{
	margin-left:		3em;
	margin-bottom:		1em;
	font-style:			italic;
	color:				#fff;
	}

		.texte blockquote blockquote{
			color:		#555;
			font-size:	90%;
		}

	.texte object{
	position:			absolute;
	top:				10px;
	left:				470px;
	float:				right;
	}

	.bt_toolbar{
	position:			relative;
	float:				left;
	display:			block;
	width:				39px;
	height:				39px;
	left:				-0.3em;
	margin:				0;
	padding:			0;
	}

	.alt td{
	background:			#c4edfb;
	}

	/** TÉLÉCHARGEMENT DE FICHIERS ---------------------------------------------*/

		.mime_link a{
		margin-right:		0.5em;
		text-decoration:	none;
		}

		.mime_link a:hover{
		text-decoration:	underline;
		}

	/** LIENS ANCRES -----------------------------------------------------------*/

	#ancres_jo{
	background:			transparent url(/images/table_skin/th.gif) no-repeat scroll 100% 100% ;
	border-bottom:		dotted 1px #000;
	padding:			0.5em;
	margin-left:		5px;
	font-weight:		bold;
	font-size:			120%;
	}

		#ancres_jo a{
		margin-left:		0;
		margin-right:		0.5em;
		text-decoration:	none;
		}

		#ancres_jo a:hover{
		color:				#000;
		}

	.ancres{
	height:				10px;
	line-height:		10px;
	padding:			0.5em;
	color:				#fff;
	font-weight:		bold;
	margin:				0.5em 0em 0.5em 0.5em;
	}

		.ancres a{
		margin:				0.5em;
		color:				#fff;
		text-decoration:	none;
		font-weight:		bold;
		}

		.ancres a:hover{
		text-decoration:	underline;
		}

		.ancres th{
		background:			#000;
		}

		.activites li{
		margin-left:		0.7em;
		height:				40px;
		line-height:		40px;

		}

		.activites h4{
		float:				left;
		font-weight:		bold;

		}

	/** AFFICHAGE DES VIDEOS ----------------------------------------------------*/

	.embed_video object{
	position:			relative;
	float:				right;
	left:				0;
	margin:				1em;
	}


	/** CONTENUS SPÉCIFIQUES ---------------------------------------------------*/

		/** PROGRAMME SPORTIF --------------------------------------------------*/

		img.picto{
			float:					left;
			height:					40px;
			margin-right:			0.5em;
		}

		/** SITECHOICE ---------------------------------------------------------*/

		#flashcarte		{		padding:			0.5em;		}

		#flashcarte object
		{
			float: none;
			position: relative;
			top: 0;
			left: 0;
		}

		.liste_sites
		{
			width:				280px;
			padding-left:		8px;
		}

 		h2.liste_acad_handle
 		{
			height:				24px;
			line-height:		24px;
			width:				293px;
			border:				0;
			font-size:			98%;
			font-weight:		bold;
			text-align:			left;
			text-indent:		12px;
			color:				#fff;
			cursor:				pointer;
		}

		h2.liste_acad_handle		{ background: transparent url(/images/web/sitechoice/reg.jpg) no-repeat; }
		h2.liste_acad_handle.open	{ background: transparent url(/images/web/sitechoice/reg_open.jpg) no-repeat; }
		h2.liste_acad_handle.nat	{ background: transparent url(/images/web/sitechoice/nat.jpg) no-repeat; }
		h2.liste_acad_handle.nat a
		{
			display:			block;
			width:				293px;
			height:				24px;
			text-decoration:	none;
		}

		a.sr,
		a.sd
		{
			display:			block;
			height:				22px;
			line-height:		22px;
			width:				293px;
			text-indent:		45px;
			text-decoration:	none;
		}

		a.sr		{	background:	transparent url(/images/web/sitechoice/sr.jpg) no-repeat;	}
		a.sr:hover	{	background:	transparent url(/images/web/sitechoice/sr_hover.jpg) no-repeat;	}
		a.sd		{	background:	transparent url(/images/web/sitechoice/sd.jpg) no-repeat;	}
		a.sd:hover	{	background:	transparent url(/images/web/sitechoice/sd_hover.jpg) no-repeat; }

		/** EQUILIBRE ----------------------------------------------------------*/

		.equilibre
		{
			background-color: #f7f7f7;
			padding: 1em;
			border-top: solid 5px #c5c5c5;
		}

		.hr
		{
			background: transparent url(/images/web/equilibre/hr.gif) repeat-x;
			height: 2px;
			clear: right;
		}

		.equilibre_thumb
		{
			float: left;
			margin: 1em; *margin: 0.9em;
		}

		.equilibre_thumb h3
		{
			text-align: center;
			font-weight: bold;
			font-size: 108%;
			margin-bottom: 0.5em;
		}

		.equilibre_thumb img
		{
			margin-bottom: 1em;
			padding: 0.5em;
			border: solid 1px #CECECE;
			background-color: #FFF;
		}

		.equilibre_thumb a.equilibre_visionner { margin-left: 12px; *margin-left: 15px;}

		#equilibre_recents
		{
			float: right;
			clear: right;
			margin: 1em;
			background: #f2f2f2;
			width: 500px;
			border: solid 1px #e3dcdc;
			padding: 0.5em;
			color: #888;
			position: relative;
		}

		#equilibre_current
		{
			float: left;
			width: 400px;
			position: relative;
		}


			#equilibre_recents h1,
			#equilibre_help h1,
			#equilibre_current h1
			{
				text-transform: uppercase;
				color: #4690bb;
				float: right;
				padding-left: 25px;
				font-weight: bold;
				font-size: 150%;
			}

			#equilibre_recents h1
			{
				background: transparent url(/images/icones/chrono.gif) no-repeat;
				line-height: 25px;
			}

			#equilibre_recents em
			{
				font-style: normal;
				font-weight: bold;
				font-size: 90%;
				color: #8f8b8b;
				float: right;
				margin-bottom: 1em;
			}

			#equilibre_help h1
			{
				background: transparent url(/images/icones/round_help.gif) no-repeat;
				line-height: 20px;
			}

			#equilibre_current h1
			{
				margin: 1em;
				float: left;
				padding: 0;
			}

			#equilibre_current a { margin: 1em; }


		a.equilibre_visionner,
		a.equilibre_telecharger
		{
			display: block;
			text-decoration: none;
			text-indent: 30px;
			padding-top: 7px;
			color: #68a4c6;
			width: 110px;
			height: 22px;
			font-weight: bold;
			border: solid 1px #e3dcdc;
			position: relative; *position: normal;
			z-index: 5000;
		}

			a.equilibre_visionner
			{
				margin-right: 1em;
				background: transparent url(/images/web/equilibre/equilibre_zoom.gif) no-repeat;
			}

			a.equilibre_visionner:hover		{ background: transparent url(/images/web/equilibre/equilibre_zoom_hover.gif) no-repeat; }
			a.equilibre_telecharger			{ background: transparent url(/images/web/equilibre/equilibre_dl.gif) no-repeat; }
			a.equilibre_telecharger:hover	{ background: transparent url(/images/web/equilibre/equilibre_dl_hover.gif) no-repeat; }

		/** CONTACT-------------------------------------------------------------*/

		#contact input 				{ height:  16px; width: 300px; }
		#contact input.submit_btn	{ height:  16px; width: 100px; }
		#contact textarea			{ height: 150px; width: 300px; }

		/** MAIL OK-------------------------------------------------------------*/

		#mailok{
		text-align:			center;
		font-weight:		bold;
		font-size:			150%;
		color:				#0894c2;
		}

/** SIDEBAR --------------------------------------------------------------------*/

	/** STYLE GÉNÉRAL ----------------------------------------------------------*/

	.sidebar		{ width: 30%; }
	.sidebar img	{ margin: 10px 10px 0px 40px; }
	.sidebar a.rss	{ margin-top:	5px; }
	.sidebar h2
	{
		text-align: left;
		color:				#808080;
		font-size:			110%;
		font-weight:		bold;
		margin-top: 		0.5em;
	}

	.sidebar li
	{
		background:			transparent url(/images/icones/link_news.gif) no-repeat 0 2px;
		margin:				0 0.3em;
		padding:			0 0 5px 30px;
	}

	.sidebar li.nat,
	.sidebar li.dsr,
	.sidebar li.dsd,
	.sidebar li.dis
	{
		background-color: 		transparent;
		background-position: 	0px 3px;
		background-repeat: 		no-repeat;
	}

		.sidebar li.nat	{ background-image: url(/images/icones/entity/nat_link_16.gif); }
		.sidebar li.dsr	{ background-image: url(/images/icones/entity/dsr_link_16.gif); }
		.sidebar li.dsd	{ background-image: url(/images/icones/entity/dsd_link_16.gif); }
		.sidebar li.dis	{ background-image: url(/images/icones/entity/dis_link_16.gif); }


/* Espace COMM DN */

#tipGalery { display: none; }

#dnWrapper {
	height: 510px;
	position: relative;
	margin-top: 3px;
	background:	transparent url(/images/web/accueilDN/dnActusBg.png) repeat-y;
	z-index: 500;
}

#dnWrapper embed { position: relative; z-index: 1; }

	#dnWrapper a {
		float: right;
		display: inline;
		background:	transparent url(/images/web/accueilDN/arrow-grey-e.gif) no-repeat 0 50%;
		padding-left: 15px;
		line-height: 18px;
		height: 18px;
		text-decoration: none;
		color: #68696a;
		text-shadow: #fff 1px 1px 0px;
		font-size: 10px;
	}
		#dnWrapper .aside a {
			float: none;
		}

		#dnWrapper .aside a.pic,
		#dnWrapper .aside a.pic:hover {
			display: block;
			width: auto;
			margin: 0 auto;
			background: none;
			padding: 0;
			height: auto;
			position: absolute;
		}

		#dnWrapper a:hover {
			background:	transparent url(/images/web/accueilDN/arrow-blue-e.gif) no-repeat 0 50%;
			color: #6b8abd;
		}

		#dnWrapper a.title {
			float: none;
			background: none;
			cursor: pointer;
		}

			#dnWrapper a#prio 							{ top: 140px; left:  25px; }
			#dnWrapper a#prio2 						{ top: 110px; left:  10px; }
			#dnWrapper a#agendaDirecteur 		{ top: 196px; left:  10px; }
			#dnWrapper a#clic 							{ top: /*230*/241px; left:  45px; }
			#dnWrapper a#prog 						{ top: 360px; left:  55px; }
			#dnWrapper a#siteChoice 				{ top:   0px; right: 28px; }
			#dnWrapper a#parcours 					{ top: 120px; right: 12px; }
			#dnWrapper a#progJO						{ top: 245px; right: 12px; }

			#dnWrapper a#facebook 	{
				background:	transparent url(/images/web/accueilDN/facebookLink.gif) no-repeat;
				width: 187px;
				height: 29px;
				text-indent: -9999px;
				padding: 0;
				position: relative;
				top: -5px;
			}


	#dnWrapper .aside {
		float: left;
		display: inline;
		width: 195px;
		color: #fff;
		position: relative;
	}

		#dnWrapper #question {
			position: absolute;
			bottom: -500px;
			width: 190px;
			left: 2px;
		}

			#dnWrapper #question a {
				background: none;
				padding: 0;
				display: block;
				height: 25px;
			}

			#dnWrapper #question p {
				padding: 0;
				margin: 0 0 5px 0;
				width: 160px;
			}

			#dnWrapper #question .top {
				padding-left: 15px;
				width: 175px;
				height: 40px;
				line-height: 40px;
				background:	transparent url(/images/web/accueilDN/questionTop.png) no-repeat;
			}

				#dnWrapper #question .top h2 {
					font-weight: bold;
					font-size: 12px;
					text-shadow: #000 1px 1px 0px;
				}

			#dnWrapper #question .content {
				width: 177px;
				padding-left: 13px;
				padding-bottom: 0;
				background:	transparent url(/images/web/accueilDN/questionContent.png) repeat-y;
				border: none;
				color: #555;
				font-size: 11px;
				text-align: left;
			}

			#dnWrapper #question .content strong {
				font-size: 12px;
				display: block;
				margin-bottom: 5px;
			}

			#dnWrapper #question .content #form_question { width: 163px; }

			#dnWrapper #question .content form,
			#dnWrapper #question .content li { color: #2f70c0; }

			#dnWrapper #question .content input { vertical-align: middle; }

			#dnWrapper #question .bottom {
				width: 190px;
				height: 15px;
				background:	transparent url(/images/web/accueilDN/questionBottom.png) no-repeat;
			}

	#dnWrapper .articleSearchBox {
		background:	transparent url(/images/web/accueilDN/dnSearchBg.png) no-repeat;
		border: none;
		/*height: 61px;*/
		height: 55px;
		padding: 8px 5px 5px 5px;
		width: 165px;
		margin: 5px auto ;
	}
		#dnWrapper .articleSearchBox form {
			margin-bottom: 8px;
			*margin-bottom: 5px;
		}

		#dnWrapper .articleSearchBox input {
			position: relative;
		}

		#dnWrapper .articleSearchBox input.searchInput {
			width: 125px;
			padding-left: 5px;
			height: 19px;
			line-height: 19px;
			border: solid 2px #c0c0c0;
			font-size: 10px;
			color: #928f8f;
			margin: 0 6px 0 0;
			float: left;
		}

		#dnWrapper #actFilterOpen { position: absolute; }

	#dnWrapper .visiteurs {
		background:	transparent url(/images/web/accueilDN/compteur.gif) no-repeat;
		height: 44px;
		width: 170px;
		margin: 5px auto;
		border: solid 1px #555;
	}

		#dnWrapper .col {
			float: left;
			display: inline;
		}

		#dnWrapper .visiteurs .col {
			text-align: center;
			width: 50%;
		}

		#dnWrapper .visiteurs span.heading{
			font-size: 10px;
			text-shadow: #000 1px 1px 0px;
			display: block;
			height: 25px;
			line-height: 25px;
		}

		#dnWrapper .visiteurs span.count{
			font-size: 11px;
			font-weight: bold;
			color: #e4cd34;
			text-shadow: #000 1px 1px 0px;
		}

	#dnWrapper .mainContent {
		float: left;
		display: inline;
		width: 554px;
		padding: 10px 15px;
		background:	transparent url(/images/web/accueilDN/gradiantLightGrey.gif) repeat-x;
		height: 490px;
	}

		#dnWrapper .mainContent .sep,
		#acts .sep {
			border-bottom: solid 1px #d9d9d9;
			margin-bottom: 8px;
		}

		#dnWrapper .mainContent h2 {
			background:	transparent url(/images/web/accueilDN/dnActusHeading.gif) no-repeat;
			height: 18px;
			width: 190px;
			text-indent: -9999px;
			margin-bottom: 8px;
			float: left;
		}


		#dnWrapper .mainContent a.callToAction {
			float: left;
			background:	transparent url(/images/web/accueilDN/dnCallToActionBtn.png) no-repeat;
			line-height: 27px;
			height: 27px;
			width: 93px;
			font-weight: bold;
			padding-left: 25px;
		}

			#dnWrapper .mainContent a.callToAction:hover {
				background:	transparent url(/images/web/accueilDN/dnCallToActionBtnHover.png) no-repeat 0 50%;
			}

		#dnWrapper #featured {
			background:	transparent url(/images/web/accueilDN/dnVideoShadow.png) no-repeat 0 50%;
			height: 210px;
			position: relative;
			padding-bottom: 8px;
			clear: both;
		}

			#dnWrapper #featured object {
				position: absolute;
			}

			#dnWrapper #featured .article {
				position: absolute;
				left: 300px;
				width: 250px;
				height: 210px;
			}

				#dnWrapper #featured .article h3{
					text-indent: -9999px;
					background:	transparent url(/images/web/accueilDN/dnVideoHeading-nobg.png) no-repeat;
					width: 82px;
					height: 23px;
					margin-bottom: 15px;
				}

				#dnWrapper #featured .article h4 {
					font-weight: bold;
					color: #505050;
					margin-bottom: 5px;
				}

				#dnWrapper #featured .article p{
					font-size: 11px;
					color: #7d8085;
				}

				#dnWrapper #featured .article .actions {
					position: absolute;
					bottom: 0;
					width: 100%;
				}

					#dnWrapper #featured .article .actions a.all{
						margin-top: 3px;
					}

		#dnWrapper #articles {
			width: 285px;
			padding-right: 15px;
			position: relative;
		}

			#dnWrapper #articles h4{
				text-indent: -9999px;
				background:	transparent url(/images/web/accueilDN/dnArticlesHeading.gif) no-repeat;
				width: 106px;
				height: 23px;
				margin-bottom: 7px;
				float: left;
			}

			#dnWrapper #articles .articleCycle { clear: left;}

				#dnWrapper #articles .article {
					clear: left;
					font-size: 11px;
					margin-bottom: 5px;
					position: relative;
					padding-left: 70px;
					height: 62px;
					overflow: hidden;
					background: #fff;
				}

				#dnWrapper #articles a#linkAllActus {
					position: absolute;
					right: 15px;
				}

				#dnWrapper #articles .controls { display: none; float: right; margin-left: 5px;}

				#dnWrapper #articles h5 a{
					font-weight: bold;
					color: #2f70c0;
					margin: 0;
					font-size:11px;
					background: none;
					display: block;
					float: none;
					padding: 0;
					height: auto;
					line-height: normal;
				}

				#dnWrapper #articles p{
					color: #7d8085;
				}

					#dnWrapper #articles p a.paragraph {
							color: #7d8085;
							height: auto;
					line-height: normal;
					float: none;
					}

				#dnWrapper #articles a.control{
					background: none;
					padding: 0;
					margin-left: 5px;
					margin-top: 5px;
				}

				#dnWrapper #articles p a,
				#dnWrapper .thumb a {
					float: none !important;
					color: #2f70c0;
					background: none;
					padding: 0;
					display: inline;
					line-height: normal;
				}

					#dnWrapper .thumb a:hover { background: none; }

		#dnWrapper #galery {
			width: 251px;
			position: relative;
		}

		#dnWrapper #galery .pics{
			width: 291px;
			top: 30px;
			position:absolute;
		}

			#dnWrapper #galery h4{
				text-indent: -9999px;
				background:	transparent url(/images/web/accueilDN/dnGaleryHeading.gif) no-repeat;
				width: 118px;
				height: 23px;
				float: left;
			}

			#dnWrapper #cycle {
				position: absolute;
				top: 147px;
				font-size: 11px;
				color: #7d8085;
			}

				#dnWrapper #cycle .item {
					position: absolute;
					width: 135px;
					background-color: transparent;
					background-repeat: no-repeat;
				}

					#dnWrapper #cycle .item a {
						color: #2f70c0;
						float: none;
						padding: 0;
						background:none;
					}

				#dnWrapper #cycle .bouge {
					background-image: url(/images/web/accueilDN/bouge.gif);
					padding-left: 122px;
					padding-top: 28px;
					height: 50px;
				}

				#dnWrapper #cycle .magazine {
					background-image: url(/images/web/accueilDN/equilibre.gif);
					padding-left: 130px;
					padding-top: 40px;
					height: 38px;
				}

					#dnWrapper #articles .thumb,
					.hasNewSidebar .thumb {
						float: left;
						width: 	60px;
						height: 60px;
						background:	transparent url(/images/web/accueilDN/thumb.gif) no-repeat 50% 100%;
						overflow: hidden;
					}



					#dnWrapper #articles 	.thumb { position: absolute; margin-right: 10px; left: 0px; }


					#dnWrapper #articles .thumb a,
					#dnWrapper #articles .thumb img{
						display: block;
						width: 60px;
						height: 45px !important;
						position: relative;
					}

					#dnWrapper #galery 	.thumb {
						float: left;
						width: 	85px;
						height: 60px;
						text-align: center;
					}

					#dnWrapper #galery 	.thumb a {
						background:	transparent url(/images/web/accueilDN/thumb.gif) no-repeat 50% 100%;
						height: auto;
						*padding-bottom: 15px;
					}


					#dnWrapper #galery 	.thumb img {
						margin-bottom: 12px;
					}







	#acts {
		position: absolute;
		z-index: 9999;
		top: 0;
		width: 100%;
		height: 497px;
		_height: 510px;  /* IE6 */
		overflow-y: scroll;
		background:	#fff url(/images/web/accueilDN/gradiantLightGrey.gif) repeat-x;
		background-attachement: fixed;
		display: none;
	}

	#acts .sep { padding: 10px; }


	#acts p {
		clear: both;
		color: #777;
		font-size: 10px;
	}

	#acts h2 {
		background:	transparent url(/images/web/accueilDN/dnActFilterHeading.gif) no-repeat;
		height: 22px;
		width: 345px;
		text-indent: -9999px;
		margin-bottom: 8px;
		float: left;
	}

		#acts .activite {
			float: left;
			width: 239px;
			margin: 2px 0;
		}

		#acts  a{
			padding-left: 4px;
			text-decoration: none;
			color: #777;
			text-shadow: #fff 1px 1px 0px;
			font-size: 11px;
		}

			#acts a:hover { color: #6b8abd; }

		#acts .activite a {
			float: left;
			display: block;
			height: 40px;
			line-height: 40px;
		}

		#acts a#actFilterClose {
			float: right;
			background:	transparent url(/images/icones/cross-button.png) no-repeat;
			padding-left: 21px;
			display: block;
			height: 16px;
		}


/* Présentation Articles "Toute l'actu UNSS" */

	 .newSidebar {
 		padding: 10px;
 		width: 250px !important;
 	}

	.newSidebar .articleLinkBox,
	.newSidebar .articleSearchBox {
		width: 239px;
		margin-bottom: 10px;
		height: auto;
	}

	.newSidebar .articleLinkBox a,
	.newSidebar .articleSearchBox h2{
		font-weight: bold;
		text-decoration: none;
		color: #555;
		padding-left: 10px !important;
	}


	.hasNewSidebar {
 		background: transparent url(/images/web/article/newSidebarBg.gif) repeat-y;
	}

	.hasNewSidebar em.nbResults {
		color: #bbb;
		margin: 0 5px 10px 0 ;
		float: right;
		font-size: 10px;
	}

	.hasNewSidebar h1 {
		position: relative;
		margin-bottom: 10px;
	}

	.hasNewSidebar table.sort {
		font-size: 11px;
		float: none;
		position: absolute;
		top: 0;
		right: 0;
		_right: 10px;
	}

	.hasNewSidebar .first {
		width: 703px !important;
		display: inline;
	}

	.hasNewSidebar .content {
		border: none;
		background: transparent;
		padding: 10px;
	}

	.hasNewSidebar #search_results h1 {
		background:	transparent url(/images/box/sidebarArticleGradient.jpg) repeat-x;
		padding: 5px;
		border: solid 1px #bbb;
		text-shadow: #fff 1px 1px 0px;
		font-size: 12px;
	}

	.hasNewSidebar .search_results_row {
		margin: 10px 0;
		border-bottom: solid 1px #ccc;
	}

	.hasNewSidebar .search_results_article h2 {
		font-size: 12px;
		text-shadow: #fff 1px 1px 0px;
	}

	.hasNewSidebar .search_results_article h2 a{
		color: #444;
		text-decoration: none;
		text-transform: lowercase;
		display: inline-block;
	}

		.hasNewSidebar .search_results_article h2 a:first-letter	{ text-transform: uppercase; }
		.hasNewSidebar .search_results_article h2 a:hover 		{ color: #000; }

	.hasNewSidebar .search_results_summary{
		color: #888;
		text-shadow: #fff 1px 1px 0px;
	}

.hasNewSidebar #liste_articles h2 {
	border-bottom: solid 1px #bbb;
}

	.hasNewSidebar #liste_articles h2 a {
			display: block;
			height: 41px;
			text-indent: -9999px;
	}

		.hasNewSidebar #liste_articles h2 a.rss {
			background:	transparent url(/images/web/article/articleRSS.gif) no-repeat;
			float: right;
			width: 18px;
		}

		.hasNewSidebar #liste_articles h2 a.title {
			background:	transparent url(/images/web/article/recentArticles.gif) no-repeat 0 50%;
			float: left;
			width: 133px;
		}

		.hasNewSidebar #liste_articles .thumb {
			background:	transparent url(/images/web/accueilDN/thumbGrey.gif) no-repeat;
			margin-right: 10px;
		}

		.hasNewSidebar #liste_articles li {
			height: 55px;
			padding: 10px 0;
			border-top: solid 1px #fff;
			border-bottom: solid 1px #ddd;
		}

		.hasNewSidebar #liste_articles li a.title{
			font-weight: bold;
			text-decoration: none;
			color: #555;
			font-size: 11px;
			display: block;
			text-shadow: 1px 1px #fff;
		}

		.hasNewSidebar #liste_articles li a.more{
			text-decoration: none;
			color: #638bb6;
			font-size: 10px;
			text-shadow: 1px 1px #fff;
			background: transparent url(/images/web/accueilDN/arrow-blue-e.gif) no-repeat 0 50%;
			padding-left: 15px;
		}
			.hasNewSidebar #liste_articles li a.more:hover  { text-decoration: underline;  }

	.hasNewSidebar .pagination   {
		padding: 5px;
	}

		.hasNewSidebar .pagination a  {
			padding: 5px;
			color: #888;
			font-size: 11px;
			text-decoration: none;
			text-shadow: #fff 1px 1px 0px;
		}