/*barre de scroll*/
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 680px;
	height: 600px;
	overflow: auto;
	background: white;
	float: left;
}
/* fin barre de scroll*/


/*#############################################################*/


/* galerie images références*/
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background:url(../ad_prev.png));
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/*  FIN galerie images références*/





/*#############################################################*/



/* tableau accordeon page sécurité*/
.basic  {
	width: 360px;
	font-family: verdana;
	
}
.basic div {
	background-color: #eee;

}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:default;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image:url(../genie-climatique/AccordionTab0.gif);
}
.basic a:hover {
	background-color: white;
	background-image:url(../genie-climatique/AccordionTab2.gif);
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image:url(../genie-climatique/AccordionTab2.gif);
}

/* FIN tableau accordeon page sécurité*/



/*#############################################################*/



/*menu gauche*/
#navigation-block {
	position:relative;
	top:0px;
	left:0px;
}



/*placer l'arrière plan*/
#hide {
	position:absolute;
	top:30px;
}


/*changer position du menu*/
ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 50px 0;
	padding: 0;
}


/*changer taille des sous menus*/
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 130px;
	padding: 5px 18px;
	margin-left: 30px;
	margin-bottom: 5px;
}



/*modifier le haut du menu, le titre */
ul#sliding-navigation li.sliding-element h3
{
	color:#40a497 ;
	background:#ccc  ;
	font-weight: bolder;
	font-size:18px;
	box-shadow: 3px 3px 6px #979797;
	-moz-box-shadow:3px 3px 6px #979797;
	-webkit-box-shadow: 3px 3px 6px #979797;
}


/*modifier les sous menu*/
ul#sliding-navigation li.sliding-element a
{
	color: black;
	background:#ccc;
	text-decoration: none;
	box-shadow: 3px 3px 6px #979797;
	-moz-box-shadow:3px 3px 6px #979797;
	-webkit-box-shadow: 3px 3px 6px #979797;
}

ul#sliding-navigation li.sliding-element a:hover { color: #40a497; }

/*FIN menu gauche*/



/*#############################################################*/




a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color:#40a497;
	
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #40a497;
	
	}
a:hover, a:active { 
	text-decoration:none; 
	color: #40a497;
	
	}
	
	

* { margin: 0; padding: 0; /*cursor:default;/*afficher toujours la souris*/ }


h4{color:#019587;}


html,body{
width::100%; /*centrer le site*/
font: 100% calibri, sans-serif;
line-height: 1.2;

}


#global{
width:1280px;
height:1024px;
background:url(../genie-climatique/fond.jpg);
margin:0 auto 0 auto; /*plus cette ligne pour centrer les div */
}

#taille{
width:1095px;
height:1024px;
background:url(../genie-climatique/taille.png);
margin: 0 auto 0 auto;
	
}

#header{
	
margin-left:49px;
width:300px;
height:92px;
float:left;
}



#example_references{
padding-top:30px;
}




#header img{
margin-top:25px;
margin-left:60px;
float:left;
}

#photo1{

float:left;
width:996px;
height:206px;
background-color:#999;
margin-left:49px;
}



#main{
width:997px;
height:660px;
margin-left:48px;
}



#gauche{
width:248px;
height:660px;
float:left;
}


#droite{
width:749px;
height:460px;
float:left;

}

#droite2{
width:50%;
height:650px;
float:left;
}


#droite_societe{
width:749px;
height:460px;
float:left;

}

#frise{
margin-top:55px;
}



#droite_bas{
	
width:749px;
height:239px;
margin-left:150px;
}


#droite_bas h4{
	margin-left:250px;
}

#droite ul{
text-align:left;
margin-top:45px;
margin-left:200px;
	
}

#droite table{
margin-top:35px;
}


#droite p{
font-size:14px;
padding-left:80px;
padding-top:15px;
line-height:0,8;
width:450px;
}

#title{  
padding-left:35px;
padding-top:25px;
}

title strong{
color:#40a497;
}


#texte{
font-size:15px;
float:left;
margin-top:8px;
position:absolute;
}

#texte p{
font-size:12px;
color:#40a497;
font-weight:bold;
}

#milieu{
	
width:250px;
height:650px;
float:left;	
}


#milieu2{
	
width:748px;
height:650px;
float:left;

}




/* main des pages nos métiers*/

#milieu_maintenance{
margin:10px;
width:600px;
height:100px;

}


#milieu_gauche{
	float:left;
	width:50%	;
	height:350px;

}

#milieu_gauche p{
margin:10px;	
margin-top:50px;
}


#milieu_droite{
	float:left;
	width:50%;	
	height:350px;
}




#milieu_droite img{
	margin-left:35px;

}


#milieu_bas{
float:left;
width:749px;
height:233px;
}

#milieu_bas_maint{
	margin-right:80px;
	margin-top:365px;

}





/*FIN des pages nos métiers*/




#milieu_securite{	
width:250px;
height:650px;
float:left;	
}

#milieu_securite .accordion2{
margin-left:100px;
margin-top:40px;
width:500px;
}



#milieu_index{
	padding-top:50px;
	
width:650px;
height:500px;
float:left;	
}

#milieu_index table {padding-top:50px;}


#milieu_index p{
padding-top:20px;}

#milieu_engagements{
width:700px;
height:650px;
float:left;	
}


#milieu_engagements p {padding-top:5px;}

#milieu_engagements {padding-top:5px;}

#example_reference{
	padding-top:30px;
}


#vinci{
float:right;
margin-left:760px;
}


#footer{
width:960px;
height:36px;
float:left;
margin-left:70px;

}


#footer2{
width:950px;
height:36px;
float:left;
margin-left:80px
}

.acss1:link {
	color: #40A497;
	text-decoration: underline;
	font-weight:bold;
}
.acss1:visited {
	text-decoration: underline;
	color: #40A497;
		font-weight:bold;
}
.acss1:hover {
	text-decoration: none;
	color: #40A497;
		font-weight:bold;
}
.acss1:active {
	text-decoration: underline;
	color: #40A497;
		font-weight:bold;
}

.acss2:link {
	color: #40A497;
	text-decoration: underline;
}
.acss2:visited {
	text-decoration: underline;
	color: #40A497;
}
.acss2:hover {
	text-decoration: none;
	color: #40A497;
}
.acss2:active {
	text-decoration: underline;
	color: #40A497;
}

h1{
	font-size:24px}