img{
behavior:url('png.htc');
}
.gras{
	font-weight: 			bold;
}
img{
	border: 					none;
}
a{
	color:					#2E0C12;
}
table{
	margin-left: 			2px;
}
input, radio{
	background-color: 	#F7F3F0;
	border: 					none;
	margin-bottom: 		2px;
	margin-right: 			2px;
}
input:hover, textarea:hover, select:hover{
	border: 					medium 1px;
	background-color: 	#F0F6F6;
}
select, option{
	background-color: 	#F7F3F0;
	border: 					none;
	margin-bottom: 		2px;
	margin-right: 			2px;
}
input[type=submit]{
	background-color: 	transparent;
	background-image: 	url(../img/input.png);
	background-repeat:	no-repeat;
	width: 					88px;
	height:					18px;
	color: 					White;
	font-variant: 			normal;
	text-transform: 		uppercase;
	font-size: 				10px;
	border: 				none;
	text-align: 			center;
	cursor: pointer;
}
.input{
	background:url(../img/input.png) center no-repeat;
	width:100%;
	height:20px;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	padding-top:5px;
}

.input a {
color:#fff;
text-decoration:none;
}
textarea{
	background-color: 	#F7F3F0;
	border: none;
	margin-bottom: 		2px;
}
body{
	background: 			white;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	color: 					#2E0C12;
	margin: 					2px;
	top: 						2px;
}
/************* widget meteo ***********/
.widgmeteo{
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	margin-left: 11px;
	margin-top: 0px;
}
.coteauche{
	/*background-image: url(../img/gauche.gif) no-repeat;*/
	background-image: 	url(../img/gauche.png);
	height: 					700px;
	width: 					387px;
	position: 				absolute;
	top: 						0px;
	left: 					0px;
	z-index: 				-1px;
}
.cotedroit{
	/*background-image: url(../img/gauche.gif) no-repeat;*/
	background-image: url(../img/droit.png);
	height: 				700px;
	width: 				369px;
	position: 			absolute;
	top: 					0px;
	right: 				0px;
	z-index: 			-1px;
}
div.logosite{
	position: 			absolute;
	top: 					10px;
	left:					50%;
	margin: 				0px;
	font-size: 			12px;
	height:				136px;
	max-height: 		136px;
	min-height: 		136px;
	padding: 			0px;
	margin-left: 		-155px;
}
div .menub{
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-color: #E8DCD2;
	height: 				25px;
	max-height: 		25px;
	min-height: 		25px;
	width: 				1024px;
	text-align: 		center;
	margin: 				0px;
	margin-top: 		189px;
	font-size: 			11px;
	padding: 			0px;
}
div .menub a{
	font-size: 			12px;
	font-style: 		normal;
	text-decoration: 	none;
	font-variant: 		normal;
	text-transform: 	uppercase;
	line-height: 		26px;
	margin-left:		6px;
	margin-right: 		6px;
	letter-spacing: 	0px;
}
a.menubtk{
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	height: 80px;
	min-height: 80px;
	max-height: 80px;
	margin-top: 45px;
	position: absolute;
	top: 30px;
	left: 65%;
	margin-left: 20px;
	font-size: 21px;
	color: #5A0004;
	cursor: pointer;
	text-decoration: none;
}
/**/
div.contenu{
	position: 				absolute;
	margin-left: 			-516px;
	left: 					50%;
	width: 					1024px;
	height: 					580px;
	max-height: 			580px;
	min-height: 			580px;
	font-size: 				12px;
}
h1.titre{
	background-image: 	url(../img/fond/fond.png);
}
h1.titreb{
	background-image: 	url(../img/fond/fondba.png);
}
h1.titrec{
	background-image: 	url(../img/fond/fondca.png);
}
h1.titreb, h1.titrec, h1.titre{
	width: 					1024px;
	font-weight: 			bolder;
	text-align: 			left;
	margin-top: 			5px;
	margin-bottom: 		0px;
	margin-left: 			31px;
	float: 					left;
	padding-left: 			96px;
	padding-top: 			5px;
	font-size: 				30px;
	max-height: 			32px;
	min-height: 			32px;
	height: 					32px;
	text-decoration: 		none;
	text-transform: 		uppercase;
	font-stretch: 			condensed;
	font-size: 				28px;
	font-family: "Times New Roman", Times, serif;
	background-repeat: 	no-repeat;
}
h2{
	font-size: 15px;
}
h3{
	font-size: 15px;
}
h4{
	font-size: 12px;
}
.cadreprincipal {
	max-width: 				472px;
	min-width: 				472px;
	width: 					472px;
}
.cadreprincipalb, .cadreprincipal {
	margin-left: 			5px;
	text-align: 			left;
	margin-right: 			0px;
	float: 					left;
	text-align: 			justify;
}
.cadreprincipalb {
	max-width: 				546px;
	min-width: 				546px;
	width: 					546px;
}
.cadreprincipalb > table{
	width: 					546px;
	max-width: 				546px;
	margin-left: 			0px;
	font-size: 				10px;
}
.cadreprincipal > p{
	width: 					480px;
	max-width: 				480px;
	min-width: 				480px;
}
.cadrefooter{
	background-image: 	url(../img/fond/fondc.png);
}
.cadrefooterb{
	background-image: 	url(../img/fond/fondbc.png);
}
.cadrefooterc{
	background-image: 	url(../img/fond/fondcc.png);
}
.cadrefooterc, .cadrefooter, .cadrefooterb{
	background-repeat: 	no-repeat;
	height: 					26px;
	width: 					900px;
	margin-top: 			-25px;
	margin-left: 			31px;
}
p.souadresse{
	font-family: 			"Times New Roman", Times, serif;
	font-size:  			18px;
	text-align: 			center;
	font-weight: 			lighter;
	position: 				absolute;
	top: 						605px;
	left: 					50%;
	letter-spacing: 		2px;
	margin-left: 			-280px;
	font-stretch: 			normal;
}
.recherche{
	font-weight: 			bold;
	position: 				absolute;
	font-size: 				10px;
	top: 						3px;
	height:					48px;
	width: 					150px;
	margin-left: 			-570px;
	left: 					50%;
	background-image: 	url(../img/recherche.png);
	background-repeat: 	no-repeat;
}
.recherche p{
	font-size: 				10px;
	margin-left: 			17px;
	text-transform: 		uppercase;
	color: 					white;
	margin-top: 			9px;
	margin-bottom: 		0px;
}
ul.mesrech{
	margin-left: 			-20px;
	padding-left: 			-10px;
}
.recherche #function_name{
	font-size: 				8px;
	margin-left: 			17px;
	width: 					110px;
	margin-top: 			3px;
}
div.contenu form.premierform #function_name{
}
hr.monhr{
	clear: 					both;
	visibility: 			hidden;
	height: 					0px;
	max-height: 			0px;
	min-height: 			0px;
	font-size: 				10px;
}
/************************************************/
img.icone{
	margin-left: 			36px;
	margin-top: 			-9px !important;
	margin-top: 			-15px;
	height: 73px;
	min-height: 73px;
	max-height: 73px;
	float: left;
	font-size: 10px;
	margin-bottom: 0px !important;
	margin-bottom: -10px;
}
img.imgprincipaleb{
	/*float: right;*/
	font-size: 10px;
	width: 930px;
	min-width: 930px;
	max-width: 930px;
	height: 180px;
	min-height: 			180px;
	max-height: 			180px;
	margin-top: 			0px;
	padding-top: 			0px;
}
/**************************** cadre droit du text ****************/
.imgprincipaleb, .imgprincipale{
	float: 					left;
	font-size: 				10px;
	margin-left: 			30px;
}
.imgprincipale{
	width:					288px;
}
.imgprincipaleb{
	width:					204px;
}
/******************************cadre gauche du text*****************/
div.corpstextbtkb{
	background-image: 	url(../img/fond/fondbb.png);
	height: 					50px;
	max-height: 			50px;
	padding-left: 			90px;
	margin-left:			31px;
	padding-right: 		10px;
	margin-right: 			10px;
	position: 				relative;
	text-align: 			justify;
	width: 					820px;
	min-width: 				820px;
	max-width: 				820px;
	overflow: 				hidden;
	margin-bottom: 		0px;
	font-stretch: 			expanded;
	font-variant: 			normal;
	font-weight: 			500;
	background-repeat: 	repeat-y;
	font-size: 				10px;
}
div.corpstextbtkb h4{
	float: 					left;
	margin-left: 			5px;
	margin-bottom: 		0px;
	margin-top:				0px;
	font-size: 				12px;
}
div.corpstextbtk{
	background-image: 	url(../img/fond/fondbb.png);
}
div.corpstext{
	background-image: 	url(../img/fond/fondb.png);
}
div.corpstext, div.corpstextc, div.corpstextbtk{
	height: 					355px;
	max-height: 			355px;
	padding-left: 			90px;
	margin-left:			31px;
	padding-right: 		10px;
	margin-right: 			10px;
	position: 				relative;
	text-align: 			justify;
	width: 					820px;
	min-width: 				820px;
	max-width: 				820px;
	overflow: 				auto;
	overflow-x: 			hidden;
	overflow-y: 			auto;
	margin-bottom: 		25px;
	scrollbar-face-color: #6f8dbd;
	scrollbar-highlight-color: #7698c7;
	scrollbar-arrow-color: #fed300;
	font-size-adjust: 	none;
	font-stretch: 			expanded;
	font-variant: 			normal;
	font-weight: 			500;
	background-repeat: 	repeat-y;
}
div.corpstextc{
	background-image: 	url(../img/fond/fondcb.png);
}
div.corpstextc p{
	width:					780px;
}
/*************************** fin du corps du texte **********************/
p.loupe{
		font-size: 				10px;
		margin-left: 			120px;
		margin-top: 			0px;
		float: 					left;
}
img.monrssb{
		float: 					left;
		margin-top: 			-10px;
}
/********************************* loupe ******************************/
a.loupeg{
		text-indent: 			-9999em;
		display: 				block;
		background-image: 	url(../img/loupe+.png);
		background-repeat: 	no-repeat;
		background-position: top;
		height: 					39px;
		max-height: 			39px;
		min-height: 			39px;
		width: 					32px;
		float: 					left;
		margin-right: 			5px;
		font-size: 				10px;
		margin-top: 			6px;
}
a.loupeg:hover{
		text-indent: 			-9999em;
		display: 				block;
		background-image: 	url(../img/loupe+.png);
		background-repeat: 	no-repeat;
		background-position: bottom;
		height: 					39px;
		max-height: 			39px;
		min-height: 			39px;
		width: 					32px;
		float: 					left;
		margin-right: 			5px;
		font-size: 				10px;
}
a.loupem{
		display: 				block;
		text-indent: 			-9999em;
		background-image: 	url(../img/loupe-.png);
		background-repeat: 	no-repeat;
		background-position: top;
		height: 					39px;
		max-height: 			39px;
		min-height: 			39px;
		width: 					32px;
		float: 					left;
		margin-right: 			5px;
		font-size: 				10px;
		margin-top: 			6px;
}
a.loupem:hover{
		display: 			block;
		text-indent:	 	-9999em;
		background-image: url(../img/loupe-.png);
		background-repeat: no-repeat;
		background-position: bottom;
		height: 				39px;
		max-height: 		39px;
		min-height: 		39px;
		width:	 			32px;
		float: 				left;
		margin-right: 		5px;
		font-size: 			10px;
}
/***************************************************************/
p#proposer{
	font-size: 10px;
		float: left;
		margin-top: -5px;
		margin-left: 510px;
}
p.reseau{
	font-size: 10px;
		float: left;
		margin-top: 27px;
		margin-left: 30px;
}
/************************ sous menu ***************************/
.soulink{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.soulinkb{
	margin-left: 		24px;
	margin-top: 		10px;
	margin-bottom: 	0px;
}
p.reseau img{
	border: 				none;
}
/********************************* footer ******************************/
p.footer{
	position: 			absolute;
	font-size: 			10px;
	height: 				8px;
	min-height: 		8px;
	max-height: 		8px;
	top: 					478px;
	padding-top: 		185px;
	text-align: 		center;
	width: 				700px;
	left: 				50%;
	margin-left: 		-516px;
	width: 				1024px;
	min-width: 			1024px;
}
p#footer img{
	height: 				13px;
	max-height: 		13px;
	min-height: 		13px;
}
p#footer{
	position: 			absolute;
	top: 					702px;
	font-size: 			10px;
	text-align: 		center;
	width: 				70px;
	left: 				50%;
	margin-left: 		-490px;
}
/********************************* footer ******************************/
img.cache{
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: -50px;
	z-index: 1;
}
/* *************** menu a*************** */
div.icone{
	margin-top: -5px !important;
	margin-bottom : 0px;
}
/******************** par dessus ******************/
#pardessus #package .fondl{
   margin-top: 1%;
	float: right;
}
#pardessus{
	height: 200%;
	width: 100%;
	background-image: url(../img/pardessus.png);
	background-repeat: repeat;
	z-index: 10;
	visibility: visible;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}
#pardessus #package img{
	width: 100%;
}
#pardessus img#chargement{
	width: 208px;
	height: 13px;
	position: fixed;
	vertical-align: middle;
	left: 45%;
	right: 45%;
	top: 45%;
}
#pardessus #package{
	position: fixed;
	/*width: 20%;*/
	margin: 0 auto 0 auto;
	border: thin solid Black;
	background-color: White;
	vertical-align: middle;
	/*left: 40%;
		left: auto;
	top: auto;
	right: 40%;*/
	padding: auto auto;
}
#pardessus #package input{
	margin: 10px;
	vertical-align: right;
}
#pardessus #package .fondl{
   margin-top: 1%;
	float: right;
}
ul.mesrech{
	background: url(../img/pardessus.png);
	margin-top: -1px;
	margin-bottom: 5px;
}
ul.mesrech > li{
	margin-bottom: 5px;
	margin-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	cursor: pointer;
}
/******************** sous menu article ******/
p.soumenuarticl{
	float: left;
	margin-right: 16px;
	font-size: medium;
	margin-bottom: 7px;
	text-align: 			left;
	line-height: 			23px;
}
/******************** bulle ******************/
div#divBulle{
	position:				absolute;
	visibility:				hidden;
	font-family:			arial;
	font-weight:			bold;
	border:					1px solid #999;
	background-color:		#CEEEF5;
	padding:					4px;
	font-size:				10pt;
	z-index: 				2;
}
/******************** langue ******************/
div.langue{
	top: 						676px;
	left: 					50%;
	margin-left: 			290px;
	position: 				absolute;
}
/******************** positionnement du choix du fond ******************/
div.css{
	right: 					0px;
	font-weight: 			bold;
	position: 				absolute;
	font-size: 				10px;
	top: 						3px;
	height:					48px;
	width: 					150px;
	background-image: 	url(../img/recherche.png);
	background-repeat: 	no-repeat;
	right: 50%;
	margin-right: -570px;
}
/******************** création des boutons pour choisir le fond ******************/
div.carre{
	width: 					24px;
	height: 					20px;
	min-width: 				24px;
	min-height: 			20px;
	max-width: 				24px;
	max-height: 			20px;
	margin-top: 			15px;
	border-color: 			White;
	border-width: 			2px;
	float: 					left;
	padding-top: 			4px;
	margin-left: 			20px;
	margin-right: 			0px;
}
div.carre > a{
	text-align: 			center;
	margin: 					8px;
	text-decoration:	 	none;
	font-weight: 			bold;
}
#noir{
	color: 					white;
	background-color: 	#000000;
}
#blanc{
	background-color: 	white;
}
#classique{
	background-color: 	brown;
	color: 					white;
}
/************************ pour créer un tablea type **************/
.tableau{
	min-width: 				740px;
	width: 					740px;
	max-width: 				740px;
	text-align: 			left;
	margin-bottom: 		30px;
	background-color: transparent;
}
.tableau tr th{
	min-width: 				170px;
	width:					170px;
	max-width: 				170px;
	text-align: 			right;
	padding-right: 		10px;
}
.tableau tr td{
	min-width: 				300px;
	width: 					300px;
	max-width: 				300px;
	text-align: 			left;
}
.tableau tr td input.form{
	min-width: 				250px;
	width: 					250px;
	max-width: 				250px;
}
.tableau tr td input.valider{
	min-width: 				110px;
	width: 					110px;
	max-width: 				110px;
	margin-left: 			13%;
}
.tableau tr td span.quote{
	font-style: 			italic;
	font-size: 				x-small;
}
.taillem{
		width: 450px;
		max-width: 450px;
		min-width: 450px;
}
.taillep{
		width: 100px;
		max-width: 100px;
		min-width: 100px;
}
/************************ mettre en majuscule **************/
span.majuscule{
	font-variant: normal;
	font-stretch: normal;
	font-style: normal;
	text-transform: uppercase;
}
p.gras{
	font-weight: bold;
}
span.droite{
	float: right;
	margin-right: 10px;
}
/************************ message d'erreur **************/
p.error{
	font-weight: bold;
	color: white;
	background-image: url(../../loupyrennee/img/garantie.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 70px;
	height: 40px;
	max-height: 40px;
	min-height: 40px;
	padding-top: 30px;
}
/************************ avatar **************/
img.avatar{
	height: 85px;
	max-height: 85px;
	min-height: 85px;
	width: 70px;
	max-width: 70px;
	min-width: 70px;
}
img.grand_avatar{
	height: 250px;
	max-height: 250px;
	min-height: 250px;
	width: 200px;
	max-width: 200px;
	min-width: 200px;
}

#forum img, .widgetactu a, #forum img a, .widgetactu img, .widgetproduit img, .widgetproduit img a, .meteo img, .meteo img a{
	width: 100px;
	height: 100px;
}
#forum h4, #forum h4 a, .widgetactu h4, .widgetproduit h4, .meteo h4, .meteo h4 a{
	font-size: 			10px;
	width: 				130px;
	text-transform: 	uppercase;
	font-weight: 		bold;
	margin: 				0px;
}
/************************ actualité **************/
.widgetactu{
	text-align: 		center;
	position: 			absolute;
	left: 				50%;
	top:					480px;
	width: 				100px;
	max-width: 			100px;
	height : 			185px;
	padding-right: 	20px;
	padding-bottom: 	10px;
	padding-left: 		5px;
	background-image: url(../img/flyers.png);
	background-repeat: no-repeat;
	font-size: 			8px;
	margin-left: 		-550px;
}
.widgetactu input{
	margin-top: -10px;
}
.widgetproduit{
	text-align: 		center;
	position: 			absolute;
	left: 				50%;
	top: 					60px;
	width: 				110px;
	max-width: 			110px;
	height : 			185px;
	z-index: 			1px;
	background-image: url(../img/flyers.png);
	background-repeat: no-repeat;
	font-size: 			10px;
	padding-right: 	26px;
	padding-bottom: 	10px;
	padding-left: 		0px;
	z-index: 			1;
	margin-left: 		-550px;
}
.reservation{
	text-align: 		center;
	position: 			absolute;
	margin-left: 		0px;
	margin-bottom: 	0px;
	margin-top: 		0px;
	margin-right: 		0px;
	left: 				50%;
	width: 				110px;
	max-width: 			110px;
	min-width: 			110px;
	height : 			185px;
	max-height: 		185px;
	top:					270px;
	background-image: url(../img/flyers.png);
	background-repeat: no-repeat;
	font-size: 			10px;
	padding-right: 	26px;
	padding-bottom: 	10px;
	padding-left: 		0px;
	padding-top: 		10px;
	margin-left: -550px;
}
.reservation form p {
	font-size: 			10px;
	margin: 				0px;
	padding: 			0px;
}
.reservation h3{
	margin-bottom: 				0px;
}
/************************ pour afficher le widget meteo **************/
.meteo{
	text-align: 		center;
	position: 			absolute;
	right: 				50%;
	width: 				110px;
	max-width: 			110px;
	height : 			185px;
	top:					60px;
	background-image: url(../img/flyers.png);
	background-repeat: no-repeat;
	font-size: 			10px;
	padding-top: 			0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: -550px;
}
.meteo h3{
	margin-right: 5px;
}
#wind{
	margin-right: 10px;
}
/******************** pour afficher le widget connection **************/
#login{
	text-align: 		center;
	position: 			absolute;
	right: 				50%;
	width: 				110px;
	max-width: 			110px;
	height : 			185px;
	top:					270px;
	background-image: url(../img/flyers.png);
	background-repeat: no-repeat;
	font-size: 			8px;
	padding-right: 	0px;
	padding-bottom: 	10px;
	padding-left: 		0px;
	margin-right: -550px;
}
#login .form{
	width: 100px;
}
/************************ forum **************/
#forum{
	position: 				absolute;
	text-align: 			center;
	right: 					50%;
	top:						480px;
	width: 					110px;
	max-width: 				110px;
	height : 				185px;
	background-image: 	url(../img/flyers.png);
	background-repeat: 	no-repeat;
	font-size: 				10px;
	padding-right: 		0px;
	padding-bottom: 		10px;
	padding-left: 			0px;
	margin-right:       -550px;
}
#forum p{
	width: 100px;
	padding-left: 3px;
}
table#forums{
	max-width: 				780px;
	width: 					780px;
	min-width:				780px;
}
table#forums tr td.ptitcorps{
	max-width: 				450px;
	width: 					450px;
	min-width:				450px;
	padding-left: 			10px;
}
table#forums tr td.corps{
	max-width: 				500px;
	width: 					500px;
	min-width:				500px;
	padding-left: 			10px;
}
/******************************** photographie **********************/
.ptminiature{
	margin-right: 			1px;
	margin-bottom: 		1px;
	margin-top: 			-4px;
	margin-left: 			0px;
	padding-top: 			0px;
}
.ptminiatureh{
	width: 					55px;
	height: 					75px;
	margin-right: 			2px;
	margin-bottom: 		2px;
}
.miniature{
	width: 					100px;
	height: 					102px;
}
.moyennetoff{
	max-width: 					283px;
	max-height: 					240px;
	margin-left: 			2px;
	margin-right: 			2px;
	margin-bottom: 		5px;
}
.millieutoff{
	width: 						300px;
	min-width : 				300px;
	max-width : 				300px;
	height: 						240px;
}
.grossetoff{
	width: 						400px;
	height: 						300px;
}
/*******************************************************************/
#tableaub > tbody   td:nth-child(even), #tableaua > tbody   td:nth-child(even){
	background-color: #EDF5F6;
	opacity: 20;
	MozOpacity: 20;
	KhtmOpacity: 20;
	filter: 20;
}