/*<style type="text/css">*/
@media all and (min-width: 1024px) and (max-width: 1279px) {
} /* ----------------------- @media all and (min-width: 1024px) and (max-width: 1279px) */

@media all and (min-width: 768px) and (max-width: 1023px) {
} /* ----------------------- @media all and (min-width: 780px) and (max-width: 1023px) */

@media all and (min-width: 480px) and (max-width: 767px) {
} /* ----------------------- @media all and (min-width: 480px) and (max-width: 779px) */

@media all and (max-width: 479px) {
} /* ----------------------- @media all and (max-width: 479px) */

/******************************************
 * COULEURS : nuances de marron du site
 * Penser aux classes "marron0".
 * #d58536
 * #d1a155
 * #bb844e
 * #ab743e
 * #996837
 * #4c341c brun presque noir
 ******************************************/

@media all {
	
/* ============================ article ========================================================================= */
	
article {
   //color : #d1a155;
	color: #ab743e;
   font-weight : 800;
   font-size : medium;
   line-height: 2em;
   margin-top: 20px;
   text-align : center;
   text-indent : 0%;
   width: 100%;
}

/* ============================ aside =========================================================================== */
	
aside {
   color : #d1a155;
   font-weight : 800;
   font-size : medium;
   margin-top: 20px;
   text-align : center;
   text-indent : 0%;
   width: 100%;
}

aside div.logos {
	display:inline-block;
}

aside div.maps {
	background-color:#ddffdd;
	margin-bottom:3em;
	margin-left:auto;
	margin-right:auto;
	margin-top:3em;
	width:500px;
}

@media all and (max-width: 779px) {
aside div.maps {
	width:80%;
}
} /* ----------------------- @media all and (max-width: 779px) */

@media all and (max-width: 479px) {
aside div.logos {
	display:none;
}
} /* ----------------------- @media all and (max-width: 479px) */

/* ============================ header ============================================================================ */
	
header {
	width:100%;
}

header div {
	//background-color:cyan;
	float:none;
	display:block;
	height:130px;
	margin-left:auto;
	margin-right:auto;
}

header div.separator {
	background-color:#e3b909;
	display:block;
	height:3px;
}

header h1, header h2 {
	//background-color:lime;
	float:none;
}

header img {
	//background-color:red;
	float:left;
	margin-top:-140px;
	width:200px; 
}

header img.lang {
	display:inline-block;
	float:right;
	margin-top:-140px;
	width:auto;
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
header div {
	//margin-right:-15%;
	margin-left:25%;
}

header div.separator {
	margin-left:0;
}
} /* ----------------------- @media all and (min-width: 1024px) and (max-width: 1279px) */

@media all and (min-width: 780px) and (max-width: 1023px) {
header div {
	margin-right:-15%;
}

header h1 {
	font-size:3.5vw;
}

header h2 {
	font-size:2.5vw;
}
} /* ----------------------- @media all and (min-width: 780px) and (max-width: 1023px) */

@media all and (max-width: 779px) {
header div {
	height:17%;
	margin-right:-15%;
}

header h1 {
	font-size:3.5vw;
}

header h2 {
	font-size:2.5vw;
}

header img {
	margin-top:-14%;
	width:20%; 
}

header img.lang {
	margin-top:-14%;
}
} /* ----------------------- @media all and (max-width: 779px) */

/* ============================ nav ============================================================================ */
	
nav {
	border:none;
	text-align:center;
	text-decoration:none;
	width:100%;
}
	border:none;
	text-align:center;
	text-decoration:none;
	width:100%;
}

nav a {
	text-decoration:none;
}

nav div {
	//background-color:green;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	text-align:center;
	width:385px;
}

nav h1 {
	font-size:2em;
	//margin-bottom:-6px;
}

nav h2 {
	font-size:1.5em;
	//margin-top:-8px;
}

nav img {
	//background-color:red;
	width:382px;
}

@media all and (max-width: 1279px) {
nav div {
	width:30.75%;
}

nav h1 {
	font-size:2vw;
	//margin-bottom:-5px;
}

nav h2 {
	font-size:1.5vw;
	//margin-top:-8px;
}

nav img {
	width:100%;
}
} /* ----------------------- @media all and (min-width: 1024px) and (max-width: 1279px) */

@media all and (max-width: 779px) {
nav h1 {
	//margin-bottom:-2px;
}

nav h2 {
	//margin-top:-4px;
}
} /* ----------------------- @media all and (max-width: 779px) */

/* ============================ balises ============================================================================ */
	
A:LINK {
   background: transparent;
   border: none;
}
A:visited {
   background: transparent;
}
A:HOVER {
   color: brown;
   background: transparent;
   font-size: 100%;
   font-weight: bold;
}
A:active {
   background : blue;
}

a.bouton2 {
	background-color: #e3b909;
	color:blue;
	font-family: "Script MT bold", "Lucida Handwriting", cursive;
	font-size: 1.5em;
}
 
a.bouton2:hover {
	background-color: #26f0d2;
	color:black;
	font-family: "Script MT bold", "Lucida Handwriting", cursive;
	font-size: 1.5em;
}
 
a.galerie:hover {
	border: 0;
	color: blue;
	font-weight: 800;
	text-decoration: none;
}

a.galerie img {
	border: none;
}

 body {
  background-color: white;
  text-align : justify;
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: normal;
  /*color: #ab743e;*/
  color: black;
  /*scrollbar-arrow-color: white;
  scrollbar-base-color: red;
  scrollbar-face-color: blue;
  scrollbar-highlight-color: yellow;
  scrollbar-shadow-color: FireBrick;
  scrollbar-track-color: green;*/
 }

div {
	text-align: center;
}

div.col2 {
	float: left;
	width: 50%;
}

div.col3 {
	float: left;
	width: 33%;
}

div.col4a {
	float: left;
	width: 19%;
}

div.col4b {
	float: left;
	width: 30%;
}

/* @media groupé ----------*/

div.cold {
	display: inline;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	width: 300px;
}

div.colg {
	margin-left: auto;
	margin-right: 0;
	text-align: left;
	width: 300px;
}

div.demid {
	float: right;
	text-align: left;
	width: 50%;
}

div.demig {
	text-align: left;
	width: 50%;
}

@media all and (max-width: 767px) {
div.cold {
	display: block;
	margin-left: auto;
	max-width: 300px;
	width:100%;
}

div.colg {
	margin-right: auto;
	max-width: 300px;
	width:100%;
}

div.demid {
	float: none;
	width: 90%;
}

div.demig {
	width: 90%;
}

} /* ----------------------- @media all and (min-width: 480px) and (max-width: 779px) */

div#droitephotos {
	float: right;
	text-align: center;
	width: 50%;
}

div.etroit {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
	width:90%;
}

div.etroit2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width:90%;
}

div#photos {
	float: left;
	text-align: center;
	width: 50%;
}

div#radio {
	display:none;/**/
}

div.recette {
	background-color: red;
	color: yellow;
	float: left;
	font-size: 15pt;
	font-weight: bold;
	margin-left: 1%;
	margin-right: 1%;
	height: 20pt;
	width: 48%;
}

div.titre {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
	width:90%;
}

EM { /* Texte mis en valeur */
   font-size : larger;
   font-weight: bolder;
   color: red;
}

 /* Classes */

h1 {
  text-align : center;
  color: #ab743e;
  font-size: 30pt;  
  font-weight: bold;
 }

h1#encadre {
	color: #4c341c;
	font-size: 18pt;  
}

h1#encadre2 {
	color: #996837;
	font-size: 18pt;  
}

h1.entete {
	text-align : center;
	font-size: 11pt; 
	color: #bb844e;
	font-family: sans-serif;
	margin-top: -15px;
}

h1.jaune {
	text-align : center;
	color: #ffcc00;
	font-size: 20pt;  
	font-weight: bold;
}

 h1.rouge {
  text-align : center;
  color: red;
  font-size: 30pt;  
  font-weight: bold;
 }

 h1.route {
  text-align : center;
  color: #bb844e;
  font-size: 20pt;  
  font-weight: bold;
 }

h1.vert {
  text-align : center;
  color: #99bb00;
  font-size: 30pt;  
  font-weight: bold;
}

h1.violet {
    background-color:#ffffff77;
    /*background-color:yellow;*/
	color:#7d0032;
	font-size: 20pt;  
	font-weight: bold;
	margin-top:40px;
	text-align : center;
}

h2 {
  color: #d58536;
  font-size: 20pt;  
  font-weight: bold;
  text-align : center;
 }

h2.entete {
	text-align : center;
	font-size: 9pt; 
	color: #bb844e;
	font-family: sans-serif;
	margin-top: -10px;
}

h2.jaune {
	text-align : center;
	color: #ffbb00;
	font-size: 10pt;  
	font-weight: bold;
}

 h2.route {
  text-align : center;
  color: #bb844e;
  font-size: 10pt;  
  font-weight: bold;
 }

 h2.serv {
	background: transparent;
  color: #bb844e;
  /*color:#ffcf75;*/
  font-size: 15pt;  
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  text-align : center;
 }

h2.tarif {
	text-align : center;
	color: #bb844e;
	font-size: 15pt;  
	font-weight: bold;
}

h2.violet {
    background-color:#ffffff77;
	color: #7d0032;
	font-size: 10pt;  
	font-weight: bold;
	margin-top:-20px;
	text-align : center;
}

h3 {
  margin-right: 66%;
  font-size: 15pt;  
  font-weight: bold;
}

 h3.serv {
	background: transparent;
  /*color: #f1c175;*/
  color:#ffcf75;
  font-size: 12pt;  
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  text-align : center;
 }

h3.tarif {
	text-align : center;
	color: #bb844e;
	font-size: 15pt;  
	font-weight: bold;
	background: transparent;
	margin-right: 0;
}

 h4 {
  text-align : center;
  font-size: 15pt;  
  font-weight: bold;
  color: red;
  background: yellow;
  }

 h5 {
  text-align : center;
  color: #ab743e;
  font-size: 10pt;  
  font-weight: bold;
 }
 
 hr {
  color: silver;
 }
 
img {
	border:0;
}

img.bigphoto {
	border: 0;
	height: 325px;
}

 img.dimvar {
	width: 60%;
 }
 
 img.dimvar1 {
	width: 90%;
 }
 
 img.f-left {
 	border: 0;
	float: left;
	margin-left: 2em; 
 	margin-right : 2em;
 }
 
 img.f-right {
 	border: 0;
	float: right;
	margin-left: 2em; 
 	margin-right : 2em;
 }
 
img.index {
	border:0;
	/*hspace:0;*/
	margin-bottom: -3px;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: -3px;
/*	padding-bottom: -1px;
	padding-left: -1px;
	padding-right: -1px;
	padding-top: -1px;
	margin:0;
	padding:0;
	vspace:0;*/
}

img.menu {
	border: 0;
	height: 32px;
	width: 162px;
}

label.oblig {
	color: red; 
}

label.oblig2 {
	color: orange; 
}

li {
	/*color: #9b642e;*/
	color:#734F2A;
	color:black;
	list-style-type: square;
	margin-left : -2.5em;
}
 
 p {
  text-align : justify;
  font-size: 10pt; 
  /*color: #bb844e; */
  color: black; 
  font-family: sans-serif;
  margin-left : 2em;
  margin-right : 2em;
  text-indent : 40px;
 }

 p.center {
  text-align : center;
  font-size: 10pt; 
  /*color: #bb844e; */
  color: black; 
  font-family: sans-serif;
  text-indent : 0px;
 }

P.lang { /* texte choix de langue */
   text-align : center;
   text-indent : 0%;
   font-family : "Script MT bold", "Lucida Handwriting", cursive;
   font-weight : 100;
/*   font-size : x-small;
   font-size: small;*/
   font-size: 10.5pt;
   color : #b50021;
}

P.note { /* texte légèrement mis en valeur */
   text-align : center;
   text-indent : 0%;
   font-family : "Script MT bold", "Lucida Handwriting", cursive;
   font-weight : 100;
   font-size : medium;
}

pre {
  font-size: 11pt;
}

span.big {
	font-size: 14pt;
}

span.bigbig {
	font-size: 18pt;
}

span.grey {
	color: #999999;
	font-size: 8pt;
}

span.small {
	font-size: 8pt;
}

table {
   text-align : justify;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
}

table.entete {
	margin-top: -25px;
}

table.index {
	border: 0;
	font-size: 15pt;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
}

table.tarif {
	border: 2px double #bb844e;
	color:#bb844e;
	font-size: 12pt;
	margin-left: auto;
	margin-right: auto;
	text-align : justify;
}

 table.vignettes {
	border: 0;
	left: 0px;
	position: relative;
	top: 0px;
}

table.vignettes2 {
	border: 0;
	left: 0px;
	position: relative;
	top: -325px;
}

td {
	border: 0;
	color: black; 
	font-family: sans-serif;
	font-size: 10pt;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
   text-align : justify;
   text-indent : 0%;
} 

td.address { /* texte pour adresse */
   text-align : center;
   text-indent : 0%;
   font-weight : 800;
   font-size : medium;
   color : #d1a155;
   width: 400px;
}

 td.photo{
   text-align : center;
 }
 
td.tarif {
	border: 2px double #bb844e;
	color: #9b642e;
	font-size: 10pt;
	font-family: sans-serif;
   text-align : justify;
   text-indent : 0%;
}

ul {
	color: black; 
	font-size: 10pt;
	font-family: sans-serif;
}

ul.gauche {
  font-size: 1em;
  font-family: sans-serif;
  margin-left:25px;
  text-align: justify;
}

/* ============================ IDs ================================================================================ */

#adr {
	max-width:585px;
	width:100%;
}

#ad2 {
	max-width:585px;
	width:100%;
}

#kom {
	width:80%;
}
	
/* ============================ classes ============================================================================ */
	
.bas-arrondi
{
	width:90%;
	background-color: #fff3c0;
	-moz-border-radius:0 0 17px 17px;
	-webkit-border-radius:0 0 17px 17px;
	border-radius:0 0 17px 17px;
	/*behavior: url(PIE.htc);
	color: #996837;*/
	color:black;
	margin-left: auto;
	margin-right: auto;
	padding:2em;
	text-align: justify;
}

.black {
 	color:black;
}

.centre {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
   text-indent : 0%;
}

.droite {
	background-color:white;
	border-bottom: 1px solid white;
	float:right;
	/*margin-right:0;
	padding-right:0;*/
}	

.encadre {
	border: 2px double #bb844e;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
   text-indent : 0%;
   width:80%;
}	

.error {
	background-color:fuchsia;
	/*border-color: #bb844e; */
	border-color:red;
	border-style:groove; 
	border-width:5px;
	color:brown;
	font-family:sans-serif;
	font-size:2em;
	text-align:center;
	text-decoration:blink;
}

.fixf {
	font-family:monospace;
}

.gauche {
	background-color:white;
	border-bottom: 2px solid white;
	/*clear:both;
	float:left;*/
}

.gras {
	font-weight: bold;
}

.haut-arrondi
{
	width:90%;
	background-color: #d39000;
	-moz-border-radius: 17px 17px 0 0;
	-webkit-border-radius: 17px 17px 0 0;
	border-radius: 17px 17px 0 0;
	/*behavior: url(PIE.htc);*/
	color: #4c341c;
   font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 0.6em 2em 0.6em 2em;
	text-align: center;
}

.help {
	cursor: help;
	color: green;
	background: #f3e4bb; 
}

.index {
	/*cursor: progress;*/
	color: yellow;
	text-decoration: none;
}

.left {
	list-style-position: outside;
	list-style-type:disc;
	text-align: left;
}

.marron0 {
	color:#4c341c;
}

.marron0b {
	color:#7A2B10;
}

.marron1 {
	color:#996837;
}

.marron2 {
	color:#ab743e;
}

.marron2b {
	color:#ab743e;
    font-size: 1.2em;
}

.marron2c {
	color:#ab743e;
    font-size: 0.9em;
}

.marron3 {
	color:#bb844e;
}

.marron4 {
	color:#d1a155;
}

.marron5 {
	color:#d58536;
}

.new {
	background-color:yellow;
	color:red;
	text-decoration:blink;
}

.nodisplay {
	display: none; 
}
 
.nofloat {
 	clear: both;
}

.noindent {
    text-indent:0;
}

.promo {
	background-color: yellow;
	/*border-color: #bb844e; */
	border-color:black; 
	border-width: 5px;
	border-style:groove; 
	color: red;
	font-family: sans-serif;
	text-align: center;
}
 
.red {
 	color:red;
}

.souligne {
   text-indent : 0%;
   font-weight : 600;
	text-decoration: underline;
}

.smaller {
	/*font-size:smaller;*/
	font-size:15pt;
}

.tr-corps {
	/*background-color:yellow;*/
	display:inline-block;
	float:none;
	width:100%;
}

.tr-li {
	/*background-image:url("images/lignesuivi.gif");
	background-repeat:repeat-x;
	background-color:white;
	border-bottom: 1px dashed #000;*/
	border-bottom: 1px dotted #000;
	/*display:list-item;
	list-style-position: outside;
	list-style-type:disc;
	margin-right:0;
	padding-right:0;
	width:100%;*/
}

.tr-liste {
	font-family:monospace;
	/*list-style-position: outside;
	list-style-type:disc;*/
	margin-left:20px;
	margin-right:0;
	padding-right:10px;
	text-align:left;
	/*width:100%;*/
}

.tr-logo {
	/*background-color:blue;*/
	display:block;
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.tr-main-title {
	font-size:2em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.tr-page {
	border: 2px double #bb844e;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
   text-indent : 0%;
   width:1024px;
}

.tr-ste {
	/*background-color:lime;*/
	float:left;
	font-size:1.8em;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
}

.tr-title {
	border-bottom: 2px double red;
	font-size:1.5em;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

.tr-title::first-letter {
	color:red;
}

.violet {
	color:#7d0032;
}

@media all and (max-width: 767px) {
.tr2 {
	background-color:lime;
	display:none;
}
} /* ----------------------- @media all and (min-width: 480px) and (max-width: 779px) */

.vignette {
	border: 0;
	height: 150px;
	text-align: center;
	width: 150px;
}
}

@page { size:landscape; margin-right: 1cm; }

@media print {
div.recette {
	background-color: white;
	color: red;
}

}
/*</style>*/