/**
 * Css selectors .mainNavItem .universLink .activeLink .universList and .universDetailList are SPECIFIC TO THE HEADER
 * Please don't use them for any other element
 */

/**
 * Reseting html elements properties of header (to be independent of A_init.css)
 */

/*
 * ul
 */
.metaTab,
.headerLink,
.mallItems,
.contextLink ul,
#mainNavigation,
.universList,
.universDetailList,
.sectionList,
.universLevel2{
	list-style:none;
	margin:0;
	padding:0;
}
/*
 * img
 */
.mallItems li img,
#mainLogo img,
.creaBtBlock img,
.contextLink li img{
    border:none;   
}
/*
 * links
 */
#header a,
.metaTab li a,
.metaTab li a:hover,
.headerLink li a,
.contextLink li a,
.universLink,
a.universLink:hover,
.universLink .innerLink{
    text-decoration:none;
}

.headerLink li a:hover{
    text-decoration:underline;
}
/*
 * Forms elements : fieldset, label, input, select
 */
fieldset{
    border:none;
    display:block;
    margin:0;
    padding:0;
}
input,
label{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:1em;
    text-align:left;
    vertical-align:middle;
}

/*
Version actuelle :03/11/2011 (OP NOEL)
Fond : image + col 
Repertoires images : /031110/
*/
body{
        background:#FFFFFF url(https://i2.cdscdn.com/struct/common/op/travelvide/bg_bodyRepeat.jpg) repeat-y center 0;
}

#page{
    width:100%;
        background:transparent url(https://i2.cdscdn.com/struct/common/op/travelvide/bg_body.jpg) no-repeat center 0;
    padding:0;
}


/********************************************************************************************************
 * HEADER
 */
#header{
	position:relative;
	z-index:900;
	width:1000px;
	margin:0 auto;
	text-align:left;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:1em;
}
#headerTab{
	height:24px;
	position:relative;
	padding:9px 0 0;
}
.headerDecoTop{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px 0;
	height:4px;
}
#headerContent{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px -4px;
	height:137px;
	padding:0 0 0 12px;
	position:relative;
}
    .topHeaderContent{
	    height:60px;
	    padding:0;
    }
    .bottomHeaderContent{
	    float:left;
	    position:relative;
	    width:700px;
    }
/*
 * Meta Onglets
 */
.metaTab li{
	float:left;
	padding:0 2px 0 0;
}
	.metaTab li span{
		background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -22px -24px;
		float:left;
		display:block;
		cursor:pointer;
	}
	.metaTab .borderTabLeft{
		background-position:0 -24px;
		height:24px;
		width:17px;
	}
	.metaTab .borderTabRight{
		background-position:-17px -24px;
		height:24px;
		width:5px;
	}
	.metaTab .intituleLink{
		padding:6px 0 0 3px;
		height:18px;
		font-size:11px;
		font-weight:bold;
		color:#3c5a80;
	}
		.metaTab .intituleLink span{background:none;}
		.metaTab .intituleLink img{
			vertical-align:baseline;
			margin:0 0 0 5px;
			max-height:15px;
			_height:15px; /* @bugfix: support of max-height in IE6 */
		}
	.metaTab .active .borderTabLeft{background-position:0 0;}
	.metaTab .active .borderTabRight{background-position:-17px 0;}
	.metaTab .active .intituleLink{
		background-position:-22px 0;
		height:20px;
		padding:4px 0 0 8px;
		font-size:1.3em;
	}
/*
 * Link on the right of the Meta onglets
 */
.headerLink{
	position:absolute;
	top:17px;
	right:0;
}
    .headerLink li.first{border:none;}
	.headerLink li{
		float:left;
		color:#eaecee;
		border-left:1px solid #eaecee;
		padding:0 4px 0 9px;
		margin:0 0 0 5px;
		display:inline;
		font-size:0.9em;
		line-height:1.1em;
	}
	    .headerLink li a{
		    color:#eaecee;
		    font-family:verdana,arial,helvetica,sans-serif;
	    }
/*
 * Mall
 */

/* En-dessous des meta-onglets */
#headerTopMall{
  height:29px;
  padding:0 0 4px;
  background:#f9fbfd;
}
  #headerTopMall .innerMall{
    margin:0 auto;
    width:981px;
    height:27px;
    border:1px solid #899bb3;
  }
    /* Elements composants le Mall */
	.mallItems li{
		float:left;
	}
	.mallItems li img{
		display:block;
		width:89px;
		height:27px;
	}
/*
 * Logo
 */
#mainLogo{
	float:left;
	margin:0;
	padding:8px 0 0;
	width:360px;
}
/*
 * Pub crea
 */
.creaBtBlock{
    float:left;
    padding:8px 0 0;
    width:151px;
    margin:0;
}
    .creaBtBlock li{
	    float:left;
	    width:119px;
	    height:49px;
	    margin-right:7px;
	    display:inline;
    }
/*
 * Pub header 468x60
 */
#headerContent .pubBlock{
    float:left;
    height:60px;
    width:468px;
}
#headerContent .pubBlock img{display:block;}

/*
 * EventLinks
 */
.contextLink{
	float:right;
	width:285px;
	padding:0;
	margin:8px 0 0;
}
	.contextLink ul{
		margin:2px 0 0;
	}
		.contextLink li{
			float:left;
			color:#3c5a80;
			height:22px;
			line-height:22px;
			font-size:12px;
			font-weight:bold;
		}
		.contextLink1,
		.contextLink2{padding:0 20px 2px 0;}
		.contextLink3{padding:0 0 2px;}

		.contextLink li a{
			color:#3c5a80;
		}
		.contextLink li img{float:left;}
/*
 * Search Bar / Newsletter Bar : redefinition des css suite à l'include du Moteur Sejour Light
 */
.CdsMoteurKaravel{
    border:0;
    width:403px;
    height:42px;
    margin:-4px 0 0;
    padding-right:4px;
}
.headerForm{
	font-size:1.1em;
	color:#3c5a80;
	width:688px;
	padding:0 0 1px;
}
.headerForm:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
	.headerForm fieldset{
	    border:none;
		float:left;
		height:27px;
		margin:0;
		padding:9px 8px 0 0;
	}
	.newsletterFieldset label{
		background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat  0 -195px;
		padding:6px 0 0 10px;
		font-weight:bold;
		height:25px;
		font-size:1.091em;
	}
	.headerForm label{
		float:left;
		margin-right:5px;
	}
	.headerForm input{
		color:#626262;
		float:left;
		font-family:arial,verdana,helvetica,sans-serif;
		margin:4px 2px 0 0;		
	}
	.newsletterFieldset input{
		margin-right:2px;
	}

/**************************************************************************************
 * Onglets - Tabbed navigation
 */
#mainNavigation{
	width:975px;
	position:absolute;
	left:4px;
	top:38px;
	font-size:1.080em;
	z-index:900;
}
#mainNavigation:after{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
	.mainNavItem{
		float:left;
		width:131px;
	}
	    .universLink{
			display:block;
			width:60px;
			background:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png) no-repeat -849px -33px;
			height:33px;
			color:#3c5a80;
			border-top:3px solid #f75c00;
			padding:0 0 0 6px;
		}
			.universLink .innerLink{
				cursor:pointer;
				color:#3c5a80;
				display:block;
				background:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png) no-repeat 100% -99px;
				height:29px;
				padding:4px 0 0;
				text-align:center;
			}
				.universLink .innerLink span{
					margin-right:3px;
					height:29px;
					display:block;
					text-align:center;
					line-height:1em;
					background: url(https://i2.cdscdn.com/struct/common/bg_puces.png) no-repeat 100% -1223px;
					font-size:11px;
					margin-left:-1px;
					position:relative;
				}
				.universLink .innerLink .oneLine{
					padding-top:6px;
					height:23px;
				}
		#firstNavItem .universLink{
			background-position:-849px 0;
		}
		#lastNavItem .universLink .innerLink{
			background-position:100% -66px;
		}
        /*
         * Hover + Actif
         */
		.activeLink{
			width:60px;
			height:38px;
			border:0;
			background-position:-850px -518px !important;
		}
            /*
             * Hover
             */
	        .activeLink .innerLink,
	        #firstNavItem .activeLink .innerLink,
	        #lastNavItem .activeLink .innerLink{
				background-position:100% -518px !important;
				color:#fff;
				padding:7px 0 0;
				margin:0;
				height:31px;
				width:auto;
			}
				.activeLink .innerLink span{background-position:100% -303px;}
            /*
             * Actif
             */
			#mainNavigation .currentLink{height:36px;}
			#mainNavigation .currentLink .innerLink{height:29px;}

   /**
    * Tabbed navigation extensions - width of each tabs depends on the number of displayed tabs (4 tabs min - 15 max)
    */

	/* 15 items */
	.item15 .mainNavItem,
	.item15 #firstNavItem,
    .item15 #lastNavItem{
		width:64px;
		margin-right:1px;
	}
	.item15 .universLink,
	.item15 #firstNavItem .universLink,
	.item15 #lastNavItem .universLink{width:57px;}

	/* 14 items */
	#header .item14{padding-left:4px;}
	.item14 .mainNavItem,
	.item14 #firstNavItem,
    .item14 #lastNavItem{
		width:68px;
		margin-right:1px;
	}
	.item14 .universLink,
	.item14 #firstNavItem .universLink,
	.item14 #lastNavItem .universLink{width:61px;}

	/* 13 items */
	.item13 .mainNavItem,
	.item13 #firstNavItem,
    .item13 #lastNavItem{
		width:74px;
		margin-right:1px;
	}
	.item13 .universLink,
	.item13 #firstNavItem .universLink,
	.item13 #lastNavItem .universLink{width:67px;}

	/* 12 items */
	#header .item12{padding-left:2px;}		
	.item12 .mainNavItem,
	.item12 #firstNavItem,
    .item12 #lastNavItem{
		width:80px;
		margin-right:1px;
	}
	.item12 .universLink,
	.item12 #firstNavItem .universLink,
	.item12 #lastNavItem .universLink{width:73px;}
	
	/* 11 items */
	#header .item11{padding-left:3px;}
	.item11 .mainNavItem,
	.item11 #firstNavItem,
    .item11 #lastNavItem{
		width:87px;
		margin-right:1px;
	}
	.item11 .universLink,
	.item11 #firstNavItem .universLink,
	.item11 #lastNavItem .universLink{width:80px;}

	/* 10 items */
	.item10 .mainNavItem,
	.item10 #firstNavItem,
    .item10 #lastNavItem{
		width:96px;
		margin-right:1px;
	}
	.item10 .universLink,
	.item10 #firstNavItem .universLink,
	.item10 #lastNavItem .universLink{width:89px;}

	/* 9 items */
	#header .item9{padding-left:1px;}
	.item9 .mainNavItem,
	.item9 #firstNavItem,
    .item9 #lastNavItem{
		width:107px;
		margin-right:1px;
	}
	.item9 .universLink,
	.item9 #firstNavItem .universLink,
	.item9 #lastNavItem .universLink{width:100px;}

	/* 8 items */
	#header .item8{padding-left:4px;}
	.item8 .mainNavItem,
	.item8 #firstNavItem,
    .item8 #lastNavItem{
		width:120px;
		margin-right:1px;
	}
	.item8 .universLink,
	.item8 #firstNavItem .universLink,
	.item8 #lastNavItem .universLink{width:113px;}

	/* 7 items */
    #header .item7{padding-left:1px;}
	.item7 .mainNavItem,
	.item7 #firstNavItem,
    .item7 #lastNavItem{
		width:138px;
		margin-right:1px;
	}
	.item7 .universLink,
	.item7 #firstNavItem .universLink,
	.item7 #lastNavItem .universLink{width:131px;}

	/* 6 items */
	#header .item6{padding-left:2px;}
	.item6 .mainNavItem,
	.item6 #firstNavItem,
    .item6 #lastNavItem{
		width:161px;
		margin-right:1px;
	}
	.item6 .universLink,
	.item6 #firstNavItem .universLink,
	.item6 #lastNavItem .universLink{width:154px;}

	/* 5 items */
	.item5 .mainNavItem,
	.item5 #firstNavItem,
    .item5 #lastNavItem{
		width:194px;
		margin-right:1px;
	}
	.item5 .universLink,
	.item5 #firstNavItem .universLink,
	.item5 #lastNavItem .universLink{width:187px;}

	/* 4 items */
	#header .item4{padding-left:2px;}
	.item4 .mainNavItem,
	.item4 #firstNavItem,
    .item4 #lastNavItem{
		width:242px;
		margin-right:1px;
	}
	.item4 .universLink,
	.item4 #firstNavItem .universLink,
	.item4 #lastNavItem .universLink{width:235px;}

   /*
    * Tabs colors
    */
	/* Red */
	#mainNavigation .red .universLink{border-color:#ff0000;}
	#mainNavigation .red .activeLink{background-position:-739px -252px !important;}
	#mainNavigation .red .activeLink .innerLink{background-position:100% -252px !important;}
	/* Cyan */
	#mainNavigation .cyan .universLink{border-color:#079ba0;}
	#mainNavigation .cyan .activeLink{background-position:-739px -290px !important;}
	#mainNavigation .cyan .activeLink .innerLink{background-position:100% -290px !important;}
	/* Gold */
	#mainNavigation .gold .universLink{border-color:#ddb102;}
	#mainNavigation .gold .activeLink{background-position:-739px -328px !important;}
	#mainNavigation .gold .activeLink .innerLink{background-position:100% -328px !important;}
	/* Pink */
	#mainNavigation .pink .universLink{border-color:#ff007c;}
	#mainNavigation .pink .activeLink{background-position:-739px -366px !important;}
	#mainNavigation .pink .activeLink .innerLink{background-position:100% -366px !important;}

/**************************************************************************************
 * Overlayers
 */
#mainNavigation .navLayer{
	background-image:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png);
	background-repeat:no-repeat;
	display:none;
	padding:0 0 0 5px;
	position:absolute;
	margin:0 0 0 -2px;
	top:37px;
	left:0;
	width:973px;
	height:234px;
	z-index:900;
}
#mainNavigation .navLayer a{color:#798DA8;}

    #mainNavigation .universTitleTxt a,
    #mainNavigation .universTitle a{
        color:#fff;
        text-decoration:underline;
    }
    #mainNavigation .universDetailList li a{color:#fff;}

   /*
    * The 4 columns of the overlayer
    */
	.universList{
		background:none;
		float:left;
		width:789px;
		height:218px;
	}
		.universList .universItem{
			width:197px;
			float:left;
			height:213px;
			padding:14px 0 0;
			margin:0;
		}
	    .universList .sectionList{
		    float:left;
		    width:196px;
	    }
		.universList .sectionList .firstLineWithoutPicto{
		    margin:46px 0 0;
		}
		.navLayer .sectionList li{
			margin:6px 0 0;
		}
		.navLayer .sectionList li .sectionLink{
			padding:0 0 0 11px;
			margin:0 0 0 12px;
			background:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png) no-repeat -970px -217px;
			line-height:1em;
			font-size:11px;
			display:block;
		}
		    .universList .universLevel2 li .sectionLink{
			    padding:0 0 0 11px;
			    margin:0 0 0 23px;
			    background:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png) no-repeat -973px -160px;
			    line-height:1em;
			    font-size:11px;
			    display:block;
		    }
   /*
    * Right part of the overlayer
    */
	.universDetailList{
		float:left;
		color:#fff;
		width:183px;
	}
		.universDetailList .universTitle{
			color:#fff;
			background:url(https://i2.cdscdn.com/struct/header/bg_universTab_voyages.png) no-repeat;
		}
		.universDetailList .universTitleTxt{
			font-size:1.09em;
			font-weight:bold;
		}
		.universDetailList a,
		.universDetailList .universTitle a{
			color:#fff;
		}
	   /*
        * Top block
        */
		.universDetailList .universPush {
			height:134px;
			padding:10px 0 0;
		}
			.universDetailList .universPush .universTitle{
				padding:0 0 0 17px;
				margin:0;
				height:15px;
				font-size:12px;
				text-decoration:underline;
				text-transform:uppercase;
			}
			.universDetailList .universPush .universTitleTxt{
				padding:0 0 0 17px;
				margin:0;
				font-size:12px;
				height:30px;
				text-decoration:underline;
			}
			.universDetailList .universPushVisu{
				margin:0;
				text-align:center;
			}
	   /*
        * Bottom block
        */
		.universDetailList .universItem{
			height:90px;
			width:180px;
			float:none;
			padding:0;
		}
			.universDetailList .universItem .universTitle{
				padding:0 0 0 17px;
				margin:0;
				font-size:12px;
				text-decoration:underline;
				text-transform:uppercase;
			}
			.universDetailList .sectionList{
				float:none;
				width:auto;
			}
            
                .navLayer .universDetailList .sectionList li span,
				.universDetailList .sectionList li a,
				.universDetailList .sectionList li a:hover{
					padding:0 0 0 15px;
					background-position:-968px -133px;
				}
/*
 * Overlayer's colors
 */
/* Red */
#mainNavigation .red .navLayer{background-position:0 -592px} 
#mainNavigation .red .universList .sectionList li .sectionLink_over{color:#ff0000;background-position:-500px -833px;text-decoration:underline}
#mainNavigation .red .universList .sectionList .universLevel2 li .sectionLink_over{color:#ff0000;background-position:-978px -707px;text-decoration:underline}
#mainNavigation .red .universDetailList .universTitle{background-position:5px -831px}
#mainNavigation .red .universDetailList .sectionLink_over{text-decoration:underline}

/* Cyan */
#mainNavigation .cyan .navLayer{background-position:0 -918px}
#mainNavigation .cyan .universList .sectionList li .sectionLink_over{color:#079ba0;background-position:-500px -1159px;text-decoration:underline}
#mainNavigation .cyan .universList .sectionList .universLevel2 li .sectionLink_over{color:#079ba0;background-position:-978px -1033px;text-decoration:underline}
#mainNavigation .cyan .universDetailList .universTitle{background-position:5px -1157px}
#mainNavigation .cyan .universDetailList .sectionLink_over{text-decoration:underline}

/* Gold */
#mainNavigation .gold .navLayer{background-position:0 -1244px}
#mainNavigation .gold .universList .sectionList li .sectionLink_over{color:#ddb102;background-position:-500px -1485px;text-decoration:underline}
#mainNavigation .gold .universList .sectionList .universLevel2 li .sectionLink_over{color:#ddb102;background-position:-978px -1359px;text-decoration:underline}
#mainNavigation .gold .universDetailList .universTitle{background-position:5px -1483px}
#mainNavigation .gold .universDetailList .sectionLink_over{text-decoration:underline}

/* Pink */
#mainNavigation .pink .navLayer{background-position:0 -1570px} 
#mainNavigation .pink .universList .sectionList li .sectionLink_over{color:#ff007c;background-position:-500px -1811px;text-decoration:underline}
#mainNavigation .pink .universList .sectionList .universLevel2 li .sectionLink_over{color:#ff007c;background-position:-978px -1685px;text-decoration:underline}
#mainNavigation .pink .universDetailList .universTitle{background-position:5px -1809px}
#mainNavigation .pink .universDetailList .sectionLink_over{text-decoration:underline}
	
/** End Onglets - Tabbed navigation **/