/* TAGS */
body {
	margin: 0;
	padding: 0;
	background: #ffffff url(/img/v2008/degrade.jpg) repeat-x;
	font: normal 11px Arial;
	color: #055d9d;
}

body#n1 {
	color: #012847;
}

img {
	border: none;
	behavior: url(/pngHack/pngHack.htc);
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration : none;
	color: #ec6d88;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

hr {
	margin: 0;
	padding: 0;
	clear: both;
	height: 0px;
	border: none;
	visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
tr,
td,
input,
select,
textarea {
	margin: 0;
	padding: 0;
	font: normal 11px Arial;
}

h1 {
	display: none;
}

/* IDS */
#main {
	width: 967px;
	background: #ffffff url(/img/v2008/filet.jpg) repeat-y -29px 0px;
	margin: 0 auto 0 auto;
	position: relative;
	height: 665px;
	min-height: 665px;
}

body > #main {
	height: auto;
}

	#ombreBordGauche,
	#ombreBordDroit,
	#ombreBas {
		position: absolute;			
	}
	
	#ombreBordGauche,
	#ombreBordDroit {
		top: 0px;	
	}
	
	#ombreBordGauche {
		left: 0px;	
	}
	
	#ombreBordDroit {
		right: 0px;	
		_right: -1px;	
	}
	
	#ombreBas {
		bottom: -22px;
		left: -25px;		
	}
	
	#flash {
		height: 352px;
		width: 912px;
		margin: 0 auto 0 auto;
	}
	
	#banner {
		height: 196px;
		width: 900px;
		margin: 0 auto 0 auto;
		position: relative;
	}
	
		#logo,
		#coinBanner {
			position: absolute;
			left: 0px;
		}
	
		#logo {
			top: 0px;
			width: 104px;
			height: 122px;
		}
		
		#coinBanner {
			bottom: 0px;
			width: 15px;
			height: 13px;
		}
	
	#menus {
		position: relative;
		float: right;
		margin: 1px 42px 0 0;
		_margin: 0 21px;
		z-index: 1000;
		height: 20px;
		margin-top:	1px;
	}
	
	body#n1 #menus {
		margin-right: 48px;
		_margin-right: 24px;
	}
		#menuBordGauche,
		#menuBordDroit {
			position: absolute;			
			top: -1px;
		}
		
		#menuBordGauche {
			left: -14px;
		}
		
		#menuBordDroit {
			right: -15px;
		}
		#menus ul {
			float: left;
		}
		
		* + html #menus ul {
		}

		
			#menus ul li.english {
				background: #ec6d88;
				padding: 0 10px 0 10px;
				height: 20px;
				_height: 20px;
				float: left;
				padding-top:	0;
				padding-bottom:	0;
				overflow:hidden;
			}
		
				#menus ul li.english:hover a img{
					filter : alpha(opacity=70);
    					-moz-opacity : 0.7;
    					opacity : 0.7;
				}				
			
			#menus ul li.niveau1,
			#menus ul li.CMS_lvl2 {
				float: left;
				background: #ec6d88 url(/img/v2008/menuN1PuceOff.jpg) no-repeat 10px center;
				height: 20px;
				position: relative;
				padding: 0 10px 0 20px;
			}
		
			#menus ul li.niveau1:hover,
			#menus ul li.CMS_lvl2:hover {
				background: #013763 url(/img/v2008/menuN1PuceOn.jpg) no-repeat 10px center;
			}
		
				#menus ul li.CMS_lvl1 a {
					display: none;
				}
				#menus ul li.CMS_lvl1 ul a {
					display: block;
				}
				#menus ul li.niveau1 a,
				#menus ul li.CMS_lvl2 a {
					color: #ffffff;
					font-size: 12px;
					text-transform: uppercase;
					margin: 3px 0;
					overflow:hidden;
					/*display: inline-block;*/
				}
		
				#menus ul li.niveau1 a:hover,
				#menus ul li.CMS_lvl2 a:hover {
					text-decoration : none;
				}
				
				#menus ul li.niveau1 ul,
				#menus ul li.CMS_lvl2 ul {
					background: #013763;
					position: absolute;
					z-index: 1000;					
					top: 20px;
					left: 0px;
					display: none;
					padding: 0 0 10px 0;
				}

				
				* + html #menus ul li.niveau1 ul,
				* + html #menus ul li.CMS_lvl2 ul {
					top: 20px;
				}
				
					#menus ul li.niveau1 ul li,
					#menus ul li.CMS_lvl2 ul li {
						background: url(/img/v2008/menuN2PuceOff.jpg) no-repeat 10px center;
						white-space: nowrap;
						padding: 0 10px 0 20px;
						_height: 15px;
					}
				
					#menus ul li.niveau1 ul li:hover,
					#menus ul li.CMS_lvl2 ul li:hover {
						background: #012847 url(/img/v2008/menuN2PuceOn.jpg) no-repeat 10px center;
					}
					
						#menus ul li.niveau1 ul li a,
						#menus ul li.CMS_lvl2 ul li a {
							text-transform: none;
							font-size: 11px;
							margin: 2px 0;
						}
	#centre {
		clear: both;
		padding: 0 30px 0 30px;
		background: url(/img/v2008/montagnes.jpg) no-repeat 20px 0px;
		text-align: justify;
	}
	
	body#n1 #centre {
		padding: 30px 130px 50px 130px;
	}
	
		form {
			display: block;
			margin: 20px 0 20px 0;
		}
		
			form table {
				margin: 0 auto 0 auto;
				width: auto;
			}
		
				form td {
					font-weight: bold;
					vertical-align: top;
					padding: 3px;
				}
			
					form td input,
					form td textarea {
						width: 400px;
						border: 1px solid #b8bdc0;
						padding: 2px;
					}
					
					form td textarea {
						height: 200px;
					}
					
					form td input.button {
						width: auto;
						width: 91px;
						height: 28px;
						color: #ffffff;
						font-weight: bold;
						border: none;
						background: url(/img/v2008/bouton.jpg) no-repeat;
						padding-top: 0px;
					}
	
		#planDuSite li.CMS_lvl1{
			margin: 0 0 20px -35px;
		}
	
			#planDuSite li.CMS_lvl1 a{
				background: url(/img/v2008/h2Puce.gif) no-repeat 0px center;
				display: block;
				padding: 0 0 0 25px;
				color: #2fbcc6;/*#63a53b;*/
				font-size: 20px;
				font-weight: bold;
				text-decoration: underline;
			}
	
		#planDuSite li.CMS_lvl2{
			padding: 15px 0 0 45px;
		}
	
			#planDuSite li.CMS_lvl2 a{
				text-decoration: none;
				color: #2fbcc6;/*68b100;*/
				font-weight: bold;
				font-size: 12px;
				background: url(/img/v2008/planPuceN1.gif) no-repeat 0px center;
				padding: 0 0 0 10px;
			}
	
		#planDuSite li.CMS_lvl3{
			padding: 5px 0 0 25px;
		}
	
			#planDuSite li.CMS_lvl3 a{
				color: #012847;
				font-weight: normal;
				background: url(/img/v2008/planPuceN2.jpg) no-repeat 0px center;
				padding: 0 0 0 15px;
			}
	
		#titre {
			border: 0px solid #2fbcc6;/*#89c82f;*/
			border-width: 0 0 0 8px;
			position: relative;
			padding: 0 0 0 5px;
			margin: 0 0 20px -35px;
		}
		
			#h1Haut,
			#h1Bas {
				position: absolute;
				left: -8px;
				_left: -13px;
			}
			
			#h1Haut {
				top: -4px;
			}
			
			#h1Bas {
				bottom: -4px;
			}
		
			#filAriane {
			}
			
				#filAriane a {
					font-weight: normal;
					color: #012847;
				}
			
			#titrePage {
				height: 25px;
				width: 500px;
			}
			
		.h2 {
			background: url(/img/v2008/h2Puce.gif) no-repeat 0px center;
			color: #2fbcc6;/*#63a53b;*/
			font-size: 20px;
			font-weight: bold;
			padding: 0 0 0 25px;
			position: relative;
			margin: 0 0 20px -35px;
		}
		
		.h3 {
			background: #ade7e9;/*#d2eaae;*/
			padding: 0 0 0 10px;
			margin: 0 0 20px -15px;
			position: relative;
			height: 22px;
		}
		
			.h3 h3 {
				font-weight: bold;
				font-size: 12px;
				padding: 4px 0 0 0;
			}
		
			.h3Gauche,
			.h3Droite {
				position: absolute;
				top: 0px;
			}
		
			.h3Gauche {
				left: 0px;
			}
		
			.h3Droite {
				right: -50px;
			}
			
		.h4 {
			color: #2fbcc6;/*#68b100;*/
			border: 0px solid #2fbcc6;/*#89c82f;*/
			border-width: 0 0 0 2px;
			font-weight: bold;
			font-size: 11px;
			padding: 0 0 0 5px;
			margin: 0 0 10px 0;
		}
		
		.galerieLeft,
		.galerieRight {
			float: left;
			width: 272px;
			margin: 0 0 20px 30px;
		}
		
		.galerieRight {
			margin-left: 80px;
		}
		
			.galerieLeft .image,
			.galerieRight .image {
				float: left;
				margin: 0 0 5px 0;
			}
		
		.texteImageGauche,
		.texteImageDroite,
		.imageSeule,
		.texteSeul,
		.file {
			margin: 20px 0;
			clear: both;
		}
					
			.texteImageGauche table,
			.texteImageDroite table,
			.texteSeul table {
				border-collapse: collapse;
				border-spacing: 0px;
			}
			
				.texteImageGauche table tr,
				.texteImageDroite table tr,
				.texteSeul table tr {
				}
				
					.texteImageGauche table tr td,
					.texteImageDroite table tr td,
					.texteSeul table tr td {
						background: #f9edef;
						padding: 10px;
						margin: 0;
						border: 1px #eaa3b3 solid;
					}
		
			.imageSeule .image {
				margin: 0 auto 0 auto;
			}
		
			.texteImageGauche .image {
				float: left;
				margin: 0 20px 5px 0;
			}
		
			.texteImageDroite .image {
				float: right;
				margin: 0 0 5px 20px;
			}
		
			.image {
				position: relative;
				padding: 10px;
				border: 1px #b8bdc0 solid;
				text-align: right;
			}
		
				.gauche {
					float: left;
				}
			
				.droite {
					float: right;
				}
				
				.image img {
					display: block;
					margin: 0 0 5px 0;
				}
		
				img.coinImageTopLeft,
				img.coinImageTopRight,
				img.coinImageBottomLeft,
				img.coinImageBottomRight{
					position: absolute;
					margin: 0 0 0 0;
				}
		
				.coinImageTopLeft,
				.coinImageTopRight{
					top: -1px;
				}
		
				.coinImageBottomLeft,
				.coinImageBottomRight{
					bottom: -1px;
				}
		
				.coinImageTopLeft,
				.coinImageBottomLeft{
					left: -1px;
				}
		
				.coinImageTopRight,
				.coinImageBottomRight{
					right: -1px;
				}
				
				.imageTitre {
					font-size: 9px;
					background: url(/img/v2008/imagePuce.gif) no-repeat 0px center;
					padding: 0 0 0 5px;
					color: #5c6971;
					display: inline;
				}
			
			#ancreHaut {
				height: 30px;
				background: url(/img/v2008/ancreHaut.jpg) no-repeat 0px 0px;
				margin: 20px 0 0 0;
				padding: 10px 0 0 15px;
				border: 0px #bec7ce solid;
				border-width: 0 0 1px 0;
			}
			
				#ancreHaut a {
					color: #055d9d;
					font-weight: normal;
				}
	
		#presentation {
			float: left;
			height: 181px;
			width: 400px;
			margin: 30px 0 0 85px;
			_margin-left: 40px;
		}	
		
			#titrePart1 {
				font-size: 23px;
			}
		
			#titrePart2 {
				font-size: 18px;
			}
			
			#presentation p {
				text-align: justify;
			}
		
		#actus {
			width: 350px;
			height: 231px;
			background: url(/img/v2008/actuFond.jpg) repeat-x;
			position: relative;
			float: right;
			margin: 30px 10px;
			color: #ffffff;
			text-align: left;
			
		}
		
			#actuBordGauche,
			#actuBordDroit {
				position: absolute;				
				top: 0px;
			}
		
			#actuBordGauche {
				left: 0px;
			}
		
			#actuBordDroit {
				right: 0px;
			}
			
			#actuTitre {
				font-size: 18px;
				margin: 5px 0 0 18px;
				display: block;
				height: 17px;
			}
			
			#actuContent {
				margin: 15px 17px 0 18px;
				_margin: 10px 0px 0 18px;
				height: 180px;
			}
			
				.scroll {
					height: 180px;
					_overflow: auto;
				}
				
					.jScrollPaneTrack {
						background: transparent;
						border: 1px solid #2fbcc6;
						height: 178px;
					}
					
						.jScrollPaneDrag {
							background: #2fbcc6;
						}
				
				.actu {
					padding: 0 0 5px 0;
					margin: 0 0 5px 0;
					border: 0px #2fbcc6 solid;
					border-width: 0 0 1px 0;
					clear: both;
				}
				
					.actu img {
						border: 1px solid #2fbcc6;
						float: left;
						margin: 0 5px 5px 0;
					}
					
					.actu strong {
						display: block;
						float: left;
						padding: 0 0 0 5px;
						background: url(/img/v2008/actuPuce.gif) no-repeat 0px center;
					}
					
					.actu a {
						color: white;
					}
						
	#encoche {
		position: absolute;		
		left: 120px;
		bottom: -11px;
		z-index: +1;
		height: 31px;
		background: url(/img/v2008/encocheFond.jpg) repeat-x;
	}
	
		#encocheBordGauche,
		#encocheBordDroit {
			position:absolute;
			top: 0px;
		}
	
		#encocheBordGauche {
			left: -15px;
		}
	
		#encocheBordDroit {
			right: -15px;
		}
		
		#encoche ul {
			margin: 5px 0 0 10px;
		}
		
			#encoche ul li {
				float: left;
				padding: 0 10px 0 10px;
				background: url(/img/v2008/menuBasPuceOff.jpg) no-repeat 0px center;
			}
		
				#encoche ul li a {
					color: #617087;
					font-weight: normal;
				}
		

/* modèle vide */
#blockVide{
	margin:					0px 40px;
}

/* formulaire envoyer à un ami */
.none{
	display:				none;
}
#pageUrl{
	display:				none;
}

/* bloc de logos */
#blocLogos{
	display:				inline;
	margin:					0px 0px 20px 85px;
	float:					left;
}
#blocLogos .espace{
	margin-right:			20px;
}


/* Cadeaux styles */
#cadeaux{
	position:			relative;
	display:			block;
	padding:			20px 0 0 0;
}
#visite{
	position:			relative;
	display:			block;
	padding:			20px 0 0 0;
}
.formulaire form {
	width:				500px;
	padding:			0;
}
.formulaire label{
	display:			inline;
	float:				left;
	width:				60%;
	padding:			7px 10px 0 0;
	text-align:			right;
}
.formulaire input{
	margin:			5px 0 0 0;
}
#cadeauxSousTitre{
	font:				bold 12px arial;
	padding:			0 5px 0 20px;
	margin:				0 0 0 100px;
	text-align:			left;
	color:				#FFFFFF;
	border:				none;
	background:			#FF4800 url(/img/avantSousTitre.jpg) no-repeat top left;
	display:			inline;
	height:				15px;
}
#cadeauxVisiteSousTitre {
	font:				bold 12px arial;
	padding:			0 5px 0 20px;
	margin:				0 0 0 100px;
	text-align:			left;
	color:				#FFFFFF;
	border:				none;
	background:			#FF4800 url(/img/avantSousTitre.jpg) no-repeat top left;
	display:			inline;
	height:				15px;
}
.cadeauxSubmit{
	padding:			5px 0 0 300px;
}
