body { 

margin: 0px 0px 0px 0px;

/*
background: #171311 ;
*/
background: #FFF ;

}

* {

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

A:link , A:active , A:visited { color: #FE650A ; text-decoration: none }  
A:hover { text-decoration: underline  }



.minipageOnglets {
    clear:both;
    border-left:   1px solid #7B6B63 ;  
    border-right:  1px solid #7B6B63 ;  
    border-top:    0px solid #7B6B63 ;  
    border-bottom: 1px solid #7B6B63 ;  
    margin-bottom: 0px ;

    clear: both;
    float: left;
    background-color: #456;
    border: 0;
    padding: 0px;

    width: 988px; 
}

.minipageRedac {
    clear: both;  
}


img { border: 0px ; }
img.vignette { border: 0px dashed #FE650A; }
img.vignetteZonegeo { border: 2px solid #FFFFFF; }
img.vignetteTheme { border: 0px solid #FFFFFF; }

img.borderWhite2px { 
	border: 2px solid #FFFFFF; 
}

img.w320 { 
	border: 2px solid #FFFFFF; 
	width: 320px;
}

img.w400 { 
	border: 2px solid #FFFFFF; 
	width: 400px;
}

img.w540 { 
	border: 2px solid #FFFFFF; 
	margin-top: 40px;
	width: 540px;
}

img.w760 { 
	border: 2px solid #FFFFFF; 
	width: 760px;
}



H1 {font-family: Georgia, Times New Roman, Times, serif ; font-size: 14pt ; margin:0px ; color: #FFF4DF }
H2 {font-family: verdana,arial ; font-size: 12pt ; margin:0px ; color: #FFF4DF }
H2.fichesimple {font-family: Georgia, Times New Roman, Times, serif ; font-size: 18pt ; margin:30px ; color: #eee } 
H3.fichesimple {font-family: Georgia, Times New Roman, Times, serif ; font-size: 14pt ; margin:30px ; color: #fff }
H3 {font-family: Georgia, Times New Roman, Times, serif ; font-size: 10pt ; margin-bottom:5px ; color: #FFF4DF }

TD { font-family: verdana,arial ; color: #FFF4DF ; font-size: 10pt }
TD.ficheSimple { font-family: verdana,arial ; color: #FFF ; font-size: 10pt }
TD.test  { line-height:14pt ;  font-family: verdana,arial ; color: #202020 ; font-size: 10pt }
TD.t2 {	font-family: times new roman ; color: #000000 ; font-size: 12pt  ; font-style : normal}
TD.t0 {	font-family: times new roman ; color: #000000 ; font-size: 12pt  ; font-style : normal}

div.hautPage{ 	

   width:990px ;
/*
   margin:40px 0px 0px 0px ;
   background-image: url(panos/rochers-freyr.jpg) ;
   background-position:right bottom ; 
   
*/   
   padding:0px;
	background-color:#FFF;



   }

div.milieuPage { 	
	background-color:#352A27;
	padding-bottom:   50px  ;  	
}   

div.fildariane { 	
   float:left;
  	background-color:#FFFFFF;
  	padding:5px 10px 5px 0px;
	color: #303030 ; 
	font-family: arial ; 
	font-size: 11pt; 
	font-weight: bold; 
}
		
div.serievignettes { 	
	clear:both;
	border-left:   1px solid #7B6B63 ;  
	border-right:  1px solid #7B6B63 ;  
	border-top:    0px solid #7B6B63 ;  
	border-bottom: 1px solid #7B6B63 ;  
	margin-bottom: 0px ;
     
	background-color:#504540;

	font-family: verdana ; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align:center;  
}


div.partie1 { 	

	clear:both;	
	padding:4px ; 
	font-family: arial; 
	color: #FFF4DF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align:left;  
}

#contPartie1 {
	border: 0px;
	padding: 0px;
	margin: auto;
    width: 990px;
}

div.bandeau1 { 	
	clear:both;
	margin: 0px;

	background-image: url(f/07.gif) ;
	background-position:top ; 

	padding : 5px ; 
	border-top: 0px solid #8B7B73 ;  
	border-bottom: 0px solid #8B7B73 ;
	background-color:#64554E;
	font-family: verdana ; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align:center;  
}	

div.partie2 { 	
	clear:both;
	width: 210px ;
	padding:0px ; 
	border-top: 0px solid #7B6B63 ;  
	border-left: 1px solid #7B6B63 ;  
	border-bottom: 1px solid #7B6B63 ;  
	background-color:#64554E;
	font-family: arial; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align:left;  
}	

div.partie3Titre { 	 
	margin-top: 0px  ;
	margin-left: 5px  ;
	padding: 10px ; 
/*   width: 730px ; */
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: bold; 
	text-align:left;  
}

div.partie3Separation { 	 
	clear:both;
	height:30px;
	padding:0px ;
	border-bottom: 1px solid #7B6B63 ;  
}

div.autresregions { 	 
	background-color:#5D4E47;
	padding: 2px ; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: bold; 
	text-align:left;  
}

div.boutonsGauche { 	 
	padding:10px ; 
	border-top: 1px solid #7B6B63 ;  
	border-left: 0px solid #7B6B63 ;  
	border-bottom: 0px solid #7B6B63 ;  
	background-color:#64554E;
	font-family: arial; 
	color: #FFFFFF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align:right;  
}	

div.titreResto { 	 
  /*  	clear:none;
    	float:left; */
	margin : 0px 50px 0px 0px ;  	
	padding: 10px 10px 10px 0px ; 
	font-family: Georgia, Times New Roman, Times, serif ; 
	color: #FFF4DF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align: left;  
}	

div.ongletsResto { 	 
	clear:left;
	background-color:#64054E;  
}

div.boutonTopResto { 	 
	clear:none;
	float:left;

	height:47px ;
	background-image: url(f/ongletResto01.gif) ;
	background-position:right bottom ; 

	margin : 0px  ;   	
	padding-left: 20px ; 
	padding-right: 20px ; 
	border-top: 0px solid #7B6B63 ;  
	border-left: 0px solid #7B6B63 ;  
	border-right: 1px solid #7B6B63 ;  
	border-bottom: 0px solid #7B6B63 ;  
	font-family: verdana ; 
	color: #FFF4DF ; 
	font-size: 12pt; 
	font-weight: normal ; 
	text-align:center;  
}	

div.rubriqueHaut { 	 
/*
   background-image: url(f/tab02.gif) ;
   background-position:right bottom ; 
*/
   clear:none;
  	float:left;
  	height: 40px;
	padding:5px 10px 5px 10px ; 
	border-top: 0px solid #7B6B63 ;  
	border-left: 0px solid #7B6B63 ;  
	border-right: 1px solid #7B6B63 ;  
	border-bottom: 1px solid #7B6B63 ;  
	background-color:#64554E;
	font-family: Georgia, Times New Roman, Times, serif ; 
	color: #FFF4DF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align:center;  
}	
 
div.rubriqueHautActive { 	 
   background-image: url(f/tab01.gif) ;
   background-position:right bottom ; 

   clear:none;
  	float:left;
	height: 40px;
	padding:5px 10px 5px 10px ; 	
	border-top: 0px solid #7B6B63 ;  
	border-left: 0px solid #7B6B63 ;  
	border-right: 1px solid #7B6B63 ;  
	border-bottom: 0px solid #7B6B63 ;  
	background-color:#64554E;
	font-family: Georgia, Times New Roman, Times, serif ; 
	color: #FFF4DF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align:center;  
}	

div.rubriqueBas { 	 
	padding:0px; 
	border: 0px;  
	background-color:#64554E;
	font-family: Georgia, Times New Roman, Times, serif ; 
	color: #FFF4DF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align:center;  
}	

div.rubriqueBasActive { 	 
	padding:0px; 
	border: 0px;  
	background-color:#64554E;
	font-family: Georgia, Times New Roman, Times, serif ; 
	color: #FFF4DF ; 
	font-size: 14pt; 
	font-weight: normal; 
	text-align:center;  
}	

div.vignette { 	 
	font-family: verdana ; 
	color: #FFFFFF ; 
	font-size: 8pt; 
	font-weight: bold; 
}

div.navbar { 	 
	background-color:#171311 ;
   border-top: 2px solid #504540 ;
	padding-top: 20px ; 
	padding-bottom: 20px ; 

	font-family: verdana ; 
	color: #000000 ; 
	font-size: 10pt; 
	font-weight: bold; 
}

div.selectionLangue  {
   clear:none;
  	float:right;
	margin: 15px 5px 5px 5px ;
	padding: 5px  ;
	background-color:#64554E;
   border: 1px solid #352C27 ;
   font-family: Georgia, Times New Roman, Times, serif ; font-size: 12pt ; 
	color: #FFFFFF ; 
}

/* ---------------------------------- */

form.lc01 {
	padding:0px;
}

fieldset.lc01 {
	padding: 0px;
	margin: 0px;
}

legend.lc01 {
	color:#a0522d;
	font-weight:bold
}

label.lc01 {
	margin-top:20px;
	display:block;
}

label.inline {
	display:inline
}

input.lc01 {
	margin:0px 0px 0px 0px ;
	border:1px solid black;
	background-color:#DFE6EF;
	font-size: 12pt;
	font-family: verdana ; 
}

input.img {
	margin:0px 0px 2px 0px ;
	border:0px ;
}

input[type=radio] {
	margin-right:50px;
	background-color:transparent;
	border:none;
}

select, option {
	opacity: 0.5;
}

textarea.lc01 {
	border:2px solid black;
	background-color: #A6BEDE; 
}

/* ---------------------------------- */

div.congesPlusClair {
	border:2px solid #fff; 
	font-weight: bold;
	margin:5px;
 	padding:10px;
	background-color: rgba(255, 255, 255, 0.2);
} 

div.congesPlusFonce {
	border:2px solid #fff; 
	font-weight: bold;
	margin:5px;
 	padding:10px;
	background-color: rgba(0, 0, 0, 0.2);
} 
 
.encartConges-clair {
	background-color: rgba(255,255,255,.4);
	padding : 5px;
}

.encartConges-sombre {
	background-color: rgba(0,0,0,.1);
	padding : 5px;
}

a.lienPave {
	font-family: arial;
	font-size: 12pt;
	color: #FFD15D;
}

img.pictoPave {
	border: 0px; 	
	vertical-align: middle;
	margin: 0px 10px 0px 20px;
}

td.widthFSgauche {
	width: 440px;
}

div.containerFS { 		
	clear: both;
	max-width: 988px ; 
	padding: 10px 0px 30px 0px ;
	border-left:   1px solid #7B6B63 ;  
	border-right:  1px solid #7B6B63 ;  
	border-top:    0px solid #7B6B63 ;  
	border-bottom: 1px solid #7B6B63 ;  
	margin-bottom: 0px ;
     
	background-color:#504540;

	font-family: verdana ; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align:center;  
}

div.containerFS02 { 		
	clear: both;

	display: flex;
	flex-direction: row;

	width: 988px ; 
	padding: 0px 0px 30px 0px ;
	border-left:   1px solid #7B6B63 ;  
	border-right:  1px solid #7B6B63 ;  
	border-top:    0px solid #7B6B63 ;  
	border-bottom: 1px solid #7B6B63 ;  
	margin-bottom: 0px ;
     
	background-color:#504540;

	font-family: verdana ; 
	color: #FFFFFF ; 
	font-size: 12pt; 
	font-weight: normal; 
	text-align: center;  
}

.fsgauche {
	order: 1;
	margin: 20px 20px 20px 40px;	
	width: 540px;

	text-align: left;
}

.fsdroit {
	order: 2;
	margin:20px;	
	background-color: #342C2C;
	width: 320px;
	border-left: 0px;
	padding: 0px;
	
	text-align: left;
}

.formulaireChercher {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


.VVGoogle {
	background-color: #fff;
	width: 760px;
	margin: 40px 0px 20px 0px;
	padding: 2px;
	clear: both;

}



.boutonReservationClair {
	width: 200px;
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	color: red;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: background-color .6s;
}

.boutonReservationClair:hover {
	background-color: #ddd; 
	-moz-border-radius: 9px;
	border-radius: 9px;	

	transition: background-color .6s;
}

.bannerHautResto {
    clear:both;
    border: 0px;
    padding: 20px;
    margin-top: 10px;
     
    background-color:#64554E;

    font-family: verdana; 
    color: #FFFFFF; 
    font-size: 16pt; 
    font-weight: normal; 
    text-align:center;  
}

.debugBottom {
	margin-top: 20px;
	color: rgba(255,255,255,0);
}


/*  ********** 2019 **************  */

div.contMenusCartes { 
    border: 0;
}

div.contMenusCartes img { 
    width: 90%;
    margin: 20px 0 20px 0;
}


.bandeau001 {
    clear: both; 
    background-color: white; 
    width: 100%; 
    padding: 30px; 
    text-align: center; 
    font-family: 'Krub', sans-serif;    
    color: #222; 
    font-size: 24px;
}



/* --------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 920px) {


img.menucarte2018 {
    width: 100%;
    margin: 20px 0 20px 0;
}


div.containerFS02 { 		
	flex-direction: column-reverse;	
	width: 100%; 
}

.fsgauche {
	width: 100%; 
}

.fsdroit {
	width: 100%;
	margin: 0px 0px 40px 0px ;	
}

a.lienPave {
	font-size: 18pt;
}


td.widthFSgauche {
	width: 100%;
}
 

.mobileOff {	
	display: none;
}


}