/*

__        __      ____   ____        _       _   _                 
\ \      / / __  / ___| / ___|  ___ | |_   _| |_|_| ___  _ __  ___ 
 \ \ /\ / / '_ \| |  _  \___ \ / _ \| | | | | __| |/ _ \| '_ \/ __|
  \ V  V /| | | | |_| |  ___| | |_| | | |_| | |_| | |_| | | | \__ \
   \_/\_/ |_| |_|\____| |____/ \___/|_|\__,_|\__|_|\___/|_| |_|___/


 *****************************************************************
 *                                                               *
 *               Copyright 2009 WnG Solutions Sàrl               *
 *                      All rights reserved                      *
 *                                                               *
 *****************************************************************
 *                              *                                *
 *  WnG Solutions               *  http://www.wng.ch/            *
 *  Rue Centrale 15             *  Tel +41 21 320 11 11          *
 *  CH-1003 Lausanne            *  Fax +41 21 320 11 10          *
 *                              *                                *
 *****************************************************************

*/


/* ----- * Générique * ----- */

	/* ----- * Balises principales * ----- */
	
	* {
		padding: 0;
		margin: 0;
		border: 0;
		outline: none;
	}
	
	html {
		overflow-y: scroll;
	}

	body {
		font: 62.5%/1.6em Arial, Verdana, Helvetica, sans-serif;
		color: #3e3e3e;
	}
	
	/* ----- * Utilitaires * ----- */
	
	.spacer {
		clear: both;
		font-size: 0;
	}
	
	.hideMe {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	.loading {
		width: 31px;
		height: 31px;
		margin: 15px auto;
		overflow: hidden;
		background: url('../../images/design_v2/loading.gif') no-repeat;
		text-indent: -99999px;
	}
	
	.hideText { text-indent: -99999px; }
		
	.mandatory { color: #1A171B; }
	
	.center { width: 100%; text-align: center; }
	.smallCaps { font-variant: small-caps; }
	.underline { text-decoration: underline; }
	.italic { font-style: italic; }
	
	.floatL { float: left; }
	.floatR { float: right; }
	.noFloat { float: none !important; }
	
	.textAlignLeft, .textL { text-align: left !important; }
	.textAlignRight , .textR { text-align: right !important; }
	.textAlignCenter, .textC { text-align: center !important; }
	.textAlignJustify, .textJ { text-align: justify !important; }
	
		/* ----- * Margins * ----- */
	
		.marginTop { margin-top: 20px !important; }
		.marginTopMini { margin-top: 10px !important; }
		.marginTopBig { margin-top: 40px !important; }
		.noMarginTop { margin-top: 0 !important; }
		
		.marginRight { margin-right: 20px !important; }
		.marginRightMini { margin-right: 10px !important; }
		.marginRightBig { margin-right: 40px !important; }
		.noMarginRight { margin-right: 0 !important; }
		
		.marginBottom { margin-bottom: 20px !important; }
		.marginBottomMini { margin-bottom: 10px !important; }
		.marginBottomBig { margin-bottom: 40px !important; }
		.noMarginBottom { margin-bottom: 0 !important; }
		
		.marginLeft { margin-left: 20px !important; }
		.marginLeftMini { margin-left: 10px !important; }
		.marginLeftBig { margin-left: 40px !important; }
		.noMarginLeft { margin-left: 0 !important; }
	
		/* ----- * /Margins * ----- */
	
	
		/* ----- * Paddings * ----- */
	
		.paddingTop { padding-top: 20px !important; }
		.paddingTopMini { padding-top: 10px !important; }
		.paddingTopBig { padding-top: 40px !important; }
		.noPaddingTop { padding-top: 0 !important; }
		
		.paddingRight { padding-right: 20px !important; }
		.paddingRightMini { padding-right: 10px !important; }
		.paddingRightBig { padding-right: 40px !important; }
		.noPaddingRight { padding-right: 0 !important; }
		
		.paddingBottom { padding-bottom: 20px !important; }
		.paddingBottomMini { padding-bottom: 10px !important; }
		.paddingBottomBig { padding-bottom: 40px !important; }
		.noPaddingBottom { padding-bottom: 0 !important; }
		
		.paddingLeft { padding-left: 20px !important; }
		.paddingLeftMini { padding-left: 10px !important; }
		.paddingLeftBig { padding-left: 40px !important; }
		.noPaddingLeft { padding-left: 0 !important; }
	
		/* ----- * /Paddings * ----- */

	/* ----- * /Utilitaires * ----- */
	
	
	/* ----- * Contenu * ----- */
	
	.ui-dialog .ui-dialog-title,
	.content h2 {
		color: #f6c520;
		margin: 20px 0 15px 0;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	
	.content h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.content p,
	.content dl,
	.content ul,
	.content ol,
	.content table {
		margin-bottom: 15px;
	}
	
	.content address {
		font-style: normal;
	}
	
	.content p {
		text-align: justify;
	}
	
	.content ul li,
	.content ol li{
		margin: 0 0 3px 30px;
	}
	
	.content pre,
	.content code {
		font-size: 1.2em;
	}
	
	/* ----- * /Contenu * ----- */
	
	
	/* ----- * Notifications * ----- */

	p.notification {
		color: #777777;
		border: 1px solid #d9c39d;
		padding: 7px 10px 7px 45px;
		margin-top: 15px;
		line-height: 20px;
		background-color: #fff8f5;
		background-repeat: no-repeat;
		background-position: 15px center;
	}
	
	p.icon {
		line-height: 20px;
		padding-left: 30px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	ul.notification {
		width: 98%;
		padding: 7px 10px 0 0;
		list-style: none;
		margin-top: 15px;
		border-top: 1px solid #d9c39d;
		border-bottom: 1px solid #d9c39d;
		background-color: #fff8f5;
	}
	
	ul.notification li {
		color: #777777;
		margin: 0 0 5px 15px;
		line-height: 20px;
		padding-left: 30px;
		background-color: #fff8f5;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	
	/* ----- * /Notifications * ----- */
	
	
	/* ----- * Liens (+ Listes de liens) * ----- */
	
	.anchorLike,
	#header form a,
	#global .content a,
	#global .content ul.gallery li span.label {
		color: #3e3e3e;
		padding: 1px 3px 0 3px;
		text-decoration: none;
		border-bottom: 1px #3e3e3e dotted;
	}
	
	#global .content a.icon span {
		color: #3e3e3e;
		padding: 1px 3px 1px 3px;
		text-decoration: none;
	}

	#header form a:hover,
	#global .content a:hover,
	#global .content a:focus,
	#global .content a.icon:hover span,
	#global .content a.icon:focus span {
		color: #f6c520;
		font-weight: normal;
		background-color: #2d2d2d;
	}
	
	#content #steps li a,
	#content .buttonBox a,
	#contentModal .buttonBox a,
	#content a.noStyle {
		color: inherit;
		padding: 0;
		border-bottom: none;
	}
	
	#contentModal form fieldset .buttonBox a {
		color: #2d2d2d;
	}
	
	#content a.noStyle:hover,
	#content a.noStyle:focus {
		color: inherit;
		background: none;
	}
	
	#global .content a.icon,
	#global .content ul li.icon {
		border: none;
		line-height: 20px;
		padding-left: 22px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	#global .content a.icon:hover,
	#global .content a.icon:focus {
		background-color: transparent;
	}
	
		/* ----- * Boutons * ----- */
		
		.buttons .buttonBox {
			margin-right: 10px;
		}

		.buttons .buttonBox,
		.buttonBox .buttonLeft,
		.buttonBox .buttonRight {
			float: left;
		}
		
		.buttonBox.adjustAlignment {
			margin: 9px 0 0 20px;
			float: left;
		}
		
		.buttonBox .buttonLeft,
		.buttonBox .buttonRight {
			width: 3px;
			height: 24px;
		}
		.buttonBox .buttonLeft { background: url('../../images/design_v2/button/left.gif') no-repeat; }
		.buttonBox .buttonRight { background: url('../../images/design_v2/button/right.gif') no-repeat; }
		
		#content .buttonBox a,
		#contentModal .buttonBox a,	/* Nécessite un poids plus élévé que les définitions plus haut sur les a.noStyle */
		.buttonBox input {
			float: left;
			color: #787878;
			height: 24px;
			cursor: pointer;
			padding: 0 8px;
			display: block;
			font-size: 11px;
			background: url('../../images/design_v2/button/middle.gif') repeat-x;
			line-height: 24px;
			text-decoration: none;
		}
		
		#content .buttonBox a:hover,
		#content .buttonBox a:focus,
		#contentModal .buttonBox a:hover,
		#contentModal .buttonBox a:focus,
		.buttonBox input.button:hover,
		.buttonBox input.button:focus {
			color: #5E5E5E;
		}
	
		/* ----- * /Boutons * ----- */
	
	/* ----- * /Liens * ----- */
	
	/* ----- * Icônes * ----- */
	
	.content .icon.success,
	.content p.notification.success,
	.content ul.notification li.success { background-image: url('../../images/design_v2/pictos/wng/success.png'); }
	
	.content .icon.error,
	.content p.notification.error,
	.content ul.notification li.error { background-image: url('../../images/design_v2/pictos/wng/error.png'); }
	
	.content .icon.help,
	.content p.notification.help,
	.content ul.notification li.help { background-image: url('../../images/design_v2/pictos/wng/help.png'); }
	
	.content .icon.add,
	.content p.notification.add,
	.content ul.notification li.add { background-image: url('../../images/design_v2/pictos/wng/add.png'); }
	
	.content .icon.edit,
	.content p.notification.edit,
	.content ul.notification li.edit { background-image: url('../../images/design_v2/pictos/wng/edit.png'); }
	
	.content .icon.remove,
	.content p.notification.remove,
	.content ul.notification li.remove { background-image: url('../../images/design_v2/pictos/wng/remove.png'); }
	
	.content .icon.prev,
	.content p.notification.prev,
	.content ul.notification li.prev { background-image: url('../../images/design_v2/pictos/wng/prev.png'); }
	
	.content .icon.next,
	.content p.notification.next,
	.content ul.notification li.next { background-image: url('../../images/design_v2/pictos/wng/next.png'); }
	
	.content .icon.apply,
	.content p.notification.apply,
	.content ul.notification li.apply { background-image: url('../../images/design_v2/pictos/wng/apply.png'); }
	
	.content .icon.info,
	.content p.notification.info,
	.content ul.notification li.info { background-image: url('../../images/design_v2/pictos/wng/info.png'); }
	
		/* ----- * Exceptions * ----- */
		
		#global .content .icon.pdf span { border-bottom: 1px #3e3e3e dotted; }	
		#global .content .icon.pdf {
			padding-left: 18px;
			background-image: url('../../template/ico/pdf.gif');
		}
		
		#global .content .icon.country span,
		#global .content .icon.facebook span { border-bottom: 1px #3e3e3e dotted; }
		#global .content .icon.country,
		#global .content .icon.facebook {
			padding-left: 20px;
		}
		
		#global .content .icon.country {
			background-position: 0 4px;
		}
		
		#global .content .icon.facebook { background-image: url('../../images/design_v2/pictos/facebook.gif'); }
		
		#global .content .icon.country.russia { background-image: url('../../images/design_v2/flags/russia.gif'); }
		#global .content .icon.country.france { background-image: url('../../images/design_v2/flags/france.gif'); }
		#global .content .icon.country.germany { background-image: url('../../images/design_v2/flags/germany.gif'); }
		#global .content .icon.country.spain { background-image: url('../../images/design_v2/flags/spain.gif'); }
		
		#global .content .icon.littleArrow {
			padding-left: 8px;
			background-image: url('../../images/design_v2/pictos/wng/little_arrow.gif');
			background-position: left 6px;
		}
	
		/* ----- * /Exceptions * ----- */
	
	/* ----- * /Icônes * ------ */
		
		
	/* ----- * Formulaires * ----- */
	
	form fieldset legend {
		font-weight: bold;
	}
	
	form fieldset p.labelLike,
	form fieldset label,
	form fieldset input.text,
	form fieldset input.checkbox,
	form fieldset input.radio,
	form fieldset select {
		float: left;
		color: #787878;
		display: block;
		margin-top: 10px;
	}
	
	form fieldset input.text,
	form fieldset input.checkbox,
	form fieldset input.radio,
	form fieldset textarea {
		padding: 3px 5px;
	}
	
	form fieldset input.text,
	form fieldset select,
	form fieldset textarea {
		border: 1px #BEBDBA solid;
	}

	form fieldset textarea {
		color: #787878;
		width: 308px;
		height: 50px;
		display: block;
		margin-top: 10px;
		background-color: #ffffff;
	}
	
	form fieldset input.text.mini {
		width: 20px;
		text-align: center;
	}
	
	form fieldset input.text { width: 154px; }
	form fieldset select { width: 166px; }

	form fieldset input.text.short { width: 50px; }
	form fieldset select.short { width: 62px; }

	form fieldset input.text.little { width: 75px; }
	form fieldset select.little { width: 87px; }

	form fieldset select.middle { width: 120px; }
	
	form fieldset select.long { width: 504px; }
	form fieldset input.long { width: 492px; }
	
	form fieldset select { height: 24px; }
	
	form fieldset p.labelLike,
	form fieldset label {
		width: 125px;
		margin-top: 14px;
	}
	
	form fieldset p.labelLike.big,
	form fieldset label.big { width: 210px; }
	
	form fieldset p.inputRightText {
		float: left;
		margin-top: 14px;
	}
	
	form fieldset p.betweenTwoFields {
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 0;
	}
	
	form .miniLabels p.labelLike,
	form fieldset p.labelLike.miniLabel,
	form .miniLabels label,
	form fieldset label.miniLabel {
		width: 75px;
	}
	
	form .largerLabels p.labelLike,
	form fieldset p.labelLike.largerLabel,
	form .largerLabels label,
	form fieldset label.largerLabel {
		width: 200px;
	}
	
	form .bigLabels p.labelLike,
	form fieldset p.labelLike.bigLabel,
	form .bigLabels label,
	form fieldset label.bigLabel{
		width: 350px;
	}
	
	form .xxlLabels p.labelLike,
	form fieldset p.labelLike.xxlLabel,
	form .xxlLabels label,
	form fieldset label.xxlLabel{
		width: 450px;
	}
	
	form fieldset input.text {
		background: #ffffff url('../../images/design_v2/bg_input_text.png') repeat-x;
	}

	form fieldset select option {
		padding: 3px 5px;
	}
	
	form fieldset label.checkboxLabel {
		width: auto;
		margin: 8px 0 0 8px;
	}
	
	form fieldset .buttons {
		float: right;
		margin-top: 20px;
	}
	
	form fieldset .buttons.noFloatR {
		float: none;
	}
	
	
		/* ----- * Boutons radios multiples * ----- */
		
		form fieldset .multipleRadios {
			float: left;
			margin-top: 15px;
		}
		
		form fieldset .multipleRadios label {
			margin: 0;
		}
		
		form fieldset .multipleRadios input.radio {
			margin: 2px 10px 7px 0;
		}
		
		/* ----- * /Boutons radios multiples * ----- */
		
		
		/* ----- * Content Modal * ----- */
		
		#contentModal form {
			margin-bottom: 20px;
		}
	
		#contentModal form fieldset p.labelLike,
		#contentModal form fieldset label {
			color: #ffffff;
		}
		
		#contentModal form fieldset input.text,
		#contentModal form fieldset input.checkbox,
		#contentModal form fieldset input.radio,
		#contentModal form fieldset select,
		#contentModal form fieldset textarea {
			color: #3e3e3e;
		}
		
		#contentModal ul.linksRussia {
			list-style: none;
		}

		#contentModal ul.linksRussia li {
			margin: 0 0 10px 10px;
		}
		
		#contentModal ul.linksRussia li a.icon.pdf span { border-bottom: 1px #3e3e3e dotted; }	
		#contentModal ul.linksRussia li a.icon.pdf {
			background: url('../../template/ico/pdf.gif') 0 0 no-repeat;
			padding-left: 25px;
			text-decoration: none;
		}
		
		#contentModal ul.linksRussia li a:hover span {
			color: #f6c520;
		}
		
		/* ----- * /Content Modal * ----- */
		
	
		/* ----- * Particularités * ----- */
		
		#global .content form fieldset.contact .buttons {
			float: right;
			margin-right: 18px;
			margin-bottom: 10px;
		}
		
		form fieldset.login label {
			width: 70px;
		}
		
		.contentBox form fieldset.login input.text {
			float: right;
		}
		
		form fieldset  input.text.disabled,
		form fieldset select.disabled {
			background: #3d3d3d url('../../images/design_v2/bg_input_disabled.png') repeat;
		}
	
		/* ----- * /Particularités * ----- */
	
	/* ----- * /Formulaires * ----- */
	
/* ----- * /Générique * ----- */


/* ----- * Conteneur global * ----- */

#global {
	width: 986px;
	margin: 0 auto;
}

#global div.wrapper {
	padding: 0 23px;
}

/* ----- * /Conteneur global * ----- */


/* ----- * Header * ------ */

#header {
	height: 50px;				/* 94 - 24 - 20 */
	margin: 24px 0 20px 0;
}

	/* ----- * Logo * ----- */

	#header h1 {
		float: left;
		background: url('../../images/design_v2/logo.png') no-repeat;
	}

	#header h1 a {
		width: 161px;
		height: 56px;
		display: block;
	}

	/* ----- * /Logo * ----- */


	/* ----- * Accessibilité * ----- */
	
	#header #accessKeys {
		float: left;
		list-style: none;
		margin-left: 15px;
	}
	
	#header #accessKeys li {
		display: inline;
		padding-right: 5px;
	}
	
	#header #accessKeys li a:link,
	#header #accessKeys li a:visited,
	#header #accessKeys li a:hover,
	#header #accessKeys li a:active {
		color: #ffffff;
		cursor: default;
	}
	
	#header #accessKeys li a:focus {
		color: #000000;
	}

	/* ----- * /Accessibilité * ----- */
	
	
	/* ----- * Login * ----- */
	
	#header form fieldset {
		float: right;
	}
	
	#header form fieldset p#facebookLink {
		height: 27px;
		text-align: right;
		background: url('../../images/design_v2/facebook.gif') no-repeat right center;
		line-height: 27px;
		margin-bottom: 8px;
		padding-right: 32px;
	}

	#header form fieldset p#facebookLink a {
		font-size: 1em;
		border-bottom: none;
		padding-bottom: 2px;
	}
	
	#header form fieldset label {
		width: auto;
		color: #6c6c6c;
		margin: 3px 10px 0 0;
		font-size: 1.1em;
	}
	
	#header form fieldset input.text {
		float: left;
		width: 100px;
		margin: 0 5px 0 0;
	}
	
	#header form fieldset input.text#parent_password_clear {
		display: none;
	}
	
	#header form fieldset .buttonBox input {
		padding: 0 2px;
	}
	
	#header form fieldset p {
		font-size: 1.1em;
	}
	
	/* ----- * /Login * ----- */

/* ----- * /Header * ------ */


/* ----- * Bannière * ----- */

#banner {
	position: relative;
	height: 182px;
	background: url('../../images/design_v2/bg_banner.jpg') no-repeat;
}

#banner #flashContainer {
	display: none;
}

	/* ----- * Promotion * ----- */
	
	#banner #promotion a {
		position: absolute;
		top: -50px;
		left: 470px;	/* 535 */
		width: 113px;
		height: 109px;
		display: block;
	}

	/* ----- * /Promotion * ----- */
	
	
	/* ----- * Home * ----- */
	
	#banner.home {
		width: 940px;			/* 932 + 8 bordures */
		height: 485px;		/* 477 + 8 bordures */
		background: none;
	}
	
	#banner.home #promotion a {
		left: 650px;
	}
	
	#banner.home #flashContainer {
		border: 4px #666666 solid;
		display: block;
	}
	
	/* ----- * /Home * ----- */

/* ----- * /Bannière * ----- */


/* ----- * Menus * ----- */

#menus {
	height: 50px;
}

#menus ul {
	list-style: none;
}

#menus ul li a {
	text-decoration: none;
}

	/* ----- * Menu principal * ----- */
	
	#menus ul.menuMain {
		height: 50px;
	}

	#menus ul.menuMain li {
		float: left;
		display: inline;
	}

	#menus ul.menuMain li a {
		color: #6c6c6c;
		width: 97.5px;				/* 117.5 - 20 */
		height: 34px;					/* 50 - 16 */
		display: block;
		padding: 8px 10px 8px 10px;
		font-size: 1.4em;
	}

	#menus ul.menuMain li a:hover,
	#menus ul.menuMain li.menuOn a,
	#menus ul.menuMain li.active a {
		color: #ffffff;
		background-color: #2d2d2d;
	}
	
	#menus ul.menuMain li.menuOn a {
		color: #f6c520;
	}

	/* ----- * /Menu principal * ----- */
	

	/* ----- * Menu secondaire * ----- */
	
	#menus ul.menuMain li ul.menuSub {
		z-index: 1;
		display: none;
		position: absolute;
		width: auto;
		height: 40px;
		padding: 0 25px;
		margin-top: -90px;
		list-style: none;
		background-color: #2d2d2d;
	}
	
	/* On affiche s'il n'y a pas de Javascript */
	#menus ul.menuMain li.active ul.menuSub {
		display: block;
	}
	
	#menus ul.menuMain li ul.menuSub li,
	#menus ul.menuMain li ul.menuSub li a {
		color: #ffffff;
		display: inline;
		font-size: 1.1em;
	}
	
	#menus ul.menuMain li ul.menuSub li {
		float: none;
	}
	
	#menus ul.menuMain li ul.menuSub li span.separator {
		padding: 0 10px;
	}
	
	#menus ul.menuMain li ul.menuSub li a {
		padding: 0;
		display: inline;
		background: none;
		line-height: 39px;
	}
	
	#menus ul.menuMain li ul.menuSub li.menuOn a,
	#menus ul.menuMain li ul.menuSub li a:hover {
		color: #f6c520;
	}

	/* ----- * /Menu secondaire * ----- */
	
	
	/* ----- * Liens * ----- */

	#menus ul.menuMain li.last {
		position: relative;
	}
	
	#menus ul.menuMain li.last ul.menuSub {
		left: -122px;
		right: 0;
	}
	
	/* ----- * /Liens * ----- */

/* ----- * /Menus * ----- */


/* ----- * Zone de contenu * ----- */

#global .content {
	font-size: 1.2em;
}

#content {
	padding: 20px 45px 15px 45px;
	min-height: 350px;
	background: url('../../images/design_v2/bg_content.png') no-repeat left center;
}

#contentLeft {
	width: 280px;
	float: left;
	margin-right: 20px;
}

#contentRight {
	width: 280px;
	float: right;
	margin-left: 20px;
}

#contentLeft.subMenu {
	width: 223px;
}

#contentRight.illustration {
	z-index: 0;
	width: 221px;
	height: 319px;
	padding: 1px 0 0 4px;
	margin-top: 21px;
	background: url('../../images/design_v2/bg_illustration.png') no-repeat;
}

#contentMain {
	overflow: hidden;
}

#contentModal {
	z-index: 999999;
}

#global .content div.column { width: 48%; }
#global .content div.column.floatL { margin-right: 2%; }
#global .content div.column.floatR { margin-left: 2%; }
	
#global .content .noMargin { margin: 0; }
#global .content .noMarginTop { margin-top: 0; }
#global .content .noMarginRight { margin-right: 0; }
#global .content .noMarginBottom { margin-bottom: 0; }
#global .content .noMarginLeft { margin-left: 0; }


	/* ----- * Fil d'ariane * ------ */

	#global .content #breadcrumbs {
		font-size: 0.9em;
		margin-bottom: 5px;
	}
	
	#global .content #breadcrumbs a {
		margin-right: 2px;
	}
	
	/* ----- * Boxes * ------ */
	
	#global .content .contentBox {
		border: 1px #cfcfcf solid;
		padding: 15px 15px 20px 15px;
		overflow: hidden;
		background: url('../../images/design_v2/bg_content_box.jpg') no-repeat bottom right;
	}
	
	#global .content .contentBox h3 {
		color: #000000;
		margin: 10px 0;
		font-size: 1.4em;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	#global .content  .contentBox.agentLoginBox {
		width: 250px;
	}
	
	#contentModal,
	#contentModal #modalResult {
		display: none;
	}
	
	#contentModal .mandatory {
		color: #F6C520;
	}
	
	#contentModal #modifyPictureContainer {
		display: none;
	}

	/* ----- * /Boxes * ------ */
	

	/* ----- * Liste de liens * ----- */
	
	#global .content ul.links {
		list-style: none;
	}

	#global .content ul.links li {
		margin: 0 0 10px 0;
	}
	
	#global .content #contentLeft ul.links  li {
		padding-left: 10px;
	}
		
	#global .content ul.links li.icon.littleArrow {
		margin-bottom: 8px;
		background-position: 0 9px;
	}
	
	#global .content ul.links.inline li {
		float: left;
		display: block;
		margin-left: 20px;
	}

	/* ----- * /Liste de liens * ----- */
	
	
	/* ----- * Liste typique (alignement type tableau) * ----- */
	
	#global .content dl.typical dt,
	#global .content dl.typical dd {
		margin-bottom: 3px;
	}
	
	#global .content dl.typical dt {
		clear: left;
		float: left;
		width: 75px;
	}
	
	#global .content dl.typical.profile {
		margin: 25px 0;
	}
	
	#global .content dl.typical.profile dt {
		width: 125px;
		font-weight: bold;
	}
	
	#global .content dl.typical.profile.account dt {
		float: none;
		margin: 20px 0 5px 0;
	}
	
	#global .content dl.typical.program dt {
		width: 150px;
	}
	
	/* ----- * /Liste typique * ----- */
	
	
	/* ----- * Liste de dates * ----- */
	
	#global .content dl.prices { width: 90%; }
	#global .content dl.prices dd.price { width: 20%; }
	#global .content dl.prices dt { width: 80%; }
	#global .content dl.prices dd.floatL,
	#global .content dl.prices dt.twoCols { width: 39%; }

	#global .content dl.prices dt ,
	#global .content dl.prices dd {
		float: left;
		margin-bottom: 3px;
	}
	
	#global .content dl.prices dd.price {
		float: right;
		font-weight: bold;
	}
	
	/* ----- * /Liste de dates * ----- */
	
	
	/* ----- * Liste d'activités * ----- */
	
	#global .content dl.activities {
		margin-bottom: 30px;
	}
	
	#global .content dl.activities dt {
		margin-top: 12px;
		font-weight: bold;
	}
	
	/* ----- * /Liste d'activités * ----- */
	
	
	/* ----- * Liste en accordéon * ----- */
	
	#global #content #contentMain div.accordion {
		padding-top: 10px;
	}
	
	#global #content #contentMain div.accordion,
	#global #content #contentMain div.accordion form {	
		width: 620px;
	}
	
	#global #content #contentMain div.accordion div.container,
	#global #content #contentMain div.accordion fieldset {
		width: 580px;		/* 620 - 20 - 20 */
		padding: 10px 20px 15px 20px;
	}
	
	#global #content #contentMain div.accordion div.titleBar ,
	#global #content #contentMain div.accordion div.titleBar h3 {
		height: 30px;
	}
	
	#global #content #contentMain div.accordion div.titleBar  {
		width: 580px;
		cursor: pointer;
		margin-top: 4px;
		padding-left: 40px;
		background-color: #f5bf60;
		background-image: url('../../images/design_v2/pictos/wng/list_arrows.png');
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#global #content #contentMain div.accordion div.titleBar.active {
		background-position: 0 -30px;
	}
	
	#global #content #contentMain div.accordion div.titleBar h3 {
		color: #2d2d2d;
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1em;
		font-weight: bold;
		line-height: 30px;
		text-transform: none;
	}
	
	#global #content #contentMain div.accordion div.titleBar img {
		float: right;
		width: 20px;
		height: 20px;
		margin: 5px 15px 0 0;
		display: block;
	}
	
	#global #content #contentMain div.accordion form,
	#global #content #contentMain div.accordion div.container {
		display: none;
		background-color: #fbdcaa;
	}
	
	#global #content #contentMain div.accordion p.labelLike,
	#global #content #contentMain div.accordion label {
		color: #3e3e3e;
	}
	
	#global #content #contentMain div.accordion label.adjustAlignment {
		margin-top: -3px;
	}
	
	#global #content #contentMain div.accordion .topSeparator,
	#global #content #contentMain div.accordion .bottomSeparator,
	#global #content #contentMain div.accordion .bothSeparator {
		width: 580px;
	}
	
	#global #content #contentMain div.accordion .bothSeparator,
	#global #content #contentMain div.accordion .bottomSeparator {
		border-bottom: 1px #bfa986 solid;
		margin-bottom: 5px;
		padding-bottom: 15px;
	}
	
	#global #content #contentMain div.accordion .bothSeparator,
	#global #content #contentMain div.accordion .topSeparator {
		border-top: 1px #bfa986 solid;
		margin-top: 15px;
		padding-top: 5px;
	}
	
	#global #content #contentMain div.accordion .uploadDescription {
		float: left;
		margin: 2px 0 0 15px;
	}
	
	/* ----- * /Liste en accordéon * ------ */
	
	
	/* ----- * Galerie * ----- */
	
	#global .content ul.gallery {
		margin-top: 30px;
		list-style: none;
	}
	
	#global .content ul.gallery.staff {
		margin-top: 0;
	}
	
	#global .content ul.gallery li {
		display: inline;
	}
	
	#global .content ul.gallery li a,
	#global .content ul.gallery#photosGallery li,
	#global .content ul.gallery.staff li {
		float: left;
		width: 125px;
		height: 135px;
		margin: 0 20px 15px 0;
		cursor: pointer;
		padding: 10px 7px;
		display: block;
		border-left: 1px #c3c3c3 dotted;
		border-bottom: 1px #c3c3c3 dotted;
	}
	
	#global .content ul.gallery.staff li {
		width: 160px;
		height: 190px;
		cursor: inherit;
	}
	
	#global .content ul.gallery li img {
		margin: 0 auto 5px auto;
		display: block;
	}
	
	#global .content ul.gallery li span.center {
		display: block;
		text-align: center;
	}
	
	#global .content ul.gallery li span.label {
		border-bottom: none;
		padding-bottom: 1px;
	}
		
		/* ----- * Vidéos * ----- */
		
		#global .content #swfVideoContainer {
			margin: 25px 0 20px 0;
		}
		
		/* ----- * /Vidéos * ----- */
	
	/* ----- * /Galerie * ----- */
	
	
	/* ----- * Liens * ------ */
	
	#global .content .hotelsContainer {
		padding-bottom: 25px;
	}
	
	#global .content .hotelsContainer .hotel {
		padding: 15px 25px;
		border-bottom: 1px #c3c3c3 dotted;
	}
	
	#global .content .hotelsContainer .hotel h4 {
		padding-bottom: 10px;
	}
	
	#global .content .linksContainer ul.gallery li {
		margin-left: 0;
	}
	
	#global .content .linksContainer ul.gallery li a {
		padding: 10px 16px;
	}
	
	#global .content .linksContainer ul.gallery li a:hover {
		cursor: default;
	}
	
	#global .content .linksContainer ul.gallery li a:hover span {
		color: #3e3e3e !important;
		background: none !important;
	}

	/* ----- * /Liens * ------ */
	
	
	/* ----- * Tableaux * ----- */
	
	#global .content table {
		width: 100%;
		border-spacing: 3px;
	}
	
	#global .content table thead tr th,
	#global .content table tbody tr td {
		text-align: left;
		line-height: 22px;
		padding-left: 10px;
	}
	
	#global .content table thead tr th {
		background-color: #f8d14d;
	}
	
	#global .content table thead tr th.actions {
		text-indent: -99999px;
	}
	
	#global .content table tbody tr td {
		margin: 50px;
		background-color: #fbe8a6;
	}
	
	#global .content table thead tr th.actions,
	#global .content table tbody tr td.actions {
		background-color: transparent;
	}
	
		/* ----- * Particularités * ----- */
			
		#global #content table.overview tbody tr td {
			line-height: 25px;
		}
		
		#global #content table.overview thead tr th.textC,	
		#global #content table.overview tbody tr td.textC {
			padding-left: 2px;
		}
	
		/* ----- * /Particularités * ----- */
	
	/* ----- * /Tableaux * ----- */
	
	
	/* ----- * Steps * ----- */
	
	#stepsNavigation,
	#steps,
	#steps li {
		height: 32px;
	}
	
	#stepsNavigation {
		margin: 5px 0 40px 0;
	}
	
	#stepsNavigation .links .navLink {
		width: 160px;
		font-size: 1.4em;
		margin-top: 5px;
		font-variant: small-caps;
	}

	#global .content #stepsNavigation .links .navLink.floatR a {
		float: right;
		padding-left: 0;
		padding-right: 25px;
		background-position: right center;
	}
	
	#steps {
		width: 240px;
		margin: 0 auto;
		list-style: none;
	}
	
	#steps li {
		float: left;
		width: 32px;
		margin: 0;
		padding: 0;
		text-indent: -99999px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#steps li.active {
		background-position: left bottom;
	}
	
	#steps li.stepSeparator {
		width: 9px;
		margin: 0 5px;
		background: url('../../images/design_v2/steps/step_separator.png') no-repeat left center;		
		text-indent: -99999px;
	}
	
	#steps li.step1 {
		margin-left: 0;
		background-image: url('../../images/design_v2/steps/step_1.png');
	}
	#steps li.step2 { background-image: url('../../images/design_v2/steps/step_2.png'); }
	#steps li.step3 { background-image: url('../../images/design_v2/steps/step_3.png'); }
	#steps li.step4 { background-image: url('../../images/design_v2/steps/step_4.png'); }
	#steps li.step5 { background-image: url('../../images/design_v2/steps/step_5.png'); }
	
	/* ----- * /Steps * ----- */

/* ----- * /Zone de contenu * ----- */


/* ----- * Footer * ----- */

#footer {
	height: 45px;
	padding: 0 14px;
	background-color: #2d2d2d;
}

#footer p,
#footer a {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 45px;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #f6c520;
}

#footer p.floatR a {
	font-size: 0.95em;
	letter-spacing: 0.05em;
}

/* ----- * /Footer * ----- */