/* CSS Document */
@import 'location-gite-tarn-imagevo-base-framework.css';
.clear {clear:both;}
html { font-size: 62.5%; } /*from http://snook.ca/archives/html_and_css/font-size-with-rem*/
body, p, a { font-size: 18px; font-size: 1.8rem; line-height:1.5}
p, a, * {font-family:'Raleway', sans-serif; color:#222222;}
blockquote{color:#7777777; margin: 1.5em 10px 1em 10px;  padding: 0.5em 10px 0.2em 70px;
background:url('photos-gite-tarn-81-albi/location-vacances-pour-2-tarn-81-albi-les-bourdoux.png');
  background-repeat:no-repeat;
  min-height: 50px;}.nomavis{color:#9FAB33;text-transform:uppercase;font-size:14px;font-size:1.4rem;margin:-25px 0 20px 0}
header{text-align:center;}header a, .ch a, h1, h3,blockquote{font-family: 'Quattrocento Sans', sans-serif;}.logo{width:100%;max-width:800px;}
.social{margin:0;padding:0 0 10px 0;background-color:#D0E04A} .social a{margin:2px;text-decoration:none;} .social h1 {color:#FFFFFF}
nav{margin:50px auto}nav a{margin:30px;text-decoration:none}nav a:hover{margin:30px;text-decoration:none;border-bottom:2px solid #D0E04A}
#diapo .item, #diapo2 .item, #diapo3 .item, #diapo4 .item{margin: 3px;} #diapo .item img, #diapo2 .item img, #diapo3 .item img, #diapo4 .item img{display: block;width: 100%;height: auto;}
#gch{display:inline-block}
#hebergements .ch{padding: 30px 0px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center; overflow:hidden}.ch a{margin:20px 5px;}.ch a img{width:100%; margin:0; padding:0}
.fdgris{background-color:#f9f9f9;}
h1{color:#6B6651; text-transform:uppercase}h2{color:#9FAB33}h3,h2, h1{text-align:center}
.petit, .petit p, .petit a{font-size:12px;font-size:1.2rem;}
.sep{width:70%;margin:auto}
ul{margin:10px} li {list-style-image:url(photos-gite-tarn-81-albi/location-vacances-pour-2-tarn-81-albi-les-bourdoux.png)}
.sl{text-decoration:underline}
#map {
  height: 430px;
  position: relative;
  width: 100%;
}.maps-frame {
  height: 430px;
  width: 100%;
}
li a span.hide { display:none; }
@media only screen and (min-width: 320px) {#gch{display:none}nav a{display:block;width:100%;text-transform:uppercase;border-bottom:2px solid #99958C;margin:5px 0}nav a:hover{border-bottom:2px solid #D0E04A;margin:5px 0}} @media only screen and (min-width: 768px) {#gch{display:inline-block}nav a{display:inline-block;width:auto;text-transform:uppercase;border-bottom:2px solid #ffffff;margin:30px}nav a:hover{border-bottom:2px solid #D0E04A;margin:30px}}