@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;
	}
    
    /** Flotements **/
    .flL {
        float: left;
        margin-right: 13px;
    }
    .flR {
        float: right;
        margin-left: 13px;
    }
    .flC {
        margin-left: auto;
        margin-right: auto;
    }
	
	body {
		background: #7f7f7f url('../imgs/main_bkg.gif') repeat-y center top;
		padding-top: 15px;
	}
	#MAIN hr {
        display: block;
        border: 0;
        background: url('../imgs/hr_simple.png') repeat-x;
        height: 1px;
        overflow: hidden;
        margin-top:10px;
        padding-bottom:15px;
    }
    
	#MAIN {
		margin: 0 auto;
		width: 985px;
	}
	#MAIN #SUB_BKG {
		background: url('../imgs/sub_bkg.gif') top left;
	}
	#MAIN #LEFT {
		float: left;
		width: 196px;
	}
		#MAIN #LEFT #logo {
			margin: 0 1px 0 21px;
			border-right: 1px solid #685F64;
			background: #fff;
		}
			#MAIN #LEFT #logo #minisiteLogo {
				display: block;
				text-align: center;
				padding: 5px 0;
			}
			#MAIN #LEFT #logo #icomLogo {
				display: block;
				height: 74px;
				text-decoration: none;
				background: url('../imgs/logo_icom.png') no-repeat;
			}
		#MAIN #LEFT #menu {
			margin: 0 1px 0 21px;
			border-right: 1px solid #685F64;
			border-bottom: 1px solid #685F64;
		}
            * html #MAIN #LEFT #menu {
                min-height:170px;
            }
            
			#MAIN #LEFT #menu dl dt {
				display: block;
				background: #E9E9E8 url('../imgs/menu_off.png') no-repeat;
				color: #000;
				font-size: 13px;
				text-transform: uppercase;
				text-decoration: none;
				padding: 0 25px 0 10px;
				line-height: 25px;
				cursor: pointer;
			}
			#MAIN #LEFT #menu dl dt.first {
				background: #E9E9E8 url('../imgs/menu_off_top.png') no-repeat;
				padding-top: 3px;
			}
			#MAIN #LEFT #menu dl.oppened dt {
				background: #a64f22 url('../imgs/menu_on.png') no-repeat;
				color: #fff;
			}
			#MAIN #LEFT #menu dl.oppened dt.first {
				background: #a64f22 url('../imgs/menu_on_top.png') no-repeat;
				color: #fff;
			}
				#MAIN #LEFT #menu dl.oppened dt a {
					color: #fff;
				}
				#MAIN #LEFT #menu dl dt a {
					display: block;
					color: #000;
					text-decoration: none;
				}
			#MAIN #LEFT #menu dl dd {
				background: #fff url('../imgs/menu_sub_bkg.gif') no-repeat bottom;
			}
				#MAIN #LEFT #menu dl dd ul {
					padding: 5px 10px;
					list-style: none;
				}
					#MAIN #LEFT #menu dl dd ul li a {
						display: block;
						padding: 3px 0;
						color: #000;
						text-decoration: none;
					}
					#MAIN #LEFT #menu dl dd ul li.actif a,
					#MAIN #LEFT #menu dl dd ul li a:hover {
						text-decoration: underline;
					}
		#MAIN #LEFT #encarts {
            min-height:100px;
			padding-left: 21px;
			background: #fff;
			margin-top: 10px;
            padding-top:5px;
			position: relative;
		}
			#MAIN #LEFT #encarts h3 {
				font-size: 13px;
				color: #d94b01;
				font-weight: bold;
				margin-bottom: 5px;
			}
			#MAIN #LEFT #encarts p {
				line-height: 15px;
				margin: 5px 0;
			}
	#MAIN #RIGHT {
		float: left;
		width: 788px;
	}
		#MAIN #RIGHT #HEADER {
			height: 237px;
		}
			#MAIN #RIGHT #HEADER #headline {
				float: left;
				height: 86px;
			}
				#MAIN #RIGHT #HEADER #headline #headlineBkg {
					float: left;
					width:301px;
                    min-height: 66px;
                    background: url('../imgs/bkg_headline.png');
                    padding:10px;
                    padding-left:15px;
                    padding-right:15px;
                    
                    color: #ffffff;
                    text-transform:uppercase;
                    font-weight: normal;
                    font-size: 17px;
                    line-height:22px;
                    font-family: Trebuchet MS;
				}
                    * html #MAIN #RIGHT #HEADER #headline #headlineBkg {
                        height: 66px;
                        background:none;
                        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('enabled=true, sizingMethod=crop src=/fileadmin/res_minisites/templates/skin/default/imgs/bkg_headline.png');
                    }
				#MAIN #RIGHT #HEADER #headline #joinIn {
					float: left;
					display: block;
					text-decoration: none;
					height: 86px;
					width: 63px;
					background: url('../imgs/btn_join_in.png') no-repeat;
				}
			#MAIN #RIGHT #HEADER #toolbox{
				float: right;
				background: #fff;
				margin-right: 18px;
				padding: 0 5px 0 8px;
			}
				#MAIN #RIGHT #HEADER #toolbox a#memberAccess {
					float: left;
					display: block;
					margin: 4px 5px 0 0;
					width: 147px;
					height: 18px;
					text-decoration: none;
					background: url('../imgs/btn_member_access.png') no-repeat;
				}
				#MAIN #RIGHT #HEADER #toolbox ul#menuLang {
					list-style: none;
					float: left;
					/*height: 18px;*/
                    max-width:200px;
					margin: 4px 0;
				}
					#MAIN #RIGHT #HEADER #toolbox ul#menuLang li {
						float: left;
                        text-transform: uppercase;
					}
					#MAIN #RIGHT #HEADER #toolbox ul#menuLang li a {
						display: block;
						float: left;
						width: 20px;
						height: 16px;
						border: 1px solid #bcbdc0;
						text-align: center;
						color: #7a7d86;
						text-decoration: none;
						margin: 0 1px;
                        text-transform: uppercase;
					}
					#MAIN #RIGHT #HEADER #toolbox ul#menuLang li a:hover,
					#MAIN #RIGHT #HEADER #toolbox ul#menuLang li.current a {
						color: #fff;
						border: 1px solid #fff;
						background: #00467d;
                        text-transform: uppercase;
					}
		#MAIN #RIGHT #INSERT {
			float: right;
			width: 234px;
            margin-top:50px;
            padding-right:18px;
			/*margin: 50px 18px 18px 0;*/
		}
			#MAIN #RIGHT #INSERT p {
				line-height: 15px;
				margin: 5px 0;
			}
			#MAIN #RIGHT #INSERT .bloc {
				background: url('../imgs/encart_middle.gif') repeat-y;
			}
				#MAIN #RIGHT #INSERT .bloc .blocTop {
					background: url('../imgs/encart_top.gif') no-repeat top;
                    padding-top:13px;
				}
					#MAIN #RIGHT #INSERT .bloc .blocTop .blocBottom {
						background: url('../imgs/encart_bottom.gif') no-repeat bottom;
						padding: 0px 10px 10px;
                        margin-top:5px;
					}
						#MAIN #RIGHT #INSERT .bloc .blocTop .blocBottom h3 {
							font-size: 16px;
							color: #d94b01;
							font-weight: normal;
							margin-bottom: 5px;
							padding-bottom: 10px;
							background: url('../imgs/hr_double.gif') repeat-x bottom;
						}
						#MAIN #RIGHT #INSERT .bloc .blocTop .blocBottom img {
							border: 1px solid #d94b01;
						}
		#MAIN #RIGHT #CONTENT {
			float: left;
			width: 500px;
			padding: 10px;
			_padding: 10px 0 10px 10px;
		}
			#MAIN #RIGHT #CONTENT h1 {
				color: #d94b01;
				font-weight: normal;
				/*font-size: 28px;*/
                font-size:25px;
                padding-bottom:10px;
			}
			#MAIN #RIGHT #CONTENT h2 {
				color: #d94b01;
				font-weight: normal;
				font-size: 20px;
				font-family: Trebuchet MS;
			}
			#MAIN #RIGHT #CONTENT h2.title {
				padding-bottom: 5px;
				background: url('../imgs/hr_double.gif') repeat-x bottom;
			}
            #MAIN #RIGHT #CONTENT ul li {
                margin-left:17px;    
            }
			#MAIN #RIGHT #CONTENT p {
				line-height: 18px;
				margin: 5px 0;
			}
			#MAIN #RIGHT #CONTENT #ariane {
				color: #4e5455;
				font-size: 10px;
			}
			#MAIN #RIGHT #CONTENT #arianeOmbre {
				font-size: 1px;
				background: url('../imgs/ariane_ombre.png') no-repeat;
				width: 477px;
				height: 2px;
				margin: 10px auto;
			}
				#MAIN #RIGHT #CONTENT #ariane a,
				#MAIN #RIGHT #CONTENT #ariane .sep {
					color: #ca4500;
					font-size: 10px;
					text-decoration: none;
				}
				#MAIN #RIGHT #CONTENT #ariane a:hover {
					text-decoration: underline;
				}
			#MAIN #RIGHT #CONTENT .csc-sitemap {
				margin: 25px 0 15px 50px;
			}
				#MAIN #RIGHT #CONTENT .csc-sitemap ul {
					margin: 5px 0 15px;
				}
				#MAIN #RIGHT #CONTENT .csc-sitemap ul,
				#MAIN #RIGHT #CONTENT .csc-sitemap ul li {
					color: #ca4500;
					margin-left: 10px;
				}
					#MAIN #RIGHT #CONTENT .csc-sitemap ul li a,
                    #MAIN #RIGHT #CONTENT .csc-sitemap ul li span {
						color: #ca4500;
						font-weight: bold;
						text-decoration: none;
					}
					#MAIN #RIGHT #CONTENT .csc-sitemap ul li a:hover {
						text-decoration: underline;
					}
						#MAIN #RIGHT #CONTENT .csc-sitemap ul li ul {
							list-style: none;
						}
							#MAIN #RIGHT #CONTENT .csc-sitemap ul li ul li a {
								font-weight: normal;
								color: #4E5455;
							}
							#MAIN #RIGHT #CONTENT .csc-sitemap ul li ul li ul {
								display: none;
							}
			#MAIN #RIGHT #CONTENT .tx-rgsmoothgallery-pi1 {
				float:left;
                background: #fff;
				margin-bottom: 30px;
			}
			#MAIN #RIGHT #CONTENT .myGallery {
				border: 1px solid #d94b01;
				overflow: visible;
			}
				#MAIN #RIGHT #CONTENT .myGallery .slideInfoZone {
					background: #1f1e22;
                    border-bottom:4px solid #1f1e22;
                    height:70px;
				}
					#MAIN #RIGHT #CONTENT .myGallery .slideInfoZone h2,
                    #rglbTitle {
						font-size: 14px !important;
						font-weight: bold !important;
                        color: #fff !important;
					}
					#MAIN #RIGHT #CONTENT .myGallery .slideInfoZone p,
                    #rglbCaption {
                        margin:2px 5px;
                        
                        font-family: Verdana, Arial;
                        font-size:11px;
                        font-weight:normal;
						color: #fff;
					}
				#MAIN #RIGHT #CONTENT .myGallery .carouselContainer {
					top: auto !important;
					/*height: 400px;*/
                    height:135px;
					margin-top: 300px;
				}
					#MAIN #RIGHT #CONTENT .myGallery .carouselContainer .carousel {
						background: none;
					}
						#MAIN #RIGHT #CONTENT .myGallery .carouselContainer .carouselBtn,
						#MAIN #RIGHT #CONTENT .myGallery .carouselContainer .carousel .label {
							display: none;
						}
						#MAIN #RIGHT #CONTENT .myGallery .carouselContainer .carousel .thumbnail {
							border: 1px solid #aaa;
						}
				#MAIN #RIGHT #CONTENT .myGallery .slideElement {
					background-color: #fff;
				}
    
    #MAIN #RIGHT #CONTENT #gallery_thumbnails {
        float:right;
        height:290px;
    }
        
        #MAIN #RIGHT #CONTENT #gallery_thumbnails .btngallery {
            width:102px;
            height:17px;
            margin-left:10px;
            margin-bottom:6px;
            background: url('../imgs/btn_gallery.gif') no-repeat;
        }
        #MAIN #RIGHT #CONTENT #gallery_thumbnails .down {
            margin-top:5px;
        }
        
        #MAIN #RIGHT #CONTENT #gallery_thumbnails #thumbnails {
            width:112px;
            height:248px;
            overflow:hidden;
        }
            #MAIN #RIGHT #CONTENT #gallery_thumbnails #thumbnails P.label{
                display:none;
            }
                #MAIN #RIGHT #CONTENT #gallery_thumbnails #thumbnails DIV.thumbnail{
                    border:1px solid #D94B01;
                    margin-bottom:7px;
                    cursor:hand;
                }
        
	#MAIN #infobox {
		padding-bottom: 5px;
	}
		#MAIN #infobox #footer {
			background: #fff url('../imgs/footer_bkg.gif') repeat-x top;
			padding: 5px 20px;
		}
			#MAIN #infobox #footer .col {
				float: left;
			}
			#MAIN #infobox #footer .vseparator {
				float: left;
				width: 2px;
				font-size: 1px;
				background: url('../imgs/hr_double.gif');
				height: 150px;
			}
			#MAIN #infobox #footer .col1 {
				padding: 10px 10px 10px 0;
                /*background: url('../imgs/hr_double.gif') repeat-y right;*/
                padding-right:30px;
			}
                #MAIN #infobox #footer .col1 a {
                    background:url("../imgs/bkg_logo_footer.gif") no-repeat;
                    display:block;
                    float:left;
                    height:52px;
                    padding:0;
                    width:65px;
                    height:52px;
                }
				#MAIN #infobox #footer .col1 a:hover {
					text-decoration: underline;
				}
			#MAIN #infobox #footer ul.col {
				margin: 5px 20px;
				list-style: none;
			}
				#MAIN #infobox #footer ul.col li.first,
                #MAIN #infobox #footer ul.col li.first a {
					display: block;
					font-size: 10px;
					font-weight: bold;
					color: #4e5455;
					text-decoration: none;
					margin-bottom: 6px;
				}
				#MAIN #infobox #footer ul.col li.first a:hover {
					text-decoration: underline;
				}
				#MAIN #infobox #footer ul.col li.first ul {
					list-style: none;
				}
					#MAIN #infobox #footer ul.col li.first ul li a {
						font-weight: normal;
						margin: 0;
                        line-height:16px;
					}
		#MAIN #infobox #copy {
			font-size: 10px;
			color: #8d9698;
            width:600px;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
		}
		#MAIN #infobox #copy a {
			font-size: 10px;
			color: #ca4500;
			text-decoration: none;
		}
		#MAIN #infobox #copy a:hover {
			text-decoration: underline;
		}
			#MAIN #infobox #copy .hippo,
			#MAIN #infobox #copy .hippo a {
				color: #8d9698;
			}

        #MAIN #infobox #copy .rss{
            padding-right:17px;
            background:url('../imgs/ico_rss.png') no-repeat right center;
            line-height:15px;
        }
			
			.separator {
				font-size: 1px;
				height: 3px;
				margin: 5px 0;
				background: url('../imgs/hr_double.gif') repeat-x;
			}
			.tx-hpoforms-pi1 {
				margin: 20px;
			}
    
    #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlso ul {
        margin-left: 5px;
    }
    
    
    #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow,
    #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder {
        float: right;
        border: 0;
        width: 173px;
        margin-top:5px;
        margin-bottom:10px;
        margin-left:15px;                    
    }
    #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder {
        width: 169px;
    }
    
        #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom {
            background: url('../imgs/bkg_insertend.gif') no-repeat bottom;
        }
            #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom .top {
                background: url('../imgs/bkg_inserttop.gif') no-repeat;
            }
            
        #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom .top,
        #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder .bottom .top {
            padding: 10px;
            font-family: Verdana, Arial;
            font-size:11px;
            font-weight:normal;
            line-height:18px;
            color: #363a3b;
        }
            #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder .bottom .top ul,
            #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom .top ul{
                margin-left:0;
            }
                #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder .bottom .top ul li,
                #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom .top ul li{
                    font-family: Verdana, Arial;
                    font-size:11px;
                    font-weight:normal;
                    line-height:18px;
                    color: #363a3b;
                }
                
            #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocShadow .bottom .top h3,
            #MAIN #RIGHT #CONTENT #RTE_CONTENT .readAlsoBlocBorder .bottom .top h3 {
                font-size: 13px;
                font-weight: bold;
                background: url('../imgs/hr_simple.png') repeat-x bottom;
                margin-bottom: 3px;
                padding-bottom: 3px;
            }
    
    #MAIN #RIGHT #INSERT .readAlso ul {
        margin-left: 5px;
    }
    
    
    #MAIN #RIGHT #INSERT .readAlsoBlocShadow,
    #MAIN #RIGHT #INSERT .readAlsoBlocBorder {
        float: right;
        border: 0;
        width: 173px;
        margin-top:5px;
        margin-bottom:10px;
        margin-left:15px;                    
    }
    #MAIN #RIGHT #INSERT .readAlsoBlocBorder {
        width: 169px;
    }
    
        #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom {
            background: url('../imgs/bkg_insertend.gif') no-repeat bottom;
        }
            #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom .top {
                background: url('../imgs/bkg_inserttop.gif') no-repeat;
            }
            
        #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom .top,
        #MAIN #RIGHT #INSERT .readAlsoBlocBorder .bottom .top {
            padding: 10px;
            font-family: Verdana, Arial;
            font-size:11px;
            font-weight:normal;
            line-height:18px;
            color: #363a3b;
        }
            #MAIN #RIGHT #INSERT .readAlsoBlocBorder .bottom .top ul,
            #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom .top ul{
                margin-left:0;
            }
                #MAIN #RIGHT #INSERT .readAlsoBlocBorder .bottom .top ul li,
                #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom .top ul li{
                    font-family: Verdana, Arial;
                    font-size:11px;
                    font-weight:normal;
                    line-height:18px;
                    color: #363a3b;
                }
                
            #MAIN #RIGHT #INSERT .readAlsoBlocShadow .bottom .top h3,
            #MAIN #RIGHT #INSERT .readAlsoBlocBorder .bottom .top h3 {
                font-size: 13px;
                font-weight: bold;
                background: url('../imgs/hr_simple.png') repeat-x bottom;
                margin-bottom: 3px;
                padding-bottom: 3px;
            }
    
    
    #MAIN #RIGHT #cmd {
        float:right;
        margin-bottom:7px;
        margin-top:10px;
        
        color:#FFFFFF !important;
        font-family:verdana,arial;
        font-size:14px;
        font-weight:bold;
        padding-left:10px;
        padding-right:10px;
        text-decoration:none;
    }
    #MAIN #RIGHT .tx-hpoforms-pi1 .tx-srfreecap-pi2-text {
        width:250px;
    }
    #MAIN #RIGHT .tx-hpoforms-pi1 .required {
        color:#4E5455;
        font-family:verdana,arial;
        font-size:13px;
        font-weight:bold;
    }
    #MAIN #RIGHT .tx-hpoforms-pi1 .flR {
        float:right;
        margin-left:13px;
    }
    #MAIN #RIGHT .tx-hpoforms-pi1 {
        line-height:20px;
    }
    
    #MAIN #RIGHT #tools {
        position:absolute;
        margin-left: 426px;
        height: 17px;
        /*width: 75px;*/
        width:100px;
        margin-top: -30px;
    }
        #MAIN #RIGHT #tools .typomore {
            float: right;
            height: 17px;
            width: 18px;
            background: url('../imgs/tools_t_more.gif');
        }
        #MAIN #RIGHT #tools .typoless {
            float: right;
            height: 17px;
            width: 18px;
            background: url('../imgs/tools_t_less.gif');
            margin-left: 1px;
        }
        #MAIN #RIGHT #tools .tipafriend {
            float: right;
            height: 17px;
            width: 18px;
            background: url('../imgs/tools_tipafriend.gif');
            margin-left: 1px;
        }
        #MAIN #RIGHT #tools .print {
            float: right;
            height: 17px;
            width: 18px;
            background: url('../imgs/tools_print.gif');
            margin-left: 1px;
        }
    
    #MAIN #CONTENT #RTE_CONTENT ol {
        margin-left:23px;
    }