@import "slides.css";
@import "elements.css";
@import "carteMassifs.css";

/*** Reset */
* {	margin:0; padding:0; }

ul, ol { margin: 0 0 5px 20px; }

p {	margin-bottom:5px; line-height: 16px;}
.align-right {	text-align:right; }
.align-center { text-align:center; }
.align-justify { text-align:justify; }

a img {	border:medium none; }
a {	outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; color: #444; }
a:hover { text-decoration:none; }
/***/

/*** Classes génériques */
.skip {	height:0; left:-1000em; overflow:hidden; position:absolute;	width:0; }
.clear { clear:both; }
.overflow {	overflow:hidden; }
/***/


body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color:  #444444;
	text-align: center;
	background: url('../images/bg_body.png') repeat-x left 460px;
}

body.accueil {
	background-position: left 742px;
}

	#globalFiltre {
		position: absolute;
		width: 100%;
		height: 460px;
		top: 0;
		left: 50%;
		margin-left: -50%;
		overflow: hidden;
		z-index: -10;
	}
	
	.accueil #globalFiltre {
		height: 742px;
	}
		
		#globalFiltre .filtre {
			position: absolute;
			top: 0;
			width: 1920px;
			left: 50%;
			margin-left: -960px;
		}
		
		#globalFiltre .imgHighlight {
			text-align: center;
			position: absolute;
			top: 0;
			width: 1900px;
			left: 50%;
			margin-left: -950px;
			z-index: -15;
		}

	#globalContainer {
		margin: 0 auto;
		width: 962px;
		text-align: left;
	}
	
		#header {
			 
		}
			
			#headerTop {
				position: relative;
				background: url('../images/header/bg_header.png') repeat-y left top;
			}
			
			.accueil #headerTop {
				background: none;
			}
		
				#infos {
					background: url('../images/header/infos/bg_infos.png') no-repeat left top;
					width: 536px;
					text-align: right;
					font-weight: bold;
					color: #FFF;
					font-size: 12px;
					padding: 5px 10px 6px;
					margin: 0 0 0 212px;
				}
				
					#infos a {
						color: #FFF;
						text-decoration: none;
					}
				
				#switchLogo {
					position: absolute;
                    width: 139px;
                    padding: 10px 22px 0 22px;
					top: 0;
					right: 23px;
					z-index: 50;
                    background: url('../images/header/links/bg_switchLogo.png') no-repeat left top;
				}


                    #switchLogo .switchSite img {
                        left: 10px;
                        position: absolute;
                        top: 8px;
                    }

                    #switchLogo .boutique img {
                        left: 8px;
                        position: absolute;
                        top: 6px;
                    }

                    #switchLogo .parcours img {
                        left: 6px;
                        position: absolute;
                        top: 1px;
                    }

                        #switchLogo a {
                            display: block;
                            height: 44px;
                            margin-bottom: 9px;
                            text-shadow: 1px 1px #FFF;
                            text-decoration: none;
                            position: relative;
                            -moz-border-radius: 5px;
                            -webkit-border-radius: 5px;
                            border-radius: 5px;
                            box-shadow: 0px 0 5px #444;
                            -moz-box-shadow: 0px 0 5px #444;
                            -webkit-box-shadow: 0px 0 5px #444;

                            background: #c7c7c7;
                            background: -moz-linear-gradient(center top , #e6e7e7 0%, #c7c7c7 100%) repeat scroll 0 0 transparent;
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e7e7), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top, #e6e7e7 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top, #e6e7e7 0%,#c7c7c7 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top, #e6e7e7 0%,#c7c7c7 100%); /* IE10+ */
                            background: linear-gradient(top, #e6e7e7 0%,#c7c7c7 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e7', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
                        }

                        #switchLogo .switchSite a {
                            padding: 14px 0 0 60px;
                            height: 30px;
                        }

                        #switchLogo .boutique a {
                            padding: 7px 0 0 60px;
                            height: 37px;
                        }

                        #switchLogo .parcours a {
                            padding: 7px 0 0 60px;
                            height: 37px;
                        }

                    #switchLogo a:hover {
                        text-shadow: none;
                        color: #FFF;

                        background: #414141;
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, -moz-linear-gradient(center top , #414141 0%, #111311 100%) repeat scroll 0 0 transparent;
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#111311)); /* Chrome,Safari4+ */
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, -webkit-linear-gradient(top, #414141 0%,#111311 100%); /* Chrome10+,Safari5.1+ */
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, -o-linear-gradient(top, #414141 0%,#111311 100%); /* Opera 11.10+ */
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, -ms-linear-gradient(top, #414141 0%,#111311 100%); /* IE10+ */
                        background: url('../images/header/links/bg_links.png') no-repeat right 0, linear-gradient(top, #414141 0%,#111311 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#111311',GradientType=0 ); /* IE6-9 */
                    }
				
				#logo {
					position: absolute;
					bottom: -165px;
					left: 30px;
					z-index: 50;
				}
				
				.accueil #logo {
					bottom: -465px;
					left: 30px;
				}
			
			#highlight {
				height: 200px;
				padding: 8px 9px 0;
				margin: 0;
				position: relative;
				background: url('../images/header/bg_header.png') repeat-y left top;
			}
			
			.accueil #highlight {
				height: 510px;
				padding: 0 9px;
				margin: 8px 0 0 0;
			}
			
				#highlight .bottom {
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 50;
					background: url('../images/header/highlight/bottom_sans.png') no-repeat left bottom;
					width: 962px;
					height: 49px;
				}
						
			#headerBottom {
				background: url('../images/container/bg_container.png') repeat-y left top;	
				padding: 10px 0 0 0;
			}
			
				#menu {
					background: url('../images/header/menu/bg_menu.png') no-repeat left top;
					width: 723px;	
					margin: 0 0 0 10px;
					text-align: center;
					float: left;
				}
				
					#menu ul {
						margin: 0 0 0 55px;
						padding: 3px 0 0 0;
						height:  29px;
					}
					
						#menu ul li {
							float: left;
							position: relative;
							list-style: none;
							margin: 0 50px 0 0;
							padding: 0 0 2px 0;
							font-size: 14px;
						}
						
						#menu ul li:hover, #menu ul li.active {
							background: url('../images/header/menu/menu_hov.png') no-repeat center 19px;
						}
						
							#menu ul li a {
								padding: 0 0 0 12px;
								background: url('../images/header/menu/puce.png') no-repeat left 6px;
								color: #d67b1d;
								text-decoration: none;
								display: block;
								height: 26px;
							}
							
							#menu ul li a:hover, #menu ul li.active a {
								background: url('../images/header/menu/puce_hov.png') no-repeat left 6px;
								color: #7b8c35;
							}
							
						#menu ul li ul {
                            display: none;
                            height:auto;
                            position: absolute;
                            z-index:50;
                            top: 28px;
/*                            left: 50%;*/
                            margin: 0 0 0 30px;
                            padding: 0;
                            width: 190px;
                            background: #444;
/*                            opacity: 0.65;*/
                            -moz-border-radius: 5px;
                            -webkit-border-radius: 5px;
                            border-radius: 5px;
                            text-align: left;
                        }
                        
                        #menu ul li.hover ul {
                        	display: block;
                        }

                            #menu ul li ul li {
                                float: none;
                                border-bottom: 1px solid #666;
                                border-top: 1px solid #CCC;
                                margin: 0;
                                padding: 0;
                            }

                            #menu ul li ul li.first {border-top: none;}
                            #menu ul li ul li.last {border-bottom: none;}

                            #menu ul li ul li:hover {
                                background:none;
                            }

                                #menu ul li ul li a, #menu ul li.active ul li a {
                                    color:  #FFF;
                                    height: auto;
                                    padding: 10px 20px;
                                    font-size: 12px;
                                    background:none;
                                }

                                #menu ul li ul li a:hover {
                                    background:#000;
                                    color: #d67b1d;
                                }
                                
                                #menu ul li ul li.first a:hover {
                                	-moz-border-top-left-radius: 5px;
                                	-webkit-border-top-left-radius: 5px;
                                	border-top-left-radius: 5px;
                                	-moz-border-top-right-radius: 5px;
                                	-webkit-border-top-right-radius: 5px;
                                	border-top-right-radius: 5px;
                                }
                                
                                #menu ul li ul li.last a:hover {
                                	-moz-border-bottom-left-radius: 5px;
                                	-webkit-border-bottom-left-radius: 5px;
                                	border-bottom-left-radius: 5px;
                                	-moz-border-bottom-right-radius: 5px;
                                	-webkit-border-bottom-right-radius: 5px;
                                	border-bottom-right-radius: 5px;
                                }
				
				#search {
					float: right;
					margin: -5px 25px 0 0;
				}
				
					#search input[type=text] {
						background: #FFF url('../images/header/search/bg_search.png') no-repeat 4px center;
						border: 1px solid #d5d5d5;
						color: #7c7c7c;
						width: 130px;
						padding: 6px 6px 6px 25px;
						font-size: 12px;
					}
					
					#search input[type=submit] {
                        height: 30px;
                        width: 35px;
                        cursor: pointer;
                        appearance: button;
                        -webkit-appearance: button;
                        -moz-appearance: button;
					}
					
				#rootline {
					background: url('../images/header/rootline/bg_rootline.png') no-repeat left bottom;
					width: 723px;
					height: 58px;
				    line-height: 24px;
				    margin: 0 0 0 10px;
				    padding: 0 0 0 20px;
				    color: #d67b1d;
				}
				
					#rootline a.first {
						background: url('../images/header/rootline/home.png') no-repeat left center;
						display: block;
					    float: left;
					    padding: 0 0 0 23px;
					}
		
		#container {
			background: url('../images/container/bg_container.png') repeat-y left top;
			padding: 0 29px 20px;
		}
		
			#container h1 {
				font-size: 20px;
				font-weight: normal;
				color: #d67b1d;
				border-bottom: 1px solid #d67b1d;
				margin: 0 0 15px 0;
			}
			
			#container h2 {
				font-size: 16px;
				color: #d67b1d;
				margin: 15px 0 6px 0;
			}
			
			#container h3 {
				font-size: 14px;
				color: #d67b1d;
				margin: 8px 0 2px 0;
			}
			
			#container h4 {
				font-size: 12px;
				color: #d67b1d;
				margin: 6px 0 0 0;
			}
		
		.accueil #container {
			padding: 20px 29px;
		}
		
			#leftContainer {
				float: left;
				width: 305px;
			}
			
			.accueil #leftContainer {
				width: 305px;
			}
			
			#middleContainer {
				float: left;
				width: 271px;
				margin: 0 27px;
			}
			
			.accueil #middleContainer {
				width: 271px;
			}
			
			.twoCols-left #middleContainer {
				margin: 0 0 0 27px;
				width:  572px;
			}

            .oneCol #middleContainer {
                width:  904px;
                margin: 0;
            }
			
			#rightContainer {
				float: left;
				width: 274px;
			}
			
			.accueil #rightContainer {
				width: 274px;
			}
			
		
		#footer {
			background: url('../images/footer/bg_footer.png') no-repeat left top;
			height: 40px;
			padding: 26px 0 0 0;
			text-align: center;
		}