@charset "utf-8";
/* CSS Document */


.ASAVOIR{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}


/* =================== PARTIE 4 ===================== */
/* 			      LE STYLE DU SITE	                  */
/* ================================================== */


/* Paragraphs */
p {margin-bottom: 1.143em;}	
* p:last-child {margin-bottom: 0;}



/* Quotes */
blockquote {font-style: italic;}
cite {}
q {}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/***** Header *****/
.clear{ clear:both; }
#banner{
	height: 104px;
}
#banner #balk{
	height: 44px;
}
#banner #balk h1{
	margin: 0;
	padding: 0;
	float: left;
}
#banner #balk #languages{
	float: right;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#languages .phone{
	padding-left: 20px;
	background-image: url("/images/_icons/phone.png");
	background-repeat: no-repeat;
	margin-right: 50px;	
}
#banner #balk #languages li{
	display: inline; 	
}
#banner #balk #languages a{
	text-decoration: none;
	display: inline;
	margin-left: 20px;
	text-shadow: 1px 1px 1px #fff;
}
#banner #balk #languages a:hover{
	text-decoration: underline;	
}
#banner #balk img{
	height: 18px;
	margin-top: 20px;	
}
#banner ul{
	height: 30px;
	margin: 28px 0 0 0;
	padding: 0;
}
#banner ul li{
	display: inline;
	margin-right: 40px;
}
#banner .reg{
	float: right;
	margin-right: 0;	
}
#banner ul li a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'DIN-BoldRegular';
	-webkit-transition: all 0.2s ease-in-out;
}
#banner ul li a:hover{
	-webkit-transition: all 0.2s ease-in-out;
	color: #a08a58;
}
#pricing{
	padding: 10px 0;
	position: absolute;
	z-index: 99999;
	color: #fff;
	left: 50%;
	margin: -60px 0 0 -600px;
	background-color: rgba(0,0,0);
	background-color: rgba(0,0,0,0.90);
	width: 600px;
}
#pricing p{
	padding: 0 20px;
	margin: 0;
	font-family: 'DIN-BoldRegular';
	font-size: 18px;
}
#pricing a{
	float: right;	
	text-decoration: none;
	background-image: url("/images/arrow.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	font-family: 'DIN-LightRegular';
	font-size: 14px;
}
#pricing a:hover{
	background-color: #fff;
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
}
/***** Register *****/
#register{
	position: absolute;
	z-index: 20;
	margin-top: -420px;	
	margin-left: 750px;
	display :none;
	width: 412px;
	height: 412px; 
	background-image:url('/images/signup.png');
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
#register h1{
	color: #ccc;
	text-transform: uppercase;
	text-align: center;
	margin: 60px 0 0 0;
	font-size: 22px;
	line-height: 40px;	
	font-family: 'Noto Serif', serif;
	font-weight: 400;
}
#register p{
	margin-top: 30px;	
}
#register a{
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: uppercase;
	background: #fff;
	text-align: center;	
	font-size: 18px;
	font-family: 'DIN-BoldRegular';
	-webkit-transition: all 0.2s ease-in-out;
}
#register a:hover{
	-webkit-transition: all 0.2s ease-in-out;
	background: #ab863d;
	color: #fff;
}
#register .clubs{
	color: #c59a46;	
}
#register .discount{
	color: #c59a46;	
}
#register .price{
	color: #c59a46;	
}

/***** Featured *****/
#featured{
	margin-top: 30px;
	height: 442px;	
}
/***** Scroller *****/
#scroller{
	margin-top: 30px;
	height: 190px;
	border: thin solid #ececec;	
	background-color: #020608;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
#scroller img{
	border: 0;	
}
/***** Detail *****/
#galleria{
	height: 520px;	
	margin: 20px 0;
}
.voucheruse{
	background-color: #bce19a;
	background-image: url("/images/voucherbg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	width: 90%;
	height: 130px;	
	padding: 0 5%;
	margin-top: 20px;
	border: thin solid #ccc;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.voucheruse h3{
	font-size: 16px;
	margin: 20px 0 0 0;
	padding: 0;
}
.voucherused{
	background-color: #f17171;
	width: 90%;
	height: 120px;	
	padding: 5px 5%;
	margin-bottom: 20px;
	border: thin solid #ccc;
	background-image: url("/images/voucherbg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	
}
.voucherline{
	text-align: center;
	padding: 3px 0 0 0;
}
.voucherline a{
	font-weight: bold;
	color: #fff;
}
#optiones{
	margin: 20px 0;
	padding: 0;
	list-style: none;	
}
#optiones li{
	background-image: none;	
	padding: 0;
}
#optiones li a{
	display: block;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: thin solid #ececec;
	-webkit-transition: all 0.2s ease-in-out;
}
#optiones li a:hover{
	padding: 5px 0 5px 20px;
	background-image: url("/images/arrow.png");
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transition: all 0.2s ease-in-out;
}
/***** Content *****/
#content{
	margin-top: 30px;	
	position: relative;
	display: block;
	min-height: 520px;
	
}
#content h2{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 16px;	
}
#content small{
	color: #838383;
	font-style: italic;
	
}
#content #left{
	width: 590px;
	float: left;
}
#content #left imgs{
	width: 100%; 
}
#content #right{
	width: 500px;
	float: right;
	text-align: left;	
}
/***** PAGECONTENT ******/
#mainContent p{
	margin-left:15px;
}

#mainContent h2{
	line-height:25px;

}
#mainContent small{
	color: #838383;
	font-style: italic;
	
}
#mainContent #left{
	width: 220px;
	min-height:200px;
	margin-left:10px;
	float: left;
	
}
#mainContent #right{
	width: 670px;
	min-height:200px;
	margin-right:10px;
	float: right;
	text-align: justify;
}
#mainContent #vouchers{
	width: 300px;
	float: right;
	
}
#mainContent #vouchers a{
	color: #000;
	text-decoration: none;
	font-weight: 700;	
}
#mainContent #rightdetail{
	width: 850px;
	float: left;
	text-align: left;	
}
#mainContent #rightdetail #starcollection{
	margin: 20px 0 0 0;
}
#mainContent ul{
	margin: 20px 0 20px 40px;
	list-style: none;
	padding: 0;	
}
#mainContent li{
	padding: 5px 0 5px 50px;
	background-image:url(../Pictures/Icons/ArrowRightBlack.png);
	background-position: left center;
	background-repeat: no-repeat;	
}
#mainContent .subsubber{
	margin-bottom: 18px;
	border-left: thin solid #c1c1c1;	
	border-right: thin solid #c1c1c1;	
	border-bottom: thin solid #c1c1c1;	
	min-height: 60px;
	padding: 5px 10px;
	width: 810px;
	padding: 3px 20px;
	color: #000;
	background: #ececec;
	text-shadow: 1px 1px 1px #fff;
}
#mainContent .club{
	width: 100%;
	height: 140px;
	border: thin solid #c1c1c1;	
	margin-bottom: 0;
	margin-top: 12px;
}
.club a{
	padding: 0;	
}
#mainContent .club:hover{
	background-color: #ebebeb;
	text-shadow: 1px 1px 1px #fff;	
	cursor: pointer;
}
#mainContent .club h3{
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 0 10px 0;
	border-bottom: thin solid #c1c1c1;
	margin: 5px 0 0 0;
}
#mainContent .clublink{
	float: left;
	margin-right: 20px;	
	height: 140px;
	max-width: 187px;
}
#mainContent .club img{
	float: left;
	margin-right: 20px;	
	max-width: 187px;
	height: 140px;
}
#mainContent .club .holes{
	float: right;
	margin-right: 10px;
	background-image: url("/images/_icons/flag.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.fb-like-box{
	margin: 20px 0;	
}
#mainContent .voucherlisting{
	margin: 0;
	padding: 0;
	list-style: none;	
}
.voucherlisting li{
	display: inline;
	padding: 0 0 0 20px;
	background-image: url("/images/_icons/card.png");
	background-repeat: no-repeat;
	background-position: left center;	
	width: 45%;
	float:left;
}
/***** Account *****/
#account{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#account li a{
	display: block;
	border-bottom: thin solid #ebebeb;
	padding: 5px 0;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
}
#account li a:hover{
	background-image: url("/images/arrow.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;	
	-webkit-transition: all 0.2s ease-in-out;
}


/***** Footer *****/

#footer a{
	text-decoration: none;	
}
#footer .left{
	float: left;	
}
#footer .right{
	float: right;	
}

#footer .CenterFooter{
	width:980px;
	min-height:50px;
	padding-right:20px;
	margin:0 auto;
}
/***** BREADCRUMB ****/
#breadcrumb{
	border-bottom: thin solid #f3f3f3;
	width: 100%;
	margin: auto;
	text-transform: uppercase;
	color: #8a8a8a;
	overflow: hidden;
	padding: 10px 0 20px 0;
	height: 10px;
	
}
#breadcrumb ul{
	width: 1200px;
	margin: auto;
	padding: 0;
}
#breadcrumb li{
	display: inline;
}
#breadcrumb li a{
	text-decoration: none;
	color: #8a8a8a;
	font-size: 12px;
	text-shadow: 1px 1px 1px #fff;
	-webkit-transition: all 0.2s ease-in-out;
}
#breadcrumb li a:hover{
	text-shadow: 1px 1px 1px #ececec;
	-webkit-transition: all 0.2s ease-in-out;
	color: #3c3c3c;
}
#breadcrumb li:first-child a {
	background-image: url("/images/home.png");
	background-repeat: no-repeat;
	padding: 0 0 0 20px;	
}
.showlabel{
	position: absolute;
	z-index: 5;
	margin: -15px 0 0 -37px;
}
input{
	padding: 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 1px #fff;
	height: 20px;
}
input.SendForm{
	width:187px;
	height:30px;
	font-size:12px;
	background:#9797a6;
	color:#FFF;
	border:0px solid #333;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
}
textarea{
	width:400px;
}
.BoutonInsertData{
	height:30px;
	width:100px;
}
.clubreview{
	width: 100%;
	border: thin solid #ccc;
	background-color: #ececec;
	text-shadow: 1px 1px 1px #fff;
	width: 830px;
	padding: 10px 10px;	
	margin: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
}
.clubreview:hover{
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
}
.clubreview .topline{
	padding: 0 0 3px 0;
	font-weight: bold;
	width: 100%;	
	margin: 0;
}
.clubreview .score{
	font-size: 20px;
	float:left;
	margin: 0 20px 20px 0;
	font-weight: bold;	
}
#voucherhelp{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;	
}
#voucherhelp li{
	clear: both;	
}
#voucherhelp .largeinfo{
	font-size: 16px;
	width: 30px;
	height: 26px;
	float: left;
	margin: 0 10px 10px 0;
	background-image: url("/images/voucherinfobg.png");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;	
	padding: 4px 0 0 0;
}
.leftstar{
	float: left;
	margin: 0;	
}
.rightstar{
	float: left;
	margin: 0 10px 0 0;
}
#reservform{
	width: 90%;
	margin: 20px 0;
	padding: 10px 5%;	
	text-transform: uppercase;
	font-family: 'DIN-LightRegular';
	text-align: center;
	text-decoration: none;
	background: #000;
	color: #fff;
}
#rightdetail input{
	padding: 5px 5%;
	width: 90%;	
}


.Offre{
	width:150px;
}



/***** MAINPAGE *****/
#MainBoxLeft{
	position:relative;
	float:left;
	width:450px;
	min-height:50px;
	padding:10px;
	margin:12px 450px 10px 0;
	background:url(../Pictures/Template/BgWhite.png);
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}



#MainBoxLeft p{
	text-align:justify;
}

#DivMainTriple{
	position:relative;
	height:300px;
	width:1000px;
	float:left;
}

#DivMainTriple a{
	display:block;
	width:325px;
	height:280px;
	margin:0px 5px 5px 0px;
	text-decoration:none;
	float:left;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
}




a.BoxLeft{
	background:url(../Pictures/Template/BgGreen.png);
}

.BoxLeft p{
	text-align:justify;
	padding:0px 5px;
	color:#fff;
}

a.BoxMiddle{
	background:url(../Pictures/Template/BgWhite.png);
}

.BoxMiddle p{
	text-align:justify;
	padding:0px 5px;
	color:#6a6a6a;
}
	
a.BoxRight{
	background:url(../Pictures/Template/BgGrey.png);
}


.BoxRight p{
	text-align:justify;
	padding:0px 5px;
	color:#258f20;
}

h2.TitleBoxWhite{
	color:#FFF;
	font-size:34px;
	font-family: 'Squada One', cursive;
	text-align:center;
	letter-spacing:0.5em;
	text-decoration:none;
}

h2.TitleBoxGreen{
	color:#258f20;
	font-size:34px;
	font-family: 'Squada One', cursive;
	text-align:center;
	letter-spacing:0.2em;
}

h2.TitleBoxGrey{
	color:#6a6a6a;
	font-size:34px;
	font-family: 'Squada One', cursive;
	text-align:justify;
	text-align:center;
	letter-spacing:0.2em;
}

.LogoTrefle{
	float:left;
	padding:5px;
}


/*HEADER*/

#DivSloganHeader{
	min-width:320px;
	width:100%;
	min-height:25px;
	float:left;
}

#ImgSloganHeader{
	
	width:788px;
	height:70px;
	float:left;
}


/*PORTFOLIO*/

/*=========*/

#DivPortfolio{
	float:left;
	width:1000px;
	min-height:1000px;
	overflow:visible;
	margin:0px;
	padding:0px;
}

#DivPortfolio div{
	position:relative;
	float:left;
	width:470px;
	height:350px;
	text-align:left;
	padding:10px;
	margin:0px 5px 5px 0px;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}

#DivPortfolioWhite{
	background:url(../Pictures/Template/BgWhite.png);
	color:#6a6a6a;
}


#DivPortfolioGreen{
	background:url(../Pictures/Template/BgGreen.png);
	color:#fff;	
}

#DivPortfolioGrey{
	background:url(../Pictures/Template/BgGrey.png);
	color:#258f20;
}

#DivPortfolioPink{
	background:url(../Pictures/Template/BgPink.png);
	color:#fff;
}


#DivPortfolio p{
	text-align:justify;
	padding:0px 5px;
}



h2.TitlePortfolioWhite{
	color:#FFF;
	font-size:22px;
	font-family: 'Squada One', cursive;
	text-align:left;
	letter-spacing:0.2em;
}

h2.TitlePortfolioGreen{
	color:#258f20;
	font-size:22px;
	font-family: 'Squada One', cursive;
	text-align:left;
	letter-spacing:0.2em;
}

h2.TitlePortfolioGrey{
	color:#6a6a6a;
	font-size:22px;
	font-family: 'Squada One', cursive;
	text-align:justify;
	text-align:left;
	letter-spacing:0.2em;
}

.imgPortfolio{
	max-width:470px;
	width:100%;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Pictures/Pie/PIE.htc);
		margin-bottom:12px;
		border:0;
		margin-top:15px;
}

.NewSite{
	float:right;
}


/*WEBDESIGN*/
/*=========*/

#DivWebDesign{
	float:left;
	width:1000px;
	min-height:200px;
	overflow:visible;
}

#DivWebDesign div{
	position:relative;
	float:left;
	width:1000px;
	min-height:200px;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../Pictures/Template/BgGreen.png);
	color:#fff;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}

#DivWebDesign h2{
	color:#fff;
		
}

.imgRight{
	float:right;
}

/*REFERENCING*/
/*===========*/

#DivReferencing{
	float:left;
	width:1000px;
	min-height:200px;
	overflow:visible;
}

#DivReferencing div{
	position:relative;
	float:left;
	width:1000px;
	min-height:200px;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../Pictures/Template/BgGrey.png);
	color:#258f20;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}

#DivReferencing h2{
	color:#258f20;
		
}

.imgLeft{
	float:left;
}



/*DEVELOPMENT*/
/*===========*/

#DivDevelopment{
	float:left;
	width:1000px;
	min-height:200px;
	overflow:visible;
}

#DivDevelopment div{
	position:relative;
	float:left;
	width:1000px;
	min-height:200px;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../Pictures/Template/BgWhite.png);
	color:#6a6a6a;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}

#DivDevelopment h2{
	color:#6a6a6a;
		
}

#DivDevelopment h1{
	color:#258f20;
	font-size:24px;
	padding:15px 0 10px 0;
	font-family: 'Squada One', cursive;
}



#BoxAlert{
	position:relative;
	float:left;
	width:980px;
	min-height:50px;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../Pictures/Template/BgPink.png);
	color:#fff;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}


.BoxMail{
	position:relative;
	float:left;
	width:980px;
	min-height:50px;
	text-align:left;
	padding:10px;
	margin-bottom:20px;
	background:url(../Pictures/Template/BgGrey.png);
	color:#fff;
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../Pictures/Pie/PIE.htc);
		
}



#innerFooter li{
	list-style:none;
	margin-left:10px;
}

a.footer{
	font-size:9px;
	color:#fff;
}

#innerFooter2 div.link{
	float:left; 
	width:100px; 
	min-height:100px; 
	padding:0 5px; 
	border-right:1px solid #CCC;
}

#innerFooter2 div.linkLast{
	float:left; 
	width:100px; 
	min-height:100px; 
	padding:0 5px; 
}

.CompeurBox{
	padding:5px;

}

.DivFooterClubs{
	width:230px;
	padding:5px;
	min-height:50px;
	float:left;
	font-size:12px;
	
}

.DivFooterClubs h6{
	padding:5px 0 0 0;
	margin:0 0 0 10px;
	
}

.DivLine{
	float:left;
	width:980px;
	height:5px;
	border-bottom:1px solid #666;
	margin-bottom:5px;
}


/* GOOGLE MAP */

/* contact */
#map{
	width:480px; 
	height:300px; 
	margin:0 auto;
	
	border:#FFF 1px solid;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

/* items localisation */
#ItemsMap{
	width:620px; 
	height:660px; 
	float:left;
	margin:0px 0px 20px 25px;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
	
}



/* HOMEPAGE */



#InfoOne{
	float:left;
	width:640px;
	margin-left:15px;
	margin-bottom:20px;
	
	
}



/* PUB COLONNE */

.DivCol{
	margin-top:10px;
	width:181px;
	min-height:100px;
	background:url(../Pictures/Template/BgMesh.png);
	border:1px solid #FFF;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		/*--Les différentes définitions de coins arrondis en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}

.DivCol h2{
	margin:0px;
	width:170px;
	padding:0 0 5px 11px;
	height:20px;
	background:url(../Pictures/Template/BgGreen.png);
	/*--Les différentes définitions de coins arrondis en CSS3--*/
		border-top-left-radius: 9px;
		border-top-right-radius: 9px;
}




a.LinkBoitePub125{
	margin-top:0px;
	width:125px;
	height:355px;
	background-image:url(../Pictures/PubColonne/Ping-2014-125.jpg);
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 0;
	display:block;
}

a.LinkBoitePub125:hover{
	margin-top:0px;
	width:125px;
	height:355px;
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 355px;
	display:block;
}


/* CROPSLIDE */

.container{
	float:left;
	width:660px;
	height:310px;
}

h1.BigTitle{
	padding:0 0 5px 5px;
	font-size:20px;
	color:#FFF;
}

#PourcentageBulle{
	width:80px;
	height:55px;
	background:#0F0;
	position:absolute;
	text-align:center;
	padding-top:25px;
	opacity:0.9;
	border:5px solid #FFF;
	color:#fff;
	font-family: 'DIN-BoldRegular';
	top:5px;
	right:5px;
	z-index:9000;
	font-size:30px;
	font-weight:bold;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
	
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	behavior: url(../Private/Pictures/Pie/PIE.htc);
}


/* MAP */
	
a.LinkFaq{
	font-size:24px;
	color:#FFF;
	text-decoration:none;
	margin-bottom:10px;
	display:block;
}

a.LinkFaq:hover{
	font-size:24px;
	color:#999;
	text-decoration:none;
}


#infobulleMap{
	color:#666;
	width:320px;
}

#infobulleMap h1{
	color:#333;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

#infobulleMap a{
	color:#03F;
	font-weight:bold;
	text-decoration:none;
}

#infobulleMap a:hover{
	color:#09F;
	font-weight:bold;
	text-decoration:none;
}

#infobulleMap p{
	margin-bottom:3px;
}

#infobulleMapDivUp{
	width:320px;
	float:left;
}

#infobulleMapDivLeft{
	float:left;
	width:318px;
}

#infobulleMapDivRight{
	float:right;
	width:100px;
}

.PubMap{
	font-size:36px;
	font-weight:bold;
}

.Flag{
	margin:1px 1px 6px 5px;
	display:block;
	float:left;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
}

.FlagCurrent{
	margin:0px 0px 5px 4px;
	display:block;
	float:left;
	border:1px solid #0F0;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #0F0;
	-moz-box-shadow: 0px 0px 10px #0F0;
	box-shadow: 0px 0px 10px #0F0;
}

.ImgFlagMap{
	width:53px;
}

.ImgFlagList{
	width:64px;
}

a.BoutonMapDown{
	width:158px;
	height:32px;
	padding-top:15px;
	text-align:center;
	background:url(../Pictures/Boutons/BoutonMapDown.png) no-repeat;
	display:block;
	font-weight:bold;
	color:#efefef;
	float:left;
	text-decoration:none;
}

a.BoutonMapDown:hover{

	background:url(../Pictures/Boutons/BoutonMapUp.png) no-repeat;
	color:#FFF;
	text-decoration:none;
}


a.BoutonMapUp{
	width:158px;
	height:32px;
	padding-top:15px;
	text-align:center;
	background:url(../Pictures/Boutons/BoutonMapUp.png) no-repeat;
	display:block;
	font-weight:bold;
	color:#FFF;
	float:left;
	text-decoration:none;
}

.DivRegionSelect{
	width:600px;
	height:30px;
	padding:10px;
	margin:0px 0px 10px 25px;
	float:left;
	text-align:center;
}

.DivRegionSelect a{
	color:#090;
	font-weight:bold;
	text-decoration:none;
	margin:0 10px;
	padding:5px;
	font-size:14px;
	background:#FFF;
	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
	
}

#scrollingDiv { 
	position:absolute;
	z-index:8000;
	top:10%;
	width: 100px; 
	height: 200px;
	right:15%;
} 

a.scrollingUp {
	display:block; 
	width: 100px; 
	height: 30px;
	padding-top:70px;
	background:url(../Pictures/Boutons/Scrolling-Up.png) no-repeat;
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 0;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
} 

a.scrollingUp:hover {
	background-position-y: -110px;
} 

.DivRegion{
	width:600px;
	height:30px;
	padding:10px;
	margin:0px 0px 10px 25px;
	float:left;
	background:#FFF;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}

.DivRegion h2{
	color:#090;
	padding:0px;
	margin:0px;
	font-size:30px;
}

.MainPartenaire{
	padding:10px;
	width:600px;
	min-height:270px;
	margin:0px 0px 10px 25px;;
	background:#FFF;
	float:left;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}

.MainPartenaireSelected{
	padding:10px;
	width:600px;
	min-height:270px;
	margin:0px 0px 10px 25px;;
	border:1px solid #CCC;
	background:url(../Pictures/Template/BgDegradeSelected.jpg);
}

.PicturePartenaire{
	width:245px;
	height:180px;
	padding-right:5px;
	display:table-cell;
	vertical-align:middle;
}

.DetailPartenaire{
	width:340px;
	min-height:250px;
}

.DetailPartenaire p{
	margin:0px 0px 5px 25px;
	color:#999;
}

.SelectionTypePartenaire{
	margin:10px 0px 0px 25px;
}

h2.DenominationPartenaire{
	width:345px;
	height:35px;
	text-align:center;
	border-bottom:1px solid #333;
	margin-bottom:15px;
	font-size:20px;
	color:#900;
}

.Parcours{
	color:#090;
	font-weight:bold;
}

.TableauListePartenaire{
}

.OffrePartenaire{
	color:#666;
}

#CadreInformationsPartenaire{
	width:600px;
	margin:0px 10px 10px 21px;
	padding:160px 15px 10px 15px;
	height:300px;
	background:url(../Pictures/Template/Avantages.jpg) no-repeat;
	background-position:top center;
	
}

#CadreInformationsGolfPartenaire{
	width:600px;
	margin:0px 10px 10px 21px;
	padding:250px 15px 10px 15px;
	height:230px;
	background:url(../Pictures/Template/Golf_Partenaires.jpg) no-repeat;
	background-position:top center;
	
}

h1.TitrePartenaire{
	color:#6FE505;
	font-size:16pt;
}


/* STORE ONE ITEM */

.DivDenominationItem{
	width:600px;
	height:30px;
	padding:10px;
	margin:0px 0px 10px 25px;
	float:left;
	background:#FFF;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}

.DivDenominationItem h2{
	color:#090;
	padding:0px;
	margin:0px;
	font-size:30px;
}

.MainItem{
	padding:10px;
	width:600px;
	min-height:270px;
	margin:0px 0px 10px 25px;;
	background:#FFF;
	float:left;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../Private/Pictures/Pie/PIE.htc);
}


/* fondu de l'Item */

.PictureItem {
    position:relative;
	float:left;
	margin-top:50px;
}
/* on place les 2 images */
.PictureItem>img {
    position:absolute;
    top : 0;
    left : 0;
}
.PictureItem .imgRecto {
    z-index:10;
    opacity : 0;
/* IE >=8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 
   /* IE 5-7 */
   filter: alpha(opacity=0);
/* pour animer le changement d'opacité */
    transition:ease opacity 0.3s;
    -webkit-transition:ease opacity 0.3s;
    -moz-transition:ease opacity 0.3s;
    -ms-transition:ease opacity 0.3s;
    -o-transition:ease opacity 0.3s;
}
 
.PictureItem:hover .imgRecto {
    opacity : 1;
/* IE >=8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 
  /* IE 5-7 */
  filter: alpha(opacity=100);
}
.PictureItem .imgVerso {
    z-index:1;
}


/* informations Items */

.DivInformationsItem{
	position:relative;
	float:right;
	width:270px;
	min-height:200px;
	text-align:left;
	
}

.DivInformationsItem2{
	position:relative;
	float:right;
	width:600px;
	min-height:200px;
	text-align:left;
	margin-top:10px;
	
}

#PourcentageBulle2{
	width:80px;
	height:55px;
	background:#090;
	position:relative;
	text-align:center;
	margin:0 10px 10px 0;
	padding-top:25px;
	opacity:0.9;
	border:5px solid #FFF;
	color:#fff;
	font-family: 'DIN-BoldRegular';
	top:5px;
	left:5px;
	float:left;
	font-size:30px;
	font-weight:bold;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
	
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	behavior: url(../Private/Pictures/Pie/PIE.htc);
}

#DivIBuy{
	position:relative;
	display:block;
	width:600px;
	height:150px;
	padding:50px 0 0 30px;
	background:url(../Pictures/StoreOneItem/RightArrowGreenRed2.png) no-repeat;
	left:-71px;
	top:0px;
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 0;
	
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	font-family: 'DIN-BoldRegular';
	text-decoration:none;
}

#DivIBuy:hover{
	
	background-position-y: -200px;
}

/* form achat carte */

/* Basic Grey */
.basic-grey {
    width: 570px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 30px 20px 30px;
    font: 12px;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}
.basic-grey h1 {
    font: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px 0px 5px;
}
.basic-grey label>span {
    float: left;
    width: 140px;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea,.basic-grey select{
    border: 1px solid #DADADA;
    color: #888;
    height: 24px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font: normal 12px/12px;
}
.basic-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 72%;
    height: 30px;
}
.basic-grey textarea{
    height:100px;
}



.basic-grey button.BoutonSend{
		width:150px;
		height:30px;
		line-height:30px;		
		border:none;
		background:#090;
		color:#fff;
		cursor:pointer;
		text-align:center;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		}
		
.basic-grey button.BoutonSend:hover{
	color:#fff;
	background:#060;
}

.basic-grey button.BoutonChange{
		width:150px;
		height:30px;
		line-height:30px;		
		border:none;
		background:#C00;
		color:#fff;
		cursor:pointer;
		text-align:center;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		margin-right:10px;
		}
		
.basic-grey button.BoutonChange:hover{
	color:#fff;
	background:#900;
}


.FormPaySelect{
	width:210px;
	height:40px;
	float:left;
}


#BT_Payer_Paypal{
		width:200px;
		padding-left:10px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../Pictures/StoreOneItem/Bg_Paypal.png);
		color:#182c5f;
		cursor:pointer;
		text-align:left;
		font-family: 'DIN-BoldRegular';
		font-size:1em;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		}
		
#BT_Payer_Paypal:hover{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #faa522;
		-moz-box-shadow: 0px 0px 10px #faa522;
		box-shadow: 0px 0px 10px #faa522;
}


#BT_Select_Paypal{
		width:150px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../Pictures/StoreOneItem/Bg_PaypalSel.png) center;
		color:#182c5f;
		cursor:pointer;
		text-align:left;
		font-family: 'DIN-BoldRegular';
		font-size:1em;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		margin-right:10px;
		}
		
#BT_Select_Paypal:hover{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #faa522;
		-moz-box-shadow: 0px 0px 10px #faa522;
		box-shadow: 0px 0px 10px #faa522;
}


#BT_Payer_Virement{
		width:200px;
		padding-left:10px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../Pictures/StoreOneItem/Bg_VirementSel.png);
		color:#ffffff;
		cursor:pointer;
		text-align:center;
		font-family: 'DIN-BoldRegular';
		font-size:1em;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		}
		
#BT_Payer_Virement:hover{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #a8b0f9;
		-moz-box-shadow: 0px 0px 10px #a8b0f9;
		box-shadow: 0px 0px 10px #a8b0f9;
}

#BT_Select_Virement{
		width:150px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../Pictures/StoreOneItem/Bg_VirementSel.png);
		color:#ffffff;
		cursor:pointer;
		text-align:center;
		font-family: 'DIN-BoldRegular';
		font-size:1em;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		}
		
#BT_Select_Virement:hover{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #a8b0f9;
		-moz-box-shadow: 0px 0px 10px #a8b0f9;
		box-shadow: 0px 0px 10px #a8b0f9;
}

#BT_Select_Hipay{
		width:150px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../Pictures/StoreOneItem/Bg_HipaySel.png);
		color:#ffffff;
		cursor:pointer;
		text-align:center;
		font-family: 'DIN-BoldRegular';
		font-size:1em;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		}
		
#BT_Select_Hipay:hover{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #a8b0f9;
		-moz-box-shadow: 0px 0px 10px #a8b0f9;
		box-shadow: 0px 0px 10px #a8b0f9;
}

.basic-grey p{
	margin:0 0 5px 0;
}

/* selection de paiement */
#DivWatchOutInformationSelection{
	width:650px;
	height:300px;
	
	position:relative;
	float:right;
	left:61px;
}
	
#DivInformationSelection{
	float:left;
	width:280px;
	min-height:250px;
}

#DivInformationSelection span{
	font-family: 'DIN-BoldRegular';
	color:#888;
}

#DivInformationSelection h3 {
    font: 25px;
    padding: 10px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}

#DivWatchOut{
	float:left;
	width:281px;
	padding:70px 30px 0 50px;
	height:230px;
	background:url(../Pictures/StoreOneItem/LeftArrowGreenRed.png) no-repeat left;
	
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 0;
	
	color:#FFF;
	font-size:18px;
	font-family: 'DIN-BoldRegular';
	text-decoration:none;
	
}

#DivWatchOut:hover{
	
	background-position-y: -300px;
}


/* confirmation de commande */
#DivWatchOutInformationConfirmation{
	width:650px;
	height:300px;
	
	position:relative;
	float:right;
	left:61px;
}
	
#DivInformationConfirmation{
	float:left;
	width:280px;
	min-height:250px;
}

#DivInformationConfirmation span{
	font-family: 'DIN-BoldRegular';
	color:#888;
}

#DivInformationConfirmation h3 {
    font: 25px;
    padding: 10px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}

#DivWatchOut{
	float:left;
	width:281px;
	padding:70px 30px 0 50px;
	height:230px;
	background:url(../Pictures/StoreOneItem/LeftArrowGreenRed.png) no-repeat left;
	
	background-position-x: 0; /*il est possible d'enlever les unités pour une valeur de 0*/ 
	background-position-y: 0;
	
	color:#FFF;
	font-size:18px;
	font-family: 'DIN-BoldRegular';
	text-decoration:none;

}

#DivWatchOut:hover{
	
	background-position-y: -300px;
}

#DivPaySystem{
	float:left;
}

#DivInformationDePaiement{
	float:right;
	width:580px;
	padding:15px;
	height:70px;
	border-top: 1px solid #DADADA;
	
}

.DetailItem{
	color:#888;
	font-size:24px;
	font-family: 'DIN-BoldRegular';
}

.PrixItem{
	color:#999;
	font-size:30px;
	font-family: 'DIN-BoldRegular';
}


#DivBoutonSelection{
	float:right;
	width:580px;
	padding:15px;
	height:120px;
	border-top: 1px solid #DADADA;	
}

/* POPUP LOADER */
#loaderBox{
}



/* DIAPORAMA */

a.ThemeImgLink{
	display:block;
	height:100px;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
	
}

a.ThemeImgLink{
	display:block;
	height:100px;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
	
}

a.ThemeImgLink:hover{
	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #0F0;
		-moz-box-shadow: 0px 0px 10px #0F0;
		box-shadow: 0px 0px 10px #0F0;
	
}

a.WhiteLink{
	color:#FFF;
	text-decoration:none;
}

a.Pagination{
	display:block;
	width:20px;
	height:20px;
	background-color:#000;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	border:1px solid #fff;
}

a.Pagination:hover{
	display:block;
	width:20px;
	height:20px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#000;
	border:1px solid #fff;
}

a.PaginationCurrent{
	display:block;
	width:23px;
	height:21px;
	padding-top:2px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	border:2px solid #fff;
}

a.PaginationCurrent:hover{
	display:block;
	width:23px;
	height:21px;
	padding-top:2px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
}

.PaginationDiv{
	float:left;
	width:100%;
}

.PhotoAccueil{
	width:640px;
	min-height:400px;
	margin-left:20px;
	float:left;
}



.FormDoublon{
	position:relative;
	width:100%;
	float:left;
}
.FormDoublonInterior{
	position:relative;
	text-align:right;
	width:50%;
	min-width:500px;
	float:left;
}


ul.diapoFancy {
margin:0px;
padding:0px;
border:none;
}

.ContentGallery{
	width:99%;
	margin:0 auto;
}

.diapoFancy {
float:left;
padding:5px auto;
margin:0px auto;
width:150px;
height:180px;
border:none;
background-color:#090;
}

.lignediapoFancy{
	margin:0 auto;
	
}

.ImgdiapoFancy{
	text-align:center;
	background-color:#cce196;
	border:0px;
	
	
}

.TextePhotos{
	margin-top:5px;
	padding:2px 2px 1px 1px;
	font-size:12px;
	text-align:left;
	color:#FFF;
}




.Centrage {
	text-align: center;
	padding:5px;
	margin:10px;
	width:140px;
	height:140px;
	display:table-cell;
	vertical-align:middle;
	
	}		
			
.ContourCentrage{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumb.png);
	background-repeat:no-repeat;
}

.ContourCentrageAccueil{
	height:160px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbNew.png);
	background-repeat:no-repeat;
}



.ContourCentrageNewAsk{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbNewAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageNew{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbNew.png);
	background-repeat:no-repeat;
}

.ContourCentrageAsk{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageUpdateAsk{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbUpdateAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageUpdate{
	height:220px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbUpdate.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublon{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumb.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublonNewAsk{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbNewAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublonNew{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbNew.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublonAsk{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublonUpdateAsk{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbUpdateAsk.png);
	background-repeat:no-repeat;
}

.ContourCentrageDoublonUpdate{
	height:240px;
	width:160px;
	float:left;
	background-image:url(../Pictures/Diaporama/Asset/FondThumbUpdate.png);
	background-repeat:no-repeat;
}

.important{
	font-family: 'DIN-BoldRegular';
	font-size:18px;
}


/*NavCol */

#MenuCol {
        color: white;
    	list-style: none;
    	padding: 0;
   		margin: 0;
}

#MenuCol a {
    color: white;
	font-weight: bolder;
    text-decoration: none;
}

#MenuCol a.current {
    color: white;
	font-weight: bolder;
    text-decoration: underline;
}

#MenuCol a:hover {
    color: white;
	font-weight: bolder;
    text-decoration: underline;
}

#MenuCol ul{
	margin: 0px;
	list-style: none;
	padding: 0;	
}

#MenuCol li{
	padding: 5px 0 5px 10px;
	background-image: none;
}