/* 
    Document   : style
    Created on : 31 mai 2012, 00:00:51
    Author     : Roland
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

* {
    margin:0;
    padding:0;
}

body {
	
        background: url(../images/bg.jpg) top left repeat-x;
        background-color: #d9e0e6;
	text-align: center;
        margin:0;
        font:normal 80%/1.5em arial, sans-serif;
        color: #343436;
}

#global {
    width: 960px;
    margin: 0 auto;
}

#header {
    height: 400px;
    background: url(../images/header.jpg) top left no-repeat;
    padding-top: 103px;
    
}

#menu{
    height:75px;
}

.menu {
    width:120px;
    height: 45px;
    display: inline-block;
    background-image:url(../images/menu.png);
    background-repeat: no-repeat;
    margin-right: -4px;
    
}

.accueil{background-position: -2px top;}
.societe{background-position: -122px top;}
.galets{background-position: -242px top;}
.dallages{background-position: -362px top;}
.ardoises{background-position: -482px top;}
.divers{background-position: -602px top;}
.acces{background-position: -722px top;}
.contact{background-position: -842px top;}

.accueil:hover{background-position: -2px -45px;}
.societe:hover{background-position: -122px -45px;}
.galets:hover{background-position: -242px -45px;}
.dallages:hover{background-position: -362px -45px;}
.ardoises:hover{background-position: -482px -45px;}
.divers:hover{background-position: -602px -45px;}
.acces:hover{background-position: -722px -45px;}
.contact:hover{background-position: -842px -45px;}

.accueil-in{background-position: -2px -90px;}
.societe-in{background-position: -122px -90px;}
.galets-in{background-position: -242px -90px;}
.dallages-in{background-position: -362px -90px;}
.ardoises-in{background-position: -482px -90px;}
.divers-in{background-position: -602px -90px}
.acces-in{background-position: -722px -90px}
.contact-in{background-position: -842px -90px}




#content {
    

    padding:20px 0px 20px;
    position: relative;
    background: url(../images/content_bg.jpg) top left repeat-y;

    
}

#content_feuil {
            background: url(../images/content_feuille.jpg) top -120px no-repeat;
            z-index: 2000;
}

#content h1 {
    width:1000px;
    height: 60px;
    margin: 0;
    background-position: -20px 0;
}

#bienvenue {
    background: url(../images/h1/h1_presentation.png) top left no-repeat;
}
#ardoise {
    background: url(../images/h1/h1_ardoise.png) top left no-repeat;
}
#gravillon {
    background: url(../images/h1/h1_gravillon.png) top left no-repeat;
}
#galet {
    background: url(../images/h1/h1_galet.png) top left no-repeat;
}
#divers {
    background: url(../images/h1/h1_divers.png) top left no-repeat;
}
#acces {
    background: url(../images/h1/h1_acces.png) top left no-repeat;
}
#contact {
    background: url(../images/h1/h1_contact.png) top left no-repeat;
}

.ouilest {
	display:none;
}

#formu
{
  height: 372px;
  background-color: transparent;
  background-image: url("../images/bg_form.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #ffffff;
  padding-top: 15px;
}
form
{
  text-align: left;
  padding-left: 130px;
  padding-bottom: 15px;
}
label
{
  display: block;
  margin-top: 15px;
}

#content p {
    margin: 10px 30px 25px 30px;
}

.gauche {
    text-align: left;
}

.droite {
    text-align: right;
}


table {
    width: 250px;
    margin: 0 auto;
    border: 0;
}

td .milieu {
    width: 50px;
}

a {
    color: #ab3737;
}

.gras {
    font-weight: bold;
}

#footer {
    height: 330px;
    background: url(../images/footer.jpg) top left no-repeat;
    padding-top: 37px;
    
}

	  /* CSS LIGHTBOX  */
	  
	 .lightbox {margin-right:20px;}
	  .lightbox img {padding:3px;}
	  
	  #fond-noir {position:fixed; z-index:77777; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.8);}
		
	  #contenu {position:relative; width:630px; margin:15% auto;}
		
		#contenu img {background-color:#fff; max-width:600px; padding:8px; border-radius:5px; -moz-border-radius:5x; -webkit-border-radius:5px; box-shadow:0 0 50px #000; -webkit-box-shadow:0 0 50px #000; -moz-box-shadow:0 0 50px #000;}
		
		#close {position:absolute; top:-25px; right:-25px; width:50px; height:50px; background:url(../img/close.png) top left no-repeat; cursor:pointer;}
		#close:hover {background:url(../img/close_hover.png) top left no-repeat;}
                #title {position:absolute; bottom:30px; left:30px; display:inline-block; background:#000; color:#fff; padding:3px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000;}