html{
	margin: 0;
	padding: 0;
}

hr.black{
	border-top-color: #000;
	border-bottom-color: #000;
}

.tel{
	margin-top: 30px;
}

img.tel{
	width: 50px;
	height: 50px;
}

p.tel{
	margin-left: 60px;
	margin-top: -40px;
}

p.tel2{
	margin-left: 60px;
}

h1.titre{
	text-align: center;	
  text-shadow: grey 1px 1px, grey 1px 1px;
  text-decoration: underline;
}

span.carrelage{
	border:2px solid yellow;
 padding:2px;
}

h3.carrelage{
 
letter-spacing: .2rem;
 text-shadow: black 1px 1px, black 1px 1px;
}

.master{
   text-shadow: grey 1px 1px;
}

.devis{
	margin-top: 70px;
	float: right;
}

.devis img{
	margin-left: 40px;
}

.menu{
	text-align: center;
	color: #000;
}

.menu ul li{
	font-weight: bold;
	color: #000;
	text-decoration: underline black;
}

.menu ul li:hover{
	transition: 0.1s ease-in-out;
	font-size: 15px;
}

.menu ul li a{
	text-decoration: none;
	transition: 0.1s ease-in-out;
}

.header{
	margin-top: 75px;
	color: #fff;
	background: #302F2F;
	border: 2px #302F2F solid;
	border-radius: 15px;
	text-align: center;
	letter-spacing: 2px;
}

.texte_gauche{
	background: #CACACA;
	font: normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
	padding: 40px;
	padding-top: 12px;
	margin-top: 5px;
	margin-right: -10px;
	padding-bottom: -60px;
}

.content p{
	margin-top: 25px;
}

.content li.liste{
	font-weight: bold;
	color: #242424;
}

.content img{
	padding-top: 5px;
	height: 100%;
	width: 100%;
	float: left;
}

.footer span.pipe{
	color: yellow;
	font-weight: bold;
	float: left;
}

.footer .contact{
	text-align: center;
}

.footer .liens{
	text-align: center;
	float: right;
}

#diapo{
  position:relative;
  height:30em;
  margin:auto;
  text-align:center;
  margin: 2em 2em;
}
#diapo div{
  display:inline-block;
}
#diapo > * + *{
  margin-left:5px;
}
.big_image{
  position:absolute;
  display:block;
  width:600px;
  top:100px;
  left:0;
  right:0;
  margin:0 auto;
  opacity:0;
  border:10px solid #FFF;
  box-shadow: 0 2px 8px 2px #666;

  -webkit-transform:scale(0.25);
     -moz-transform:scale(0.25);
      -ms-transform:scale(0.25);
       -o-transform:scale(0.25);
          transform:scale(0.25);

  -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
}
.r_check, .on_check{
  cursor: pointer;
}
.r_check:checked ~ label img{
  opacity:0.25;
  border:2px solid #006699;
}
.r_check:checked ~ .big_image {
  opacity:1;

  -webkit-transform:scale(1);
     -moz-transform:scale(1);
      -ms-transform:scale(1);
       -o-transform:scale(1);
          transform:scale(1);
}
.r_check{
/*  display:none;/* si masquer pas acces avec touche */
  opacity:0;
  position:absolute;
}
label img.vignette{
  width:100px;
  height:75px;
  border:2px solid #FFF;
}
.retour{
  color:#909090;
  font-size:1em;
  left:1em;
  bottom:1em;
  position:fixed;
  text-decoration:none;
  font-style:italic;
  text-shadow:1px 1px 0px #FFF;
}
.retour:hover{
  font-style:normal;
  color:#706040;
}

#map{
  height: 400px;
  width: 100%;
}

/*    Slider    */

#slideshow {
  list-style:none; 
  color:#fff;
}

#slideshow span {
  display:none;
}

#wrapper {
  width:806px; 
  height: 400px; 
  margin:50px auto; 
  display:none;
}

#wrapper * {
  margin:0; 
  padding:0;
}

#fullsize {
  position:relative; 
  width:806px; 
  height:406px; 
  padding:2px; 
  border:1px solid #ccc; 
  background:#000;
}

#information {
  position:absolute; 
  bottom:0; 
  width:0px; 
  height:0; 
  background:#000; 
  color:#fff; 
  overflow:hidden; 
  z-index:200; 
  opacity:.7; 
  filter:alpha(opacity=70);
}

#information h3 {
  padding:4px 8px 3px; 
  font-size:14px;
}

#information p {
  padding:0 8px 8px;
}

#image {
  width:800px;
}

#image img {
  position:absolute; 
  z-index:25; 
  width:800px; 
  height: 400px;
}

.imgnav {
  position:absolute; 
  width:25%; 
  height:306px; 
  cursor:pointer; 
  z-index:150;
}

#imgprev {
  left:0; 
  background:url(images/left.gif) left center no-repeat;
}

#imgnext {
  right:0; 
  background:url(images/right.gif) right center no-repeat;
}

#imglink {
  position:absolute; 
  height:306px; 
  width:100%; 
  z-index:100; 
  opacity:.4; 
  filter:alpha(opacity=40);
}

.linkhover {
  background:url(images/link.gif) center center no-repeat;
}

#thumbnails {
  margin-top:5px;
}

#slideleft {
  float:left; 
  width:20px; 
  height:120px; 
  background:url(images/scroll-left.gif) center center no-repeat; 
  background-color:#222;
}

#slideleft:hover {
  background-color:#333;
}

#slideright {
  float:right; 
  width:20px; 
  height:120px; 
  background:#222 url(images/scroll-right.gif) center center no-repeat;
}

#slideright:hover {
  background-color:#333;
}

#slidearea {
  float:left; 
  position:relative; 
  width:92%; 
  margin-left:7px;
  height:120px; 
  overflow:hidden;
}

#slider {
  position:absolute; 
  left:0; 
  height:120px;
}

#slider img {
  cursor:pointer; 
  border:1px solid #666; 
  padding:1px;
}