@charset "utf-8";
/* CSS Document - structure de toutes les pages  - DESKTOP et MOBILEs */


/*CLASSES STRUCTURE .......... TOUT : pour DESKTOP et MOBILE .................................................................................................................*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#piedpage {
	width: 100%;
	height: 80px;
	position: relative;
	clear: both;
	margin-bottom: -10px;

	background-image: url(images/general/piedpage.jpg);
	background-repeat: repeat-x;
	background-position: center;
	}

.containertop {
	float:left;
	width: 100%;
	text-align:center;
	display: block;
	clear:both;
	overflow:hidden;
}

.containerbas {
	float:left;
	width: 100%;
	text-align:center;
	display: block;
	clear:both;
	margin-top: 0px;
	margin-bottom: 50px;
	overflow:hidden;

}	


	
/*CLASSES STRUCTURE .......... pour DESKTOP.................................................................................................................*/
@media only screen and (min-width: 601px) {

.logo-desktop-wrap {
	position:absolute;
    top: 348px;	
	width: 100%;
	text-align:center;
	height:50px;

	z-index:5;
	}

.logo {
	width:80%;
	max-width: 1800px;
	min-width: 950px;
	margin: 0 auto; 

	text-align:right;
	}
	
.logo-breadcrumb {
	display:none;
	}
			
	
.reserve {
    width:15%;
	min-width: 80px;
	max-width: 250px;
    height:48px;
	float:right;
	/*background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;*/
	z-index:3;
	margin-right: 0px;	/*pour aligner avec menu central était 5%*/
	
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	}

a.reserve-bt  {
    width: 225px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}
	
a.reserve-bt:active  {
    width: 225px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	
	
a.reserve-bt:link {
    width: 225px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	
	
a.reserve-bt:visited  {
    width: 225px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}		
	
a.reserve-bt:hover {
    width: 225px;
    height:48px;
	background-image: url(images/general/back-bt-reservedw.png);
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	}

.bandeau {
	width: 100%;
	height: 519px;
	max-width: 2500px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	clear: both;
	overflow:hidden;
	/*background-image: url(images/headers/header1bis.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	}

.menu-main-wrap {
	float:left;
	position:absolute;
    top: 30px;
	width: 100%;
	text-align:center;
	height:300px;
	z-index:3;
	}
	
.menu-wrap80 {
	width: 80%;
	text-align:center;
	max-width: 1800px;
	min-width: 950px;
	margin: 0 auto; 
	}
	
	
.menu-main {
    width:12%;
	min-width: 128px;
	max-width: 360px;
    height:300px;
	float:left;
	margin-left: 0px;	/*pour aligner avec menu central - était 5%  */

	z-index:3;
	}
	
.menu-golf-wrap {
	position: absolute;
	top: 411px;   /*était 407  */
	width: 100%;
	text-align: center;
	height: 113px;
	z-index: 2;
	background-image: url(images/general/back-menu-golf.png);
	background-repeat: repeat-x;
	}
			
.menu-golf {
	width:80%;
	max-width: 1800px;
	min-width: 950px;
	margin: 0 auto; 

	z-index:2;
	height: 113px;

	}

.menu-golf-pos {
    position:absolute;
    bottom:0;
	width:80%;
	height: 36px;
	max-width: 1800px;
	min-width: 950px;
	margin-right: 0px;   /* Ajout soir pour aligner avec menu central*/
}

.menu-golf-posOLD {
    position:absolute;
    bottom:0;
width:80%;
height: 36px;
}

.div2 {
    position:absolute;
    bottom:0;
	width:80%;
	height: 36px;
	
	max-width: 1800px;
	min-width: 950px;
	
}

			
.contentpage-wrap {
	width: 80%;
	max-width: 1800px;
	min-width: 950px;
	margin: 0 auto; 
    padding-top: 20px;	/*pour dégager du haut - était 20px*/
	padding-left: 0px;	/*pour aligner avec menu central était 5%*/
	padding-right: 0px;	/*pour aligner avec menu central était 5%*/
		
	min-height: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}	

.contenu {
	width:100%;
	max-width: 1800px;
	min-width: 950px;
	margin: 0 auto; 
	text-align: left;

	}
	
}



/*CLASSES STRUCTURE ..........pour MOBILE ................................................................................................................................*/

@media only screen and (max-width: 600px) {
	
.logo-desktop-wrap {
	display: none;
	}

.logo-breadcrumb {
	display:block;
	min-width: 300px;
	z-index:10;
	}
	
.logo {
	width:80%;
	min-width: 395px;
	margin: 0 auto; 
	background-color:#FF2222;
	text-align:left;
	}
			
	
.reserve {
    width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto; 
	margin-right: auto; 
    height:48px;
	/*background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;*/
	padding-top: 5px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	
	float:left;
	display: block;
	clear:both;
	}
	

	
a.reserve-bt  {
    width: 200px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	
	
a.reserve-bt:link  {
    width: 200px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}		

a.reserve-bt:active  {
    width: 200px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	

a.reserve-bt:visited  {
    width: 200px;
    height:48px;
	background-image: url(images/general/back-bt-reserve.png);
	background-repeat: repeat-x;
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	
			
a.reserve-bt:hover {
    width: 200px;
    height:48px;
	background-image: url(images/general/back-bt-reservedw.png);
	z-index:3;	
	text-align: center;
	text-decoration: none;
    margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 100;
	padding-top: 15px;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}	



.bandeau {
	width:100%;
	height:265px;
	float:left;
	display: block;
	clear:both;
	overflow:hidden;
	/*background-image: url(images/headers/header1_sm.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	}



	
.menu-main-wrap {
	float:left;
	width: 100%;
	text-align:center;
	display: block;
	clear:both;
	}
	
.menu-wrap80 {
	float:left;
	width: 100%;
	text-align:center;
	display: block;
	clear:both;
	}

.menu-golf-wrap {
	/*float:left;
	width: 100%;
	text-align:center;

clear:both; .........................la*/
	display: none;
	}
		
.menu-main {
    width:100%;
	/*background-color:#FF6699;*/
	}
	
.menu-golf {
	/*
	width:100%;
	margin: 0 auto; 
	.........................la*/
	}

.menu-golf-pos {

}
	
		
.contentpage-wrap {
	width: 100%;
	margin: 0 auto; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;

}

.logoleft {
	float:left;
 }
 
 .iconeright {
	float:right;
	margin-top:8px;
	margin-right:2px;
 }
}

/*MENU BREADCRUMB ......................................................................................................*/

.dropbtn {
	padding: 0px;
	border: none;
    background-color: #ffffff;
	float: right;
}

.logoleft {
	float:left;
	border: none;
	margin-left:2px;
 }
 
 .iconeright {
	float:right;
	margin-right:3px;
		/*margin-top: 8px;*/
 }
 
 /* Change le background color du bouton breadcrumb quand le dropdown content est en Shown */
.dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}
 
 
 
 
/* Container <div> - Contenu du menu dropdown et boutons top */
.dropdown {
	    display: block;
}


/* Contenu du menu Dropdown  (Caché par défaut) */
 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1000;
}

/* Liens dans le menu dropdown */
 .dropdown-content a {
	display: block;
	padding-left: 30px;
	margin-left: 0px; 
	margin-right: 0px; 
    text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: 100;
	text-decoration:none;
 	background-color: #2c511a;
	height: 28px;
    vertical-align: middle;
	 
    /*color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;*/
}

/* Changer couleur des liens du menu dropdown si en Hover */
 .dropdown-content a:hover {background-color: #87b21b;}

/* Show dropdown menu en Hover */
.dropdown:hover .dropdown-content {
    display: block;
}



.dropdown-content li.item-bc { 
    width:100%;
    margin-bottom:3px;
    padding:0px;  
	float:left;
    vertical-align: middle;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: 100;
	text-decoration:none;
	display:block;
}


.dropdown-content ul {
 padding:0;
 margin:0;
 list-style-type:none;
}

 
.pad8 { 
    padding-top:6px; 
	padding-bottom:6px;
		color: #FFF;
}	

.dropdown ul {
 padding:0;
 margin:0;
 list-style-type:none;
}



 

.a {
}