/* CSS Document */

body {
	margin: 0;
	padding: 0;
	
	background-color: #edf4f9;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* Pour l'alignement de la DIV principale */
}
p {
	margin: 10px auto; /* Harmonisation des marges haut et bas sous IE */
}

h1 {
	display: none;
} 
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #f79128;

	line-height: 98%;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #f79128;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #3f6f9d;
}
h5 {

}
h6 {

}

.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.bottom {
	vertical-align: bottom;
}
.shiftleft {
	margin-left: 40px;
}
.shiftright {
	margin-right: 10px;
}

.strike {
	text-decoration: line-through;
}

.divleft {
	margin-right: 30px;
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;

	float: none;
}
.divright {
	margin-left: ;
	float: right;
}

	.borderless {
		border: none;
	}
	
	.stuck { /* les balises affectées par cette classe sont "collées" */
		margin: 0;
		
		border: 0;
	}
	
	.table {
		display: table;
	}

.block {
	display: block; /* corrige le bug Internet Explorer d'espaces indésirables autour des images */
}

a img {
	padding: 0;

	border: none;
}

	a:link,
	a:visited {
		color: #ff7214;
		text-decoration: underline;
	}
	a:hover,
	a:active {
		color: #3f6f9d;
		text-decoration: none;
	}

div {
	margin: 0;
	padding: 0;
}

	.clear {
		clear: both;
		padding:0;
		margin: 0;
	}
	.framed {
		width: ; /* paramétrable */
		
		margin-left: ; /* paramétrable */
		margin-right: ; /* paramétrable */
		padding: 10px;
		
		border: 1px solid #CFE1ED;
		
		background-color: #E3EEF5;
		
		color: #0E66A5;
		font-weight: bold;
	}
		.framed h2,
		.framed h3,
		.framed h4 {
			margin-top: 0;
		}
		.framed a:link,
		.framed a:visited {
			color: #3f6f9d;
		}
		.framed a:hover,
		.framed a:active {
			color: #3f6f9d;
		}
		
		a.bleu:link,
		a.bleu:visited {
			color: #057AC0;
			text-decoration: underline;
		}
		a.bleu:hover,
		a.bleu:active {
			color: #057AC0;
			text-decoration: none;
		}		
	
	.comment {
		width: 70%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 10px;
		
		border: 1px solid #ccc;
		
		background-color: #eee;
		
		-moz-border-radius: 12px; /* Arrondi des angles */
		border-radius: 12px; /* Arrondi des angles */
	}

.account {
	background-color: #fff;
	border: 1px solid #F9C8A1;
	padding: 5px;
}
.account p {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	margin: 0 10px;
	padding-bottom: 5px;
}
.account ul {
	margin: 1px;
}
.account ul li {
	display: inline;
	margin: 0 2px;
	
	list-style-image: url(../images/puce/fleche_orange.gif);
}
	
.account a:link,
.account a:visited {
			color: #F79128;
			font-weight: bold;
			text-decoration: none;
}

.account a:hover,
.account a:active {
			color: #3f6f9d;
			font-weight: bold;
			text-decoration: none;
			
}


table {
	border: none;
	/*border-collapse: collapse;*/
}
	table.designed {
		border-left: 1px solid #5295c0;
		border-right: 1px solid #5295c0;
	}
	.full {
		width: 100%;
	}
	caption {
		font-size: 12px;
		font-weight: bold;
		color: #5295c0;
		text-align: left;
	}
	td {
		border: none;
		/*border-collapse: collapse;*/
	}
		td.designed {
			border-bottom: 1px solid #5295c0;
		}
			td.designed.bordered {
			border-left: 1px solid #5295c0;
			border-right: 1px solid #5295c0;
			border-bottom: 1px solid #5295c0;
			}
	th {
		background-color: #5295c0;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}
	
form {
	margin: 0;
	padding: 0;
}

hr {
	/* Corrige bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #999; /* Couleur sous IE */
	background-color: #999; /* Couleur sous Firefox */
	border: 0;
}

.classic {
	background-color: #ccc;
}
.altern {
	background-color: white;
}

/* ******************************************** */
/* Gestionnaire de formulaire */

fieldset {
	padding: 10px;
	
	border: 1px solid #B1CFE3;
}
	legend {
		font-family: trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #0E66A5;
	}
	label {
		font-weight: bold;
		color: #0072b8;
	}
		label.lbleft {
			width: 140px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
		}
		label.lbleft-short {
			width: 120px; /* 105 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
		}
		input,
		select,
		textarea {
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #0072b8;
			
			background-color:#F3F8FB;
		}
		.bordered {
			border: 1px solid #d9e2e9;
		}
	
	.denied {
		width: 70%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding: 10px 10px 10px 25px;
		
		border: 1px solid #ddd;
		
		background-color: #eee;

		color: #000;
	}
		.denied ul li {
			list-style-image: url(../images/puce/fleche_noire.gif);	
		}
		.erreurs ul {
			padding-left: 0;
		}
		
/* ******************************************** */

/* ******************************************** */
/* Surlignement du texte sous Firefox */

::-moz-selection{

	background-color: #5295c0;
	
	color: white;
}

::selection {
	background-color: #5295c0;
	
	color: white;
} 
/* ******************************************** */

 /* ************************************************************************************************
GESTION  DES BLOCS
************************************************************************************************* */

/* ***********************************************
BLOC PRINCIPAL
*********************************************** */

#main {
	width: 809px;
	
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
	
	background-color: #fff;
	
	text-align: left;
}

	#shadow_top {
		width: 809px;
		height: 10px;
		
		overflow: hidden;
		
		background-image: url(../images/fond/shadow_top.jpg);
	}
	
/* ***********************************************
ENTETE
*********************************************** */
	
	#topheader {
		width: 809px;
		height: 91px;
		
		background-image: url(../images/fond/header.jpg);
	}
	#header {
		width: 809px;
		height: 143px;
	}
		#header thead,
		#header tfoot {
			display: none; /* Bug IE */
		}
		
/* ******************************************** */
/* Formulaire de Login */

		#header .log-block {
			width: 174px; /* 224 */
			height: 108px; /* 143 */
			
			padding-top: 35px;
			padding-left: 50px;
			
			overflow: hidden;
			
			background-image: url(../images/fond/log-block.jpg);
		}
			.log-block a:link,
			.log-block a:visited {
				color: #3f6f9d;
				text-decoration: underline;
			}
			.log-block a:hover,
			.log-block a:active {
				color: #3f6f9d;
				text-decoration: none;
			}
			.log-block ul {
				margin-top: 0;
				margin-left: 20px;
				margin-bottom: 0;
				
				/*list-style-image: url(../images/bt/logout.gif);*/
			}
			.log-block img {
				margin-top: 5px;
			}
			.log-block form {
				width: 120px;
				
				margin: 0;
				padding: 0;
			}
			.log-block label {
				/* display: none; */ 
			}
			.log-block input {
				border: 1px solid #e3eef5;
				
				font-size: 11px;
				color: #0072b8;
			}
				.log-block input.text {
					width: 70px;
					
					padding-left: 6px;
					
					background-image: url(../images/fond/input_orange.gif);
					background-position: left;
					background-repeat: repeat-y;
				}
					/*.log-block .formulaire_login {
						width: 120px;
						
						overflow: hidden;
					}*/
				
				
/* ******************************************** */

		#header .logo {
			width: 131px;
			height: 70px;
			
			background-image: url(../images/fond/logo.jpg);
			background-position: left;
			
		}
		#header .menu {
			width: 404px;
			height: 70px;

			background-position: right;
			background-image: url(../images/fond/menu.jpg);

		}
		#header .header_right {
			width: 50px;
			height: 70px;
			
			background-position: right;
			background-image: url(../images/fond/header_right.jpg);
		}
		#header .slogan {
			width: 585px;
			height: 73px;
			
			background-image: url(../images/fond/slogan.jpg);
		}
		
/* ***********************************************
CONTENU
*********************************************** */
	#content {
		width: 719px; /* 809 */
		
		padding: 10px 45px 10px 45px;
		
		background-image: url(../images/fond/content.jpg);
		background-repeat: repeat-y;
		
		line-height: 150%;
	}
		#content ul {
			list-style-image: url(../images/puce/trait_orange.gif);
		}
		
		.orange {
			color: #ff7214;
		}
		.bleu {
			color: #0072b8;
		}
		#content input.text,
		#content select.text {
			width: 155px;
		}
		#qui {
			margin-bottom: 14px;
			
			color: #ff7214;
		}
			#qui .text {
				width: 480px; /* 540 */
				
				padding-left: 30px;
				
				float: left;
				
				background-image: url(../images/puce/fleche_orange.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			
			#links li {
				padding-bottom: 10px;
				 border:1px solid #CFE1ED;
				 margin-bottom:10px;
			}		
			
			#team li {
				padding-bottom: 10px;
				 margin-bottom:10px;
				 
				 
			}
						
		#actus {
			margin-bottom: 14px;
			
			background-color: #e3eef5;
			
			color: #3f6f9d;
			
			list-style-image: url(../images/puce/fleche_bleue.gif);
		}
			#actus h2 {
				display: none;
			}
			#actus thead,
			#actus tfoot {
				display: none; /* Bug IE */
			}
			.actus_top {
				width: 501px;
				height: 23px;
				
				background-color: #fff;
				background-image: url(../images/titre/actualites_top.gif);
				background-position: right;
				background-repeat: no-repeat;
			}
			.actus_bottom {
				vertical-align: bottom;
				
				background-image: url(../images/titre/actualites_bottom.gif);
				background-position: top right;
				background-repeat: no-repeat;
			}
				#actus_summary {
					width: 539px;
					height: 110px;
					
					position: relative;
					z-index: 2;
					top: 0;
					left: 0;
					
					text-align: left;
					
					/*display: block;
					overflow: hidden;
					overflow-x: hidden;
					overflow-y: auto;
					overflow : -moz-scrollbars-vertical;*/
				}
					#actus_summary ul li {
						margin-left: -15px;
						
						list-style-image: url(../images/puce/fleche_bleue.gif);
					}
			
			.marquee {
				z-index: 1;
				
				width: 525px;
				height: 109px;
				
				position: absolute;
				top: 1px;
				left: 1px;
				
				clip: rect(0px, 525px, 109px, 0px);
				
				overflow: hidden;
			}
			
			.res_entete {
				padding-left: 30px;
			}
			
			.res_entete a:link,
			.res_entete a:active,
			.res_entete a:visited {
				color: #3f6f9d;
				text-decoration: underline;
			}
			.res_entete a:hover {
				color: #3f6f9d;
				text-decoration: none;
			}
			

			p.date {
				font-size: 80%;
			}		
/* ******************************************** */

		.search {
			margin-bottom: 28px;
			
			text-align: center;
		}
		
/* ******************************************** */

		.navig li {
			list-style-image: url(../images/puce/back.gif);
		}
			
/* ***********************************************
PIED DE PAGE
*********************************************** */	
	#footer {
		width: 749px;
		
		padding: 10px 30px 10px 30px;
		
		background-image: url(../images/fond/content.jpg);
		background-repeat: repeat-y;
	}
			#footer a:link,
			#footer a:visited {
				color: #fff;
				text-decoration: none;
			}
			#footer a:hover,
			#footer a:active {
				color: #fff;
				text-decoration: underline;
			}
		#footer div {
			padding: 1px 5px 1px 5px;
			
			color: #fff;
			
			background-color: #ff9e01;
		}
		#footer thead,
		#footer tfoot, {
			display: none; /* Bug IE */
		}
		
/* ******************************************** */

	#shadow_bottom {
		width: 809px;
		height: 10px;
		
		overflow: hidden;
		
		background-image: url(../images/fond/shadow_bottom.jpg);
	}
	
	
/* ***********************************************
GESTION DES FORMULAIRES
*********************************************** */	

		input.stylised,
		textarea.stylised {
			padding-left: 10px;
			
			background-image: url(../images/fond/input_stylised.gif);
			background-position: left;
			background-repeat: repeat-y;		
		}