body{
font-family:Verdana, Arial, Helvetica, serif;
font-size: 11px;
background-color:#d0fcdb;
color:#000000;
/*   background-image: url("../images/skieur.gif"); /* Le fond est l'image "skieur.gif" */
/*   background-repeat: no-repeat; /* Le fond ne se répète pas */
/*   background-position: top right; /* Le fond est aligné en haut à droite */
/*   background-attachment: fixed; /* Le fond est fixé */
/* 
background: url("../images/skieur.gif") no-repeat top right fixed;
*/
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

div{
	margin:0px;
	padding:0px;
}
img{
	border : 0;
}

a{
	font-size : 10px;
	color : #FFFFFF;
	text-decoration : none;
}
a:hover{
	text-decoration : underline;
}

#global{
	position : relative;
	top:0px;
	width:996px;

	text-align:left;

	margin-right:auto;
	margin-left:auto;

	border: 0px solid black;
	overflow:hidden;
	background-image: url("../medias/images-site/background.jpg");
}

/********************
		DIV QUI CONTIENT  LE SITE
********************/
#main{
	position : relative;
	top:0px;
	width:965px;

	text-align:left;

	margin-right:auto;
	margin-left:auto;
	padding : 0;
	
	border: 0px solid black;
	overflow:hidden;
}

/********************
		DIV QUI CONTIENT Les news defilantes
********************/
	#news{
		position : relative;
		top:0px;
		width:100%;
		height:30px;
		padding : 5px 0 0 0;
		background-color: #f8d68f;
		margin-left : 2px;
		
		overflow:hidden;

		border: 0px solid green;
	}
	#affNews{
	position : relative;
	top:2px;
	left:25px;
	width:500px;
	height:35px;

	background-color:#f8d68f;
	font-size: 11px;

	}
	
/********************
		DIV QUI CONTIENT Le fla
********************/
	#zoneFla{
		position : relative;
		top:0px;
		width:100%;
		height:208px;

		/* background-color: red; */
		margin-left : 2px;
		
		overflow:hidden;
	}
	
/********************
		DIV QUI CONTIENT Le menu principal
********************/
	#menus{
		position : relative;
		top:0px;
		width : 207px;
		float:left;
		margin-left : 2px;
		background: url("../medias/images-site/backgroundMenu.jpg") repeat-y;
	}
/*  Hack css pr IE 6 */
* html #menus
{
	margin-left : 1px;
}


	
	#menus a:hover{
			text-decoration : underline;
	}
		
		
	/* menu 1 */
		#menu1{
			position : relative;
			top:0px;
			float:left;
			width : 186px;
			margin : 0;
			padding : 0;     
			/*background-color: #134521;		*/
		}
	
		#menu1 ul{
			margin :0 0 0 2px;
			padding : 0;
		}
		#menu1 ul li{
			margin : 2px 0 0 0;
			padding : 5px 0 15px 38px;
			list-style-type: none;
		}
		#menu1 a{
			font-size : 9px;
			font-weight : bold;
			color : #FFFFFF;
			text-decoration : none;
		}
	
	/* menu 2*/
		#menu2{
			position : relative;
			top:0px;
			float:left;
			width : 184px;
			margin : 0;
			padding : 0;     
			background-color: #f8d68f;
		}
		#menu2 ul{
			margin :5px 0 5px 0px;
			padding : 0;
		}
		#menu2 ul li{
			margin : 0 0 0 0;
			padding : 0px 0 0px 10px;
			list-style-type: none;
		}
		#menu2 a{
			font-size : 9px;
			font-weight : bold;
			color : #134521;
			text-decoration : none;
		}
	
/********************
		DIV QUI CONTIENT LE CONTENU CENTRAL (les pages)
********************/
	#content{
		position : relative;
		top:0px;
		width:700px;
		float:left;
		margin : 0 0 0 20px;
		padding : 0 5px 0 5px;

		border: 0px solid red;
	}
	
	/*  zone page produit  */
		#content #description {
			width : 685px;
			margin : 0 auto;
			padding: 10px 10px 0px 10px;
			background-color: #0d3017;
		}
		#content #description p {
			width : 375px;
			text-align : justify;
			color : #f8d68f;
		}
		
		#content #lienFerPlein {
			position : relative;
			width: 304px;
			margin : 35px 0 0 0;
			padding : 2px 0 5px 20px;
			background: url("../medias/images-site/lienFerplein.jpg") no-repeat;
			font-weight:bold;
			font-size : 10px;
			color : #ffb500;
		}
		#content #lienFerPlein a{
			font-weight:bold;
			font-size : 10px;
			color : #ffb500;
		}
		#content #menuNavigationGalerie{
			position : relative;
			margin : 10px 0 10px 30px;
			color : #FFFFFF;
		}
		#content #menuNavigationGalerie a{
			font-size : 10px;
			color : #FFFFFF;
			text-decoration : none;
		}
		#content #menuNavigationGalerie a:hover{
			text-decoration : underline;
		}
		
		#content .vignetteGalerie{
			position : relative;
			width : 130px;
			height: 150px;
			text-align : center;
			margin : 0 0 0 30px;
			padding : 0;
			color: #FFFFFF;
		}
	
	/*  page detailPhoto  */
	#detail{
		position :relative;
		width : 100%;
		margin : 0;
		padding	: 0;
		text-align : left;
	}
	
	#content #detail #detailPhoto{
		position :relative;
		width : 500px;
		margin : 0 auto;
		padding	: 0;
		border : solid 0px yellow;
		text-align : center;
	}
	#content #detail a{
		font-size : 10px;
		color : #e68a41;
		text-decoration : none;
		font-weight : bold;
	}
	#content #detail a:hover{
		text-decoration : underline;
	}
	#content #detail #detailPhoto p{
		color : #FFFFFF;
	}
	
	/*  Page fer plein  ************************ */
	#ferPlein{
		position:relative;
		color : #FFFFFF;
		font-size : 10px;
		margin : 0;
		padding : 0;
	}
	
	#ferPlein .vignetteFerPlein{
		position:relative;
		width: 200px;
		border : solid 0px #FFFFFF;
		margin : 10px 15px 10px 15px;
		text-align : justify;
	}
	
	#ferPlein .vignetteFerPlein img{
		border : solid 1px #387c4b;
	}
	
/********************
		DIV QUI CONTIENT  LE PIED DE PAGE
********************/
#footer{
	position : relative;
	top:0px;
	float:left;
	width:100%;
	height:117px;
	border: 0px solid green;
	overflow:hidden;
}
#footer p{
	position : relative;
	top : 65%;
	float: right;
	width : 600px;
	border : solid 0px red;
	color : #FFFFFF;
}
.clearBoth{
	clear:both;
}
.floatRight{
float:right;
}
.floatLeft{
float:left;
}
.texteRouge{
color :red;
}
.textRight{
text-align:right;
}
.detailM{
display:none;
}

.text1{
	color : #ff9900;
}
.beige{
color : #f8d68f;
}

h1{
font-size:19px;
padding:0;
margin: 5px 5px 5px 5px;
}
h2{
font-size:17px;
padding:0;
margin: 5px 5px 5px 5px;
}
h3{
font-size:15px;
padding:0;
margin: 5px 5px 5px 5px;
}
h4{
font-size:13px;
padding:0;
margin: 5px 5px 5px 5px;
}
h5{
font-size:11px;
padding:0;
margin: 5px 5px 5px 5px;
}