@import url(accueil.css);

body, html
{
	padding:0; margin:0;
	text-align:center;
	background:#233f99 url(../images/bg_repeat.jpg) repeat-x 0 0;
	color:#6d6d6d;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a
{
	color:#ad1e38;
	text-decoration:underline;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

a img
{
	border:none;
}
img
{
	border:5px solid #b5b5b5;
}
a:hover img
{
	border-color:#9d9d9d;
}
h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h1
{
	color:#292929;
	background:#e3e3e3 url(../images/h1.jpg) no-repeat 0 100%;
	height:30px;
	line-height:30px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:4px;
}
h2 {
	font-size: 14px;
	color:#ad1e38;
	padding:12px;
	text-transform:uppercase;
	font-weight:bold;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	font-size: 20px;
}

p
{
	margin:0px 0;
	text-align:justify;
	padding:10px 15px;
}

embed, object
{
	margin:0 !important; padding:0 !important; outline:none;
}

.clear{ clear:both; }

/* STRUCTURE */
#container
{
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#ffffff;
}
	#header
	{
		height:221px;
		width:auto;
		background:url(../images/bg_header.jpg) no-repeat 0 0;
		position:relative;
		z-index:2;
	}
	#header.flashed
	{
		background:url(../images/bg_repeat.jpg) repeat-x 0 0;
	}

	#main
	{
		position:relative;
		z-index:1;
	}
		.main-title
		{
			background:url(../images/main_title_repeat.jpg) repeat-x 0 0;
			height:46px;
			overflow-y:hidden;
			width:auto;
		}
			.main-title h1
			{
			}
			.main-title h1
			{
				font-size:25px;
				background:url(../images/main_title_left.jpg) no-repeat 0 0 ;
				margin:0; padding:0;
				line-height:normal;
				padding-top:8px;
				padding-bottom:10px;
				height:39px;
				padding-left:54px;
				color:#FFFFFF;
				font-weight:normal;
			}

		#content-1col
		{
		}
		#content-2cols
		{
			background:url(../images/bg_accueil_repeat_y.jpg) repeat-y 640px 0;
			soverflow-x:hidden;
		}
		#content-3cols
		{
			background:url(../images/bg_accueil_repeat_y.jpg) repeat-y 100% 0;
		}
			#content_wrapper
			{
				
			}
			#right
			{
				float:right;
				width:260px;
			}
			#content-2cols #left
			{
				float:left;
				width:640px;
			}
			#content-3cols #left
			{
				float:left;
				width:380px;
			}
			#content-1col #left
			{
				float:none;
				width:900px;
			}
			#center
			{
				width:260px;
				float:left;
			}
			
			#footer
			{
				position:relative;
				height:86px;
				background:#233f99 url(../images/bg_footer.jpg) no-repeat 0 0;
			}
				#signature
				{
					font-size:10px;
					color:#9fabd3;
					position:absolute;
					left:20px;
					top:15px;
				}
					#signature a
					{
						text-transform:uppercase;
						color:#9fabd3;
						text-decoration:none;
					}
				#footer a
				{
					background:none;
					
				}
					#footer_liens
					{
					}
					#footer_liens a
					{
					}
					#footer_liens a:hover
					{
					}

	/* MENU */
	#menu
	{
		position:absolute;
		top:175px;
		right:0px;
		z-index:1000;
	}
		#menu #anim_c
		{
		}
		#menu ul, #menu ul li
		{
			margin:0;
			padding:0;
			list-style-type:none;
			display:block;
			float:left;
		}
		
		#menu ul li a
		{
			display:block;
			background:none;
			font-size:15px;
			text-transform:uppercase;
			padding:8px 10px;
			color:#ffffff;
			text-decoration:none;
			border:0px solid red;
			border-bottom:none;
		}
		#menu ul li a:hover, #menu ul li.over a, #menu ul li:hover a
		{
			color:#ffffff;
			border-bottom:6px solid #ad485b;
		}		
		#menu ul li.active a
		{
			color:#ffffff;
			border-bottom:6px solid #9c1b34;
		}
		
		/* SOUS MENUS */
		#menu ul li ul
		{
			display:none;
			position:absolute;
			top:auto;
			left:auto;
			background:#FFFFFF;
			padding:10px;
			border-bottom:1px solid #9c1b34;
			z-index:20000;
		}
		#menu ul li:hover ul, #menu ul li.over ul
		{
			display:block;
		}
			#menu ul li ul li, #menu ul li:hover ul li, #menu ul li.over ul li
			{
				float:none;
				border:none;
			}
			#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li.over ul li a,
			#menu ul li ul li.active a
			{
				width:100px;
				color:#666666;
				padding:3px 5px;
				text-transform:none;
				font-size:12px;
				border:none;
			}
			#menu ul li ul li a:hover, #menu ul li ul li.active a
			{
				color:#000000;
				background:#dedede;
				border:none;
			}
		

	/* COMMENTAIRES */
	.commentaires-header
	{
	}
		.commentaires-nb
		{
		}
		.commentaires-texte
		{
		}
		.commentaires-liens
		{
		}
			#showcomments
			{
			}
			#addcomment
			{
			}
			#showcomments:hover, #addcomment:hover
			{
			}
	.tx-guestbook-result
	{
	}
	.comment
	{
	}
	.comment:hover
	{
	}
		.comment-header
		{
		}
			.comment-header .comment-name
			{
			}
			.comment-link
			{
				
			}
			.comment-link a
			{
			}
			.comment-link a:hover
			{
			}
			.comment-link a span
			{
			}
			.comment-header .comment-date
			{
			}
			.comment-message
			{
			}
			.comment:hover .comment-message
			{
			}
			
	/* FORMULAIRES */
	form
	{
		
	}
	input{ margin:0;}
	fieldset#comment-add-form
	{
	}
		.tx-guestbook-field
		{
		}
		input.text, textarea
		{
			width:auto;
			font-size:11px;
			padding:2px 4px;
			border:none;
			font-family:Arial, Helvetica, sans-serif;
		}
		input.text:focus, textarea:focus
		{
			background:#666666;
			color:#ffffff;
		}
		input.submit
		{
			font-size:11px;
			padding:2px 4px;
			border:none;
			background:#ad1e38;
			color:#ffffff;
		}
		input.submit:hover
		{
			background:#ad485b;
			color:#000000;
		}
		.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
			float:right;
			width:280px;
		}
		
		.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
			float:right;
			width:280px;
		}
		
		.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
			width: 436px;
			display: block;
			float: left;
		}
	/* NO COMMENTS */
	.comment-empty-title
	{
		
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:center;
		padding:30px;
		color:#CE9745;
		width:auto;
		clear:both;
		float:none;
		position:relative;
		line-height:normal;
	}
	
	/* VIDEO - PHOTOS */
	.tscontent{ padding:0 10px; }
	.tscontent #videos ul,.tscontent #videos ul li
	{
		margin:0; padding:0; list-style-type:none;
	}
	.tscontent #videos ul li a
	{
		display:block;
		background:none;
		padding:3px 5px;
		background:url(../images/green_10.png);
		margin-bottom:2px;
	}
	.tscontent #videos ul li.impair a
	{
		-background:#202020;
	}
	.tscontent #videos ul li.pair a
	{
		-background:#222222;
	}
	.tscontent #videos ul li a:hover
	{
		background:url(../images/yellow_20.png);
	}


/* LIENS LINKS */

.link
{
	border-bottom:1px solid #efefef;
	margin-bottom:10px;
}
	.link-screenshot
	{
		float:left;
		width:200px;
		padding:5px;
	}
		.link-screenshot img
		{
			border:none !important;
		}
	.link-c
	{
		float:left;
		width:400px;
		padding-left:15px;
	}
	.link-c p, .link-c h2
	{
		padding-left:0;
	}
	.link-link a
	{
		display:inline-block;
		padding-right:15px;
		background:transparent url(../images/readon.jpg) no-repeat 100% 50%;
		text-decoration:none;
		font-size:15px;
	}
	
/*
	DOSSIERS
*/
.dossiers-themes-list{
	width:auto;
	padding:20px;
	height:80px;
	background: url(../images/bg_alaune.jpg) repeat-x 0 0;
}
	.dossiers-theme-list-item
	{
		float:left;
		margin-right:10px;
		width:200px;
	}
		.dossiers-theme-list-item a
		{
			display:block;
			color:#FFFFFF;
			text-decoration:none;
		}
		.dossiers-theme-list-item a:hover
		{
			color:#7C97CC;
		}
		.dossiers-theme-list-item.active a
		{
			color:#162A67;
		}


.dossier-latest
{
	width:319px;
	float:left;
	height:160px;
	position:relative;
	margin-right:1px;
}
	
	.dossier-latest h1 {
		height:auto;
		font-size:12px;
		line-height:normal;
		padding:3px 5px;
		background:#efefef;
	}
	.dossier-latest .categorie{
		padding-left:8px;
		font-size:10px;
	}
	.dossier-latest h2{
		font-size:12px; text-transform:none;
		padding:10px 6px 4px 8px;
		margin:0;
	}
	.dossier-latest .dossier-content{
		overflow:hidden;
		height:70px;
		padding:10px 12px 4px 8px;
		font-size:11px;
	}
		.dossier-latest .dossier-content p{
			margin:0; padding:0; padding-bottom:5px;
		}
	.dossier-latest .flash-infos-readon{
		display:block;
		position:absolute;
		bottom:5px;
		right:12px;
	}

/* 
MAP
*/
#map_flash
{
	background: url(../images/bg_accueil_repeat_y.jpg) repeat-y 640px 0;
}

	
/* The so called IE Holly hack - Internet explorer */
/* \*/
* html #content { height: 1%; overflow:visible; }
/* */