/* CSS Document c*/


			body
			{
				
				width:1100px;
				margin:auto;
				margin-top:0px;
				margin-bottom:0px;

				background-color:#666666;
				background-image:url("img/habillage/fond-header.jpg");
				background-repeat:repeat-x;
				background-position:top;
				
			}
#separateur{
	float: left;
	width: 100%;
	height: 10px;
	margin-bottom: 0px;
}
			/* En-tête */

			#en_tete
			{
				width:100%;
				height:150px;
				margin-bottom:15px;
				
				/*border:1px dashed #999999;*/
			}
			
			.en_tete
			{
				/*background-image:url("img/habillage/header.jpg");
				background-repeat:no-repeat;
				background-position:center top;
				margin-top:-19px;*/

				padding-top:2px;
			}
			
			#en_tete h1
			{
				padding-bottom:0px;
				text-align:center;
			}


			/* Le menu */

			#menu
			{
				float:left;
				width:180px;
				margin-right:10px;
			}

			.element_menu
			{
				background-color:#666666;
				border:1px dashed #999999;
				padding-bottom:5px;
				margin-bottom:20px;
			}
			.anim_menu
			{
				background-color:#666666;
				border:1px dashed #999999;
				padding:0px;
				margin-bottom:20px;
				vertical-align:middle;
				height:auto;
				display:block;
			}

			.element_menu h3
			{
				text-align:center;
				font-family:Verdana;
			}

			.element_menu p
			{
				padding:0px;
				margin:0px;
				margin-right:10px;
				margin-bottom:5px;
				font-family:Verdana;
				text-align:right;
			}

			.element_menu ul
			{
				list-style-type: circle;	
				padding:0px;
				padding-left:20px;
				padding-right:5px;
				margin:0px;
				margin-bottom:5px;
				font-family:Verdana;
				font-size:9px;
			}

			.element_menu a
			{	
				color:#000000;
			}

			.element_menu a:hover
			{
				background-color: #990000;
				color: #FFFFFF;
			}
			
			.element_menu h3 a
			{	
				color:#000000;
				text-decoration:none;
			}

			.element_menu h3 a:hover
			{
				background-color: #990000;
				color: #FFFFFF;
				text-decoration:none;
			}			

			/* Le corps de la page (la partie principale quoi ^^) : */

			#corps
			{
				margin-left:200px;
				margin-right:10px;
				margin-bottom:13px;
				padding:10px;
				
				border:1px dashed #999999;
			}
			#titre-news
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
			}
			.fond-news
			{min-height:770px; max-height:780px;
				background-image:url("img/habillage/fond-dan-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}
			#titre-articles
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
				background-image:url("img/titres/titre-articles-bkg.gif");
				background-repeat:repeat-x;
				background-position:top left;
			}
			.fond-articles
			{
				background-image:url("img/habillage/fond-julie-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}


			#titre-archives
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
				background-image:url("img/titres/titre-archives-bkg.gif");
				background-repeat:repeat-x;
				background-position:top left;
			}
			.fond-archives
			{
				background-image:url("img/habillage/fond-mascarade-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}
			
			#titre-liens
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
				background-image:url("img/titres/titre-liens-bkg.gif");
				background-repeat:repeat-x;
				background-position:top left;
			}
			.fond-liens
			{
				background-image:url("img/habillage/fond-runo-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}
			#titre-video
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
				background-image:url("img/titres/titre-video-bkg.gif");
				background-repeat:repeat-x;
				background-position:top left;
			}
			.fond-video
			{
				background-image:url("img/habillage/fond-shun-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}
			
			#titre-contacts
			{
				margin-top:-10px;
				margin-left:-10px;
				margin-right:-10px;
				
				background-image:url("img/titres/titre-contacts-bkg.gif");
				background-repeat:repeat-x;
				background-position:top left;
			}
			.fond-contacts
			{
				background-image:url("img/habillage/fond-marucho-alpha.jpg");
				background-repeat:repeat;
				background-position:top left;
			}
			
			/* Dans l'Index */
			
			#edito {
				margin-right:10px;
				margin-top:5px;
				width:45%;
			}
			.edito 
			{
				font-family:Verdana; padding:5px;
				
			}
			.edito p {font-family:Verdana; font-size:11px; padding:5px;}
			.edito h2 {font-family:Verdana; text-align:center; font-size:16px;}
			
			#flash-news {float: right;
				margin-left:0px;
				margin-top:5px;
				width:53%;
				background-color:#999999; border:thin solid #333333;max-height:770px;
			}

			.visu-articles {width:65px; border:thin solid #333333; margin:5px; float:left;}

			#flash-news h2 {font-family:Verdana; font-size:18px; text-align:center; padding:0px; margin:3px;}
			#flash-news h3 {font-family:Verdana; font-size:14px; padding:5px; margin-top:5px;}
			#flash-news p {font-family:Verdana; font-size:11px; padding:2px; margin:-1px;}

			#flash-news a {color:#000000; text-decoration:none;}
			#flash-news a:hover {color:#660000; text-decoration:underline;}


			#flash-videos-liens {
				
				margin-top:5px;
				width:45%;
				float:left;
			}

			#flash-videos-liens h2 {font-family:Verdana; font-size:18px; text-align:center; padding:0px; margin:5px;}
			#flash-videos-liens h3 {font-family:Verdana; font-size:14px; padding:0px; margin:0px;}
			#flash-videos-liens p {font-family:Verdana; font-size:12px; padding:0px; margin:0px;}
			#flash-videos-liens a {color:#000000; text-decoration:none;}
			#flash-videos-liens a:hover {color:#660000; text-decoration:none;}

			.visu-liens {width:50px; border:thin solid #333333; margin:5px; float:left;}


			#vignette-liens {width:120px; min-height:150px; padding:10px; background-color:#CCCCCC; border:thin solid #333333;}

			#vignette-liens h3 {font-size:12px; font-family:Verdana; text-align:center; margin-top:5px;}
			#vignette-liens a {color:#000000; text-decoration:none;}
			#vignette-liens a:hover {color:#660000; text-decoration:underline;}
			#vignette-liens a:visited {color:#000000; text-decoration:none}

			#vignette-liens p {font-size:12px; font-family:Verdana; margin-top:5px;}
			#vignette-liens img {width:100px; border:thin solid #333333; margin:5px; float:left; }

			#vignette-liens-home {width:100px; min-height:130px; padding:4px;}

			#vignette-liens-home h3 {font-size:11px; font-family:Verdana; text-align:LEFT; margin-top:5px; }
			#vignette-liens-home a {color:#FFFFF0; text-align:left; text-decoration:none;}
			#vignette-liens-home a:hover {color:#660000; text-decoration:underline;}
			#vignette-liens-home a:visited {color:#000000; text-decoration:none}
			#vignette-liens-home b {color:#FFB6C1; text-decoration:none; font-size:10px; }
			
			


			#vignette-liens-home p {font-size:12px; font-family:Verdana; margin-top:5px;}
			#vignette-liens-home img {width:80px; border:thin solid #333333; margin:5px; float:left; }





			#vignette-video {width:120px; min-height:150px; padding:10px; background-color:#CCCCCC; border:thin solid #333333;}

			#vignette-video h3 {font-size:12px; font-family:Verdana; text-align:center; margin-top:5px;}
			#vignette-video a {color:#000000; text-decoration:none;}
			#vignette-video a:hover {color:#660000; text-decoration:underline;}
			#vignette-video a:visited {color:#000000; text-decoration:none}

			#vignette-video p {font-size:12px; font-family:Verdana; margin-top:5px;}
			#vignette-video img {width:100px; border:thin solid #333333; margin:5px; float:left; }
			

			#vignette-video-home {width:100px; min-height:150px; padding:6px;}

			#vignette-video-home h3 {font-size:11px; font-family:Verdana; text-align:center; margin-top:5px;}
			#vignette-video-home a {color:#000000; text-decoration:none; font-size:10px;}
			#vignette-video-home a:hover {color:#660000; text-decoration:underline;}
			#vignette-video-home a:visited {color:#000000; text-decoration:none}
			#vignette-video-home b {color:#FFB6C1; text-decoration:none; font-size:10px; }
			#vignette-video-home p {font-size:12px; font-family:Verdana; margin-top:5px;}
			.visu-video-home {width:80px; border:thin solid #333333; margin:5px; float:left; }




			
			#corps h1
			{
				padding:0px;
				margin:0px;
			}

			#corps h2
			{
				/*height:29px;
				padding-left:30px;*/
				padding:5px;

				/*background-image:url("titre2.png");
				background-repeat:no-repeat;*/

				font-family:Verdana;
			}

			#corps p
			{
				font-family:Verdana;
			}
			.pagination {color:#FFFFFF; margin:0px; text-align:center; font-size:14px;}

			/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) : */

			#pied_de_page
			{width:880px;
				padding:5px;
margin-left:200px;

				text-align:center;

				background-image:url("img/habillage/fond-footer.jpg");
				background-repeat:repeat-x;
				background-position:bottom;
				background-color:#333333;
				color:#FFFFFF;
				
				border:1px dashed #999999;
				border-bottom:none;
				font-family:Verdana;
				font-size:9px;
			}
			#pied_de_page p a {color:#339999; text-decoration:none;}
			#pied_de_page p a:hover {color:#CC0033; text-decoration:underline;}

			/* Dans liste articles */
			#case-news {padding:10px; width:auto; background-color:#999999;}

			#case-news h3 {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-news p {font-size:12px; font-family:Verdana;}
			#case-news img {border:thin solid #333333; float:left; margin:15px;}
			#case-news hr {width:30%; text-align:center;}

			#case-news a {color:#000000; text-decoration:none;}
			#case-news a:hover {color:#000000; text-decoration:underline;}
			#case-news a:visited {color:#660000; text-decoration:none}

			#aff-news {margin-left:200px; margin-right:120px; min-height:750px;}
			
			#aff-video {background-color:#999999; border:thin solid #333333;}
			#aff-liens {background-color:#999999; border:thin solid #333333; margin-top:15px;}
			
			#focus-news {float:left; width:185px; padding:5px; margin-left:5px; background-color:#666666;}

			#pictos-persos {float:right; width:110px; padding:5px; background-color:#666666;}
			#pictos-persos a {color:#000000; text-decoration:none;}
			#pictos-persos a:hover {color:#660000; text-decoration:none;}


			/* Pictos liste articles */
			
			#dan a
			{
				background: url("img/articles/pictos-persos/pictos-dan-strategie.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#dan a:hover
			{
				background-position: 0 -115px;
			}
			#dan a:active
			{
				background-position: 0 -115px;
			}
				
			#shun a
			{
				background: url("img/articles/pictos-persos/pictos-shun-regles.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#shun a:hover
			{
				background-position: 0 -115px;
			}
			#shun a:active
			{
				background-position: 0 -115px;
			}
					
			#runo a
			{
				background: url("img/articles/pictos-persos/pictos-runo-news.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#runo a:hover
			{
				background-position: 0 -115px;
			}
			#runo a:active
			{
				background-position: 0 -115px;
			}
					
			#mascarade a
			{
				background: url("img/articles/pictos-persos/pictos-mascarade-defis.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#mascarade a:hover
			{
				background-position: 0 -115px;
			}
			#mascarade a:active
			{
				background-position: 0 -115px;
			}
					
			#marucho a
			{
				background: url("img/articles/pictos-persos/pictos-marucho-univers.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#marucho a:hover
			{
				background-position: 0 -115px;
			}
			#marucho a:active
			{
				background-position: 0 -115px;
			}	
					
			#julie a
			{
				background: url("img/articles/pictos-persos/pictos-julie-communaute.jpg") 0 0 no-repeat;
				display:block;
				width:100px;
				height:115px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#julie a:hover
			{
				background-position: 0 -115px;
			}
			#julie a:active
			{
				background-position: 0 -115px;
			}			

			
			/* Les pictos en small */
			#dan-small a
			{
				background: url("img/articles/pictos-persos/pictos-dan-strategie-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 41px 0 41px 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#dan-small a:hover
			{
				background-position: 0 -92px;
			}
			#dan-small a:active
			{
				background-position: 0 -92px;
			}
				
			#shun-small a
			{
				background: url("img/articles/pictos-persos/pictos-shun-regles-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 10px 0 10px 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#shun-small a:hover
			{
				background-position: 0 -92px;
			}
			#shun-small a:active
			{
				background-position: 0 -92px;
			}
					
			#runo-small a
			{
				background: url("img/articles/pictos-persos/pictos-runo-news-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 0 0 41px 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#runo-small a:hover
			{
				background-position: 0 -92px;
			}
			#runo-small a:active
			{
				background-position: 0 -92px;
			}
					
			#mascarade-small a
			{
				background: url("img/articles/pictos-persos/pictos-mascarade-defis-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 42px 0 42px 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#mascarade-small a:hover
			{
				background-position: 0 -92px;
			}
			#mascarade-small a:active
			{
				background-position: 0 -92px;
			}
					
			#marucho-small a
			{
				background: url("img/articles/pictos-persos/pictos-marucho-univers-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#marucho-small a:hover
			{
				background-position: 0 -92px;
			}
			#marucho-small a:active
			{
				background-position: 0 -92px;
			}	
					
			#julie-small a
			{
				background: url("img/articles/pictos-persos/pictos-julie-communaute-small.jpg") 0 0 no-repeat;
				display:block;
				width:80px;
				height:92px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}
			#julie-small a:hover
			{
				background-position: 0 -92px;
			}
			#julie-small a:active
			{
				background-position: 0 -92px;
			}

			/* Dans Articles */
			#case-articles {padding:10px; width:auto; min-height:400px; background-color:#999999;}

			#case-articles h3 {font-size:20px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-articles p {font-size:14px; font-family:Verdana;}
			#case-articles-img {border:thin solid #333333; float:right; margin:10px;}

			#articles-star {font-size:11px;}
			#articles-star img {width:100px; margin:3px;}

			#articles-star a {color:#000000; text-decoration:none;}
			#articles-star a:hover {color:#000000; text-decoration:none;}
			#articles-star a:visited {color:#660000; text-decoration:none}

			#top-articles {margin-left:200px; margin-right:10px; background-color:#666666; text-align:right; height:35px; margin-top:-16px;}

			#aff-articles {margin-left:200px; margin-right:10px;}
			
			.link-articles {line-height:35px; vertical-align:middle;}
			.link-articles a {color:#000000; text-decoration:none;}
			.link-articles a:hover {color:#000000; text-decoration:underline;}
			.link-articles a:visited {color:#660000; text-decoration:none}
			
			
			/* Dans Archives */
			#case-archive {padding:10px; min-height:380px; background-color:#CCCCCC; border:thin solid #333333;}

			#case-archive a {font-size:12px; font-family:Verdana; text-align:left; margin-top:5px; color:#000000; text-decoration:none;}
			#case-archive a:hover {color:#000000; text-decoration:underline;}
			#case-archive a:visited {color:#660000; text-decoration:none}

			#case-archive p {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-archive img { width:150px; border:thin solid #333333; margin-top:10px; }
			#case-archive ul {margin-left:-15px; margin-top:0px; font-family:Verdana; font-size:12px;}
			
			#bloc-abo {width:200px; float:left; margin:5px;}
			#bloc-archives {width:auto; margin-left:210px;}

			/* Dans Vidéo */
			
			#case-video {padding:10px; min-height:150px; height:100%; background-color:#CCCCCC; border:thin solid #333333;}

			#case-video h3 {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-video p {font-size:12px; font-family:Verdana; margin:5px;}
			#case-video img {width:100px; margin:5px; float:left;}

			#case-video a {color:#000000; text-decoration:none;}
			#case-video a:hover {color:#000000; text-decoration:underline;}
			#case-video a:visited {color:#660000; text-decoration:none}
			
			#video-star {font-size:11px;}
			#video-star img {width:100px; margin:3px;}

			#video-star a {color:#000000; text-decoration:none;}
			#video-star a:hover {color:#000000; text-decoration:none;}
			#video-star a:visited {color:#660000; text-decoration:none}

			
			/* Dans Liens Web */
			
			#case-liens {padding:10px; min-height:260px; background-color:#CCCCCC; border:thin solid #333333;}

			#case-liens h3 {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-liens a {color:#000000; text-decoration:none;}
			#case-liens a:hover {color:#000000; text-decoration:underline;}
			#case-liens a:visited {color:#660000; text-decoration:none}

			#case-liens p {font-size:12px; font-family:Verdana; margin-top:5px;}
			#case-liens img {width:150px; border:thin solid #333333; margin:5px; float:left; }
			
			
			/*# case-communaute {min-height:145px; padding:10px; background-color:#CCCCCC; border:thin solid #333333;}*/

			#case-communaute h3 {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			#case-communaute a {color:#000000; text-decoration:none;}
			#case-communaute a:hover {color:#000000; text-decoration:underline;}
			#case-communaute a:visited {color:#660000; text-decoration:none}

			#case-communaute p {font-size:12px; font-family:Verdana; margin-top:5px;}
			.visuel-link {width:100px; border:thin solid #333333; margin-right:5px; margin-bottom:0px; float:left; }


			/* Dans Contacts */
			
			/*#case-contacts {padding:10px; min-height:150px; background-color:#CCCCCC; border:thin solid #333333;}*/

			#form-contacts h3 {font-size:16px; font-family:Verdana; text-align:center; margin-top:5px;}
			.form-contacts {font-size:12px; font-family:Verdana; margin:5px;}





#haut-gauche-edito
{
	background-image:url(img/habillage/bkg-edito/haut-gauche.gif); background-position:bottom right; background-repeat:no-repeat;
}
#haut-droit-edito
{
	background-image:url(img/habillage/bkg-edito/haut-droit.gif); background-position:bottom left; background-repeat:no-repeat;
}

#bas-gauche-edito
{
	background-image:url(img/habillage/bkg-edito/bas-gauche.gif); background-position:top right; background-repeat:no-repeat;
}
#bas-droit-edito
{
	background-image:url(img/habillage/bkg-edito/bas-droit.gif); background-position:top left; background-repeat:no-repeat;
}