body{
  margin:0;
  /*padding:header-<length> 0 0 left-sidebar-<length>;*/
  padding:60px 0 0 65px;
  background:#ec954a;
  border:none;
  font-family:arial, verdana, sans-serif;
}
div#header{
  position:absolute;
  top:0;
  /*left:left-sidebar-<length>;*/
  left:65px;
  width:500%;
  height:60px;
  /*background:#fff;*/
  background:#ec954a;
  z-index:15;
}
div#left-sidebar{
  position:absolute;
  top:0;
  left:0;
  /*width:left-sidebar-<length>;*/
  width:65px;
  height:100%;
  background: url(./grx/trait.gif) top left repeat-y;
  display:block;
  z-index:10 ;
}
@media screen{
  body>div#header{
   position:fixed; 
  }
  body>div#left-sidebar{
   position:fixed;
  }
}
* html body{
  overflow:hidden;
} 
* html div#box{
  height:100%;
  overflow:auto;
}
img {border:none;}

#box {
width:850px;
/*width:80%;*/
background:#fff;
height:100%;
min-height:750px;
/*border:1px white solid;*/
} 
* html #box {width:867px;}

#fade_top {
  position: fixed;
  height: 40px;
  width:850px;
  top:36px; 
  background:url(./grx/fade_top.png);
  z-index:6;
}
* html #fade_top {/*position:absolute; background:url(./grx/fade_top.gif); width:830px;*/display:none;}

/* ------------------------------------ */
/*                                      */
/*            generales                 */
/*                                      */
/* ------------------------------------ */

#content {}
#content_top {
  overflow:hidden;
  padding-top:5px;
  margin-left:20px;
}
#diaporama {
  border:1px #5BA73E solid;
  margin-right:18px;
  margin-top:-2px;
}
#diaporama2 {
  border-top:1px #227ac8 solid;
  border-bottom:1px #227ac8 solid;
}
div.content_main {
  border:1px #227ac8 solid;
  margin : 0px 20px 0 20px;
}
h3 {
  color:#fff;
  background-color:#227ac8;
  width:200px;
  margin:25px 0 0 20px;
  font-family:arial; 
  text-align:center;
}
h4 {
  color:#227ac8;
  margin-left:20px;
}

h4:first-letter {color:#5BA73E; font-size:20px; font-style:italic;}

hr {width:50%; visibility:hidden;}

p {margin:20px; font-family:arial; font-size:12px;}
/*-----------------------actualites --------------*/
iframe#actualites {
width:805px;
}

/*------------------- page mentions ---------------------------------*/
p.men {margin:0; margin-left:100px;}
h4.prod {margin-left:80px;}
a.link {color:#335EA8;}
/*----------------------- pages realisations et atelier ------------------*/
.centered { /*RG*/
   display: block;
   margin-left: auto; 
   margin-right: auto;
   text-align:center;
}

.rea_chem {
width:277px;
float:left;
margin-left:80px;
text-align:justify;
margin-top:15px;
}
* html .rea_chem {margin-left:45px;}
.rea_poel {
width:277px;
margin-left:280px;
text-align:justify;
margin-top:15px;
}
* html .rea_poel {margin-left:270px;}
.rea_table {
width:360px;
float:left;
margin:0;
margin-left:30px;
text-align:justify;
margin-top:15px;
}
* html .rea_table { margin-left:18px;}
#real, #real h4, div.clear {
clear:both;
margin-bottom:0px;
}
/*#real img {margin-left:100px; margin-bottom:15px;}
.real_cheminee {margin-left:80px !important; margin-bottom:15px;}
.real_poele {margin-left:280px !important; margin-bottom:15px;}
.real_tablebasse {margin-left:8px !important; margin-bottom:15px;}*/

/*-------------------------------- Meteo -------------------------------------*/
#meteo {
  width:140px;
  height:175px;
  display:block;
  float:right;
  margin:15px 15px 5px 15px;
  padding: 5px 5px 20px 5px;
}
* html #meteo {padding: 5px 0px 5px 5px; margin:15px 10px 5px 15px;}
#meteo h3 {background-color:#227ac8; color:#fff; padding:0; margin:0;font-size:14px;text-align:center;width:140px;padding-bottom:5px;}
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
}
.in {
  background:#FFF0AA; 
  border:1px solid #555; 
  position:relative; 
}
.ltin {
  left:-5px;
}
.tpin {
  top:-5px;
}
.narrow {width:142px;} /* change to suit */
/*--------------------------- horaires accueil -------------------------------*/
#horaires {
  position:absolute;
  top:250px;
  left:595px;
  width:268px;
  height:110px;
  background:#227ac8;
  font-size:12px;
}
* html #horaires {top:190px; left:530px;}

/*---------------------------- Pied de page ----------------------------------*/
#foot {
  background:#fff; 
  font-size:11px; 
  color:#8F8F8F; 
  text-align:center;
  margin-top:20px;
  padding:10px;
}
#foot a {color:#969696;}
#foot a:hover {color:#227ac8;}

/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */

#menu {display:block; height:60px; position:absolute; top:0px; left:0px; }

#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li.list1, #menu li.list2, #menu li.list3, #menu li.list4, #menu li.list5, #menu li.list6 {float:left; display:block; width:133px; height:60px; border:none; z-index:20; }
#menu li.list1 {background:transparent url(./grx/menu1.gif); border-left:14px #fff solid;}
#menu li.list2 {background:transparent url(./grx/menu2.gif);}
#menu li.list3 {background:transparent url(./grx/menu3.gif);}
#menu li.list4 {background:transparent url(./grx/menu4.gif);}
#menu li.list5 {background:transparent url(./grx/menu5.gif);}
#menu li.list6 {background:transparent url(./grx/menu6.gif); border-right:38px #fff solid;}
#menu a#item1, #menu a#item2, #menu a#item3, #menu a#item4, #menu a#item5, #menu a#item6 {display:block; width:133px; padding-top:44px; height:0px; color:#fff; text-decoration:none; overflow:hidden; }
* html #menu a:link, * html #menu a:visited {height:55px; he\ight:0;}
* html #menu li.list6 {border-right:55px #fff solid;}

#menu a#item1 {background:transparent url(./grx/menu1h.gif) -130px -55px no-repeat;}
#menu a#item2 {background:transparent url(./grx/menu2h.gif) -130px -55px no-repeat;}
#menu a#item3 {background:transparent url(./grx/menu3h.gif) -130px -55px no-repeat;}
#menu a#item4 {background:transparent url(./grx/menu4h.gif) -130px -55px no-repeat;}
#menu a#item5 {background:transparent url(./grx/menu5h.gif) -130px -55px no-repeat;}
#menu a#item6 {background:transparent url(./grx/menu6h.gif) -130px -55px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
* html #menu a:hover {height:55px; he\ight:0;}

#menu a.actif1 { background:transparent url(./grx/menu1h.gif) !important; }
#menu a.actif2 { background:transparent url(./grx/menu2h.gif) !important; }
#menu a.actif3 { background:transparent url(./grx/menu3h.gif) !important; }
#menu a.actif4 { background:transparent url(./grx/menu4h.gif) !important; }
#menu a.actif5 { background:transparent url(./grx/menu5h.gif) !important; }
#menu a.actif6 { background:transparent url(./grx/menu6h.gif) !important; }

#menu ul li {
	position: relative;
	}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html .tsub a { height: 1%; }
/* End */


/*________pour suite menu haut ______________________
#menu li.list7 {background:#DDD; position:fixed; left:11%; width:80%; height:53px;  z-index:15; }
* html #menu li.list7 {position:absolute; z-index:15; width:18%; left:0px;}*/

/* ------------------------------------ */
/*                                      */
/*            Gallerie                  */
/*                                      */
/* ------------------------------------ */

div.thumbs {margin-left:150px !important;  height:60px;}
div.thumbs p {margin:0; padding-top:10px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #ddd; width:75px; height:47px; margin:3px; float:left;}
a.logo_gallery, a.logo_gallery:visited {display:block; color:#000; text-decoration:none; width:75px; height:47px; margin:3px; float:left;}
a.slidea {background:url(./grx/th_H1200.png);}
a.slideb {background:url(./grx/th_Z800B.png);}
a.slidec {background:url(./grx/th_P1100.png);}

a.slided {background:url(./grx/th_4600.png);}
a.slidee {background:url(./grx/th_9300.png);}
a.slidef {background:url(./grx/th_9600.png);}

a.slideg {background:url(./grx/th_luno.png);}
a.slideh {background:url(./grx/th_granada.png);}
a.slidei {background:url(./grx/th_modeno.png);}

a.slidej {background:url(./grx/th_monobloc.png);}
a.slidek {background:url(./grx/th_405.png);}
a.slidel {background:url(./grx/th_mistral.png);}

a.slidem {background:url(./grx/th_chantier.png);}
a.sliden {background:url(./grx/th_sanschapeau.png);}
a.slideo {background:url(./grx/th_inox.png);}

a.slidep {background:url(./grx/th_877SL.png);}
a.slideq {background:url(./grx/th_757SP.png);}
a.slider {background:url(./grx/th_8407.png);}

a.gallery:hover {white-space:normal; border:1px solid #227ac8;}
a.gallery:active {white-space:normal; border:1px solid #4fa130;}

a.gallery em, a.gallery span {display:none;}

a.gallery:hover em {display:block; position:absolute; width:435px; height:300px; top:65px; left:85px; z-index:5; border-left:1px solid #4fa130; border-bottom:1px solid #4fa130;}
* html a.gallery:hover em {top:5px; left:20px; border-top:1px solid #4fa130; }

a.gallery:hover span {display:block; position:absolute; width:345px; height:270px; padding:15px; top:65px; left:520px; font-style:normal; color:#fff; background:#4fa130; z-index:5; font-size:12px; border-right:1px solid #4fa130; border-bottom:1px solid #4fa130;}
* html a.gallery:hover span {top:5px; left:455px; border-top:1px solid #4fa130; width:375px; height:302px; }

a.gallery:active em, a.gallery:focus em {display:block; position:absolute; width:435px; height:300px; top:65px; left:85px; z-index:0; border-left:1px solid #4fa130; border-bottom:1px solid #4fa130;}
* html a.gallery:active em, * html a.gallery:focus em {top:5px; left:20px; border-top:1px solid #4fa130;}

a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:345px; height:270px; top:65px; left:520px; padding:15px; color:#fff;  z-index:0; background:#4fa130; font-size:12px; border-right:1px solid #4fa130; border-bottom:1px solid #4fa130;}
* html a.gallery:active span, * html a.gallery:focus span {top:5px; left:455px; border-top:1px solid #4fa130; width:375px; height:302px;}

#demande {position:absolute;
top:483px;
left:590px;
width:230px;
height:150px;
background:#4fa130;
border:1px #227ac8 solid;
color:#fff;
padding:15px;
font-size:14px;
text-align:justify;
}

* html #demande {top:415px; left:520px; width:260px; height:180px;}
#demande a {color:#fff; }
#demande a:hover {font-size:15px; font-weight:bold; text-decoration:none;}

#anim {
position:absolute;
top:483px;
left:590px;
width:230px;
height:150px;
}
/* ------------------------------------ */
/*                                      */
/*            Contact                   */
/*                                      */
/* ------------------------------------ */
#cata1, #cata2 {display:none;}

#contact {
height:1380px;
}
#contact h4 {margin:0;}
#contact_photo{
/*width:200px;
height:200px;
border:1px red solid;*/
position:absolute;
top:450px;
left:110px;
}
* html #contact_photo{top:390px;left:45px;}
#contact_photo img {margin-left:0px;}

#contact_adre{
position:absolute;
display:block;
top:720px;
left:110px;
/*width:200px;
height:250px;
border:1px red solid;*/
}
* html #contact_adre{top:650px;left:45px;}
#contact_form{
display:block;
width:400px;
/*height:400px;
border:1px red solid;*/
position:absolute;
top:450px;
left:460px;
}
* html #contact_form{top:390px;left:395px;}
#contact_plan {
/*width:200px;
height:300px;
border:1px red solid;*/
position:absolute;
top:1170px;
left:110px;
}
* html #contact_plan{top:1110px;left:45px;}
#contact_plan img {margin-left:55px;}

#form p{
margin-bottom:-10px;
}
#form p em {
color:#EE0000;
font-size:11px;

}


#form ul{
  margin-right:30px;
}
#form li {
  list-style-type:none;
  margin-top:0px;
  margin-right:0px;
}
ul.inline {margin-left:-40px; margin-bottom:10px;}
* html ul.inline {margin-left:0; margin-top:-15px; }
ul.inline li {display:inline; font-size:12px;}

.lbl {
  text-align:left;
  margin-left:-5px;
  margin-bottom:0px;
  color:#737373;
  font-weight:bold;
  font-size:12px;
}
.lbl span {color:#EE0000;}
.champs {
  margin-bottom:5px;
  margin-left:-10px;
}
* html .champs {margin-bottom:0px;}
input:focus, select:focus, textarea:focus{
  background-color:#d6e1ec !important;
}
input.bouton{
  border:1px solid #fff;
  color:#fff;
  background-color:#1F80D0;
  font-weight:700;
  border : 1px #A7A6AA solid;
  cursor:pointer;
}
input.bouton:hover{
  color:#036;
  background-color:#d6e1ec;
  cursor:pointer;
  border : 1px #ffe solid;
}
.aide {cursor:help;}
a.aide img {margin-bottom:4px;}
* html a.aide img {margin-bottom:2px;}
#msg_form {
  margin:0;
  margin-bottom:-10px;
  margin-top:15px;
  /**/
  margin-left:28px;
  margin-right:68px;
  padding:5px;
  background-color:#E8E8E8;
  border:1px #969696 dotted;
  text-align:center;
}
#reussi {color:#008000;}
#erreur {color:#FF0000;}

/*--------------------------plan site -----------------------------------------------*/
#sitemap {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:150px;
}
#sitemap li {list-style-type: none;}
ul#sitemap > li {	margin-bottom: 10px;}
#sitemap ul li {list-style-image: url(./grx/l2_normal.gif);}
#sitemap ul ul li {list-style-image: url(./grx/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image: url(./grx/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image: url(./grx/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image: url(./grx/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image: url(./grx/l3_last_item.gif);}
#sitemap a, #sitemap a:link {text-decoration:none; color:#335EA8; }
#sitemap a:visited {text-decoration:none; color:#6FA1D9; }
#sitemap a:hover, a.link:hover {text-decoration:underline; color:#ec954a; }