/* 
----- CSS Mon-PereNoel v1 -----
----- Des droits d'auteurs veillent sur ce fichier -----
----- email: julien@dif-studio.com -----
*/

/*----- Les liens -----*/
a:link	{color:#9E1117; text-decoration: none; }
a:active	{color: #2B2B2B; text-decoration: overline underline; }
a:visited	{color:#9E1117; text-decoration: none; }
a:hover	{color:#2B2B2B; text-decoration: overline underline; }

/*----- Balises H -----*/
h1 {
	color: #9E1117;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

h2 {
	color: #9E1117;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

h3 {
	color: #9E1117;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}


li {line-height: 22px;}

/*----- Balises P -----*/
p {line-height: 16px;}

/* 
##########################################
----- Body -----
*/
body {
	margin: 0px;
	font-family: verdana;
	color: #2B2B2B;
	font-size: 12px;
	background-color: #575555;
	background-image: url(images/bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

/* 
##########################################
----- Div:ID et Class générales du site -----
(Bannière, partie centrale et footer)
*/
#page {
	width: 1000px;
	height: auto;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	}
	
	
#topsite	{
	width: 1000px;
	height: 310px;
	padding: 0px;
	position: absolute;
	background-image: url(images/topsite.jpg);
	background-repeat: no-repeat;
}

#center	{
	width: 1000px;
	height: auto;
	margin: 310px 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background-image: url(images/bg-center.jpg);
	background-repeat: repeat-y;
}

.footer {
	width: 1000px;
	height: 130px;
	background-image: url(images/footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0 0 0 0;
	color: #FFF;
	font-size: 10px;
	float: left;
}
		/* Liens footer */
			.footer a:link, .footer a:visited { color:#C3C3C3; text-decoration: underline; }
			.footer a:active, .footer a:hover { color:#707070; text-decoration: underline; }
		/*  FIN Liens footer*/	
		/* Footer texte */
		.footer-texte {width: 800px; text-align: center; float: right;}
		/* FIN Footer texte */
						 

	/*##########################################
	##########################################
	##########################################*/
	/* MENU */
			#leftbloc {
				height: auto;
				width: 210px;
				float: left;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
						
			#leftbloc table	{
				height: auto;
				width: 210px;
				text-align: right;
				font-size: 16px;
				font-family: Verdana, Geneva, sans-serif;
				line-height: 35px;
			}
			
			#leftbloc a, #leftbloc a:visited	{
				color: #FFFFFF;
			}
			
			#leftbloc a:hover, #leftbloc a:active	{
				color: #FFF; text-decoration: none;
			}
			
				.leftbloc-tabtop	{
					height: 40px;
					background-image: url(images/menu/top-menu.png);
					background-repeat: no-repeat;
					background-position: bottom right;
				}		
					/* Menu 1 */
						.leftbloc-tabmenu1 a, .leftbloc-menu1 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/1.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu1 a:hover, .leftbloc-tabmenu1 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/1-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 1 */
					
					/* Menu 2 */
						.leftbloc-tabmenu2 a, .leftbloc-menu2 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/2.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu2 a:hover, .leftbloc-tabmenu2 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/2-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 2 */
					
					/* Menu 3 */
						.leftbloc-tabmenu3{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/3.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					
						.leftbloc-tabmenu3 a, .leftbloc-menu3 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/3.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu3 a:hover, .leftbloc-tabmenu3 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/3-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 3 */
					
					/* Menu 4 */
						.leftbloc-tabmenu4{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/4.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu4 a, .leftbloc-menu4 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/4.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu4 a:hover, .leftbloc-tabmenu4 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/4-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 4 */
					
					/* Menu 5 */
						.leftbloc-tabmenu5{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/5.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu5 a, .leftbloc-menu5 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/5.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu5 a:hover, .leftbloc-tabmenu5 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/5-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 5 */
					
					/* Menu 6 */
						.leftbloc-tabmenu6{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/6.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu6 a, .leftbloc-menu6 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/6.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu6 a:hover, .leftbloc-tabmenu6 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/6-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 6 */
					
					/* Menu 7 */
						.leftbloc-tabmenu7{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/7.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					
						.leftbloc-tabmenu7 a, .leftbloc-tabmenu7 a:visited{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/7.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
						
						.leftbloc-tabmenu7 a:hover, .leftbloc-tabmenu7 a:active{
						height: 35px;
						width: 210px;
						display: block;
						background-image: url(images/menu/7-on.jpg);
						background-repeat: no-repeat;
						background-position: bottom right;
						}
					/* FIN - Menu 7 */
					

				/* RSS */
				#leftbloc .rss {
				font-size: 10px;
				line-height: 14px;
				margin-left: 35px;
				margin-top: 25px;
				}
				
				#leftbloc .rss img {
				border: none;
				margin-right: 3px;
				}
				
				#leftbloc .rss a, #leftbloc .rss a:visited	{
				color: #FFFFFF; text-decoration:underline;
			    }
			
				#leftbloc .rss a:hover, #leftbloc .rss a:active	{
				color: #FFF; text-decoration: none;
			    }

				/* FIN - Menu */
	/*##########################################
	##########################################
	##########################################*/

				
	/* Contenu partie centrale */
		
			#rightbloc	{
				height: auto;
				width: 760px;
				float: left;
				margin: 0 0 20px 0;
				padding: 0 19px 0 11px;
				text-align: justify;
			}
			
			#rightbloc hr {
				color: #2B2B2B;
				width: 75%;
				margin-top: 15px;
				margin-bottom: 25px;
			}
								
	/* FIN - partie centrale */
	
	
	/*##########################################
	##########################################
	##########################################*/
		/* Tableau Références */
		.tabreferences	{
			width: 700px;
			height: auto;
			margin: 20px 0 20px 0;
		}
		.tabreferences	img	{
			border: none;
			margin: 0 auto 0 auto;
			display: block;
		}
		.tabreferences-col {
			width: 325px;
			text-align: center;
		}
		.tabreferences-separ {
			width: 50px;	
		}
		
	
	/*##########################################
	##########################################
	##########################################*/
		/* Tableau Photos */
		.tabphotos	{
			width: 600px;
			height: auto;
			margin: 0;
		}
		.tabphotos	img	{
			border: none;
			margin: 4px auto 4px auto;
			display: block;
		}
		.tabphotos	td {
			width: 200px;
			text-align: center;
		}
		
	/*##########################################
	##########################################
	##########################################*/
		/* Tableau Concours */
		.tabconcours	{
			width: 700px;
			height: auto;
			margin: 0;
		}
		.tabconcours-date {
			width: 200px;
			text-align: right;
			vertical-align: top;
		}
		
		.tabconcours-result {
			text-align: left;
			vertical-align: top;
			padding-bottom: 5px;
		}
		
	/*##########################################
	##########################################
	##########################################*/
		/* Tableau Photos */
		.tabphotos	{
			width: 600px;
			height: auto;
			margin: 0;
		}		
		.tabphotos td {
			width: 200px;
		}