Current File : /home/cideo/site_2015/www/sass/maptotal.scss
@charset "UTF-8";
@import "bootstrap";
$break-small: 767px;

*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
html, body, #map-canvas
{
height: 100%;
margin: 0px;
padding: 0px;
background:#000;
color:#FFF;
z-index:0;
font-family: 'arial';
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
    height:100%;
}
a, a:hover, a:focus, a:visited{
  outline:none;
}
p{
font-size:14px;
margin:0;
padding:0 10px;
}
@media (min-width: 767px) {
	p{
	font-size:18px;
	}
}
article {
 
    margin: 0 auto;
    padding: 50px 0 0;
    position: relative;
    width: 100%;
}
article.contact {
    background: none repeat scroll 0 0 #000000;
    padding: 0;
}

.gmap3{
        margin: -10px 0 0 0;
    z-index:0;
    position: relative;
    width: 100%;
    height:100%;
    
}

.gmap3 img {
  max-width: none;
}


#carte {
  position: relative;
  padding:0;
  margin:0;
  overflow:hidden;
  width: 100%;
  height: 100%;
  background-color: #CCC;
  @media only screen and (max-width: $break-small) {
   
  }
}
 
#home{
  position:absolute;
  display:block;
  top:50px;
  left:50%;
  z-index:999;
  height: 32px;
  width: 32px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  color:#FFF;
  @media only screen and (max-width: $break-small) {
    
    }
}

#cd-google-map {
 /* position: relative;*/
}
#cd-google-map address {
  visibility:hidden;
position: absolute;
width: 100%;
bottom: 112px;
left: 0;
padding: 1em 1em;
background-color: rgba(211, 104, 104, 0.9);
color: white;
text-align: center;
font-size: 15px;
font-size: 0.9375rem;
  @media only screen and (max-width: $break-small) {
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: left;
  }
}


#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 50px;
  background-color: rgba(13, 13, 13, 0.6);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("http://cdn.marmits.com/media/dansev2/www/img/cd-icon-controller.svg");
   @media only screen and (max-width: $break-small) {
     margin-left: 10px;
   }
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #d36868;
}


#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 50px;
  margin-bottom: 1px;
  @media only screen and (max-width: $break-small) {
    margin-top: 10px;
  }
}


#cd-zoom-out {
  background-position: 50% -32px;
}


#error
{
	width:100%;
	height: auto;
	position:relative; 
	text-align:center;
}
#error ul
{
	margin:0;
	padding: 0;
	list-style:none;
}
#error li 
{
	float: none;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	border:0;
}
#errormessage
{
	
	padding-top:25%;
	
}


#errormessage a {  display:inline;  color:#555;}
#errormessage a:hover {text-decoration:underline;}
#errormessage a:focus {text-decoration:underline;}

#infobullemap{
  a{
    color:#000;
  }
}