/*

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



	*********************************************************
	*                                                       *
	*   Copyright 2007 WnG Solutions                        *
	*                                                       *
	*   WnG Solutions                                       *
	*   Rue Centrale 15                                     *
 	*   1003 Lausanne                                       *
	*   Suisse - Switzerland                                *
	*   http://www.wng.ch                                   *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Nous vous remercions de l'attention que vous        *
	*   portez a notre code.                                *
	*                                                       *
	*              - -                                      *
	*                                                       *
	*   Thanks for looking at our sources.                  *
	*                                                       *
	*********************************************************

*/

/* ----- * Defaults * ----- */

	/* ----- * All * ----- */
	
	* {
		padding: 0px;
		margin: 0px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
		color: #635C5C;
	}

	body {
		background: #F5F5F5 url('../images/background_global.gif') top left repeat-x;
	}
	
	html {
		margin-bottom: 0.1px;
		height: 100%;
	}
	
	.spacer {
		clear: both;
		font-size: 0;
	}
	
	.floatL {
		float: left;
	}
	
	.floatR {
		float: right;
	}
	
	.clearL {
		clear: left;
	}
	
	.clearR {
		clear: right;
	}
	
	.hideMe {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	.marginTop {
		margin-top: 20px;
	}
	
	.marginBottom {
		margin-bottom: 20px;
	}
	
	/* ----- * /All * ----- */
		
	/* ----- * Text * ----- */
	
	p {
		margin: 0;
		padding: 2px 0 10px 0;
	}
	
	/* ----- * /Text * ----- */
	
	/* ----- * Images * ----- */
	
	img {
		border: 0;
	}
	
	/* ----- * /Images * ----- */
	
	/* ----- * Links * ----- */
	
	a {
		font-size: 11px;
	}
	
	a:hover {

	}
	
	a:visited {
	
	}
	
	/* ----- * /Links * ----- */
		
	/* ----- * Forms * ----- */
	
	.textInput {

	}
	
	.submitInput {

	}
	
	.mandatory {
		
	}
	
	/* ----- * /Forms * ----- */
			
/* ----- * /Defaults * ----- */

/* ----- * Containers * ----- */

#global {
	padding-top: 40px;
	text-align: left;
	background: transparent url('../images/visuels/visuel_montagnes.jpg') top left no-repeat;
}

/* ----- * /Containers * ----- */

/* ----- * Banner * ----- */

#banner {
	background: #DDDBDD url('../images/background_menu.gif') left top repeat-x;
	position: absolute;
	top: 127px;
	display: block;
	width: 276px;
	height: 113px;
}

#banner a {
	display: block;
	margin: 20px 0 0 50px;
	width: 191px;
	height: 65px;
}

#tools {
	position: absolute;
	top: 115px;
	width: 276px;
	height: 12px;
	background: #FFFFFF;
}

#tools ul {
	list-style: none;
	margin-left: 5px;
}

#tools ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tools ul li a:link, #tools ul li a:visited {
	display: block;
	float: left;
	width: 20px;
	margin-right: 5px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #B2B1B1;
}

#tools ul li a:hover, #tools ul li a:active {
	color: #725252;
}

#tools ul li.menuOn a {
	color: #725252;
	background: transparent url('../images/lang_menuOn.gif') 100% 60% no-repeat;
}

/* ----- * /Banner * ----- */

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

#menuMain {
	background: #DDDBDD url('../images/background_menu.gif') left bottom repeat-x;
	position: absolute;
	top: 240px;
	width: 276px;
	height: 225px;
}

#menuMain ul#menuMainList {
	list-style: none;
}

#menuMain ul#menuMainList li {
	margin: 0;
	padding-bottom: 1px;
}

#menuMain ul#menuMainList li a:link, #menuMain ul#menuMainList li a:visited {
	width: 178px;
	display: block;
	padding: 2px 16px 2px 48px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color:#727272;
	background: #EBEAEB;
}

#menuMain ul#menuMainList li a:hover, #menuMain ul#menuMainList li a:active {
	color: #FFFFFF;
	background: #58534D;
}

#menuMain ul#menuMainList li.menuOn a:link, #menuMain ul#menuMainList li.menuOn a:visited {
	color: #FFFFFF;
	background: #58534D;
}

#menuMain ul#menuMainList li ul.sub {
	background: #E2E2E2;
	width: 166px;
	padding: 4px 16px 6px 60px;
	list-style: none;
}

#menuMain ul#menuMainList li ul.sub li {
	padding-bottom: 0;
}

#menuMain ul#menuMainList li ul.sub li a:link, #menuMain ul#menuMainList li ul.sub li a:visited {
	width: 182px;
	padding: 2px 0;
	text-transform: none;
	color: #727272;
	background: transparent;
}

#menuMain ul#menuMainList li ul.sub li a:hover, #menuMain ul#menuMainList li ul.sub li a:active {
	color: #727272;
}

#menuMain ul#menuMainList li ul.sub li.menuOn a:link, #menuMain ul#menuMainList li ul.sub li.menuOn a:visited {
	color: #4B4138;
	background: #EEEEEE;
}

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

/* ----- * Content * ----- */

#content {
	width: 612px;
	margin: 0 0 0 121px;
	padding: 0 74px 1px 155px;
	background: transparent;
}

	/* ----- * Image du titre de la page * ----- */

	#imageTitre img {
		position: absolute;
		margin-top: 30px;
		margin-left: 10px;
		z-index: 100;
	}

	/* ----- * /Image du titre de la page * ----- */

	/* ----- * Contenu principal * ----- */

	#contentMain {
		width: 474px;
		min-height: 450px;
		float: left;
		margin: 16px 0 0 0;
		padding: 20px 50px 0 67px;
		background: #FFFFFF url('../images/background_contentMain.gif') top left repeat-y;
		color: #635C5C;
		position: relative;
		z-index: 10;
	}

	#contentMain h2 {
		font-size: 17px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding: 4px 0 6px 0;
		color: #725252;
	}

	#contentMain h3 {
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding: 3px 0 2px 0;
	}

	#contentMain h3 a {
		text-decoration: none;
		color: #9d6969;
	}
	
	#contentMain h4 {
		font-size: 14px;
	}

	#contentMain p {
		text-align: justify;
		margin: 0;
		padding: 2px 0 10px 0;
		font-size: 11px;
	}

	#contentMain ul {
		list-style: none;
	}
	
	#contentMain ul li {
		background: transparent url('../images/puce_list.gif') 0% 60% no-repeat;
		padding-left: 15px;
	}

	#contentMain a:link, #contentMain a:visited {
		color: #9d6969;
	}

	#contentMain fieldset {
		border: 0;
	}

	#contentMain fieldset ul {
		list-style: none;
	}

	#contentMain fieldset ul li {
		padding: 4px 0;
		background: transparent none;
	}

	#contentMain fieldset label {
		display: block;
		float: left;
		width: 120px;
	}

	#contentMain fieldset textarea {
		width: 260px;
		height: 100px;
	}

	#contentMain table td, #contentMain table td p {
		text-align: left;
	}
	
	#contentMain table td p {
		padding: 2px 0;
	}
	
	#contentMain fieldset .recaptcha {
		margin: 10px 0 20px 0;
	}
	
	#contentMain fieldset .recaptcha #recaptcha_image {
		padding-bottom: 10px;
	}
	
	#contentMain fieldset .recaptcha img {
		border: 1px #999999 solid;
	}

	/* ----- * News * ----- */

	#contentMain div.ttnews div.moreLink, #contentMain div.ttnews div.backLink {
		margin: 0 0 20px 0;
		padding: 0;
	}

	#contentMain div.ttnews.single h2 {
		font-size: 15px;
	}

	#contentMain div.ttnews.single h3, #contentMain div.ttnews.list h3 a {
		padding: 2px 0 4px 0;
		text-transform: none;
		font-size: 13px;
	}

	#contentMain div.ttnews.list p {
		margin: 0;
		padding: 0;
	}

	#contentMain div.ttnews span.date {
		display: block;
		padding-bottom: 3px;
		font-weight: normal;
		font-size: 11px;
	}

	/* ----- * /News * ----- */


	/* ----- * Contenu principal * ----- */

	/* ----- * Onglets (titre + liens) * ----- */

	#content div.menuOnglets.left {
		float: left;
	}

	#content div.menuOnglets.right {
		float: right;
		margin-top: 76px;
	}

	#content div.menuOnglets.right a:link, #content div.menuOnglets.right a:visited {
		position: relative;
		left: -10px;
		z-index: 0;
	}

	#content div.menuOnglets.right a:hover, #content div.menuOnglets.right a:active {
		left: 0;
	}

	/* ----- * Onglets (titre + liens) * ----- */

	/* ----- * Animation du lait * ----- */

	#latte {
		clear: left;
		position: relative;
		left: -155px;
		top: -80px;
		width: 820px;
		height: 344px;
		margin-bottom: -80px;
	}

	#latte div {
		/*background: transparent url('../images/background_latte.jpg') bottom left no-repeat;*/
		margin: 0;
		position: relative;
	}

	/* ----- * /Animation du lait * ----- */

/* ----- * /Content * ----- */

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

#footer {
	position: absolute;
	top: 480px;
	left: 48px;
	width: 276px;
	background: transparent; /* Nécessite une correction pour IE < 7 */
	color: #C0C0C0;
	font-size: 11px;
}

#global #footer a {
	font-size: 11px;
	text-decoration: none;
	color: #C0C0C0;
}

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