@font-face 
{ 
font-family: eurostile; 
src: url('fonts/Eurostile.eot'); 
src: local('Eurostile'), url(fonts/Eurostile.ttf) format("truetype"); }

@font-face 
{ 
font-family: eurobold; 
src: url('fonts/Eurostile-Bold.eot'); 
src: local('Eurostile'), url(fonts/Eurostile-Bold.ttf) format("truetype"); }


*{padding:0; margin:0;}
body {color:white; background-image:url(images/bg_body.jpg);background-position: 50% 0%; background-repeat:repeat-y; font-family: arial, sans-serif; font-size: 11px; background-color:black; }
#bodyTopAccueil {background-image:url(images/bg_body_top_acc.jpg);background-position: center top; background-repeat:no-repeat;}
#bodyTop {background-image:url(images/bg_body_top.jpg);background-position: center top; background-repeat:no-repeat;}
#bodyBottom {background-image:url(images/bg_body_bottom.jpg);background-position: center bottom; background-repeat:no-repeat;}
#wrapper {width:983px; margin:0 auto; }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

a {background-position:left;color:white;}
a:hover {background-position:right;}

ul ul {padding-left:25px;}

ul.bulletsJaunes {color:#ffc20e; padding-left:25px; font-size:12px; }
ul.bulletsJaunes span {color:white !important; margin:0 !important; }
ul.bulletsJaunes span a{color:white !important; text-decoration:underline !important; margin:3px; }


h1 {font-family:eurostile; font-weight:normal; text-transform:uppercase; font-size:23px; color:#ffc20e; margin:15px 0;}
h2 {font-family:eurostile; font-weight:normal; text-transform:uppercase; font-size:18px; color:#ffc20e; margin:10px 0;}
h3 {font-family:eurostile; font-weight:normal; text-transform:uppercase; font-size:13px; color:#ffc20e; margin:0px 0;}
h4 {color:#ffc20e; text-align:center; font-family:eurostile; font-weight:normal; text-transform:uppercase; font-size:18px;margin:0 0 5px;}
h5 {color:white; text-align:right; font-family:eurobold; font-weight:normal; text-transform:uppercase; font-size:14px; margin:10px 0 05px;}

p {margin:15px 0; font-size:12px; line-height:14px;}

#headerAccueil {height:418px;}
#header {height:342px;}

    #logoIndex {float:left; display:block; height:150px; width:300px;}
    #topMenu {list-style-type:none; float:right; padding:75px 10px 0 0; }
    #topMenu li { float:left; font-family:verdana; font-weight:bold; font-size:11px; margin:0 4px;}
    #topMenu li a {text-decoration:none; color:white;}
    #topMenu a:hover {color:#ffc20e;}

#leftColumn {width: 185px; float:left; padding:20px 0 0 10px; min-height:500px; }
    #mainNav {list-style-type:none;}
    #mainNav a{padding:18px 0 0 18px;color:white; text-decoration:none; display:block; width:141px; height:24px; background-image:url(images/bg_menu.jpg); font-size:14px; font-weight:bold; text-transform:uppercase;}
    #mainNav a.deuxLignes { height:40px; background-repeat:no-repeat; background-position:bottom;}
    #mainNav a:hover {color:#ffc20e;}


#centerColumn  {width:565px;float:left; padding:25px 0 0 0px;}

    #centerColumn #boiteGrise {font-size:12px; width:544px; background-image:url(images/bg_content.jpg);background-repeat:repeat-y;}
    #centerColumn #boiteGriseTop {width:544px; background-image:url(images/bg_content_top.jpg); background-position:top; background-repeat:no-repeat;}
    #centerColumn #boiteGriseBottom {min-height:350px; width:504px;  background-image:url(images/bg_content_bottom.jpg); padding:5px 20px 20px; background-position:bottom; background-repeat:no-repeat;}
    #centerColumn #boiteGriseBottom span {color:#ffc20e; display:block; margin:10px 0;}
    #centerColumn #boiteGriseBottom  span a {color:#ffc20e; text-decoration:none; font-size:12px; font-weight:bold;}
    #centerColumn #boiteGriseBottom span a:hover {text-decoration:underline;}
    #centerColumn #boiteGrise img {max-width:500px; border:1px solid #828282; margin:0 15px 15px 0; float:left;}

    #centerColumn table td{vertical-align:top; padding:10px 0;}
    
    #centerColumn table  {border-collapse:collapse;}

    #centerColumn #boiteGrise table.accreditations img {max-width:250px; margin-left:15px;  display:block;}
    #centerColumn table.accreditations td{border-top:1px solid #7b7b7b; border-bottom:1px solid #7b7b7b; }
    #btnRecyclage {margin:15px 1px; display:block; width: 541px; height:93px; background-image:url(images/btn_recyclage.jpg);}
    #btnDechets {margin:15px 1px; display:block; width: 541px; height:93px; background-image:url(images/btn_dechets.jpg);}

    #troisBoites {list-style-type:none;}
    #troisBoites li {float:left;}
        #troisBoites span {color:#ffc20e;}
        #troisBoites  a {padding:192px 0 0 10px;   color:#ffc20e; text-decoration:none; font-size:12px; width:167px; height:23px; display:inline-block; font-weight:bold;}
        #troisBoites  a:hover {text-decoration:underline;}
        #genie a{background-image:url(images/bg_genie_civil.jpg);}
        #sablieres a{background-image:url(images/bg_sablieres.jpg); margin:0px 5px;}  
        #deneigement a{background-image:url(images/bg_deneigement.jpg);}

#rightColumn {width:185px; float:left; padding:25px 20px 0 0px;}
    #rightColumn img {border:1px solid #828282; float:right;}
    #rightColumn p {text-align:right; font-size:11px; }

#footer {height:80px; }
    #footer p { padding:30px 20px 0; }
    #footer #copy {display:inline-block; float:left;}
    #footer #helios {display:inline-block; float:right;}
    #footer #helios a {font-weight:bold; text-decoration:none; color:white;}
    
    
    
/* les realisations */

#centerColumn table#realisations {width:504px; }
#centerColumn table#realisations td {border:1px solid #7b7b7b; padding:8px; vertical-align:top;}
#realisations .annee td {color:#ffc20e; text-align:center; font-weight:bold; font-size:14px;}
#realisations .titreCol td {font-weight:bold; font-size:14px;}
#realisations img {margin:0px !important; }

#equipement {width:504px; }
#equipement td {padding:6px !important;  border-bottom:1px solid #393939;}
#equipement .titreCol td {font-weight:bold; font-size:14px;}
#equipement .catEquipement td {color:#ffc20e; text-align:left; font-weight:bold; font-size:15px; padding-top:20px !important;}


.sousmenu {display:none; position:absolute;  margin:-60px 0 0 165px; list-style-type:none; border:1px solid #828282; padding:10px; z-index:50;}
#mainNav li:hover ul {display:block; background-color:black; }

.tableCalendrier td img {margin:0 !important;}
.tableCalendrier td {padding:0px !important; color:black; font-size:12px; font-weight:bold; text-align:center;}
.tableCalendrier h3 {margin:20px 0 10px 0;}
.tableCalendrier ul {padding-left:15px;}

#montres td ul { padding:10px 0 15px 20px ;}
#montres h5 {text-align:left; margin:0px 0 10px 0 !important;}
#montres h2 {margin:0px 0 0px 0 !important;}
#montres {border:1px solid #898989; }
#montres td {padding:10px 5px !important; }

#dateMonstre {font-size:11px;}
#dateMonstre span {display: inline !important;}

/* formulaire de demande d'emploi */

#formEmploi fieldset {margin:10px; padding:10px; }
#formEmploi input[type=text]{padding: 2px; margin:3px 5px 3px 0 ;}
#infoPerso label, #infoEmploi label {display:inline-block; width:160px; text-align:right;}
#infoPerso input, #infoEmploi input {padding:2px; width:230px; margin:3px 5px; }
#formations label { display:inline-block; padding-right:5px; }
#formations input {padding: 2px; margin:3px 5px ;}
#formations textarea {padding: 2px; margin:3px 5px 3px 0;}

#listeLiens {padding-left:25px;}
#listeLiens li {padding:5px;}

.planSite li {padding: 3px 0; }