/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}



body{
background: url("http://lamuse.gueule.free.fr/image/gazon.jpg") top left;
/*background-color:#000;*/
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
}

#global{
  width:960px;
  height:100%;
  background-color:#FFF;
  margin-left:auto;
  margin-right:auto;
  box-shadow: 0px 0px 12px #000;
  background: url("http://lamuse.gueule.free.fr/image/bg_contenu.jpg") repeat-y top center;
}

#entete{
  width:960px;
  height:200px;
  background: url("http://lamuse.gueule.free.fr/image/header.jpg") no-repeat top center;
  box-shadow: 0px 1px 10px #000;
}

/* Navigation */

#navigation {
height:39px;
width:100%;
padding-top:20px;
margin-left:64px;
}


#accueil{
  display:inline-block;
  width:160px;
  height:40px;
  background:url("http://lamuse.gueule.free.fr/image/accueil.jpg") 0 0 no-repeat;
}
/* on décale l'image de fond de la hauteur du lien, soit 40 px */
#accueil:hover,#accueil:active,#accueil:focus{
  background-position:0 -40px;
}
/* permet de cacher le texte du lien */
#accueil span{
  display:none;
}

#tarif{
  display:inline-block;
  width:160px;
  height:40px;
  background:url("http://lamuse.gueule.free.fr/image/tarifs.jpg") 0 0 no-repeat;
}
/* on décale l'image de fond de la hauteur du lien, soit 31 px */
#tarif:hover,#tarif:active,#tarif:focus{
  background-position:0 -40px;
}
/* permet de cacher le texte du lien */
#tarif span{
  display:none;
}

#contact{
  display:inline-block;
  width:160px;
  height:40px;
  background:url("http://lamuse.gueule.free.fr/image/contact.jpg") 0 0 no-repeat;
}
/* on décale l'image de fond de la hauteur du lien, soit 31 px */
#contact:hover,#contact:active,#contact:focus{
  background-position:0 -40px;
}
/* permet de cacher le texte du lien */
#contact span{
  display:none;
}

#infos{
  display:inline-block;
  width:160px;
  margin-left:15px;
  height:40px;
  background:url("http://lamuse.gueule.free.fr/image/infos.jpg") 0 0 no-repeat;
}
/* on décale l'image de fond de la hauteur du lien, soit 40 px */
#infos:hover,#infos:active,#infos:focus{
  background-position:0 -40px;
}
/* permet de cacher le texte du lien */
#infos span{
  display:none;
}



/*Contenu*/

#contenu{
  width: 832px;
  height: 100%;  
  padding-left:64px;
  padding-right:64px;
}

#gallery{
  margin-top:25px;
  margin-left: 194px;
  width: 512px;
  height: 341px;
  border:#000000 solid 1px;
}

.diaporama{
  position:relative;
  width:512px;
  height:341px
}

.diaporama li{
  list-style-type:none;
  overflow:hidden;
  position:absolute
}

.diaporama_controls{
  width:512px;
  margin:3px 0;
  padding:5px;
  clear:both;
  overflow:hidden;
}

.diaporama_controls .btns{
  float:right;
}

.diaporama_controls a{
  font-weight:normal;
  width:10px;
  height:13px;
  text-indent:-9999px;
  display:inline-block;
  margin:0 3px;
}

.diaporama_controls .prev{
  background:url(img/fleches_diapo.png) no-repeat top right;
}

.diaporama_controls .next{
  background:url(img/fleches_diapo.png) no-repeat top left;
}

.diaporama_controls .pause{
  background:url(img/fleches_diapo.png) no-repeat bottom right;
}

.diaporama_controls .play{
  background:url(img/fleches_diapo.png) no-repeat bottom left;
}


/*Page accueil*/

p.entry1 {
  color:#DD4433;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  line-height: 1.2em;
}

div.img{
   background: url("http://lamuse.gueule.free.fr/image/poele_2.jpg") no-repeat top left;
   width:836px;
   height:300px;
  
}
p.entry2 {
  padding-top:50px;
  padding-left: 40px;
  color:#000;
  font-size: 1.5em;
  font-weight: 700;
  text-align:left;
  line-height: 1.5em;
}

p.entry3 {
  padding-left: 310px;
  color:#000;
  font-size: 1.5em;
  font-weight: 700;
  text-align:left;
  line-height: 1.5em;
}

p.entry4 {
  padding-left: 200px;
  padding-top:80px;
  color:#000;
  font-size: 1.2em;
  font-weight: 700;
  text-align:left;
  line-height: 1.2em;
}

p.entry5 {
  color:#46a034;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  line-height: 1.2em;
}


p.entry6 {
  color:#FFF;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  line-height: 1.2em;
}

p.entry6 a{
  color:#671e1e;
}

p.entry6 a:hover, #footer p.entry6 a:focus {
  color:#DD4433;
}


/*Page contact*/

p.contact1{
  color:#46a034;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  line-height: 1.2em;
}

p.contact1 span {
  color:#DD4433;
  font-weight: 800;
  text-align: center;
}

p.contact2 {
  color:#000;
  font-size: 1.2em;
  font-weight: 700;
  text-align:center;
  line-height: 1.2em;
}

p.contact3 {
  color:#000;
  font-size: 1.2em;
  font-weight: 700;
  text-align:center;
  line-height: 1.2em;
}

p.contact4 {
  color:#DD4433;
  font-size : 1.2em;
  line-height:1.2em;
  font-weight: 800;
  text-align: center;
}

p.contact5 {
  color:#000;
  font-size: 1.2em;
  font-weight: 700;
  text-align:center;
  line-height: 1.2em;
}

p.contact6 {
  color:#000;
  font-size: 1.5em;
  font-weight: 700;
  text-align:center;
  line-height: 1.5em;
}

p.contact6 a {
  font-size: 1.1em;
  color:#46A034;
}

span.picto_droite{
  float:left;
  margin-left:150px;
  display:inline-block;
  width: 70px;
  height: 68px;
  background: url("http://lamuse.gueule.free.fr/image/picto.png") no-repeat top left;  
}

span.picto_gauche{
  float:right;
  margin-right:150px;
  display:inline-block;
  width: 70px;
  height: 68px;
  background: url("http://lamuse.gueule.free.fr/image/picto.png") no-repeat top left;  
}

p.infos {
  color:#000;
  font-size: 1.2em;
  font-weight: 700;
  text-align:center;
  line-height: 1.2em;
}



/*Page tarifs*/

p.tarif{
  color:#000;
  font-size:1.1em;
  line-height:1.1em;
  text-align:left;
  margin-left:40px;
  margin-right:40px;

}

#premier span.titre, #premier span.underline {
  text-align:left;
}

#premier {
  width:550px;
  float:left; !important
}

p.photo{
  float:right;
  margin-right:40px;
  width:180px;
  height:245px;
  overflow:hidden;
  border:#000000 solid 1px;
}

#sonaille a{
  color:#000;
  text-decoration:none;
}

span.titre{
  display:block;
  color:#DD4433;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height:1.1em;
  font-weight: 800;
  text-align:center;
}

span.cap{
  display:block;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.8em;  
  text-align:center;
}

span.underline{
  display:block;
  text-decoration:underline;
  text-align:center;
}

span.bold{
  font-weight:800;
}

span.center{
  text-align:center;
}

/*Footer*/
#footer{
  height: 80px;
  width:960px;
  margin-left:auto;
  margin-right:auto;
  color:#FFFFFF;
  background: url("http://lamuse.gueule.free.fr/image/bg_bas.jpg") repeat-x top left; 
    
}

#footer p.entry6 a {
  color:#FFFFFF;
}

span.noir{
  color:#000;
}

div.sep{
  height:50px;
  width:100%;
  
}

div.seppied{
  height:40px;
  width:100%;  
}

div.sepimg{
  height:100px;
  width:100%;  
  background: url("http://lamuse.gueule.free.fr/image/sep.png") no-repeat top center;  
}

br.clear{
  clear:both;
}
