@charset "utf-8";
/* CSS Document */


/*
******************************
**                          **
**  Menu :                  **
**  > largeur    : 280px    **
**                          **
**  Contenu :               **
**  > largeur    : 660px    **
**  > background : #F8F8F8  **
**                          **
******************************
*/


body {
	height:80px;
	width:100%;
	margin:0;
	padding:0;
	background:#676767;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color:#0055FF;
	text-decoration:none;
}

/*
** HEADER
*/

.header {
	height:105px;
	width:100%;
	margin:0;
	background:url('/img/css-2/header-background.png') repeat-x top;
}

	.header .logo {
		height:80px;
		width:1000px;
		margin:auto;
		background:url('/img/css-2/header.png') no-repeat;
	}

		.header .logo a {
			display:block;
			height:79px;
			width:700px;
		}

	.header .menu-horizontal {
		height:25px;
		width:100%;
		background:url('/img/css-2/menu-horizontal.png') repeat-x;
	}

		.header .menu-horizontal .liens {
			height:20px;
			width:960px;
			margin:auto;
			padding:0 20px;
			vertical-align:top;
		}

			.header .menu-horizontal .liens a {
				float:left;
				height:17px;
				width:auto;
				margin:0 5px;
				padding:3px 15px 0 15px;
				border-right:1px solid #ECECEC;
				border-left:1px solid #ECECEC;
				color:#000000;
				font-weight:bold;
				text-decoration:none;
				vertical-align:top;
			}

				.header .menu-horizontal .liens a:hover {
					background:url('/img/css-2/menu-horizontal-hover.png') repeat-x;
					border-right:1px solid #000000;
					border-left:1px solid #000000;
				}

/*
** MENU
*/

.menu {
	float:right;
	height:auto;
	width:280px;
	margin:0;
}
/* LARGEUR 280px */
	.menu b {
		display:block;
		height:20px;
		width:252px;
		margin:0;
		padding:3px 0 0 26px;
		background:url('/img/css-2/menu-header.png') repeat-x;
		border-top:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
		color:#0055FF;
		font-size:14px;
	}

	.menu p {
		margin:0 0 10px 0;
		padding:0;
		border-right:1px solid #DFDFDF;
		border-bottom:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
	}

		.menu p a {
			display:block;
			margin:0;
			padding:5px 5px 5px 25px;
			background:url('/img/css-2/lien.gif') no-repeat 5px 5px;
			border-top:5px solid #FFFFFF;
			color:#666666;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
		}

			.menu p a:hover {
				background:url('/img/css-2/lien.gif') no-repeat 5px 5px #0055FF;
				color:#E4E4E4;
			}

		.menu p a.flash {
			background:url('/img/css-2/lien-flash.gif') no-repeat 5px 5px;
		}

			.menu p a.flash:hover {
				background:url('/img/css-2/lien-flash.gif') no-repeat 5px 5px #FF2525;
				color:#E4E4E4;
			}

		.menu p a.hebergeur {
			margin:0;
			padding:9px 0 14px 0;
			background:none;
			text-align:center;
		}

			.menu p a.hebergeur:hover {
				background:none;
			}

/*
** CORPS
*/

.background {
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	background:#E4E4E4;
}

.corps-header {
	height:13px;
	width:1000px;
	margin:auto;
	background:url('/img/css-2/corps-header.png') no-repeat;
}

.corps {
	height:auto;
	width:950px;
	margin:auto;
	padding:5px 25px 15px 25px;
	background:url('/img/css-2/corps.png') repeat-y;
}

	.corps .ariane {
		height:auto;
		width:1000px;
		padding:0 0 10px 10px;
	}

		.corps .ariane .pied-ariane {
			margin:7px 0 2px -10px;
		}

	.corps h1 {
		height:20px;
		width:632px;
		margin:0;
		padding:3px 0 0 26px;
		background:url('/img/css-2/contenu-header.png') no-repeat;
		border-top:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
		color:#0055FF;
		font-size:14px;
	}

	.corps div.titre1 {
		height:20px;
		width:632px;
		margin:0;
		padding:3px 0 0 26px;
		background:url('/img/css-2/contenu-header.png') no-repeat;
		border-top:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
		color:#0055FF;
		font-size:14px;
		font-weight:bold;
	}

	.corps div.actualitee {
		height:20px;
		width:632px;
		margin:0;
		padding:3px 0 0 26px;
		background:url('/img/css-2/contenu-header-actualitee.png') no-repeat;
		border-top:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
		color:#0055FF;
		font-size:14px;
		font-weight:bold;
	}

	.corps h2 {
		margin:15px 0 15px 0;
		padding:0 0 1px 22px;
		background:url('/img/css-2/h2.gif') no-repeat 0 1px;
		border-bottom:1px solid #08A90C;
		color:#08A90C;
		font-size:16px;
	}

		.corps h2 a {
			display:block;
			height:100%;
			width:100%;
			color:#08A90C;
		}

	.corps .contenu {
		height:auto;
		width:638px;
		margin:0 0 10px 0;
		padding:5px 10px;
		background:#F8F8F8;
		border-right:1px solid #DFDFDF;
		border-left:1px solid #DFDFDF;
		border-bottom:1px solid #DFDFDF;
		color:#000000;
		line-height:1.5em;
		text-align:justify;
	}

		.corps .contenu .date {
			color:#888888;
			text-align:right;
			font-weight:bold;
			font-size:10px;
		}

/* Compléments à contenu */

/* Description du site */

		.corps .contenu p.description_du_site {
			margin:0;
			padding:3px 0 0 0;
			background:url('/img/css-2/commentaire.gif') no-repeat;
			text-indent:20px;
		}

/* Cinq derniers articles */

		.corps .contenu .cinq_derniers_articles {
			margin:10px 0 10px 0;
			padding:8px;
			background:#FFFFFF;
			border:1px solid #DFDFDF;
		}

			.corps .contenu .cinq_derniers_articles:hover {
				background:#DFDFDF;
				border:1px solid #0055FF;
			}

			.corps .contenu .cinq_derniers_articles a {
				padding:0 0 0 20px;
				background:url('/img/css-2/redaction.png') no-repeat;
				font-weight:bold;
			}

			.corps .contenu .cinq_derniers_articles ul {
				margin:10px 0 10px 0;
				padding:0 0 0 25px;
			}

				.corps .contenu .cinq_derniers_articles ul li {
					margin:0;
					padding:0;
					list-style-type:square;
				}

			.corps .contenu .cinq_derniers_articles .date {
				color:#888888;
				text-align:right;
				font-weight:bold;
				font-size:10px;
			}

/* Tous les articles */

		.corps .contenu ul.liens-articles {
			padding:4px 0 4px 30px;
		}

			.corps .contenu ul.liens-articles li {
				list-style-type:none;
			}

		.corps .contenu h2.tous-les-articles-c {
		}

		.corps .contenu h3.tous-les-articles-sc {
			margin:2px;
			padding:0 0 0 15px;
		}

/* Descriptions des articles .. */

		.corps .contenu .description {
			margin:10px 0 10px 0;
			padding:8px;
			background:#FFFFFF;
			border:1px solid #DFDFDF;
		}

			.corps .contenu .description:hover {
				background:#DFDFDF;
				border:1px solid #0055FF;
			}

			.corps .contenu .description a {
				padding:0 0 0 20px;
				background:url('/img/css-2/redaction.png') no-repeat;
				font-weight:bold;
			}

			.corps .contenu .description a.tromb {
				background:url('/img/css-2/tromb.gif') no-repeat;
			}

			.corps .contenu .description a.supprimer {
				background:url('/img/css-2/supprimer.png') no-repeat;
				color:#FF4747;
			}

		.corps .contenu .description ul {
			margin:10px 0 10px 0;
			padding:0 0 0 25px;
		}

			.corps .contenu .description ul li {
				margin:0;
				padding:0;
				list-style-type:square;
			}

/* Formulaire de contact */

	.contenu table.formulaire-contact {
		width:550px;
		border-collapse:collapse;
	}

		.contenu table.formulaire-contact tr td {
			padding:2px 0;
		}

		.contenu table.formulaire-contact input.text {
			height:14px;
			width:300px;
			background:url('/img/css-2/fond-input.jpg') repeat-x;
			border:1px solid #D3D3D3;
			font-size:11px;
		}

		.contenu table.formulaire-contact input.button {
			height:18px;
			width:120px;
			padding:0 0 1px 0;
			background:url('/img/css-2/fond-input.jpg') repeat-x;
			border:1px solid #D3D3D3;
			font-size:12px;
			cursor:pointer;
		}

		.contenu table.formulaire-contact textarea {
			height:120px;
			width:550px;
			background:url('/img/css-2/fond-input.jpg') repeat-x bottom;
			border:1px solid #D3D3D3;
		}

	.contenu ol.contact-erreur-message {
				margin:12px 0 25px 0;
			}

	.contenu ol.contact-erreur-message li {
					color:#FF0000;
				}

/* Coloration syntaxique */

	.contenu pre {
		padding:6px;
		background:#FFFFFF;
		border:1px solid #DFDFDF;
		
		/* Saut à la ligne automatique */
		white-space: pre-wrap; /* css-3 */ 
		white-space: -pre-wrap; /* Opera 4-6 */ 
		white-space: -o-pre-wrap; /* Opera 7 */ 
		word-wrap: break-word; /* Internet Explorer 5.5+ */
	}

/* Compléments divers */

	.contenu acronym {
		cursor:help;
	}

		.contenu a acronym {
			cursor:pointer;
		}

	.contenu strong {
		font-weight:normal;
	}

/* Fin de compléments à contenu */

	.corps .newsletter {
		width:638px;
		margin:12px 0 0 0;
		padding:5px 10px;
		background:#EEFFFF;
		border:1px solid #BBFFFF;
	}

	 .corps .selection-articles {
		height:16px;
		width:638px;
		margin:0;
		padding:5px 10px;
		background:#EEFFFF;
		border:1px solid #BBFFFF;
	 }

		.corps .selection-articles .precedent {
			float:left;
			width:300px;
			padding-left:20px;
			background:url('/img/css-2/precedent.png') no-repeat;
		}

		.corps .selection-articles .suivant {
			padding-right:20px;
			background:url('/img/css-2/suivant.png') no-repeat;
			background-position:right;
			text-align:right;
		}

	.corps .impression {
		width:638px;
		margin:0;
		padding:5px 10px;
		background:#EEFFFF;
		border:1px solid #BBFFFF;
	}

		.corps .impression img.note {
			height:24px;
			width:12px;
			border:0;
			cursor:pointer;
		}

		.corps .impression #note-affiche {
			font-size:90%;
			color:#333333;
			font-weight:bold;
		}

		.corps .impression textarea#commentaire {
			height:114px;
			width:584px;
			padding:18px 18px;
			background:#EEFFFF url('./img/css-2/textarea-1.png') no-repeat;
			border:0;
		}

	.corps .pied {
		clear:right;
		width:100%;
		margin:15px 0 0 0;
	}

		.corps .pied .liens {
			width:660px;
			color:#666666;
			text-align:center;
		}

/*
** FOOTER
*/

.footer {
	height:130px;
	width:100%;
	background:url('/img/css-2/footer.png') repeat-x top;
	font-size:10px;
	line-height:1.6em;
    font-family:Arial, Verdana, Helvetica, sans-serif;
}

	.footer table {
		height:130px;
		width:970px;
		margin:0 auto;
		padding:0;
		border-collapse:collapse;
	}

		.footer table tr {
			margin:0;
			padding:0;
		}

			.footer table tr th {
				width:25%;
				margin:0;
				padding:0 4px;
				text-align:left;
			}

				.footer table tr th strong {
					color:#FFDD00;
					font-weight:bold;
					font-size:11px;
				}

				.footer table tr th.th-1 {
					border-right:1px solid #D3D3D3;
					border-left:1px solid #D3D3D3;
				}

				.footer table tr th.th-2 {
					border-right:1px solid #D3D3D3;
				}

				.footer table tr th.th-3 {
					border-right:1px solid #D3D3D3;
				}

				.footer table tr th.th-4 {
					border-right:1px solid #D3D3D3;
				}

			.footer table tr td {
				margin:0;
				padding:0 8px;
				vertical-align:top;
			}

				.footer table tr td p {
					margin:0;
				}

				.footer table tr td a {
					color:#DDDDDD;
					text-decoration:none;
					font-weight:bold;
				}

					.footer table tr td a:hover {
						text-decoration:underline;
					}

				.footer table tr td.td-1 {
					border-right:1px solid #D3D3D3;
					border-left:1px solid #D3D3D3;
				}

				.footer table tr td.td-2 {
					border-right:1px solid #D3D3D3;
				}

				.footer table tr td.td-3 {
					border-right:1px solid #D3D3D3;
				}

				.footer table tr td.td-4 {
					border-right:1px solid #D3D3D3;
				}


