/* ------ GENERAL ------ */
body                        { background: #dce3f5 url('img/background.jpg') no-repeat scroll top center; font-family: Tahoma, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #4a4a4b; }
#multibg                    { width: 100%; background-image: url('img/background-vibration.png'); background-repeat: repeat-x; background-position: 0px 294px; }
#multibg.hp                 { background-position: 0px 435px; }
#wrap                       { width: 980px; margin: auto; }
/* ------ HEADER ------ */
#header-inner               { position: relative; display: block; width: 980px; height: 348px; background-image: url('img/header-1.png'); background-position: top center; background-repeat: no-repeat; }
#header-hp                  { position: relative; display: block; width: 980px; height: 486px; background-image: url('img/header-hp.png'); background-position: top center; background-repeat: no-repeat; }
#header-illustration-slideshow      { display: block; width: 403px; height: 129px; position: absolute; overflow: hidden; left: 540px; top: 140px;}
#insideTitleLuxembourg{
  display: block;
  width:  218px;
  height: 31px;
  background: url('img/background-luxembourg.png') top left no-repeat;
  position: relative;
  z-index: 10;
  top: 235px;
  left: 60px;
}
/* ------ CONTENT ------ */
#wrapper                    { position: relative; display: block; padding: 30px; width: 920px; height: 320px; background-image: url('img/bg-content.png'); background-position: 5px 0px; background-repeat: repeat-y; }
/* ------ FOOTER ------ */
footer                      { position: relative; display: block; width: 980px; height: 76px; background-image: url('img/bg-footer.png'); background-repeat: no-repeat; background-position: 5px 0px; }
/* ------ HEADER H1 & MENU ------ */
a.logo                      { display: block; width: 283px; height: 166px; }
h1                          { position: absolute; top: 11px; left: 25px; background-image: url('img/ENGIE_cofely-120.png'); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden}

#menu                       { position: absolute; left: 330px; top: 60px; z-index: 5000; }
#menu li                    { list-style: none; margin: 0; padding: 0; float: left; width: 120px; background-image: url('img/nav_puce.png'); background-repeat: no-repeat; background-position: 0px 4px; }
#menu li.expanded:hover              { background-image: url('img/nav_puce_hover.png'); background-position: 0px 8px; }
#menu li a                  { display: block; padding-left: 15px; width: 93px; text-transform: uppercase; font-size: 13px; height: 20px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; background-position: 15px center; }
#menu li.active-trail a     { color: #C9294C; }
#menu li.active-trail li a  { color: #fff; }
#menu li a:hover            { text-decoration: underline; color:#C9294C; }
#menu li a.firstlevel:hover { text-decoration: none; }
#menu li ul                 { display: block;background: none;background-color: #c9294c;width: 184px;margin-top: 10px;padding-top: 5px; }
#menu li ul li              { padding-left: 15px; background: none;background-image: url('img/menu_puce.png'); background-repeat: no-repeat;background-position: 3px 8px; }
#menu li ul li:hover        { background: none;background-image: url('img/menu_puce.png'); background-repeat: no-repeat;background-position: 3px 8px; }
#menu li ul li a            { width: 184px;height: 15px;background: none;text-indent: 0px;color: #fff;  text-transform: inherit; font-size: inherit; padding-left: 0; }
#menu li ul li a:hover      { color: #fff; }
#menu li ul                 { visibility: hidden; }
#menu li:hover ul           { visibility: visible; }
#links                      { display: block;position: absolute;left: 800px;top: 13px;text-transform: uppercase; }
#links li                   { list-style: none;float: left;height: 23px; }
#links li.first             { background-image: url('img/link_1bis.png');width: 143px; }
#links li.last              { margin-left: 2px; background-image: url('img/link_2.png'); width: 167px; }
#links li a                 { background-image: url('img/link_puce.png'); background-repeat: no-repeat; background-position: 12px 2px; line-height: 23px; padding-left: 25px; font-size: 10px; color: #26247b; text-decoration: none; }
#links li a:hover           { text-decoration: underline; }
/* ------ SLIDESHOW ------ */
#homepage-slideshow                  { display: block;position: absolute;top: 200px;left: 15px;width: 950px; }
/* ------ CONTENT ------- */
h2                          { font-family: Tahoma, sans-serif;font-size: 18px;text-transform: uppercase;color: #c9294c; margin-bottom: 15px; }
.blue                       { color: #2e3192;font-weight: bold; }
strong                      { font-weight: bold; }
p                           { margin-bottom: 20px; }
a                           { color: #4a4a4b;text-decoration: underline; }
a:hover                     { text-decoration: none; color: #C9294C;  }
a.linkmore                  { padding-left: 15px;background-image: url('img/a-puce.png');background-repeat: no-repeat;background-position: left center; }
.hp #content                { display: block; position: absolute; top: 30px; left: 40px; width: 868px; min-height: 337px; padding: 15px; background-image: url('img/leftcol-bg.jpg'); background-repeat: repeat-x; background-position: bottom center; }
body.sidebar-right .hp #content,
body.sidebar-left .hp #content { width: 568px; }
body.sidebars .hp #content { width: 350px; }

#rightcol                   { position: absolute; top: 30px; left: 658px; display: block; width: 284px; }
#contact                    { display: block; padding: 15px; width: 254px; height: 150px; background-image: url('img/rightcol-bg.jpg'); background-repeat: repeat-x; background-position: bottom center; }
#inner-rightcol #contact    { width: auto; background: none; width: 165px; padding: 0;  }
div.adr,
div.telephone               { margin-bottom: 10px; }
#news                       { display: block;padding: 15px;width: 254px;height: 158px;background-image: url('img/rightcol2-bg.jpg');background-repeat: repeat-x;background-position: bottom center; }
/* ----- FOOTER ------ */
.menu-name-secondary-links .menu                  { color: #26247b;position: relative;top: 75px;left: 20px; margin: 0; padding: 0; }
.menu-name-secondary-links .menu li               { float: left; margin: 0; padding: 0; list-style: none; }
.menu-name-secondary-links .menu a                { margin-right: 20px; }
#rightlinks                 { display: block;width: 60px;position: relative;left: 920px;top: 40px; }
/* ----- INNERCOLS ------ */
#inner-leftcol              { position: absolute; display: block; width: 200px; min-height: 300px; left: 20px; background-image: url('img/inner_leftcol_bg.png'); background-repeat: no-repeat; background-position: right top; }
#content                    { position: absolute; display: block; width: 507px; left: 217px; padding-left: 15px; padding-right: 15px; }
#content.noRightCol       { width: 718px; }
#inner-rightcol             { position: absolute; display: block; width: 185px; padding-left: 20px; left: 750px; background-image: url('img/inner_rightcol_bg.jpg'); background-position: left center; background-repeat: no-repeat; min-height: 436px; }
/* ----- INNER LEFT COL ----- */
#inner-leftcol h2           { margin-bottom: 20px; color: #a9adaf; font-size: 16px; text-transform: uppercase; margin-left: 15px; }
#inner-leftcol ul           { float: left; clear: both; }
#inner-leftcol li           { width: 165px; border-bottom: 1px dotted #a9adaf; margin-left: 15px; list-style: none; float: left; clear: both; padding: 5px 0; }
#inner-leftcol li a         { position: relative; display:block; text-decoration: none; left: -15px; padding-left: 15px; background-image: url('img/leftcol_puce.png'); background-repeat: no-repeat; background-position: left center; }
#inner-leftcol li a.active,
#inner-leftcol li a:hover   { color: #c9294c; background-image: url('img/leftcol_puce_hover.png'); text-decoration: none; }
#inner-leftcol ul li ul li  { width: auto; border: 0; }

#inner-leftcol .leftblock   { float: left; clear: both; margin: 0 0 25px 0; padding: 0; }
#inner-leftcol h3           { margin: 0 0 5px 10px; color: #C9294C; font-size: 18px; font-family: Tahoma,sans-serif;  }
/* ----- INNER MIDDLE COL ----- */
#breadcrumb                 { display: block; font-size: 9px; color: #8d8d8f; margin-bottom: 27px; }
#breadcrumb a               { color: #8d8d8f; }
#breadcrumb a:hover         { color: #C9294C; }
#content ul                 { padding: 15px; background-image: url('img/ul_bg.jpg'); background-repeat: repeat-y; display: block; margin-bottom: 40px;  }
body.wysiwyg ul             { padding: 15px; background-image: url('img/ul_bg.jpg'); background-repeat: repeat-y; display: block; }
#content ul li,
body.wysiwyg ul li          { background-image: url('img/ul_puce.png'); background-repeat: no-repeat; background-position: left 8px; position: relative; left: -5px; padding-left: 10px; }
/* ----- INNER RIGHT COL ----- */
#inner-rightcol h2          { color: #2e3192; font-size: 14px; margin-top: 40px; margin-bottom: 22px; background-image: url('img/inner_rightcol_puce.png'); background-position: left center; background-repeat: no-repeat; margin-left: -21px; padding-left: 25px; }
#inner-rightcol p           { margin-bottom: 0px; }
#inner-rightcol a           { display: block; margin-bottom: 20px; background-image: url('img/leftcol_puce.png'); background-position: left center; background-repeat: no-repeat; padding-left: 10px; }
#inner-rightcol .block-block{ float: left; clear: both; margin-bottom: 10px; width:165px; }

#inner-rightcol a.email,
#inner-rightcol a.url{
  float: left;
  clear: both;
  margin-bottom: 8px;
}
#inner-rightcol #block-block-6 p{
  float: left;
  clear: both;
  margin-bottom: 8px;
}
#inner-rightcol #block-block-6 a.email{
  background: none; padding-left: 0;
}

/* ----- TEXTE --------- */
/*.helvetica { background-repeat: no-repeat; display: block; height: 19px; width: auto; overflow: hidden; text-indent: -5000px; }*/
#title-apropos { background-image: url('img/txt/h2_apropos.png');}
#title-contact { background-image: url('img/txt/h2_contact.png');}
#title-news { background-image: url('img/txt/h2_news.png');}
#title-services { background-image: url('img/txt/h2_services.png');}
#title-approvisionnement { background-image: url('img/txt/h2_approvisionnement.png');}

table td {
  padding: 5px;
  border-bottom: 1px solid #c5c5c5;
}
table td.description{ width: 140px; }

/* JOBS */
.node-job h2{
  color: #000;
  font-size: 11px;
  font-weight:bold;
  text-transform: uppercase;
  padding: 10px;
  background: url('img/ul_bg.jpg') top left repeat-y;
  border-bottom: 1px dotted #666;
}
.node-job .content .jobsubmit{
  padding: 0 0 0 15px;
  margin-bottom: 40px;
  background: url("img/ul_puce_blue.png") 0 4px no-repeat;
}
.view-job .views-admin-links{ display: none; position: fixed; top: -4000px; left: -4000px; }

/* ----- ADMIN ------*/
#tabs-wrapper ul                 { padding: 0; background-image: none; display: block; margin: 0; }
#tabs-wrapper ul li              { background: none; padding: 0; margin: 0; }
#content table a{ margin: 0 15px; color: #C9294C; }
#content .admin a{ color: #C9294C; font-size: 12px; font-weight: bold; }

/* ---- SITEMAP ----- */
#site-map h2{ display: none; }


/* REFERENCES */
#references-map{
  background: url('img/luxembourg-map.png') top left no-repeat;
  width: 250px;
  height: 352px;
  padding: 0;
  margin: 0;
  float: left;
}
#references-message{
  float:left;
  font-weight:bold;
  margin-top:60px;
  text-align:center;
  width:200px;
}
#references-map #references-cities{
  background: none transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: none transparent;
}
#references-map #references-cities > li{
 height: 0;
  width: 0;
  position: absolute;
  left: 5px;
}
#references-map #references-cities > li .label{
  position : relative;
  top: 0;
  left: 0;
  width: 250px;
  height: 20px;
  cursor: pointer;
}
#references-map #references-cities > li .label .city{
  display: block;
  background: url('img/map-point.png') top left no-repeat;
  float: left;
  padding-left: 20px;
  padding-top: 2px;
  width: auto;
  height: 20px;
}
#references-map #references-cities > li.clicked .label .city{
  background-image: url('img/map-point-over.png');
}
#references-map #references-cities > li .label .city .name{ visibility: hidden; padding-left: 3px;}
#references-map #references-cities > li:hover .label .city .name,
#references-map #references-cities > li.clicked .label .city .name{ visibility: visible; }


#references-map #references-cities li ul{
  position: absolute;
  top: 10px;
  left: 270px;
  display: none;
  width: 240px;
  height: 310px;
  margin: 0;
  padding: 0;
  background: none transparent;
}
#references-map #references-cities li.clicked ul{ display: block; }

#references-map #references-cities li ul li{
  display: block;
  float: left;
  clear: both;
  left: 0;
  cursor: pointer;
  padding: 5px 0;
  background: none transparent;
  width: 100%;
}
#references-map #references-cities li ul li.clicked{
  color: #C9294C;
}
#references-map #references-cities li ul li .description,
#references-map #references-cities li ul li .pics,
#references-map #references-cities li ul li .client{ display: none; }

#references-details{
  display: none;
  margin-top: 30px;
}
#references-details.visible{
  clear:both;
  display:block;
  float:left;
}

#references-details h2{
  background:url("img/ul_bg.jpg") repeat-y scroll left top transparent;
  border-bottom:1px dotted #666666;
  color:#000000;
  font-size:11px;
  font-weight:bold;
  padding:10px;
  text-transform:uppercase;
}
#references-details article{ float: left; width: 100%; }
#references-details aside{ float: left; width: 150px; display: none; }
#references-details.withpics article{ width: 335px; margin-right: 20px; }
#content.noRightCol #references-details.withpics article{ width: 548px; }
#references-details.withpics aside{ display: block; }

#references-details .morelinks{ display: none; }
#references-details .ligthboxthumb{
  text-decoration: none;
}
#references-details .morepicslink{
  background:url("img/ul_puce_blue.png") no-repeat scroll 0 4px transparent;
  margin-bottom:40px;
  padding:0 0 0 15px;
  text-decoration: underline;
}
/* references admin */
#map-pointer{
  position : relative;
  background: url('img/map-point.png') top left no-repeat;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}

/* REFERENCES BY CATEGORY */

#content ul.referencescat{
  background: url("img/luxembourg-map.png") no-repeat scroll left top transparent;
  width: 250px;
  height: 352px;
  margin: 0;
  padding: 0;
  margin-left: 170px;

}
#content ul.referencescat li{
  position: relative;
  left: -170px;
  margin: 0;
  padding: 0;
  background: none;
  list-style: none;
}
#content ul.referencescat li a.category-label{
  height: 20px;
  width: auto;
  float: left;
  clear: both;
  display: block;
  text-decoration: none;
  padding-left: 22px;
  background: url("img/map-point.png") no-repeat scroll left top transparent;
  line-height: 19px;
}
#content ul.referencescat li .category-cities{
  top: 0;
  left: 170px;
  position: absolute;
  display: none;
}
#content ul.referencescat li .category-cities .city{
  position: absolute;
  top: 0; left: 0;
  background: url("img/map-point.png") no-repeat scroll left top transparent;
  width: 20px;
  height: 20px;
  display: block;
  overflow: hidden;
}
#content ul.referencescat li.active a.category-label{ text-decoration: underline; }
#content ul.referencescat li.active .category-cities{ display: block; margin-top: 20px; }

#content ul.referencescat li.cat-1 a.category-label,
#content ul.referencescat li.cat-1 .city{ background-image: url('img/map-point-cat1.png'); }

#content ul.referencescat li.cat-2 a.category-label,
#content ul.referencescat li.cat-2 .city{ background-image: url('img/map-point-cat2.png'); }

#content ul.referencescat li.cat-3 a.category-label,
#content ul.referencescat li.cat-3 .city{ background-image: url('img/map-point-cat3.png'); }

#content ul.referencescat li.cat-4 a.category-label,
#content ul.referencescat li.cat-4 .city{ background-image: url('img/map-point-cat4.png'); }

#content ul.referencescat li.cat-5 a.category-label,
#content ul.referencescat li.cat-5 .city{ background-image: url('img/map-point-cat5.png'); }

#content ul.referencescat li.cat-6 a.category-label,
#content ul.referencescat li.cat-6 .city{ background-image: url('img/map-point-cat6.png'); }

#content ul.referencescat li.cat-all a.category-label,
#content ul.referencescat li.cat-all .city{ background-image: url('img/map-point-cat6.png'); }



/* ajout visible */

nav#links{
    left:auto;
    right:25px;
}
nav#links ul li{

    display:inline-block;
    margin-right:10px;
    border-radius: 0 0 10px 10px
}

li.services-online-clients {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feca36+0,f6a02d+100 */
background: #feca36; /* Old browsers */
background: -moz-linear-gradient(top,  #feca36 0%, #f6a02d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feca36), color-stop(100%,#f6a02d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feca36 0%,#f6a02d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feca36 0%,#f6a02d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feca36 0%,#f6a02d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feca36 0%,#f6a02d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca36', endColorstr='#f6a02d',GradientType=0 ); /* IE6-9 */
padding-right:12px;

}

li.services-online-clients a{

    background:none !important;
    position:realtive;
    padding-left:30px !important;
}
li.services-online-clients a:before{
    background-image:url(/sites/all/themes/cofely/css/img/bulle.png) !important;
    background-position: 0px 0 !important;
    content:' ';
    width:18px;
    height:18px;
    position:absolute;
    top: 3px;
    left:7px;
}


ul.page-menu {
    background: none !important;
}

ul.page-menu li{
    border-bottom:1px solid #bacaeb;
    margin-bottom:15px;
    padding-bottom:10px;
    padding-left:0 !important;
    background-image: none !important;

}

ul.page-menu li a{
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    position:relative;
    padding-left:20px;
}
ul.page-menu li a:before{
   content:' ';
   display:block;
    position:absolute;
  background-image: url('img/fleche.png') !important;
  top:4px;
  left:0;
  width:5px;
    height:10px;
}
ul.page-menu li.conseils a,.conseils{
    color:#ffb633;
        font-weight: bold;
}

ul.page-menu li.construction a,.construction{
    color:#c3d515;
        font-weight: bold;
}

ul.page-menu li.exploitation a, .exploitation{
    color:#0099a7;
        font-weight: bold;
}

ul.page-menu li.financement a, .financement{
    color:#bd85c8;
        font-weight: bold;
}

ul.page-menu li.monitoring a, .monitoring{
    color:#fd6c25;
        font-weight: bold;
}


#block-block-7{
 margin-top:35px;
}

.block-col-left, .block-col-right{
 float:left;
 width:47%;
}
.block-col-right{
padding-left:15px;
}

.block-col-right a{
 margin-top:35px
text-decoration:none;
 text-decoration:none;
 padding-left:15px;
 color:#26247b;
  position:relative;
}

.block-col-right a:before{
content:' ';
   display:block;
    position:absolute;
  background-image: url('img/fleche.png') !important;
  top:4px;
  left:0;
  width:5px;
    height:10px;
}



.official-page-wrapper{
  margin-top: 15px;
  font-size: 1.3em;
}