@import url('../../rte/rte.css');

/* *********************************
		DIV global
************************************ */
* {
	margin:0;
	padding:0;
}

.clL {
	clear:left;
	font-size:1px;
}
.clR {
	clear:right;
	font-size:1px;
}
.clB {
	clear:both;
	font-size:1px;
}
.flL {
	float: left;
}
.flR {
	float: right;
}
.flB {
	float: both;
}
a img {
	border: 0;
}
body {
	background: #fff url('../imgs/main-bkg.gif') repeat-x top;
}
b { font-weight: bold; }
#MAIN {
	margin: 0 auto;
	width: 950px;
	background-image: url('../imgs/_bkg2.jpg');
	background-repeat: no-repeat;
	background-position: center 25px;
}

a {
	color: #000;
}


#CONTAINER ul {
    list-style: none;
}

/* *********************************
		DIV HEADER
************************************ */
#HEADER {
	background: url('../imgs/header-fille-bkg.png') center top no-repeat;
	/*_background: url('../imgs/header-bkg.gif') center top no-repeat;*/
}
* html #HEADER{
	width: 950px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('enabled=true, sizingMethod=crop src=/fileadmin/templates/skin/default/imgs/header-fille-bkg-ie6.png');
}
	#HEADER #headline {
		float: left;
		color: #fddade;
		line-height: 23px;
		padding-left: 15px;
		font-size: 11px;
	}
	#HEADER #toolbox {
		float: right;
		color: #fff;
		line-height: 25px;
		font-size: 10px;
		padding-right: 15px;
	}
		#HEADER #toolbox a {
			color: #fff;
			text-decoration: none;
			font-size: 10px;
		}
		#HEADER #toolbox a:hover {
			text-decoration: underline;
		}
			#HEADER #toolbox a img {
				border: 0;
				vertical-align: middle;
			}
	#HEADER #logo{
		display:block;
		width:950px;
		height:115px;
		text-decoration: none;
	}
	#HEADER #MENU {
		background: url('../imgs/menu-bkg.png') no-repeat right;
		height: 50px;
		position: relative;
		z-index: 8000;
	}
        * html #HEADER #MENU {
            background: url('../imgs/menu-bkg-ie.gif') no-repeat right;
        }
        
		#HEADER #MENU dl dt {
			width: auto;
		}
			#HEADER #MENU dl dt a {
                display: block;
				border-left: 1px solid #323232;
				font-size: 14px;
				font-weight: bold;
				color: #000;
				text-decoration: none;
				line-height: 40px;
				text-align: center;
				padding-left: 20px;
				padding-right: 20px;
				width: auto;
                height:40px;
			}
                * html #HEADER #MENU dl dt a {
                    float:left;
                }
                
			#HEADER #MENU dl.item1 dt a {
				/*padding-left: 80px;*/
				border-left: 0;
				/*width: 120px;*/
			}
			#HEADER #MENU dl.item2 dt a {
				/*width: 165px;*/
			}
			#HEADER #MENU dl.item3 dt a {
				/*width: 260px;*/
			}
			#HEADER #MENU dl.item4 dt a {
				/*width: 105px;*/
			}
			#HEADER #MENU dl.item5 dt a {
				/*width: 120px;*/
			}
			#HEADER #MENU dl.item6 dt a {
				/*width: 115px;*/
			}
			#HEADER #MENU dl dt a:hover,
			#HEADER #MENU dl dt.over a {
				background: #887669;
				background: #72797F;
				color: #fff;
			}
		#HEADER #MENU dl dd {
			margin-left: auto;
			left: 0;
			width: 940px;
			line-height: auto;
			/*background: url('../imgs/menu-riche-bkg.png');*/
			background: #72797F;
			z-index: 9000;
			padding: 5px;
			
			color: #fff;
			font-size: 12px;
		}
		
			#HEADER #MENU dl dd h2 {
				background: url('../imgs/menu-puce-default.gif') no-repeat 0 5px;
				padding: 0 0 5px 13px;
				color: #000;
				font-size: 13px;
			}
				#HEADER #MENU dl dd h2 a {
					color: #000;
					font-weight: bold;
					font-size: 13px;
					text-decoration: none;
				}
				#HEADER #MENU dl dd h2 a:hover {
					text-decoration: underline;
				}
			#HEADER #MENU dl dd img {
				margin: 10px 0;
				/*border: 1px solid #fff;*/
			}
			#HEADER #MENU dl dd .firstCol {
				float: left;
				width: 178px;
				margin: 5px;
			}
			#HEADER #MENU dl dd .lastCol {
				float: left;
				width: 752px;
				margin: 0px;
			}
                * html #HEADER #MENU dl dd .lastCol {
                    width: auto;
                }
                
				#HEADER #MENU dl dd .catalogueCol {
					float: left;
					width: 178px;
					margin: 5px;
				}
                    * html #HEADER #MENU dl dd .catalogueCol {
                        width: 168px;
                    }
					#HEADER #MENU dl dd .catalogueCol dl {
						/*float: none;*/
						margin: 0 0 10px;
					}
						#HEADER #MENU dl dd .catalogueCol dl dt {
							line-height: 13px;
							min-height: 15px;
							_height: 15px;
							text-align: left;
                            
                            font-size: 12px;
                            color: #000;
                            font-weight: bold;
                            cursor:default;
						}
							#HEADER #MENU dl dd .catalogueCol dl dt span.square {
								float: left;
								display: block;
								height: 8px;
								width: 8px;
								background: #f00;
								overflow: hidden;
								margin: 3px 4px 0 0;
							}
                            #HEADER #MENU dl dd .catalogueCol dl dt span.squaretitle {
                                display: block;
                                float: left;
                                width: 165px;
                                _width: 155px;
                                font-size: 12px;
                                color: #000;
                                padding: 0;
                                line-height: 15px;
                                text-align: left;
                            }
							#HEADER #MENU dl dd .catalogueCol dl dt a {
                            	display: inline;
								float: none;
								height: auto;
								width: 165px;
								_width: 155px;
								font-size: 12px;
								color: #000;
								padding: 0;
								line-height: 15px;
								text-align: left;
							}
							#HEADER #MENU dl dd .catalogueCol dl dt a:hover {
								background: none;
								color: #000;
								text-decoration: underline;
							}
							#HEADER #MENU dl dd .catalogueCol dl dt span.clL {
								height: 1px;
								width: 1px;
								clear: left;
							}
						#HEADER #MENU dl dd .catalogueCol dl dd {
							display: block;
							position: relative;
							left: auto;
							margin: 0;
							padding: 0;
							width: auto;
							background: none;
							margin-top: 5px;
						}
							#HEADER #MENU dl dd .catalogueCol dl dd ul li {
								color: #fff;
								margin: 4px 0;
							}
								#HEADER #MENU dl dd .catalogueCol dl dd ul li a {
									color: #fff;
									text-decoration: none;
								}
								#HEADER #MENU dl dd .catalogueCol dl dd ul li a:hover {
									text-decoration: underline;
								}
			#HEADER #MENU dl dd .col5 {
				float: left;
				width: 178px;
				margin: 5px;
			}
            
            
            #menu_sub_item_6 {
                display:none !important;
            }

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

#CONTAINER {
    background: #fff;
}
    
    #CONTAINER ol {
        margin:15px;
        padding-left:25px;
    }
    #CONTAINER ul {
        list-style: none;
        margin:0;
        padding:0;
    }
        #CONTAINER ul li {
            /*position:relative;*/
            min-height:15px;
            padding-left:20px;
            /*color:#7C685A;*/
            color:#000000;
            /*background: url('../imgs/li_bkg.gif') no-repeat 10px 7px;*/
            background: url('../imgs/list-bkg.gif') no-repeat 7px 4px;
        }
            #CONTAINER ul li a {
                /*position:absolute;*/
                font-weight: bold;
                color: #000;
                text-decoration: none;
                margin-left:-20px;
                padding-left:20px;
                /*background: url('../imgs/list-bkg.gif') no-repeat 10px 3px #FFFFFF;*/
            }
            
            #CONTAINER ul li a:hover {
                text-decoration: underline;
            }
            
            
	#CONTAINER #ENTETE {
		padding: 10px 0;
        background:#FFFFFF;
	}
		#CONTAINER #ENTETE h1 {
			font-size: 25px;
			font-weight: bold;
			color: #7c685a;
			margin: 0;
		}
		#CONTAINER #ENTETE #rootline {
			float: left;
            width:650px;
            
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 9px;
            font-weight: bold;
            color: #000000;
		}
			#CONTAINER #ENTETE #rootline a {
            
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 9px;
                font-weight: normal;
                color: #000000;
                
				text-decoration: none;
			}
			#CONTAINER #ENTETE #rootline a:hover {
				text-decoration: underline;
			}
			#CONTAINER #ENTETE #rootline span.separator {
				padding: 0 2px;
			}
		#CONTAINER #ENTETE #tools {
			float: right;
		}
			#CONTAINER #ENTETE #tools .tx-hpotoolbox-pi1 {
				float: left;
			}
			#CONTAINER #ENTETE .searchBox  {
				float: left;
				margin-bottom: 0;
			}
			.searchBox {
				background: url('../imgs/search-bkg.png') no-repeat left top;
				padding-left: 28px;
				height: 22px;
				margin-bottom: 5px;
			}
				.searchBox input.submit {
					width: 20px;
					font-size: 10px;
					cursor: pointer;
				}
				.searchBox input {
					border: 0;
					background: none;
					padding-left: 3px;
					padding-top: 2px;
					*padding-top: 0px;
					font-size: 11px;
					width: 150px;
				}
			#CONTAINER #ENTETE #tools #accessibility {
				float: left;
				margin-left: 8px;
				background: url('../imgs/tools-bkg.png') no-repeat left top;
			}
				#CONTAINER #ENTETE #tools #accessibility .tx-hpotoolbox-pi1 {
					float: left;
				}
				#CONTAINER #ENTETE #tools #accessibility .tipafriend {
					display: block;
					float: left;
					height: 17px;
					width: 20px;
					background: url('../imgs/ico-tipafriend.png') no-repeat;
				}
				#CONTAINER #ENTETE #tools #accessibility .print {
					display: block;
					float: left;
					height: 17px;
					width: 18px;
					background: url('../imgs/ico-print.png') no-repeat;
				}
				#CONTAINER #ENTETE #tools #accessibility .typomore {
					display: block;
					float: left;
					height: 17px;
					width: 20px;
					background: url('../imgs/ico-typomore.png') no-repeat;
				}
				#CONTAINER #ENTETE #tools #accessibility .typoless {
					display: block;
					float: left;
					height: 17px;
					width: 17px;
					background: url('../imgs/ico-typoless.png') no-repeat;
				}
	#CONTAINER #LEFT,
	#CONTAINER #RIGHT {
	}
		#RIGHT .news .newsitem .image {
			position: relative;
			float: left;
			width: 207px;
			background: url('../imgs/no-image-70-35.gif') no-repeat center center;
		}
		
		#RIGHT .news .newsitem .image .image_masque a{
			display: block;
			position: absolute;
			left: 83px;
			top: 50%;
			width: 40px;
			height: 40px;
			margin-top: -20px;
			background: url('../imgs/bouton-play.png') no-repeat;
		}
		
		* html #RIGHT .news .newsitem .image .image_masque a{
			background: none;
			cursor: hand;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('enabled=true, sizingMethod=crop src=/fileadmin/templates/skin/default/imgs/bouton-play.png');
		}
	
		#CONTAINER #LEFT .separator,
		#CONTAINER #RIGHT .separator {
			font-size: 1px;
			height: 1px;
			margin: 5px 0;
			background: url('../imgs/hr-hor.gif') repeat-x;
		}
		#CONTAINER #LEFT h3,
		#CONTAINER #RIGHT h3 {
			font-size: 13px;
			color: #7c685a;
			font-weight: bold;
		}
		.bloc {
			width: 215px;
			padding: 0px 0 15px 0px;
			color: #fff;
			margin-top: 10px;
		}
            
            #CONTAINER .bloc ul,
            #CONTAINER .bloc ol{
                padding : 5px 15px 5px 10px !important;
            }
            
            #CONTAINER .bloc ul li {
                color:#FFFFFF;
                background: url('../imgs/li_bkg_white.gif') no-repeat 0 7px;
                padding-left:10px;
            }
                #CONTAINER .bloc ul li a {
                    color: #FFFFFF;
                    margin-left:-20px;
                    padding-left:20px;
                }
                
			.bloc h3 {
				height: auto;
				line-height: auto;
				font-size: 13px;
				color: #000000 !important;
				font-weight: bold;
				background: url('../imgs/bloc-titre-bottom.png') no-repeat bottom;
			}
				.bloc h3 span {
					background: url('../imgs/bloc-titre-top.png') no-repeat top;
					padding: 7px 15px 7px 10px;
					height: auto;
					display: block;
				}
		.blocMarron {
			background: url('../imgs/bloc-marron.png') no-repeat bottom;
		}
		.blocRouge{
			background: url('../imgs/bloc-rouge.png') no-repeat bottom;
		}
			.bloc p {
				padding: 5px 15px 5px 10px !important;
			}
	#CONTAINER #CONTENT {
	}
		#CONTAINER #CONTENT h1,
		#CONTAINER #CONTENT h1 strong {
			font-size: 24px;
			color: #7c685a;
			font-weight: bold;
			padding-bottom: 10px;
		}
		#CONTAINER #CONTENT .tx-hpoforms-pi1 .separator {
			background: none;
		}
		#CONTAINER #CONTENT .separator {
			font-size: 1px;
			height: 1px;
			margin: 5px 0;
			background: url('../imgs/hr-hor.gif') repeat-x;
		}
		#CONTAINER #CONTENT h2 {
			font-size: 16px;
			color: #7c685a;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#CONTAINER #CONTENT h3 {
			font-size: 14px;
			color: #7c685a;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#CONTAINER #CONTENT p {
			padding: 8px 0;
		}
        
        #CONTAINER #CONTENT .blocFloat ul li {
            padding-left:10px;
        }
            #CONTAINER #CONTENT .blocFloat ul li a {
                margin-left:-15px;
                padding-left:20px;
            }
            	/*
	            #CONTAINER #CONTENT .blocFloat #demoListItems ul li a {
	                position: none;
	            }*/  
		#CONTAINER #CONTENT .blocFloat .csc-textpic-image,
		#CONTAINER #CONTENT .blocFloat p {
			margin: 0;
			padding: 0;
		}
		#CONTAINER #CONTENT .borderL {
			padding-left: 7px;
			margin-left: 7px;
			background: url('../imgs/hr-vert.gif') repeat-y left;
		}
		#CONTAINER #CONTENT .borderR {
			padding-right: 7px;
			margin-right: 7px;
			background: url('../imgs/hr-vert.gif') repeat-y right;
		}
		#CONTAINER #CONTENT .col2 .tx-hpoforms-pi1 {
			width: 410px;
		}
		#CONTAINER #CONTENT .tx-hpoforms-pi1 {
			width: 520px;
			margin: 0 auto;
		}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 .help {
				margin-bottom: 15px;
				margin-top: -5px;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 p.entete,
			#CONTAINER #CONTENT .tx-hpoforms-pi1 p.decideur_non {
				font-weight: bold;
				padding-top: 0;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 div.demande_devis {
				display: none;
				margin: 0 0 5px 40px;
				padding: 10px 0 0 15px;
				border-left: 1px solid #aaa;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 #message_libre {
				height: 85px !important;
				width: 250px !important;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 select {
				width: 214px;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 label {
				width: 180px;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 label.checkbox {
				width: auto;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 .tx-srfreecap-pi2-text {
				*margin-bottom: 10px;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 .cmd {
				/*margin-left: 320px;*/
				display: block;
				float: right;
				background: #CD071E;
				color: #fff;
				padding: 3px 10px;
				font-weight: bold;
				text-decoration: none;
				margin-bottom: 15px;
			}
			#CONTAINER #CONTENT .tx-hpoforms-pi1 .cmd:hover {
				text-decoration: underline;
			}

/* *********************************
		DIV FOOTER
************************************ */
#FOOTER {
	width:950px;
    background:url('../imgs/hr-hor.gif') repeat-x #FFFFFF;
    padding-top: 1px;
	/*margin-top:9px;*/
}
	#FOOTER #infobox {
        width:950px;
        background: url('../imgs/footer_col_bkg.png') repeat-y;
	}
		#FOOTER #infobox .col {
			float: left;
			padding-top: 5px;
			width: 147px;
			padding-left: 7px;
			padding-right: 7px;
		}
		#FOOTER #infobox .col1 {
			padding-right: 8px;
			padding-left: 0px;
			width: 90px;
		}
		
		#FOOTER #infobox .col6 {
			padding-right: 0px;
		}
		
			#FOOTER #infobox .col1 #footerLogo {
				display: block;
				background: url('../imgs/footer-logo.png') no-repeat;
				height: 36px;
				width: 71px;
				text-decoration: none;
			}
			#FOOTER #infobox .col1 ul {
				list-style: none;
				margin: 10px 0;
			}
				#FOOTER #infobox .col1 ul li {
					padding: 3px 0;
				}
					#FOOTER #infobox .col1 ul li a {
						color: #000;
						font-weight: bold;
						text-decoration: none;
					}
					#FOOTER #infobox .col1 ul li a:hover {
						text-decoration: underline;
					}
		#FOOTER #infobox #footerCatalogue {
			width: 196px;
		}
			
				#FOOTER .col,
				#FOOTER .col a{
					font-size: 10px;
					color: #666666;
					text-decoration: none;
				}
				#FOOTER .col strong,
				#FOOTER .col strong a,
				#FOOTER .col a strong,
				#FOOTER .col b,
				#FOOTER .col b a,
				#FOOTER .col a b{
					font-size: 11px;
					color: #000;
					text-decoration: none;
				}
				#FOOTER .col a:hover {
					text-decoration: underline;
				}
				#FOOTER #infobox #footerCatalogue dl dd ul {
					list-style: none;
				}
					#FOOTER #infobox #footerCatalogue dl dd ul li {
						padding: 2px 0;
					}
						#FOOTER #infobox #footerCatalogue dl dd ul li a {
							color: #666;
							font-size: 10px;
							text-decoration: none;
						}
						#FOOTER #infobox #footerCatalogue dl dd ul li a:hover {
							text-decoration: underline;
						}
			#FOOTER #infobox #footerCatalogue .separatorIn {
				background: #fff url('../imgs/hr-hor.gif') repeat-x;
				height: 1px;
				margin: 0 5px 5px 5px;
			}
		#FOOTER #infobox #legals {
			padding-top: 10px;
			background: #fff url('../imgs/hr-hor.gif') repeat-x 0 5px;
			line-height: 20px;
		}
			#FOOTER #infobox #legals a {
				color: #000;
				text-decoration: none;
			}
			#FOOTER #infobox #legals a:hover {
				text-decoration: underline;
			}
				#FOOTER #infobox #legals a img {
					border: 0;
				}
			#FOOTER #infobox #legals a.website {
				font-weight: bold;
			}
			#FOOTER #infobox #legals .rea,
			#FOOTER #infobox #legals .rea a {
				color: #bbb;
			}

/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/

#CONTAINER #CONTENT .corporate .col2 {
	float: left;
}
#CONTAINER #CONTENT .corporate .firstCol {
	width: 290px;
	margin-right: 10px;
}
#CONTAINER #CONTENT .corporate .lastCol {
	width: 630px;
}

#CONTAINER #CONTENT .actuHome {
	width: 286px;
	margin: 5px;
}
	#CONTAINER #CONTENT .actuHome .actuHomeTop {
		background: url('../imgs/news-page-top.gif') no-repeat;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		color: #fff;
		font-size: 18px;
	}
	#CONTAINER #CONTENT .actuHome .actuHomeMiddle {
		background: url('../imgs/news-page-middle.gif') repeat-y;
		padding-right: 6px;
	}
		#CONTAINER #CONTENT .actuHome .actuHomeMiddle .item {
			padding: 5px 0 5px 5px;
		}
		#CONTAINER #CONTENT .actuHome .actuHomeMiddle .video {
			float: left;
			width: 165px;
			margin: 1px 1px 0 1px;
		}
		#CONTAINER #CONTENT .actuHome .actuHomeMiddle .content {
			float: left;
			width: 103px;
			margin: 5px;
		}
            * html #CONTAINER #CONTENT .actuHome .actuHomeMiddle .content {
                width: 103px;
                margin: 0;
            }
		#CONTAINER #CONTENT .actuHome .actuHomeMiddle a {
			color: #000;
			text-decoration: none;
		}
		#CONTAINER #CONTENT .actuHome .actuHomeMiddle a:hover {
			text-decoration: underline;
		}
	#CONTAINER #CONTENT .actuHome .actuHomeBottom {
		background: transparent url('../imgs/news-page-bottom.gif') no-repeat;
		height: 34px;
		line-height: 23px;
		padding: 0 15px;
		color: #fff;
	}
        * html #CONTAINER #CONTENT .actuHome .actuHomeBottom {
            padding-top:3px;
        }
        
		#CONTAINER #CONTENT .actuHome .actuHomeBottom a {
			color: #fff;
			text-decoration: none;
		}
			#CONTAINER #CONTENT .actuHome .actuHomeBottom a img {
				border: 0;
			}
		#CONTAINER #CONTENT .actuHome .actuHomeBottom a:hover {
			text-decoration: underline;
		}
#CONTAINER #LEFT .actuHome,
#CONTAINER #RIGHT .actuHome {
	width: 212px;
	margin: 5px 0;
}
	#CONTAINER #LEFT .actuHome .actuHomeTop,
	#CONTAINER #RIGHT .actuHome .actuHomeTop {
		background: url('../imgs/news-insert-top.gif') no-repeat;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		color: #fff;
		font-size: 18px;
	}
	#CONTAINER #LEFT .actuHome .actuHomeMiddle,
	#CONTAINER #RIGHT .actuHome .actuHomeMiddle {
		background: url('../imgs/news-insert-middle.gif') repeat-y;
		padding-right: 6px;
	}
		#CONTAINER #LEFT .actuHome .actuHomeMiddle .item,
		#CONTAINER #RIGHT .actuHome .actuHomeMiddle .item {
			padding: 5px;
		}
		#CONTAINER #LEFT .actuHome .actuHomeMiddle .video,
		#CONTAINER #RIGHT .actuHome .actuHomeMiddle .video {
			float: none;
		}
		#CONTAINER #LEFT .actuHome .actuHomeMiddle .content,
		#CONTAINER #RIGHT .actuHome .actuHomeMiddle .content {
			/*margin: 5px;*/
            padding-top:5px;
            padding-bottom:5px;
			float: none;
			clear: left;
		}
		#CONTAINER #LEFT .actuHome .actuHomeMiddle a,
		#CONTAINER #RIGHT .actuHome .actuHomeMiddle a {
			color: #000;
			text-decoration: none;
		}
		#CONTAINER #LEFT .actuHome .actuHomeMiddle a:hover,
		#CONTAINER #RIGHT .actuHome .actuHomeMiddle a:hover {
			text-decoration: underline;
		}
	#CONTAINER #LEFT .actuHome .actuHomeBottom,
	#CONTAINER #RIGHT .actuHome .actuHomeBottom {
		background: url('../imgs/news-insert-bottom.gif') no-repeat #FFFFFF;
		height: 34px;
		line-height: 23px;
		padding: 0 15px;
		color: #fff;
	}
        * html #CONTAINER #LEFT .actuHome .actuHomeBottom,
        * html #CONTAINER #RIGHT .actuHome .actuHomeBottom {
            padding-top:3px;
        }
        
		#CONTAINER #LEFT .actuHome .actuHomeBottom a,
		#CONTAINER #RIGHT .actuHome .actuHomeBottom a {
			color: #fff;
			text-decoration: none;
		}
			#CONTAINER #LEFT .actuHome .actuHomeBottom a img,
			#CONTAINER #RIGHT .actuHome .actuHomeBottom a img {
				border: 0;
			}
		#CONTAINER #LEFT .actuHome .actuHomeBottom a:hover,
		#CONTAINER #RIGHT .actuHome .actuHomeBottom a:hover {
			text-decoration: underline;
		}
		
#HEADER #homeThematiqueHeader {
	background: url('../imgs/carrousel-bkg.png');			
	width: 520px;
	padding: 10px 15px;
	color: #fff;
	font-size: 12px;
	/*margin-top: 5px;*/
    margin-top: 30px;
}
    * html #HEADER #homeThematiqueHeader {
        background: #333333;
        filter:alpha(opacity=90);
        opacity: 0.90;
    }
    #HEADER #homeThematiqueHeader ul {
        margin-left:15px;
    }
    
	#HEADER #homeThematiqueHeader h1 {
		color: #fff;
		font-size: 25px;
	}
		
#CONTAINER #CONTENT #homeThematique {
    /*float:left;
    background: url('../imgs/hr-ncol.gif');
    width:auto;*/
    /*background: url('../imgs/hr-vert.gif') repeat-y left top;*/
    padding-left: 10px;
}		
	#CONTAINER #CONTENT #homeThematique .collection {
		/*float: left;
		width: 91px;
		padding: 0 7px 3px;*/
		/*background: url('../imgs/hr-vert.gif') repeat-y left top;*/
	}
        #CONTAINER #CONTENT #homeThematique .collection h3 {
            /*margin-bottom:15px;*/
        }
            #CONTAINER #CONTENT #homeThematique .collection h3 a {
                font-family:arial;
                font-size: 11px;
                font-weight: bold;
                color: #7c685a;
                text-decoration: none;
            }
		    #CONTAINER #CONTENT #homeThematique .collection h3 a:hover {
			    text-decoration: underline;
		    }
            
		#CONTAINER #CONTENT #homeThematique .collection .modules {
			/*margin-top: 5px;*/
			margin-bottom: 15px;
		}
			#CONTAINER #CONTENT #homeThematique .collection .modules a {
				font-family:arial;
                font-weight: normal;
				color: #000000;
				font-size: 10px;
				text-decoration: none;
                
				display: block;
				/*padding: 3px 0;*/
                padding-left:6px;
                background: url('../imgs/ico-tiret.gif') no-repeat 0px 7px;
			}
			    #CONTAINER #CONTENT #homeThematique .collection .modules a:hover {
				    text-decoration: underline;
			    }

#CONTAINER #CONTENT #sommaireCatalogue {
}
	#CONTAINER #CONTENT #sommaireCatalogue .domaine {
		background: url('../imgs/hr-hor.gif') repeat-x left top;
		padding-top: 10px;
		margin-top: 10px;
	}
		#CONTAINER #CONTENT #sommaireCatalogue .domaine .left {
			float: left;
			width: 290px;
			margin-right: 10px;
		}
			#CONTAINER #CONTENT #sommaireCatalogue .domaine .left span.square {
				display: block;
				float: left;
				height: 9px;
				width: 9px;
				background: #f00;
				margin: 4px 3px 0 1px;
				overflow: hidden;
			}
			#CONTAINER #CONTENT #sommaireCatalogue .domaine .left h2 {
				float: left;
			}
				#CONTAINER #CONTENT #sommaireCatalogue .domaine .left h2 a {
					font-size: 13px;
					color: #000;
					text-decoration: none;
				}
				#CONTAINER #CONTENT #sommaireCatalogue .domaine .left h2 a:hover {
					text-decoration: underline;
				}
			#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .menu {
			}
				#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .menu .oppener {
					cursor: pointer;
					color: #666;
				}
					#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .menu .oppener span {
						float: left;
						display: block;
					}
					#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .menu .oppener span.puce {
						background: #f00 url('../imgs/puce-arrow.gif') no-repeat;
						height: 7px;
						width: 9px;
						overflow: hidden;
						margin: 3px 5px 0 3px;
					}
				#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .items {
					display: none;
					position: absolute;
					background: #fff;
					border-left: 1px solid #f00;
					border-right: 1px solid #f00;
					border-bottom: 1px solid #f00;
					padding: 5px;
				}
					#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .items a {
						display: block;
						margin: 2px 0;
						color: #000;
						text-decoration: none;
					}
					#CONTAINER #CONTENT #sommaireCatalogue .domaine .left .items a:hover {
						text-decoration: underline;
					}
		#CONTAINER #CONTENT #sommaireCatalogue .domaine .right {
			float: left;
			width: 420px;
		}
		
#MAIN #CONTAINER #CONTENT #demoList {
	width: 285px;
	height: 140px;
	margin-top: 10px;
}
	#MAIN #CONTAINER #CONTENT #demoList h2 {
		display: block;
		font-weight: normal;
		color: #fff;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		margin: 0;
		background: url('../imgs/demo-fille-top.png') no-repeat;
		_background: url('../imgs/demo-ie-fille-top.gif') no-repeat;
	}
	#MAIN #CONTAINER #CONTENT #demoList #demoListContainer {
		position: absolute;
		width: 285px;
	}
	#MAIN #CONTAINER #CONTENT #demoList #demoListItems {
		background: url('../imgs/demo-fille-middle.png') repeat-y;
		_background: url('../imgs/demo-ie-fille-middle.gif') repeat-y;
		
		height: 90px;
		overflow: hidden;
	}
		#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item {
			padding-bottom: 10px;
		}
			#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item img {
				float: left;
				margin-right: 5px;
				width: 80px;
			}
			#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item div.text {
				float: left;
				width: 190px;
			}
				#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item div.text p {
					padding-top: 2px;
				}
				#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item div.text h3 a {
					font-size: 12px;
					font-weight: bold;
					color: #000;
					text-decoration: none;
				}
				#MAIN #CONTAINER #CONTENT #demoList #demoListItems div.item div.text h3 a:hover {
					text-decoration: underline;
				}
	#MAIN #CONTAINER #CONTENT #demoList #demoListMore {
		text-align: right;
		height: 33px;
		line-height: 25px;
		padding-right: 45px;
		color: #fff;
		cursor: pointer;
	}
	#MAIN #CONTAINER #CONTENT #demoList .demoListMoreOff {
		background: url('../imgs/demo-fille-bottom.png') repeat-y;
		_background: url('../imgs/demo-ie-fille-bottom.gif') repeat-y;
	}
	#MAIN #CONTAINER #CONTENT #demoList .demoListMoreOn {
		background: url('../imgs/demo-fille-bottom-on.png') repeat-y;
		_background: url('../imgs/demo-ie-fille-bottom-on.gif') repeat-y;
	}	
	
#menuCatalogue {
	padding-top: 2px;
	background: url('../imgs/hr-hor.gif') repeat-x top;
}
	#menuCatalogue .collection {
		margin: 5px 0;
	}
		#menuCatalogue .collection span a {
			font-weight: bold;
			text-decoration: none;
			color: #999;
			font-size: 14px;
		}
		#menuCatalogue .collection span a:hover {
			text-decoration: underline;
		}
		#menuCatalogue .collection span a.actif {
			color: #0075aa;
			color: #646567;
		}
		#menuCatalogue .collection .modules {
			margin: 5px 0;
		}
			#menuCatalogue .collection .modules a {
				color: #000;
				font-weight: normal;
				text-decoration: none;
                
			}
			    #menuCatalogue .collection .modules a:hover {
				    text-decoration: underline;
			    }
            
            
            #menuCatalogue .collection .modules .noactif {
               margin-left:12px;
            }
            
			#menuCatalogue .collection .modules .actif {
				background: url('../imgs/hr-hor.gif') repeat-x bottom;
				margin-bottom: 3px;
				padding-bottom: 1px;
				position: relative;
			}
				#menuCatalogue .collection .modules .actif a {
					display: block;
					background: url('../imgs/hr-hor.gif') repeat-x top;
					padding-top: 3px;
					padding-bottom: 2px;
					margin-top: 3px;
				    position: relative;
				}
					#menuCatalogue .collection .modules .actif a span {
						display: block;
				position: relative;
						font-weight: bold;
						padding-left: 12px;
						background: url('../imgs/catalogue-puce.gif') no-repeat 0 3px;
				}

#CONTAINER #CONTENT #moduleDetail .separator {
	margin: 20px 0px;
}
				
#moduleDetail {
	width: 499px;
}
	#moduleDetail .infos {
		float: left;
		width: 210px;
	}
		#moduleDetail .infos .type {
			color: #7c685a;
			font-weight: bold;
			font-size: 13px;
		}
		#moduleDetail .infos .ref {
			color: #7c685a;
			font-weight: bold;
			font-size: 11px;
		}
	#moduleDetail .langues {
		float: right;
		width: 250px;
		padding-top: 2px;
		text-align: right;
	}
	#moduleDetail .langues img{
		padding: 2px 2px 4px 2px;
		background: url('../imgs/catalogue/bkg_drapeau.png') no-repeat;
	}
	
	#moduleDetail h1 {
		margin-top: 5px;
		color: #000 !important;
		font-size: 16px !important;
		font-weight: bold !important;
	}
	#moduleDetail .details {
		
	}
	#moduleDetail .details .public, #moduleDetail .details .concretement, #moduleDetail .details .programme, #moduleDetail .details .vousaimerez{
		padding-left: 5px;
	}
	
	
		#moduleDetail .details .titre {
			margin: 8px 0 0 0;
			display: block;
			color: #0075aa;
			color: #646567;
			text-transform: uppercase;
			font-weight: bold;
		}
		#moduleDetail .details p {
			padding: 0 0 8px 0 !important;
		}
		#moduleDetail .details .separator {
			height: 1px;
			font-size: 1px;
			background: url('../imgs/hr-hor.gif') repeat-x;
		}
		
	#onglet_parcours, #onglet_description{
		float: left;
		width: auto;
		cursor: pointer;
	}
	
	.onglet_center{
		float: left;
		width: auto;
		padding: 10px 5px 0px 5px;
	}
	
	.onglet_left{
		float: left;
		width: 11px;
		height: 19px;
		padding: 0px 5px;
		background: url('../imgs/catalogue/onglet_left.png') no-repeat top left;
	}
	
	.onglet_right{
		float: left;
		width: 19px;
		height: 31px;
		padding: 0px 5px;
		background: url('../imgs/catalogue/onglet_right.png') no-repeat top right;
	}
	
	.onglet_on{
		color: #fff;
		font-weight: bold;
		font-size: 13px;
	}
	
	#module_parcours	{
		display: none;
	}
	
	#moduleDetail .parcours { 
		width:504px;
		background: url('../imgs/catalogue/parcours_middle.png') top right repeat-y;
	}
		#moduleDetail .parcours .title { 
			width:484px;
			padding: 10px;
			color: #fff;
			font-weight: bold;
			font-size: 12px;
		}
		#moduleDetail .parcours .content { 
			
			padding-left: 14px;
			padding-right: 14px;
			z-index: 1000;
		}
			#moduleDetail .parcours .title {
				padding: 11px 20px 6px 14px;
				color: #646567;
				font-weight: bold;
				cursor: pointer;
				color: #fff;
				font-size: 16px;
				background: url('../imgs/catalogue/parcours_top.png') top left no-repeat;
			}
			#moduleDetail .parcours .content .module { 
				position: relative;
			}
			#moduleDetail .parcours .content .hr { 
				background: url('../imgs/catalogue-parcours-hr.gif');
				font-size: 1px;
				height: 1px;
				margin: 3px auto;
			}
			#moduleDetail .parcours .content .interModule {
				padding: 5px 5px 5px 10px;
				color: #000;
				text-decoration: none;
				font-size: 11px;
				display: block;
				font-weight: bold;
				color: #f00;
			}
			#moduleDetail .parcours .content .moduleActif { 
				padding-left: 10px;
			}
				#moduleDetail .parcours .content .module a { 
					padding: 0px 5px 0px 10px;
					color: #000;
					text-decoration: none;
					font-size: 12px;
					display: block;
				}
				#moduleDetail .parcours .content .moduleActif a { 
					background: url('../imgs/catalogue-parcours-content-actif.gif') repeat-y;
				}
				#moduleDetail .parcours .content .module a:hover { 
					text-decoration: underline;
				}
				#CONTENT #moduleDetail .parcours .content a.titre_roll {
					display: block;
					float: left;
					width: 315px;
				}
				#CONTENT #moduleDetail .parcours .content .moduleActif a.titre_roll {
					width: 305px;
				}
				#CONTENT #moduleDetail .parcours .content .moduleOver a.titre_roll { 
					background: url('../imgs/parcours-hover.png');
					color: #fff;
					text-decoration: none;
				}
				#moduleDetail .parcours .content .module .bulle { 
					display: none;
					position: absolute;
					top: 0;
					left: 330px;
					width: 350px;
					background: url('../imgs/parcours-hover.png');
				}
				
				#moduleDetail .parcours .content .moduleOver .bulle { 
					display: block;
				}
					#moduleDetail .parcours .content .module .bulle .titre a {
						background: none;
						color: #fff;
						font-size: 14px;
						font-weight: bold;
						margin-top: 5px;
						display: block;
						background: url('../imgs/hr-hor-blanc.gif') repeat-x bottom;
						padding: 0 0 5px;
						margin: 5px 10px;
					}
					#moduleDetail .parcours .content .module .bulle .programmeTitre { 
						font-weight: bold;
						color: #fff;
						text-transform: uppercase;
						padding: 0 10px;
					}
					#moduleDetail .parcours .content .module .bulle .programme { 
						color: #fff;
						padding: 0 15px;
					}
					#moduleDetail .parcours .content .module .bulle .voir { 
						background: url('../imgs/hr-hor-blanc.gif') repeat-x top;
						margin: 5px 10px 3px;
						padding-top: 1px;
					}
					#moduleDetail .parcours .content .module .bulle .voir a { 
						float: right;
						background: none;
						color: #fff;
						padding: 5px 0 3px 10px;
						background: url('../imgs/programme-voir.png') no-repeat 0 7px;
					}
		#moduleDetail .parcours .bottom { 
			padding: 0px 23px 16px 14px;
			background: url('../imgs/catalogue/parcours_bottom.png') bottom left no-repeat;
		}
			#moduleDetail .parcours .bottom  a { 
				display: block;
				font-weight: bold;
				padding-left: 10px;
				color: #000;
				text-decoration: none;
				background: url('../imgs/list-bkg.gif') no-repeat 0 4px;
			}
			#moduleDetail .parcours .bottom  a:hover { 
				text-decoration: underline;
			}

#selectionBloc {
}
	#selectionBloc .resume {
		padding: 3px 0 0 43px;
	}
	#selectionBloc .list div {
		background: #fff;
	}
	#selectionBloc .list {
		margin-top: 5px;
		width: 210px;
	}
		#selectionBloc .list .withItems {
			/*border: 1px dotted brown;*/
		}
			#selectionBloc .list .withItems .listItems {
				float: left;
				height: 150px;
				width: 195px;
				overflow: hidden;
			}
			#selectionBloc .list .withItems .scroll {
				float: left;
				margin-left: 5px;
				width: 10px;
				height: 150px;
				background: url('../imgs/scroll.gif') repeat-y;
				position: relative;
			}
				#selectionBloc .list .withItems .scroll .puce {
					height: 9px;
					width: 10px;
					background: url('../imgs/scroll-puce.gif') repeat-y;
					cursor: pointer;
					
					position: absolute;
					top: 0;
				}
		#selectionBloc .list .clB {
			font-size: 1px;
			height: 1px;
			overflow: hidden;
		}
		#selectionBloc .list input {
			float: left;
			display: block;
			width: 20px;
			margin-top: 3px;
			*margin-top: 0;
		}
		#selectionBloc .list a ,
		#selectionBloc .list .selection_parcours_titre{
			display: block;
			float: right;
			margin: 2px 0;
			color: #000;
			text-decoration: none;
			width: 170px;
			overflow: hidden;
		}
			#selectionBloc .list a input{
				float: left;
			}
		#selectionBloc .list a:hover {
			text-decoration: underline;
		}
	#selectionBloc .links {
	}
		#selectionBloc .links a {
			display: block;
			height: 32px;
			line-height: 32px;
			font-weight: bold;
			font-size: 12px;
			color: #000;
			text-decoration: none;
		}
		#selectionBloc .links a:hover {
			text-decoration: underline;
		}
		#selectionBloc .links a.addModule {
			background: url('../imgs/ico-add-module.gif') no-repeat left center;
			padding-left: 45px;
		}
		#selectionBloc .links a.addParcours {
			background: url('../imgs/ico-add-parcours.gif') no-repeat left center;
			padding-left: 45px;
		}
		#selectionBloc .links a.getSelection {
			background: url('../imgs/ico-pdf.gif') no-repeat left center;
			padding-left: 45px;
		}

#maSelection {
	margin-top: 5px;;
}
	#maSelection .backLink {
		display: block;
		text-align: center;
		font-size: 13px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		margin-bottom: 15px;
	}
	#maSelection .backLink:hover {
		text-decoration: underline;
	}
	#maSelection .spacer {
		font-size: 1px;
		height: 20px;
		width: 10px;
	}
	#maSelection table {
		width: 100%;
	}
		#maSelection table caption {
			background: #7C685A;
			padding: 10px;
			font-size: 16px;
			color: #fff;
			font-weight: bold;
			text-align: left;
		}
		#maSelection table tbody {
		}
			#maSelection table tbody tr {
			}
				#maSelection table tbody tr td {
					padding: 10px 0;
					vertical-align: middle;
					background: url('../imgs/hr-hor.gif') repeat-x bottom;
				}
				#maSelection table tbody tr td.name {
					width: 90%;
				}
				#maSelection table tbody tr td.link {
					width: 5%;
				}
					#maSelection table tbody tr td.link a {
						display: block;
						text-decoration: none;
						height: 16px;
						background: url('../imgs/ico-loupe.png') no-repeat center center;
					}
				#maSelection table tbody tr td.delete {
					width: 5%;
				}
					#maSelection table tbody tr td.delete a {
						display: block;
						text-decoration: none;
						height: 16px;
						background: url('../imgs/ico-delete.png') no-repeat center center;
					}
				#maSelection table tbody tr td.parcours {
					padding-left: 0px;
					line-height: 16px;
				}
					#maSelection table tbody tr td.parcours strong {
						text-decoration: underline;
						display: block;
						padding: 3px 0 6px 0;
					}
					#maSelection table tbody tr td.parcours span {
						display: block;
						padding: 2px 0 2px 25px;
					}
					#maSelection table tbody tr td.parcours span.interModule {
						font-weight: bold; 
						color: #f00;
					}
					#maSelection table tbody tr td.parcours span.module a {
						color: #000;
						font-weight: bold;
						text-decoration: none;
					}
					#maSelection table tbody tr td.parcours span.module a:hover {
						text-decoration: underline;
					}
	#maSelection .recevoirSelection {
		display: block;
		height: 50px;
		width: 150px;
		padding-left: 40px;
		padding-right: 10px;
		margin: 20px auto 10px;
		line-height: 42px;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		text-align: center;
		background: url('../imgs/btn-pdf.gif') no-repeat;
	}
	#maSelection .recevoirSelection:hover {
		text-decoration: underline;
	}
	
.pointer {
	cursor: pointer;
}
div.contact {
	margin-bottom: 10px;
}
	.contact .pays,
	.contact .contact,
	.contact .ville,
	.contact .site {
		display: block;
	}
	.contact .pays span a {
		font-weight: bold;
		color: #7c685a;
		text-transform: uppercase;
		text-decoration: none;
		margin-left: 2px;
	}
	.contact .contact {
		font-size: 11px;
	}
	.contact .ville {
		font-size: 11px;
		color: #999999;
	}
		.contact .ville .tel {
			color: #000;
		}
	.contact .site a {
		color: #f00;
		font-size: 11px;
		text-decoration: none;	
	}
	.contact a:hover {
		text-decoration: underline !important;
	}

    
div.sep {
    background: url(../imgs/hr-hor.gif) repeat-x #FFFFFF;
    padding-left:220px;
    margin-top:15px;
    padding-top:2px;
}

#plan_site ul, #plan_site ul li{
	margin-bottom: 10px;
}

#plan_site ul ul, #plan_site ul ul li{
	margin-bottom: 0px;
}