/* @begin Global Reset */
    * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
    
/* @end */

img, div, a, input { _behavior: url(/scripts/png/iepngfix.htc) }


body {
    margin:0px;
    padding:0px;
    background-color:#adadac;
    font-family:Arial;
    font-size:11px;
    color:#454545;
    width:100%;
    overflow-y:scroll;
}

p
{
    padding-top:5px;
    padding-bottom:5px;
    text-align:justify;
}

sup
{
    vertical-align:top;
    font-size:9px;
}

sub
{
    vertical-align:bottom;
    font-size:9px;
}

strong
{
    font-weight:bold;
}

a:hover
{
    color:#454545;
}
a 
{
    color:#555555;
}

a img 
{
        border:0px;
}

ul
{
    padding:10px 10px 10px 18px;

}

h1
{
    font-size:15px;
    font-weight:bold;
    padding:5px 0px 5px 0px;
}

h2
{
    font-size:12px;
    font-weight:bold;
    padding:5px 0px 3px 0px;
}

h3
{
    font-size:12px;
    font-weight:bold;
    padding:5px 0px 2px 0px;
}


.widthAuto
{
    width:auto;
}

#maindiv{
   position:relative;
   float:left;
   min-width:100%;
}

#headdiv{
    width:100%;
    height:25px;
    padding:5px 0 0 0;
    background-image:url(/images/bghead.gif) ;
    background-repeat:repeat-x;
}

.topfootcontent
{
    width:823px;
    margin:0 auto 0 auto;
    padding:1px 0 0 0;
}

.navlist
{
    
    padding:0px;
    margin:0 0 0 0px;
}

.navlist li
{
    float:left;
    list-style-type: none;
    list-style-position:outside;
    margin:0 0px 0 0;
    padding:0px;
}

.navlist li a
{
    text-decoration:none;
    padding:8px 0px 0 0px;
}

.bigBanner{
    position:absolute;
    top:99px;
    left:-180px;
    _left:-174px; /* IE6 Fix */
    z-index:2; 
}

.bigBanner ul
{
    padding:10px;
}

.leftmenulist
{
    position:relative;
    float:left; 
    margin:0px 0 0 -20px;  
}

.leftmenulist ul li { float:left; }
.leftmenulist ul li img { float:left; margin:0 0 0 -7px;}

.rightmenulist{
    position:relative;
    float:right;
    text-align:right;
    width:650px;
}

.rightmenulist ul 
{
	float:right;
	margin:0 27px 0 0;
}

.rightmenulist a
{
	float:left;
	color:#f6f6f6;
	height:20px;
	margin:-8px 0 0 0;
	padding:8px 10px 0 10px;
}

.rightmenulist a span { padding:0 10px 0 10px; }

.rightmenulist a:hover
{
    background:#595959;
    color:#FFFFFF;
}

#bigMenu{
    margin-top:40px;
}

#bigMenu li{
    font-size:16px;
    font-weight:bold;
    text-align:center;
    width:200px;
}


#bgContentAccueil
{
    position:relative;
    float:left;
    background-image:url(/images/bgContentMiddle.png);
    background-repeat:repeat-y;
    width:862px;
    height:152px;
    margin-top:-20px;
}

#shadowBigBanner{
    position:relative;
    float:left;
    top:-1px;
    margin:-3px 0px 4px -14px;
    _margin-left:11px;
    width:900px;
    height:320px;
    background-image:url(/images/shadowBigBannerSmall.png);
    background-repeat:no-repeat;
    z-index:1;
}

#bgcontent{
    background-image:url(/images/bgcontent.jpg) ;
    background-repeat:repeat-x;
    background-color:#bdbdbd;
}

#content{
    width:860px;
    margin:0px auto 0 auto;
    padding-top:5px;

}

#logo{
    position:relative;
    float:left;
    clear:both;
    margin:8px 8px 8px 30px;
    _margin:8px 8px 8px 25px;
}

#headmenu{
    position:relative;
    float:right;
    width:661px;
    height:100px;
    background-image:url(/images/bgheadmenu.jpg);
    background-repeat:no-repeat;
    margin-right:30px;
    _margin-right:0px;
    z-index:2;
}

#liAluminerie{
    margin-left:85px;
    margin-right:75px;    
}

/*#liAluminerie span{
    position:absolute;
    left:38px;    
}

#liAluminerie span a span{
    width:100px;
    height:40px;
    text-align:center;   
    text-align:center;
    vertical-align:middle;    
}*/

#liIndustriel{
    margin-left:35px;
    margin-right:87px;
    
}

/*#liIndustriel span
{
    position:absolute;
    left:145px;
    vertical-align:middle;
}

#liIndustriel span a span
{
    position:relative;
    width:100px;
    height:40px;
    vertical-align:middle;
}*/

#liMine{
    margin-left:60px;
}

/*#liMine span
{
    position:absolute;
    left:255px;
}

#liMine span a span
{
    width:100px;
    height:40px;
    text-align:center;
    vertical-align:middle;
    
}*/

.arrowAluminerie{
    position:absolute;
    top:3px;
    left:95px;
    height:8px;
}

.arrowIndustrie{
    position:absolute;
    top:3px;
    left:326px;
}

.arrowMine{
    position:absolute;
    top:3px;
    left:556px;
}

.arrowMenu
{
    background-image:url(/images/arrowMenuOff.gif);
    background-repeat:no-repeat;
    width:17px;
    height:9px;  
}

.arrowMenuOn{
    background-image:url(/images/arrowMenuOn.gif);
    background-repeat: no-repeat;
    background-position:center;
    width:17px;
    height:9px;
}

#buttonAluminerie{
    background-color:#00ff00;
    position:absolute;
    left:10px;
    top:3px;
    width:209px;
    height:93px;
    text-align:center;
    vertical-align:middle;
}
#buttonIndustriel{
    background-color:#0000ff;
    position:absolute;
    left:220px;
    top:3px;
    width:232px;
    height:93px; 
    text-align:center;
    vertical-align:middle;
}
#buttonMine{
    background-color:#ff0000;
    position:absolute;
    left:453px;
    top:3px;
    width:200px;
    height:93px;  
    text-align:center;
}

#footdiv{
    position:relative;
    float:left;
    clear:both;
    width:100%;
    height:33px;
    background-image:url(/images/bgfoot.gif) ;
    background-repeat:repeat-x;
    background-color:#adadac;
}

.bottomfootcontent
{
    font-size:10px;
    width:823px;
    margin:0 auto 0 auto;
    padding:12px 0 0 0;
    text-transform:uppercase;
}



#divRealisations{
    position:relative;
    float:left;
    margin-top:20px;
    margin-left:15px;

}


.lienRouge{
    font-size:12px;
    color:#df132e;
    border:0px;
    position:absolute;
    top:100px;
    right:0px;
}

#divNouvelles{
    position:relative;
    float:left;
    margin-top:20px;
    margin-left:45px;
    color:#646460;
    width:285px;
    font-size:12px;
}



#divCoordonnees{
    position:relative;
    float:left;
    margin-top:20px;
    margin-left:35px;
}

.transparentBlackDiv
{
    position:absolute;
    background-image:url('/images/transparentBlack.png');
    background-repeat:repeat;
    padding:2px 20px 2px 20px;
    z-index:3;
    width:811px;
    height:75px;    
    top:170px;
    margin-left:-1px;
    *margin-left:-876px;
    _margin-left:-819px;
    margin-right:0px;
    color:#ffffff;
    text-shadow:2px 2px 3px #000000;  
}


.divTextBlackBanner
{
    color:#ffffff;
    text-shadow: #000000 2px 2px 3px;
    position:absolute;
    padding:5px 20px 5px 20px;
    z-index:4;
    width:810px;
    height:100px;
    top:30px;
}




.greyTitle14{
    font-size:14px;
    color:#646460;
    font-weight:bold;
    
}


.lightGreyText{
    color:#f6f6f6;
}

.lightGreyText li a
{
    color:#f6f6f6;
}

.lightGreyText a{
    color:#f6f6f6;
}


.middleGreyText{
    color:#929291;
}
.middleGreyText a{
    color:#929291;
}
.middleGreyText span a{
    color:#929291;
}

.darkGreyText{
    color:#646460;
}
.darkGreyText a{
    color:#646460;
}

.boldtext{
    font-weight:bold;
}

.whiteText
{
    color:#FFFFFF;
}


.bold
{
    font-weight:bold;
}

.italic
{
    font-style:italic;
}

.underline
{
    text-decoration:underline;
}

.noUnderline
{
    text-decoration:none;
}

.noUnderline li a
{
    text-decoration:none;
}


.center
{
    text-align:center;
}

.left
{
    text-align:left;
}

.leftRelative
{
    position:relative;
    float:left;
}


.rightRelative
{
    position:relative;
    float:right;
}
.blueText
{
    color:#0000FF;
}

.justify
{
    text-align:justify;
}

.right
{
    text-align:right;
}

.text16px
{
    font-size:16px;
}

.text22px
{
    font-size:22px;
}

.text28px
{
    font-size:28px;
}

.text30px
{
    font-size:30px;
}

.text36px
{
    font-size:36px;
}

.redTitle
{
    /*color:#ba2308;*/
    color:#df132e;
    font-size:14px;
    /*color:#646460;*/
    font-weight:bold;
    margin-top:-20px;
}

.marqueDeposee
{
    vertical-align:super;
    font-size:8px;
}

/*Class pour le texte inclus dans la bannière*/

.transparentBlack
{
    _margin-left:-15px;
    _padding:0px;
    background-image:url("/images/transparentBlack.png");
    background-repeat:repeat;
}

#imageTitle
{
    position:absolute;
    _left:25px;
    top:30px;    
    width:671px;
    height:80px;
    padding:10px 10px 10px 10px;
    z-index:1;
}

#imageTitle span
{
    color:#ffffff;
}

.activeTopLink a
{
    background:#595959;
    color:#FFFFFF;
}

img#carteECL
{
    margin-top:-6px;
}

.smallpadding li
{
    padding-right:15px;
}

div.selectArrow
{
    position:absolute;
    top:96px;
    z-index:4;
    width:32px;
    height:15px;
}

div#selectArrow1
{    
    left:110px;
}

div#selectArrow2
{
    left:320px;        
}

div#selectArrow3
{
    left:540px;
}

div.bgSelectArrow
{
    background-image:url('/images/white_arrow.png');
    background-repeat:no-repeat;
}

.clearer
{
    position:relative; 
    clear:both;
}

div#logos_accueil
{
    position:relative;
    float:left;
    text-align:center;
    width:100%;
    margin-top:20px;
    margin-bottom:15px;
    padding-left:15px;
}

div.transparentButton
{
    position:absolute;
    top:3px;
    z-index:15;
    height:93px;
    background-color:White;
    opacity:0.01;
    filter: alpha(opacity = 1);

}

div.transparentButton a
{
    width:100%;
    height:93px;
    display:block;
}

/*background blanc du main menu*/
div.bgSelected
{
    position:absolute;
    top:3px;
    z-index:5;
    height:115px;
    background-repeat:no-repeat;
}

div#bgSelectedLeft
{        
    left:-8px;    
    background-image:url(/images/mainMenu/selectedLeftButton.png);
    width:227px;        
}
div#bgSelectedLeftNoArrow
{        
    left:-8px;    
    background-image:url(/images/mainMenu/selectedLeftButtonNoArrow.png);
    width:227px;    
}

div#bgSelectedMiddle
{
    left:220px;
    background-image:url(/images/mainMenu/selectedMiddleButton.png);
    width:232px;
}

div#bgSelectedMiddleNoArrow
{
    left:220px;
    background-image:url(/images/mainMenu/selectedMiddleButtonNoArrow.png);
    width:232px;
}

div#bgSelectedRight
{
    left:453px;
    background-image:url(/images/mainMenu/selectedRightButton.png);
    width:227px;
}

div#bgSelectedRightNoArrow
{
    left:453px;
    background-image:url(/images/mainMenu/selectedRightButtonNoArrow.png);
    width:227px;
}

span#spanAluminerie
{
    display:block;
    z-index:10;
    position:absolute;
    top:40px;
    left:65px;
}

span#spanIndustrie
{
    display:block;
    z-index:10;
    position:absolute;
    top:40px;
    left:300px;
}

span#spanMine
{
    display:block;
    z-index:10;
    position:absolute;
    top:40px;
    left:545px;
}


/*Pour les images dans le texte*/
.leftImage
{
    float: left; 
    margin: 10px 20px 10pt 0pt;
}



img#phoneIconHead
{
    position:absolute;    
    margin-top:-4px;
}

img#phoneIconFoot
{
    position:absolute;
    top:-1px;
}


ul.defaultUl li
{
    list-style-position:inherit;
}

.text
{
	/*margin:0 20px 0 20px;*/
	width:830px;
}
.text .left-column { float:left; width:180px; }
.text .left-column img { clear:left; float:left; margin:10px 0 0 0; }
.text .right-column { float:right; padding:10px 0 0 0; width:650px; }

.clear { clear:both; }
.bgContent { _width:900px; }
.bgContentTop { background:url('/images/bgContentTop.png') no-repeat; clear:left; float:left; height:142px; margin:0 0 -142px 0; width:862px; }
.bgContentBottom { background:url('/images/bgContentBottom.png') no-repeat; clear:left; float:left; height:20px; margin:-4px 0 0 0; width:862px; }


.bgPageContent { background:url('/images/bgContentTop2.png') no-repeat; display:block; float:left; font-size:12px; margin:0px 0 0 0; padding:40px 13px 0 13px; }
.bgPageContentTop { background:url('/images/bgContentTop.png') no-repeat; height:142px; margin:0 0 -142px 0; position:absolute; top:290px; width:862px; }
.bgPageContentBottom { background:url('/images/bgContentBottom.png') no-repeat; clear:left; float:left; height:20px; margin:-0px 0 -30px 0; width:862px; }

.bgLigne { background:url('/images/bgLigne.png') no-repeat; clear:left; float:left; height:3px; margin:-15px 0 0 0; width:862px; }
.bgLigneVerticale { display:block; float:left; position:absolute; height:50%; margin:-20px 0 0 415px; width:3px; }


.outside-list li { list-style-position:outside; }