/*Mise en page*/
 html
 {
    /*background-image: url('Image/PageMaitre/ArrierePlan.jpg');*/
   font-family: Calibri; 

 }
 
 a img
{
border: none;
}

 #separateur
 { 
    height: 10px;
 }
 
 #aide
 {
  color: #660033 ; 
 }

#ImageQueChoisir
{
  padding-top: 230px;
    
}
#ZoneImageCuisine
{
  background-image: url('DessinCuisine.png');
  height: 300px;
    
}

#AccueilText1
{
    margin: 5px;   
}
 
#TablePage
{
    width: 1200px;
    
}

#ColonneEntete
{
    width: 100%;
}

#ColonneMargeGauche
{
    width: 10%;
background-image: url('Image/PageMaitre/ArrierePlanMargeGauche.jpg');
}

#ColonneBody
{
    width: 80%;
/*    background-image: url('Image/PageMaitre/ArrierePlanCorps.jpg');*/
    text-align: left;
    
} 

#ColonneBodyQSN
{
    width: 80%;
   background-color: white;
    text-align: left;   
}

#ColonneBodyMateriaux
{
    width: 80%;
   background-color: white;
    text-align: left;   
}

#ColonneMargeGaucheRealisation
{
    width: 20%;
background-image: url('Image/PageMaitre/ArrierePlanMargeGauche.jpg');
}

#ColonneBodyRealisation
{
    width: 60%;
   background-color: white;
    text-align: left;   
}
#ColonneMargeDroiteRealisation
{
    width: 20%;
   background-image: url('Image/PageMaitre/ArrierePlanMargeDroite.jpg');
}


#ColonneBodyQuartz
{
    width: 80%;
    background-image: url('Image/PageMaitre/ArrierePlan.jpg');
    text-align: left;
      background-repeat: no-repeat;
          background-position: right bottom;
    
}

#ColonneMargeDroite
{
    width: 10%;
   background-image: url('Image/PageMaitre/ArrierePlanMargeDroite.jpg');
}



#ColonneFooter
{
    width: 100%;
/*    background-image: url('Image/PageMaitre/ArrierePlanEntete.jpg');*/
    height: 10px;
    background-color: #660033
}



/* Entete */

#SeparateurEntete
{
  height: 10px;
  background-color: #660033
}

#TableEntete
{
    width: 100%;
  /*  background-image: url('Image/PageMaitre/ArrierePlanEntete.jpg');*/
    
}

#ColonneLogo
{
    width: 10%;
}


#ColonneVousImaginez
{
    width: 10%;
    font-weight: bold;
    color: #666666;
    font-style: italic;
    font-size: xx-large;
}



#ColonneCaroussel
{
    width: 60%;
}

#ColonneNousRealisons
{
    width: 10%;
    font-weight: bold;
   color: #990033;
   font-style: italic;
   font-size: xx-large;
}

#ColonneDevisPlans
{
    width: 10%;
}


#ColonneMenu
{
    width: 100%;
    text-align: center;


}

#menu
{

    font-size: small;
    color: #FFFFFF;
padding: 0; 
margin: 0;  

    text-align: center;
    font-weight: bold;
  
    
 
}

#menu li
{
  display: inline;
   list-style: none;
}

#menu  li a, #menu li a:visited
{
      border: medium groove #FFFFFF;
    background-color: #660033;
    color: #FFFFFF;
    line-height: 1.35em;
    padding: 4px 15px 4px 15px;
    white-space: normal;
    font-weight: bold;
    
}

#menu  li a:hover
{
    background-color: #FFFFFF;
    color: #660033;
    
    font-weight: bold;
}

#menu   li a:active
{
    background-color: #FFFFFF;
    color:  #660033;
    font-weight: bold;
    
}

#menu #PageEnCours a
{
    
  background-color: #FFFFFF;
    color:  #660033;
    font-weight: bold;   
}



/*Style du slogan1: exemple Notre seule limite*/
 #Slogan1
{
  /*  font-weight: bold;*/
    color: #666666;
    font-style: italic;
    font-size: x-large;
}
  
 /*Style du slogan: exemple votre imagination*/
 #Slogan2
{
   /*font-weight: bold;*/
   color: #660033;
   font-style: italic;
   font-size: x-large;
}

 #Slogan3
{
    font-weight: bold;
    color: #660033;
    font-style: italic;
    font-size: x-large;
}

 #Slogan4
{
    font-weight: bold;
    color: #666666;
    font-style: italic;
    font-size: large;
}




#ContacterNous
{
    background-color: #C0C0C0;
}

a:link 
{ 
 text-decoration:none; 
}


/* BOITE DU DIAPORAMA */
        #boite_diapo {      position:absolute;
                            width:300px;
                            height:150px;
                          /*  top:50px;
                            left:33px;*/
                            background-image:url(defilement1.png);} /* IL FAUT IMPERATIVEMENT QUE LE NOM DE L'IMAGE SOIT IDENTIQUE A CELUI DANS LE SCRIPT : tab_img[0]
 
        /* image dans la boite du diaporama */                            
        #img_diapo  {       width:300px;
                            height:150px; 
                            filter: alpha(opacity=0);   /* fondu pour internet explorer */
                            -moz-opacity:0;             /* fondu pour mozilla, phoenix, firebird, firefox*/
                            opacity:0;                  /* fondu pour mozilla firefox */
                            -khtml-opacity:0.5;         /* fondu pour konqueror et safari */
                     }







#menu #Pagex a
{
    
  background-color: #FFFFFF;
    color:  #660033;
    font-weight: bold;   
}


/* lightbox */

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}


/* Style des légendes */
td.Legende{color: #660033 ;
           font-size: 14px; }


/* Style des liste */
table.ViewList {border-collapse:collapse; font-size: 13px;}
th.ViewList, td.ViewList {
 border:1px solid black;
 text-align:left;
 }
th.ViewList {background-color:silver;}
caption.ViewList {font-weight: bold;
                  }
                  
                  

/* Style des nombre */
th.ViewNomber, td.ViewNomber 
{
border-collapse:collapse; 
 border:1px solid black;
 text-align: right;
}