@import url("/fonts/fonts.css");
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap'); /* fine penchee liée */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); /* Classique elegante */

@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap'); /* Classique elegante */
@import url('https://fonts.googleapis.com/css2?family=Scada&display=swap'); /* Classique legerement ronde */

/*@font-face {
    font-family: 'Sansation';
    src: url('/fonts/Sansation_Regular-webfont.eot');
    src: url('/fonts/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Sansation_Regular-webfont.woff') format('woff'),
         url('/fonts/Sansation_Regular-webfont.ttf') format('truetype'),
         url('/fonts/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-style:  normal;
}
*/
html {background:url(courbe.png);
	font-size:var(--tail-tx-base);
	margin:0px;padding:0px;
	text-align:center;
	color:#eee;	height:100%;
}

#test {color: #8A6D09; font-family: "Times New Roman"; }

/*  1er  style general BEIGE*/
/*
:root {
	--coul-tx-pinceau :#EEE  ; 
	--coul-fd-presentat : #ADB340;    
	--coul-fd-onglet : #8A6D09;; 
	--coul-fd-plan-com : #7E8666  ;  
	--coul-ombr-vignet :#eee ; 
	--coul-hr-rub:#a6c2ff;
	--coul-liens : #215544 ;
	--font-fam-tx-pinceau: "Sansation" ;
	--font-fam-tx-com: "Verdana";
	--tail-tx-grand :1.9rem ;
	--tail-tx-moyplus:1.5rem ;
	--tail-tx-moy :1.3rem ;
	--tail-tx-base:19px  ;	
}

/*  2eme   style general  BLEU*/

:root {
	--coul-tx-pinceau : #f7dba7    ; 
	--coul-fd-presentat : #1985a1;  
	--coul-fd-onglet : #251F47; 
	--coul-fd-plan-com :#404E7C  ;  
	--coul-ombr-vignet :#eee ; 
	--coul-hr-rub:#a6c2ff;
	--coul-liens : #215544 ;
	--font-fam-tx-pinceau: "Indie Flower" ;
	--font-fam-tx-com: "Montserrat";
	--tail-tx-grand :1.9rem ;
	--tail-tx-moyplus:1.5rem ;
	--tail-tx-moy :1.3rem ;
	--tail-tx-base:19px  ;	
}

/*  3er  style general  VERT*/
/*
:root {
	--coul-tx-pinceau : #72B01D  ; 
	--coul-fd-presentat : #3A5935;    
	--coul-fd-onglet : #3F7D20; 
	--coul-fd-plan-com :#6E8898  ; 
	--coul-ombr-vignet :#eee ; 
	--coul-hr-rub:#a6c2ff;
	--font-fam-tx-pinceau: Sansation ;
	--font-fam-tx-com: "Verdana";
	--tail-tx-grand :1.9rem ;
	--tail-tx-moyplus:1.5rem ;
	--tail-tx-moy :1.3rem ;
	--tail-tx-base:19px  ;	
}
*/

#general{
	position: relative;top:0px; 
	width:96%;
	margin-left:auto; margin-right:auto;
}

.bandeau_header {
	height:70px;width:100%;
	position:relative;	top:5px;
	padding:0px; 
	line-height:70px; text-align:center;
	overflow:hidden; 
	white-space:nowrap;
	font-family: var(--font-fam-tx-pinceau);	 font-weight: BOLD;  	font-size:2.2rem/*54px*/;
	color: var(--coul-tx-pinceau);
	border-width:0px;
	box-shadow: 18px 18px 10px  var(--coul-fd-onglet); 
	background: linear-gradient(to right,var(--coul-fd-presentat) , var(--coul-fd-presentat) );
}
.bandeau_header:before {   content:" LE WAGGA \00202F\00202F  \00202F \00202F\00202F\00202F  RESTAURANT  \00202F\00202F\00202F    \00202F\00202F\00202F  CAMPING "; }
.image-clignote {
	animation-duration:4s;
	animation-name: clignoter;
	animation-iteration-count:infinite;
	transition: smooth;  }
@keyframes clignoter {
	0%  { opacity:1;}
	40% { opacity:1;}
	50%  { opacity:0.8;}
	60% { opacity:1;}
	100% { opacity:1;}
	}	
#menu {
	position:absolute;top:150px;left:6px; margin-top:0px;	
	width:80px;height:78%;
	text-align:left; 
}

#afficheur {
	position :absolute;top:150px; left:164px; right:30px; height:1500px;
	
}
	
#bande_vertical  { height: 100%;
   width:75px; 
	background-color: var(--coul-fd-onglet) ;  overflow:hidden;
}
#bande_vertical_texte{ display:block;
	white-space:nowrap; 
	font-family:var(--font-fam-tx-pinceau);font-size:var(--tail-tx-moyplus); font-weight:bold ;
 	color:var(--coul-tx-pinceau) ; letter-spacing:4px;
	position:absolute;		bottom:0px;	left:6px;	
	transform-origin:bottom left; 
	transform:rotate(-90deg)  translateY(56px)translateX(130px) ; 
}

#afficheur_zone_utile { height:100%;
	margin-left:76px;	margin-right:10px;
	position:absolute;	top:0px; 	left:2px; 	right:0px;
	text-align:center;
/*	 scrollbar-size: auto; */
	overflow-y:scroll; /*	overflow-x:hidden;  */
	font-family: var(--font-fam-tx-com);	font-size:var(--tail-tx-moy);
	background-color : var(--coul-fd-plan-com); 	padding-left:28px; 	padding-right:28px;
}
#afficheur_zone_utile::webkit-scrollbar{width:10px} 
#bande_vertical_droit {
	position:absolute;top:0;right:0px; margin-right:1px; width:6px; height:100% ; 
	background-color:var(--coul-fd-onglet);
}
.fond_deroul_paysage { background:url(../photos/fond.jpg) 0 0 no-repeat; background-size: cover;}

.surbrillance p:hover {color:#555}
a:link{ color: var(--coul-liens) ;	text-decoration:none} 
a:visited{ color: var(--coul-liens);	text-decoration:none} 
a:hover{color: var(--coul-liens);	 }


.nav_menu a div:hover { background-color: #CCCCCC;}

.nav_menu {font-family:Tahoma; font-size:0.8rem;
	height:23px;width:440px;
	position: absolute;top:-22px;
	background-color: #666666;margin-left:30%; z-index:10;
}

.table_tar_camp {font-family:var(--font-fam-tx-com); font-weight:normal; 
	border-collapse: collapse; width:98%; }
.table_tar_camp td{border:1px solid white;padding:8px;}

li{font-family: var(--font-fam-tx-com); font-weight:normal; letter-spacing:0.05rem}
.f_text {font-family: var(--font-fam-tx-com) ; font-weight:normal; letter-spacing:0.05rem}



/*.texte_titre_moy {	font-family:Bearpaw; font-size:2em;  color: #eeeeee ; letter-spacing:0.1em; }
*/

.ico_menu {	
	clip-path: polygon(10% 0%,  100% 0%,  100% 100%,  0% 100%    );
	width:130px;	height:130px; 
	vertical-align:middle; 
	margin-left:10px; 
	background-color:var(--coul-fd-presentat) ; /*  #666666;  */
}

/*.t_menu {  float:right; 
	border-top-right-radius:105px; -moz-border-top-right-radius:105px;
	border-bottom-right-radius:105px; -moz-border-bottom-right-radius:105px;  
	line-height:52px;	
	font-family:Bearpaw;	
	width:100px;	 height:52px;
	padding-left:10px;	padding-bottom:8px;
	margin-right:18px;
	background-color: #393 ;
}
*/
a:hover span.t_menu { box-shadow: 8px 8px 4px  #006600; -moz-box-shadow: 8px 8px 4px  #006600;  }

.nom_groupe_ombre {box-shadow:1px 1px 50px  #fff;background-color:#666666; border-radius:10px; padding:20px;width:80%; margin-left:auto; margin-right:auto;margin-top:26px; margin-bottom:26px}

.plat_ombre img{ box-shadow:1px 1px 20px  var(--coul-ombr-vignet);width:20px; border-radius:70px;}

.assiette {float:right;margin-left:25px; margin-top:25px; background-position:center; background-size:cover;width:140px; height:140px;  box-shadow:1px 1px 20px  var(--coul-ombr-vignet);border-radius:70px;}

.imag_interact { 
	 margin-bottom:30px;	
	border-radius:45px 0px 45px 0px; 
	-webkit-transition: 1s ease-in-out;
	transition:1s ease-in-out;
}
.imag_camp {width:32%;}
.imag_inf,.imag_camp {box-shadow: 10px 5px 8px var(--coul-ombr-vignet); margin-left:40px;width:36%;}
.zoom_g {transform-origin:left center;}
.zoom_d {transform-origin:right center;}

.imag_interact:hover{
	-moz-transform:scale(2.2); -webkit-transform:scale(2.2);-ms-transform:scale(2.2);
	z-index:10;position:relative;
}

.vig_plats {float:right;margin-left:45px; margin-top:45px;}

.arrond_4coin {border-radius:15px 15px 15px 15px; }

.titre_page {font-size:var(--tail-tx-grand ) ; color:var(--coul-hr-rub); font-family:var(--font-fam-tx-pinceau);float:left; margin-top:20px; margin-left:20px ; text-align:center; }

.span_rub { font-size:var(--tail-tx-moy) ; color:var(--coul-hr-rub);display:block;  text-align:left;}

.mincebarre {margin-left:auto; margin-right:auto; height:1px; background-color:var(--coul-hr-rub); color:var(--coul-hr-rub);	border: 0px;
 width:80%;}