#gateway{
margin:auto;
width:965px;
}

#gateway #logo{
width:300px;
padding-top:37px;
float:left;
}


a.choixstatut{
display:block;
text-align:center;
padding-top:5px;
color:#58585a;
margin-left:5px;
text-decoration:none;
height:25px;
width:298px;
float:left;
}

a.choixstatut:hover{
color:#58585a;
}

a.choixstatut:focus{
color:#FFFFFF;
}



#gatewayContenu{
background:#EFEFEF url(/media/images/layout/leftcolumn-bottom.png) repeat-x bottom center; 
width:300px;
margin:auto;
}

.gatewayLogin:focus, .gatewayMdp:focus{

background:transparent url(/media/images/layout/bg-gatewayInput.png) no-repeat top right;

}



#imgGateway{
color:#025b8c;
float:right;
}

.gatewayBtn{
position:relative;
top:9px;
right:2px;
}


#demandeMDP{
background-color:#FFFFFF;
padding:10px;
width:400px;
}


#newsBlock{
/*height:265px;*/
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	background:#d0d0d0 url(/media/images/layout/bg.png) repeat-x top left;
	font-size:12px;
	font-family:Arial,Trebuchet MS, Helvetica, Verdana;
	color:#545050;
	line-height: 1.3em;
	text-align:justify;
}

.wrapper {
  min-height: 100%;
	background:#f5f5f5 url(/media/images/layout/bg.png) repeat-x top left;
	width: 100%;
}

.inner_wrapper {
	overflow: auto;
	padding-bottom: 45px;
	width: 100%;
}

body#choix{
background:#f5f5f5 url(/media/images/layout/bgChoix.png) repeat-x top left;

}



#commande{
margin:auto;
width: 970px;
height:44px;


}

#commande a{
float:right;
}

#statuts{
float:left;
padding:5px;
padding-top:8px;
height:27px;
width:500px;
text-align:right;
font-size:11px;
}

#content, .content{
	margin:auto;
	width: 985px; 
}

.selector_holder {
	background-image:url(/media/images/water/landing-bg.png);
	background-position: top center;
	height: 410px;
}

#landing_selector {
	margin: 0px auto;
	width: 1000px;
	height: 410px;
}

#leftColumn{
background:#efefef url(/media/images/layout/leftcolumn-bottom.png) repeat-x bottom left;
padding:0px;

float: left;
width: 292px;

padding-top:25px;


}
#leftColumnContent{
padding:10px;
}

#leftColumn.groupe{
background:transparent;
}

#menuVertical {
	width: 261px;
	margin-bottom:15px;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #ffffff;
}

#menuVertical ul {
	margin: 0;
	padding: 0;
}

#menuVertical li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	color: #f0c138;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #ffffff;
}

#menuVertical li.current {
	color: #ffffff;
}

#menuVertical a {
	display: block;
	padding: 6px 0px 6px 20px;
	margin: 0;
	line-height: 14px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #48484a;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/media/images/layout/bullet-menu-off.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-shadow: 0px 1px 0px #ffffff;
}

#menuVertical a:hover {
	background-image: url(/media/images/layout/bullet-menu-off-hover.png);
	color: #e7b01f;
}

#menuVertical li.current a {
	color: #ffffff;
	background-color: #58595b;
	background-image: url(/media/images/layout/bullet-menu-on.png);
	text-shadow: none;
}

#menuVertical li li {
	border: 0px none;
}

#menuVertical li.current li a {
	background-color: #efefef;
	color: #878787;
	background-image: url(/media/images/layout/bullet-menu-lv2-off.png);
}

#menuVertical li.current li.current a, #menuVertical li.current li a:hover {
	background-color: #efefef;
	color: #48484a;
	background-image: url(/media/images/layout/bullet-menu-lv2-on.png);
}

.news{
background:transparent url(/media/images/layout/bg-news.png) no-repeat bottom left;
height: 100px;

padding:10px;
padding-top:0px;
margin-top:5px;
margin-bottom:5px;
}
.news a{
text-decoration:none;
color:#545050;
}

.news a:hover{
color:#ebb616;
}


.news h2{
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}

.lireNews{
display:block;
float:right;
width:45px;
text-decoration:none;
height:22px;

}

#newsBlock.home {
	float: right;
	width: 209px;
	border-left: 1px solid #d7d7d7;
	margin: 40px 0 20px 20px;
	padding-bottom: 20px;
	background-color: #efefef;
}

#newsBlock.home h2 {
	margin: 0;
	padding: 20px 0 5px 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	border-bottom: 1px solid #d7d7d7;
	color: #5c5c5c;
}

#newsBlock.home .news {
	background: none;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #ffffff;
	height: auto;
}

#newsBlock.home .news  h2{
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #f0c138;
	text-align: left;
	border-bottom: none;
}


#newsletter{
background:transparent url(/media/images/layout/bg-newsletter.png) no-repeat top left;
width:255px;
height:60px;
margin-top:10px;
padding-top:41px;
padding-left:15px;

}

#newsletter #email{
height:19px;
float:left;
width:197px;
padding-left:5px;
color:#555;
border:0px solid #FFFFFF;
background-color:transparent;


}

#newsletter a, #quickSearch a{
display:block;
border:1px solid #c09d0f;
float:left;
text-decoration:none;
background-color:#dab415;
padding:2px;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
margin-left:5px;

}
#newsletter a:hover{
border:1px solid #dab415;
background-color:#edc03e;
}

.lireNews span{
visibility:hidden;
}

#rightColumn{
padding-top:30px;
float: right;

 
width: 672px;
}

.encartgroupe{
float:left;
width:205px;
display:block;
height:41px;
text-align:center;
text-decoration:none;
padding:20px;
padding-top:120px;
}


#groupe-travaux{
background:transparent url(/media/images/layout/groupe-travaux.png) no-repeat top left;
}
#groupe-travaux:hover{
background:transparent url(/media/images/layout/groupe-travaux.png) no-repeat bottom left;
color:#e7b01f;
}


#groupe-beton{
background:transparent url(/media/images/layout/groupe-beton.png) no-repeat top left;
color:#4a4645;
}
#groupe-beton:hover{
background:transparent url(/media/images/layout/groupe-beton.png) no-repeat bottom left;
color:#4a4645;
}

#groupe-prefab{
background:transparent url(/media/images/layout/groupe-prefab.png) no-repeat top left;
color:#356961;
}
#groupe-prefab:hover{
background:transparent url(/media/images/layout/groupe-prefab.png) no-repeat bottom left;
color:#356961;
}

#groupe-water{
color:#025e93;
background:transparent url(/media/images/layout/groupe-water.png) no-repeat top left;
}
#groupe-water:hover{
background:transparent url(/media/images/layout/groupe-water.png) no-repeat bottom left;
color:#025e93;
}

#footer{
	background:#d0d0d0 url(/media/images/layout/bg-footer.png) repeat-x top left;
	font-size:12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0px #ffffff;
  overflow: hidden;
	height: 30px;
	margin-top: -30px;
	position: relative;
	clear: both;
}

#footer a {
	color: #747474;
	text-decoration: none;
}

.footer-content{
	height: 18px;
	padding-top: 8px;
	width: 985px;
	margin: 0 auto;
}

a{
color:#e7b01f;
}

a:hover{
color:#666666;
}


a.button {
background:transparent url(/media/images/layout/bg-btn-a.png) no-repeat scroll right top;
color:#FFFFFF;
display:inline;
float:right;
font-family:arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:normal;
margin-top:5px;
margin-right:10px;
outline-color:invert;
outline-style:none;
outline-width:medium;
padding-right:15px;
text-decoration:none;
}

a.button span {
background:transparent url(/media/images/layout/bg-btn-span.png) no-repeat scroll ;
display:block;
line-height:10px;
padding:5px 0pt 5px 18px;
}

a.button:active, a.button:hover {
background-position:right bottom;
color:#ffffff;
outline-color:invert;
outline-style:none;
outline-width:medium;
}

a.button:active span, a.button:hover span {
background-position:left bottom;
padding:5px 0pt 5px 18px;
}




p{
margin-top:2px;
margin-bottom:9px;
}

.spacer{
clear:both;
visibility:hidden;
}

ul li, ol li{
margin-left:5px;
margin-bottom:5px;
list-style-position:inside;
}

a img{
border:0px solid red;
}



a.left{
margin-right:10px;
maring-bottom:5px;
}

a.zoom{
float:left;
text-decoration:none;
font-size:11px;
font-style:italic;
height:130px;
display: block;
}

a.zoom img{
border:3px solid #ddd;
margin-right:10px;
margin-bottom:5px;
}

a.zoom sub{
display:block;
clear:both;

}

a.zoom:hover img{
border:3px solid #bbb;
}


img.left{
margin-right:10px;
margin-bottom:5px;
}

img.right{
margin-left:10px;
margin-bottom:5px;
}


h1 {
	font-size:21px;
	font-weight: normal;
	color:#7a7877;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:12px;
	padding: 0 0 12px 0;
	margin: 10px 0 20px 0;
}


h1 a, h2 a,h3 a {
text-decoration:none;}

h3 a:hover {
color:#FFFFFF;
}

h2{
font-size:13px;
margin-bottom:5px;
margin-top:10px;
font-weight:bold;
color:#444;
text-transform:uppercase;
border-bottom:1px dotted #909295;
}

h3 {
	font-size:15px;
	margin-bottom: 10px;
}

.domtabContenu h2.domtabTitre{
margin-top:0px;
font-size:18px;
margin-bottom:20px;
text-transform:uppercase;
font-weight:lighter;
color:#dab415;
background:url(/media/images/layout/eloy/puce-h1.png) no-repeat left top;
padding-left:20px;
border-bottom:1px dotted #dab415;
padding-bottom:3px;
}


.highlight{
display:block;
background-color:#dedede;
margin-top:5px;
margin-bottom:5px;
padding:5px;
padding-left:7px;
border:1px dashed #6e6c6b;
}

.highlight a{
}

#menu {
clear:both;
background:transparent url(/media/images/layout/bg-menu.png) no-repeat top left;
width:672px;
height:73px;
margin-top:5px;
padding-left:0px;
padding-top:3px;
}

#menu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
  }
 
    #menu li {
      float:left;
      margin:0;
      padding:0 0 0 6px;
    
      }
    #menu a {
	text-decoration:none;
      float:left;
      display:block;
      width:0.1em;
	  margin-right:2px;
      padding:5px 9px 4px 3px;

	
      text-decoration:none;
      font-weight:bold;
	 
      color:#545050;
      }
    #menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
   
     #menu li.current {
     	 color:#fff;
		
      }
	 #menu li.current a{

      padding-bottom:5px;
      color:#fff;
      }
    #menu li:hover, #menu li:hover a {
      background-position:0% -26px;
      color:#4a4545;
      }
    #menu li:hover a {
 
      background-position:100% -26px;
      }
	  
#menu li.current a:hover {
	

	}
	
div.level3, .pullout {
	background: #F5F5F5 url(/media/images/layout/bg-level3.png) no-repeat top left;
	text-align:left;
	float:right;
	width:200px;	
	min-height:200px;
	height:auto !important;
	height:200px;
	padding: 15px 0 0 15px;
	margin: 0 0 20px 10px;
}
	
ul.level3 {
	margin: 0 0 35px 0;
	padding: 0;
	list-style-type: none;
	background-color: #dfdfdf;
	height: 26px;
	width: 100%;
}

ul.level3 li {
	margin: 0;
	padding: 0;
	float: left;
}

ul.level3 li.first a {
	border-left: 0px none;
}

ul.level3 li a {
	display: block;
	padding: 7px 5px 8px 5px;
	color: #48484a;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-decoration: none;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #c6c6c6;
	text-align: center;
}

ul.level3 li.active {
	background-color: #E7B01F;
	background-image: url("/media/images/layout/bg-level3-active.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

ul.level3 li.active a {
	color: #ffffff;
}

.contactInfos{
width:49%;
float:left;
margin-top:10px;
}


.navOnglets li{
list-style-type:none;
margin:0px;
float:left;
}

.navOnglets li a{
height:25px;
display:block;
float:left;
text-align:center;
padding-top:6px;
border-right:1px solid #e8e8e8;
padding-left:10px;
padding-right:10px;
color:#7a7877;
font-weight:bold;
background:transparent url(/media/images/layout/bg-navOnglets-liLeft.png) no-repeat bottom left;
text-decoration:none;
}


.navOnglets li.active a{
color:#0c76af;
border-right:1px solid #a8a5a4;
background:transparent url(/media/images/layout/bg-navOnglets-liLeft.png) no-repeat top left;


}


.pageOnglet{
padding-bottom:50px;
padding:15px;
background-color:#e2e2e2;

}


.dessousPageOnglet{
background:transparent url(/media/images/layout/bg-dessousPageOnglet.png) repeat-x top left;


height:40px;
width:
}



/* Skin forms */


/* Select Box */

div.selector {
	
	display: block;
	margin-right:10px;
	margin-top:7px;
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background:  url(/media/images/layout/forms/bg.png) repeat-x left 0px;
	line-height: 22px;
	text-shadow: 0 1px 0 #fff;
	height: 22px;
	color: #444;
	float:left;

}


div.selector select {

	width: 200px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

div.selector.focus {
	border-color: #999;
}

div.selector span {
	position: absolute;
	left: 6px;
	top: 0px;
	font-size: 11px;
	padding: 0;
	display: block;
	padding-right:25px;
	background: url(/media/images/layout/forms/select.gif) no-repeat right 60%;
	right: 0;
}

div.selector.focus span {
	left: 5px;
}

div.selector select {
	position: relative;
	font-size: 1.1em;
	padding: 0;
	line-height: 23px;
	border: 0;
	margin: 0;
	/*padding-right: 40px;*/
}

dt{
font-weight:bold;
padding:5px;
border-bottom:1px solid #a9a9a9;
}

dd{
background-color:#eaeaea;
padding:3px;
margin-left:10px;
margin-top:10px;
border-left:1px solid #a9a9a9;
margin-bottom:15px;
padding:10px;
}


.domtabContenu{
width:445px;
clear: left;
}

.domtabContenu h2, .domtabContenu p{
clear: left;
}


.globuleError
{
	background: #fae5e5 url(/media/images/layout/bg-alert-red.png) no-repeat 3px 3px;
	border:1px solid #d20000;
	color:#d20000;
	padding-left:55px;
	min-height:30px;
	height:auto !important;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
}

.globuleWarning
{
	background: #fff9e9 url(/media/images/layout/bg-alert-orange.png) no-repeat 3px 3px;
	border:1px solid #f15e00;
	margin-top:5px;
	color:#f15e00;
	padding-left:55px;
	min-height:30px;
	height:auto !important;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
}

.globuleInfo
{
	background: #e5ffe6 url(/media/images/layout/bg-alert-green.png) no-repeat 3px 3px;
	margin-top:5px;
	border:1px solid #019609;
	padding-left:55px;
	min-height:30px;
	height:auto !important;
	padding-top:10px;
	padding-bottom:10px;
	height:30px;
	color:#019609;
	border:1px solid #019609;
}

#sitemapEloy { text-align: left; }
#sitemapEloy a { color: #6b6b6b; text-decoration: none; font-weight: bold;}
#sitemapEloy a:hover { color: #E7B01F; text-decoration: underline; }

#sitemapEloyTravaux { text-align: left; }
#sitemapEloyTravaux a { color: #6b6b6b; text-decoration: none; font-weight: bold;}
#sitemapEloyTravaux a:hover { color: #ffcc00; text-decoration: underline; }
#sitemapEloyTravaux  ul li ul { margin: 5px 0px 10px 10px;}

#sitemapEloyBeton { text-align: left; }
#sitemapEloyBeton a { color: #6b6b6b; text-decoration: none; font-weight: bold;}
#sitemapEloyBeton a:hover { color: #a7a9ac; text-decoration: underline; }
#sitemapEloyBeton  ul li ul { margin: 5px 0px 10px 10px;}

#sitemapEloyPrefab { text-align: left; }
#sitemapEloyPrefab a { color: #6b6b6b; text-decoration: none; font-weight: bold;}
#sitemapEloyPrefab a:hover { color: #3c8476; text-decoration: underline; }
#sitemapEloyPrefab  ul li ul { margin: 5px 0px 10px 10px;}

#sitemapEloyWater { text-align: left; }
#sitemapEloyWater a { color: #6b6b6b; text-decoration: none; font-weight: bold;}
#sitemapEloyWater a:hover { color: #0076ae; text-decoration: underline;}
#sitemapEloyWater  ul li ul { margin: 5px 0px 10px 10px;}

.listeSitemap { margin: 15px 0px 15px 5px; }

.lightWord { color: #9e9e9e; }


.country_selector {
	float: left;
	color: #f5f5f5;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-top: 15px;
}

.country_selector em {
	font-style: normal;
	color: #E7B01F;
}

.country_selector select {
	border: 1px solid #E7B01F;
	padding: 0px;
	background-color: #48494a;
	color: #E7B01F;
}

#commande .country_selector a {
	float: none;
	font-weight: normal;
	font-style: italic;
	color: #ffffff;
}