/* *********************************
			DIV global
************************************ */
div.tx_kuloplayer_pi1-video {
	background: #000;
}


	* {
		margin: 0;
		padding: 0;
	}
	
	BODY {
		background: url('../imgs/background.gif') no-repeat top left;
		font-family: Arial, Verdana;
	}
	
	.clL {
		clear:left;
		font-size:1px;
	}
	.clR {
		clear:right;
		font-size:1px;
	}
	.clB {
		clear:both;
		font-size:1px;
	}
	
	#MAIN {
		margin: 0 auto;
		width:992px;
	}
	#CONTAINER #CONTENT div#news a {
		background: none;
		background: url('../imgs/a-dotted-red.gif') repeat-x bottom;
		padding: 0;
		text-decoration: none;
		color: #CC1600;
	}
	#CONTAINER #CONTENT div#news a:hover {
		background: url('../imgs/a-dotted-silver.gif') repeat-x bottom;
		color: #6E6E6E;
	}

/* *********************************
			DIV HEADER
************************************ */
	
		#HEADER {
			margin-top: 60px;
		}
			#HEADER #toolbox {
				background: url('../imgs/background-top.gif');
				height: 33px;
			}
				#HEADER #toolbox ul {
					list-style: none;
					float: left;
					margin-left: 350px;
					height: 32px;
				}
				*html #HEADER #toolbox ul {
					margin-left: 175px;
				}
					#HEADER #toolbox ul li {
						float: left;
						line-height: 32px;
						padding: 0 2px;
						color: #6e6e6e;
					}
						#HEADER #toolbox ul li a { 
							color: #6e6e6e;
							line-height: 32px;
							font-size: 11px;
							list-style: none;
							text-decoration: none;
							background: url('../imgs/a-dotted-silver.gif') repeat-x bottom;
						}
						#HEADER #toolbox ul li a:hover { 
							color: #ba2e17;
							background: url('../imgs/a-dotted-red.gif') repeat-x bottom;
						}
				#HEADER #toolbox div#searchBox {
					float: right;
					line-height: 32px;
					_margin-top: 5px;
				}
					#HEADER #toolbox div#searchBox label {
						font-size: 11px;
						line-height: 32px;
					}
					#HEADER #toolbox div#searchBox input#searchInput {
						background-color: #f6f6f6;
						border: 1px solid #d9d9d9;
						margin: 0 3px 0 5px;
						padding: 3px 3px;
					}
					#HEADER #toolbox div#searchBox input#searchSubmit {
						background: url('../imgs/btn-submit-bkg.gif');
						border: none;
						margin-right: 4px;
						color: #fff;
						letter-spacing: -1px;
						padding: 3px 1px;
						font-weight: bold;
					}
			#HEADER #logo{
				float: left;
				display: block;
				width: 348px;
				height: 180px;
				background: url('../imgs/logo.gif');
				text-decoration: none;
			}
			*html #HEADER #logo {
				width: 345px;
			}
			

/* *********************************
			DIV CONTAINER
************************************ */

	#CONTAINER {
		background: url('../imgs/background-middle.gif');
		z-index: 3;
	}
	
	#CONTAINER .tx-kuloplayer-pi1{
		z-index: 1;
		position : relative;
	}
	
	#CONTAINER #col2video{
		padding: 10px 30px 10px 30px;
		border-bottom: 1px solid #d9d9d9;
		line-height: 13px;
	}
	
	#CONTAINER .col2video_video{
		float: left;
		width: 200px;
		
	}
	
	#CONTAINER .col2video_texte{
		float: left;
		width: 490px;
	}
	
	#CONTAINER #CONTENT .col2video_texte a {
		background: url('../imgs/puce-arrow-red-plein.gif') no-repeat 0 2px;
		padding-left: 12px;
		text-decoration: none;
		color: #cc1600;
		/*font-size: 9px;*/
		line-height: 10px;
	}
	#CONTAINER #CONTENT .col2video_texte a:hover {
		background: url('../imgs/puce-arrow-red-plein-souligne-hover.gif') repeat-x left bottom;
	}
	
	/*
	#CONTAINER .tx-kuloplayer-pi1{
		margin-left: 30px;
		margin-right: 10px;
	}
	*/
/* *********************************
			DIV MENU
************************************ */

	#CONTAINER #MENU {
		padding-left: 4px;
		z-index: 30;
	}
		#CONTAINER #MENU dl {
			position: relative;
			float: left;
			z-index: 30;
		}
			#CONTAINER #MENU dt {
				float: left;
			}
				#CONTAINER #MENU dt a {
					text-decoration: none;
					display: block;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_1 a {
					text-decoration: none;
					background: url('../imgs/menu-1.gif');
					width: 131px;
				}
				#CONTAINER #MENU dt.menu_h_1_hover a,
				#CONTAINER #MENU dt.menu_h_1_active a,
				#CONTAINER #MENU dt.menu_h_1_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-1-hover.gif');
					width: 131px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_2 a {
					text-decoration: none;
					background: url('../imgs/menu-2.gif');
					width: 186px;
				}
				#CONTAINER #MENU dt.menu_h_2_hover a,
				#CONTAINER #MENU dt.menu_h_2_active a,
				#CONTAINER #MENU dt.menu_h_2_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-2-hover.gif');
					width: 186px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_3 a {
					text-decoration: none;
					background: url('../imgs/menu-3.gif');
					width: 120px;
				}
				#CONTAINER #MENU dt.menu_h_3_hover a,
				#CONTAINER #MENU dt.menu_h_3_active a,
				#CONTAINER #MENU dt.menu_h_3_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-3-hover.gif');
					width: 120px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_4 a {
					text-decoration: none;
					background: url('../imgs/menu-4.gif');
					width: 119px;
				}
				#CONTAINER #MENU dt.menu_h_4_hover a,
				#CONTAINER #MENU dt.menu_h_4_active a,
				#CONTAINER #MENU dt.menu_h_4_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-4-hover.gif');
					width: 119px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_5 a {
					text-decoration: none;
					background: url('../imgs/menu-5.gif');
					width: 148px;
				}
				#CONTAINER #MENU dt.menu_h_5_hover a,
				#CONTAINER #MENU dt.menu_h_5_active a,
				#CONTAINER #MENU dt.menu_h_5_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-5-hover.gif');
					width: 148px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_6 a {
					text-decoration: none;
					background: url('../imgs/menu-6.gif');
					width: 140px;
				}
				#CONTAINER #MENU dt.menu_h_6_hover a,
				#CONTAINER #MENU dt.menu_h_6_active a,
				#CONTAINER #MENU dt.menu_h_6_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-6-hover.gif');
					width: 140px;
					height: 31px;
				}
				#CONTAINER #MENU dt.menu_h_7 a {
					text-decoration: none;
					background: url('../imgs/menu-7.gif');
					width: 140px;
				}
				#CONTAINER #MENU dt.menu_h_7_hover a,
				#CONTAINER #MENU dt.menu_h_7_active a,
				#CONTAINER #MENU dt.menu_h_7_active_hover a {
					text-decoration: none;
					background: url('../imgs/menu-7-hover.gif');
					width: 140px;
					height: 31px;
				}
			#CONTAINER #MENU dd {
				display: none;
				position: absolute;
				top: 31px;
				left: 0;
				z-index: 19;
				background: url('../imgs/menu.gif') no-repeat bottom right;
				width: 99%;
				z-index: 30;
			}
			*html #CONTAINER #MENU dd {
				top: 30px;
			}
				#CONTAINER #MENU dd ul {
					position: relative;
					list-style: none;
					z-index: 19;
					z-index: 30;
				}
					#CONTAINER #MENU dd ul li {
						border-top: 1px solid #d9d9d9;
						line-height: 16px;
						padding: 3px;
						z-index: 19;
					}
					#CONTAINER #MENU dd ul li.first {
						border-top: none;
					}
						#CONTAINER #MENU dd ul li a {
							display: block;
							color: #2c2c2c;
							text-decoration: none;
							text-align: center;
						}
						#CONTAINER #MENU dd ul li a:hover {
							color: #bb2e17;
						}

/* *********************************
			DIV ARIANE
************************************ */

	#CONTAINER #ARIANE {
		display: none;
		clear: both;
		height: 25px;
		line-height: 25px;
		padding-left: 10px;
		border-bottom: 1px solid #d9d9d9;
		background: #fff;
	}
	*:first-child+html #CONTAINER #ARIANE,
	*html #CONTAINER #ARIANE {
		overflow: hidden;
		height: 15px;
	}
		#CONTAINER #ARIANE span.separator {
			background: url('../imgs/puce-arrow-red.gif') no-repeat;
			display: block;
			float: left;
			width: 5px;
			height: 5px;
			margin: 11px 4px 0;
			line-height: 25px;
		}
		#CONTAINER #ARIANE span.curent {
			color: #b32e19;
			line-height: 25px;
		}
		#CONTAINER #ARIANE a {
			display: block;
			float: left;
			color: #3c3c3c;
			text-decoration: none;
			line-height: 25px;
		}
		#CONTAINER #ARIANE a:hover {
			color: #b32e19;
		}

/* *********************************
			DIV CONTENT
************************************ */

	#CONTAINER #CONTENT {
		margin-top: 10px;
	}
	*:first-child+html  #CONTAINER #CONTENT,
	*html #CONTAINER #CONTENT {
		margin-top: 0;
	}
		#CONTAINER #CONTENT h1 {
			color: #b32e19;
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 10px;
			margin-left: 15px
		}
		#CONTAINER #CONTENT h2 {
			color: #b32e19;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
			padding-top: 3px;
		}
		#CONTAINER #CONTENT ol {
			margin-left: 35px;
		}
			#CONTAINER #CONTENT ol li {
				padding: 2px 0;
			}		
		#CONTAINER #CONTENT .paragraph {
			padding: 10px 30px 10px 30px;
			border-bottom: 1px solid #d9d9d9;
			line-height: 13px;
		}
			#CONTAINER #CONTENT .paragraph h1 {
				margin-left: 0;
			}
			#CONTAINER #CONTENT .paragraph p {
				padding: 4px 0 4px;
			}
			#CONTAINER #CONTENT .paragraph img {
				margin-top: 5px;
			}
			#CONTAINER #CONTENT .paragraph a {
				background: url('../imgs/puce-arrow-red-plein.gif') no-repeat 0 2px;
				padding-left: 12px;
				text-decoration: none;
				color: #cc1600;
				/*font-size: 9px;*/
				line-height: 10px;
			}
			#CONTAINER #CONTENT .paragraph a:hover {
				background: url('../imgs/puce-arrow-red-plein-souligne-hover.gif') repeat-x left bottom;
			}
			#CONTAINER #CONTENT .paragraph ul {
				float: right;
				list-style: none;
				margin: 0 0 10px 5px;
				padding: 3px 0 3px 5px;
				border-left: 1px solid #d9d9d9;
			}	
				#CONTAINER #CONTENT .paragraph ul li {
					line-height: 20px;
					color: #3c3c3c;
					font-weight: bold;
					width: 140px;
				}
					#CONTAINER #CONTENT .paragraph ul li a {
						color: #3c3c3c;
						text-decoration: none;
						background: none;
						padding: 0;
						padding-left: 10px;
						padding-bottom: 1px;
						background: url('../imgs/puce-arrow-red-souligne.gif') no-repeat left center;
					}
					#CONTAINER #CONTENT .paragraph ul li a:hover {
						color: #b22e19;
						border: none;
						background: url('../imgs/puce-arrow-red-souligne-hover.gif') no-repeat left center;
					}
		
		#CONTAINER #CONTENT #RTE_CONTENT .corporate {
			/*border-top: 1px solid #d9d9d9;*/
		}
			#CONTAINER #CONTENT #RTE_CONTENT .corporate .firstCol {
				background: none;
				height: auto;
				width: 219px !important;
				margin-left: 1px;
				padding-right: 0;
				float: left;
				text-align: left;
			}
			#CONTAINER #CONTENT #RTE_CONTENT .corporate .firstCol {
				margin-right: 0 !important;
				width: 231px !important;
			}
				#CONTAINER #CONTENT #RTE_CONTENT .corporate .firstCol a {
					background: none;
					border: none;
					margin: 0;
					padding: 0;
				}
					#CONTAINER #CONTENT #RTE_CONTENT .corporate .firstCol a img {
						border: none;
					}
			#CONTAINER #CONTENT #RTE_CONTENT .corporate .secondCol {
				background: none;
				height: auto;
				/*width: 495px !important;*/
				margin-left: 6px;
				overflow: hidden;
				float: left;
			}
			*html #CONTAINER #CONTENT #RTE_CONTENT .corporate .secondCol {
				margin-left: 5px !important;
				/*width: 490px !important;*/
			}
				#CONTAINER #CONTENT #RTE_CONTENT .corporate div h3 {
					font-size: 12px;
					font-weight: normal;
					padding:  0 0 10px 0;
					color: #cc1600;
				}
				#CONTAINER #CONTENT #RTE_CONTENT .corporate div h2 {
					font-size: 20px;
					font-weight: normal;
					padding-bottom: 5px;
					padding-top: 0;
					width: 240px;
				}
				#CONTAINER #CONTENT #RTE_CONTENT .corporate div .paragraph {
					padding-left: 15px;
				}
	#CONTAINER #INSERT h3 {
		display: block;
		background: url('../imgs/encart-title.gif') no-repeat bottom left;
		line-height: 33px;
		height: 33px;
		padding: 15px 10px 0 10px;
		color: #ffffff;
		font-weight: normal;
		font-size: 13px;
		overflow: hidden;
	}
	#CONTAINER #INSERT div.news,
	#CONTAINER #INSERT p {
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		padding: 7px;
		background: #fff;
	}
		#CONTAINER #INSERT div.linkArrowStyle a {
			background: none;
			background: url('../imgs/puce-arrow-red-souligne.gif') repeat-x bottom left;
			padding: 0;
			padding-left: 10px;
		}
		#CONTAINER #INSERT div.linkArrowStyle a:hover {
			background: url('../imgs/puce-arrow-silver-souligne.gif') repeat-x bottom left;
			color: #6E6E6E;
		}
		
		#CONTAINER #INSERT div.news a,
		#CONTAINER #INSERT p a {
			background: url('../imgs/puce-arrow-red-plein.gif') no-repeat 0 2px;
			padding-left: 12px;
			text-decoration: none;
			color: #cc1600;
			font-size: 9px;
		}
		#CONTAINER #INSERT p a:hover {
			background: url('../imgs/puce-arrow-red-plein-souligne-hover.gif') no-repeat left center;
		}
		#CONTAINER #INSERT div.news h4 {
			color: #b32e19;
			font-size: 12px;
			font-weight: bold;
		}
		#CONTAINER #INSERT div.news p {
			border: none;
			padding: 7px 0;
			margin: 0;
		}
	#CONTAINER #INSERT div.specialRelative {
		border-top: 15px solid #fff;
	}
		#CONTAINER #INSERT div.specialRelative div.relativelink {
			border-top: 1px solid #DFDFDF;
		}
	#CONTAINER #INSERT div.relativelink {
		background: #ffffff url('../imgs/encart-liens-relatifs.gif') no-repeat;
		height: 29px;
		line-height: 25px;
		padding: 0 5px;
		color: #3c3c3c;
		font-size: 9px;
	}
		#CONTAINER #INSERT div.relativelink a {
			font-size: 9px;
			color: #b22e19;
			text-decoration: none;
			background: url('../imgs/a-dotted-red.gif') repeat-x bottom;
		}
		#CONTAINER #INSERT div.relativelink a:hover {
			color: #3c3c3c;
			background: url('../imgs/a-dotted-silver.gif') repeat-x bottom;
		}
/* *********************************
			DIV FOOTER
************************************ */
	#FOOTER {
	}
	
		#FOOTER #infobox ul#footerToolbox {
			background: url('../imgs/background-bottom.gif');
			width: 100%;
			text-align: center;
			height: 34px;
		}
			#FOOTER #infobox ul#footerToolbox li {
				display: inline;
				height: 34px;
				line-height: 34px;
				padding: 0 2px;
				color: #6e6e6e;
			}
				#FOOTER #infobox ul#footerToolbox li a { 
					color: #6e6e6e;
					line-height: 32px;
					font-size: 11px;
					list-style: none;
					text-decoration: none;
					background: url('../imgs/a-dotted-silver.gif') repeat-x bottom;
				}
				#FOOTER #infobox ul#footerToolbox li a:hover { 
					color: #ba2e17;
					background: url('../imgs/a-dotted-red.gif') repeat-x bottom;
				}
		#FOOTER #infobox div#copyright,
		#FOOTER #infobox div.col {
			float: left;
			width: 155px;
			font-size: 9px;
			padding-top: 10px;
			color: #a7a7a7;
			text-align: center;
			border-right: 1px solid #ececec;
			min-height: 120px;
			margin-bottom: 10px;
		}
		#FOOTER #infobox div.col {
			text-align: left;
			padding: 5px;
			font-size: 9px;
		}
			#FOOTER #infobox div#copyright a {
				padding-top: 15px;
				display: block;
				font-size: 9px;
				color: #c7c7c7;
				text-decoration: none;
			}
			#FOOTER #infobox div#copyright a:hover {
				font-size: 9px;
				color: #ba2e17;
			}
			#FOOTER #infobox div.col strong {
				background: url('../imgs/puce-arrow-red-plein.gif') no-repeat left center;
				padding-left: 12px;
				text-decoration: none;
				color: #cc1600;
				font-weight: bold;
				font-size: 9px;
			}
			#FOOTER #infobox div.col a {
				color: #6e6e6e;
				text-decoration: none;
				font-size: 9px;
				line-height: 12px;
				background: url('../imgs/a-dotted-silver.gif') repeat-x bottom;
			}
			#FOOTER #infobox div.col a:hover {
				color: #cc1600;
				background: url('../imgs/a-dotted-red.gif') repeat-x bottom;
				font-size: 9px;
			}
			
			#FOOTER #infobox a img.link_rss {
				border: none;
				position: relative;
				top: 15px;
				left: 90px;
			}

/** Login box ***************************************************************************************************/
/* connexion */
#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 {
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	margin-top: 15px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 div.sep {
	border-bottom: 1px solid #e2e2e2;
	height: 1px;
	line-height: 1px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 div.sep2 {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p {
	padding: 0 10px 0 10px;
	background: none;
	border: none;
	position: relative;
	margin-bottom: 8px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p label {
	color: black;
	font-weight: bold;
	font-size: 9px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p a {
	background: none;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p a img {
	border: none;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p a,
#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p input {
	position: absolute;
	right: 10px;
	top: 0px;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p input[type="text"],
#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 p input[type="password"] {
	width: 130px;
	border: 1px solid #d9d9d9;
}

#CONTAINER #INSERT div.tx-loginboxmacmade-pi2 h3 {
	color: #ba2e16;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 10px;
	background: url(../imgs/plus_syndical.gif) no-repeat right;
	padding: 0 0 0 10px;
	height: 33px;
	line-height: 33px;
}

/* deconnexion */
div.break-border-bottom {
	background: #ffffff url('../imgs/encart-liens-relatifs_small.gif') no-repeat;
	height: 10px;
}

/*******************
RTE
********************/
.red {
	color: #B32E19;
}

.subtitle {
	font-size: 13px;
	font-weight: bold;
}