html { 
			background: url(cadres_nonas/mur2.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			font-size: 100%;
		}

	a:link          {color: #728C06; text-decoration: none}
a:visited       {color: gray; text-decoration: none}
a:active        {color: #A2CA00; text-decoration: none}
a:hover         {color: #A2CA00; text-decoration: none}
.opac { FILTER: alpha(opacity=60); moz-opacity: .3}
.clair { FILTER: alpha(opacity=100)}

body { 
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:#ccff00;
scrollbar-base-color:white;
scrollbar-darkshadow-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:gray;
scrollbar-shadow-color:white;

}  
.fleche_g {
		 /*display: none;  Hidden by default */
  width:15px;
  height: auto;
  margin-top: -15px;
  position: fixed; /* Fixed/sticky position */
  top: 50%; /* Place the button at the bottom of the page */
  left: 25px; /* Place the button 30px from the right */
  z-index: 1000; /* Make sure it does not overlap
-moz-transform: scale(1.5); 
  -webkit-transform: scale(1.5));
  transform: scale(1.5); */

}
.fleche_d {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		 /*display: none;  Hidden by default */
  width:15px;
  height: auto;
  margin-top: -15px;
  position: fixed; /* Fixed/sticky position */
  top: 50%; /* Place the button at the bottom of the page */
  right: 25px; /* Place the button 30px from the right */
  z-index: 1000; /* Make sure it does not overlap */
}
@font-face {
font-family: "Armata";
src: url('http://laurent.images.free.fr/vegas/armata.eot');
src: local("Armata"),
local("Armata"),
url('http://laurent.images.free.fr/vegas/armata.ttf') format('truetype'),
url('http://laurent.images.free.fr/vegas/armata.woff') format('woff'),
url('http://laurent.images.free.fr/vegas/armata.svg') format('svg');
}

body { 
  margin: 0; 
  padding: 0; 
  font-family: "Armata", Verdana, Arial, Helvetica, FreeSans, sans-serif;
  font-size: 0.9em;
  line-height: 1.4;
} 

/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #339900; 
} 
a:visited { 
  color: #339900; 
} 
a:hover, a:focus, a:active { 
  text-decoration: none;
  color: #A2CA00;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
} 


/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Titres */ 
h1 { 
  display: inline-block;
  margin-top: 0;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 80px; 
  text-align: left;
  line-height: 0.8;
  color: black;
  text-shadow: 0px 0px 5px #000; 
} 
h1 span { 
  display: block;
  font-weight: normal;
  font-size: 50px; 
  color: red;
  text-shadow: 0px 0px 5px #000; 
} 
h1 a, h1 a:visited {
  color: white;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 15px #fff; 
}

h2 { 
  font-size: 1.5em;
  color: #A2CA00;
  margin-top:11px; 
} 

h3 { 
  display: inline-block;
  margin-top: 0;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 16px; 
  text-align: left;
  line-height: 0.8;
  color: #ccff00;
  text-shadow: 0px 0px 5px #000; 
} 
h3 span { 
   font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
   display: block;
  font-weight: normal;
  font-size: 15px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h3 a, h3 a:visited {
  color: #ccff00;
  text-decoration: none;
}
h3 a:hover, h3 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 5px #eeeeee; 
}

h4 { 
  display: block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 12px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h4 span { 
  display: block;
  font-weight: italic;
  font-size: 12px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h4 a, h4 a:visited {
  color: #000;
  text-decoration: none;
}
h4 a:hover, h4 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 5px #000; 
}

h5 { 
  display: inline-block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 17px; 
  line-height: 1;
  color: black;
  text-shadow: 0px 1px 2px #000000; 
}
.prix { 
  font-size: 1.4em;
  color: #000;
  font-weight: bold;
}
.acheter { 
  font-size: 1em;
  color: #000;
  margin-left:30px;
} 
.rb { 
   width: 100px;
   height: 25px;
}
.photo { 
   width:400px;
  margin-top:25px;
   height: auto;
   text-align:center;
    /*-moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;*/
}
.footer { 
   height:10px;
}
table
{
 padding:0px;
}
table td
{
 color:#000000;
}
table th
{
 visibility:hidden;
 display:none;
}
.image
{
 width:400px;
}.caption
{
 width:600px;
 padding:30px;
  font-size:14px;
}
#pc
{
 display:initial;
}
#mob
{
 display:none;
}

@media 
only screen and (max-width: 1000px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
table
{
 width:95%;
 padding:0px;
}
.caption
{
 width:95%;
 padding:10px;
  font-size:20px;
}
table .column1
{
 visibility:hidden;
 display:none;
}
table th
{
 visibility:visible;
 display:block;
}
.rb { 
   width: 180px;
   height: auto;
}
.fleche_g {
		 /*display: none;  Hidden by default */
  width:22px;
  height: auto;
  margin-top: -22px;
  position: fixed; /* Fixed/sticky position */
  top: 50%; /* Place the button at the bottom of the page */
  left: 1px; /* Place the button 30px from the right */
  z-index: 1000; /* Make sure it does not overlap */
}
.fleche_d {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		 /*display: none;  Hidden by default */
  width:22px;
  height: auto;
  margin-top: -22px;
  position: fixed; /* Fixed/sticky position */
  top: 50%; /* Place the button at the bottom of the page */
  right: 1px; /* Place the button 30px from the right */
  z-index: 1000; /* Make sure it does not overlap */
}
.photo { 
   width:100%;
   height: auto;
   margin-top:5px;
   text-align:center;
 /*   -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;*/
}
.footer { 
   height: 50px;
}
#pc
{
 display:none;
}
#mob
{
 display:initial;
}
}