/* Global Tags */

body {margin:0;background:url(images/bg-top.gif) #000 repeat-x top left;font-family:arial,helvetica,sans-serif;overflow-x:hidden;}
a {color:#FFF;font-family:arial,helvetica,sans-serif;text-decoration: none;}
.bleu {color:#194377;}
.orange {color:#F8AA36;}
.noir {color:#000000;}
.clear {clear:both;}
p {color:#000;line-height:1.4em;}
h1 {color:#194377;font-size:20px;font-weight:bold;margin:0 0 2px;}
h2 {color:#F8AA36;font-size:16px;font-weight:bold;}
h3 {color:#194377;font-size:14px;font-weight:bold;}
h4 {color:#F8AA36;font-size:14px;font-weight:bold;margin:0 0 2px;}
select {font-size:12px;}
h2#sousligne {color:#6A6B6E;font-size:40px;font-weight:normal;margin-bottom:14px;background: url(images/bg-titre.gif) repeat-x bottom left;padding:20px 0 20px 0;border-top:1px solid #cccccc;}
h2#gris {color:#6A6B6E;font-size:40px;font-weight:normal;margin-bottom:20px;}
ul.puceimage{background: url("images/b-tout.gif") no-repeat scroll 0 5px transparent;margin: 0 0 2px;padding-left: 10px;}
p.noirtexte { font-size:17px; color:#000000; font-weight:bold;}
/* Conteneurs */

#img-bg {height:auto;left:0;position:fixed;top:0;width:100%;z-index:1;padding:75px 0 0 0;}
#img-bg img {height: auto;min-width: 1006px;width: 100%;}
#wrap {width:963px;min-height:600px;margin:0 auto;position:relative;z-index:2;}
#bg-l {background: url(images/bg-l.png) no-repeat 0 67px;height:1200px;width:84px;position:absolute;left:-84px;top:0px;}
#center {width:963px;min-height:400px;}
#ombre-centre {width:963px;height:18px;background:url(images/bg-ombre-c.png) no-repeat;}
#bg-r {background: url(images/bg-r.png) no-repeat 0 67px;height:1200px;width:84px;position:absolute;right:-84px;top:0px;}

/* Page Équipe */

#equipe {height: 517px;margin:0;border:5px solid #000;background: url(images/bg-news-rep.jpg) -8px 0 repeat-y;}
/*#equipe .eq-left {float:left;background: url(images/bg-equipe.jpg) #fff no-repeat 0 113px;width:466px;min-height:473px;padding:25px 25px 20px 25px;}*/
#equipe .eq-left {float: left;min-height: 473px;padding: 25px 25px 20px;position: relative;top: -400px;width: 466px;}
#equipe .eq-left h2 {color:#6A6B6E;font-size:40px;font-weight:normal;margin-bottom:14px;background: url(images/bg-titre.gif) repeat-x bottom left;padding:20px 0 20px 0;border-top:1px solid #cccccc;}
#equipe .eq-left span {display:block;color:#000;}
#equipe .eq-left span.nom {color:#6a6b6e;font-size:20px;}
#equipe .eq-left span.pour {font-weight:bold;margin:96px 0 0 0;}
#equipe .eq-left span.tel {background: url(images/icon-tel.png) no-repeat;height:29px;padding:6px 0 0 44px;margin:22px 0 0 0;}
#equipe .eq-left span.message {background: url(images/icon-mail.png) no-repeat;height:29px;padding:6px 0 0 44px;margin:22px 0 0 0;}
/*#equipe .eq-right {margin:0;float:left;}*/
#equipe .eq-right {float: left;left: 526px;margin: 0;position: absolute;top: 350px;}
#equipe .eq-right a.up {margin:5px 0 0 180px;display:block;background: url(images/b-up.jpg) 0 0 no-repeat;width:65px;height:30px;}
#equipe .eq-right a.down {margin:5px 0 0 180px;display:block;background: url(images/b-down.jpg) 0 0 no-repeat;width:65px;height:30px;}
#equipe .eq-right .spacelimit{float: left;margin: 0;position: absolute;}
#equipe .eq-right .spacelimit a.up {margin:5px 0 0 180px;display:block;background: url(images/b-up.jpg) 0 0 no-repeat;width:65px;height:30px;}
#equipe .eq-right .spacelimit a.down {margin:5px 0 0 180px;display:block;background: url(images/b-down.jpg) 0 0 no-repeat;width:65px;height:30px;}

#equipe .eq-right ul {margin:0 0 0 11px;list-style-type:none;}
#equipe .eq-right .spacelimit ul {margin:0 0 0 11px;list-style-type:none;}

#equipe .eq-right ul li a {display:block;margin:5px 0 0 0;height:59px;width:381px;padding:25px 0 0 25px;color:#6A6B6E;font-size:14px;}
#equipe .eq-right ul li a:hover, #equipe .eq-right ul li a.active {background-position: 0 -84px;}
#equipe .eq-right ul li {margin:0;height:84px;width:406px;}
#equipe .eq-right .spacelimit ul li a {display:block;margin:5px 0 0 0;height:59px;width:381px;padding:25px 0 0 25px;color:#6A6B6E;font-size:14px;}
#equipe .eq-right .spacelimit ul li a:hover, #equipe .eq-right ul li a.active {background-position: 0 -84px;}
#equipe .eq-right .spacelimit ul li {margin:0;height:84px;width:406px;}
#equipe .bg-foot-news {background: url(images/bg-footnews.jpg) no-repeat -8px 0;height:4px;width:941px;}
#equipe img {top: 111px; width: 516px;}


/* Menu top */

#center .menu-top ul {float:right;list-style-type:none;margin:6px 16px 0 0;}
#center .menu-top ul li {float:left;margin:0;}
#center .menu-top ul li.sep {height:20px;background:#616466;width:1px;margin:0 7px;}
#center .menu-top ul li a {display:block;height:20px;margin:0;padding:4px 0 0 0;font-size:11px;}
#center .menu-top ul li.noussuivre {padding:0 2px;}
#center .menu-top ul li a.suivre {background: url(images/b-face.gif) center right no-repeat;padding:4px 20px 0 0;}
#center .menu-top ul li a:hover, #center .menu-top ul li a.active {text-decoration: underline;}


/* Entête */

#entete {border: 5px solid #000;width:953px;position:relative;height:278px;border-bottom: 8px solid #000;z-index:100;}
#slideshow {position:relative;height:223px;width:953px;}
#logo {position: absolute;top:50px;left:16px;}
#parallax { height:223px; overflow:hidden; position:relative; width:953px; margin:0; } 
img.tl { left:0; position:absolute; top:0; }
img.tr { right:0; position:absolute; top:0; }
img.bl { left:0; position:absolute; bottom:0; }
img.br { right:0; position:absolute; bottom:0; }

/* Menu Principal */

#menu {width:953px;height:58px;margin:0;position:absolute;bottom:0;left:0;}
.mac #menu {width:954px;}
#menu ul {list-style-type:none;margin:0;padding:0;}
#menu ul li {float:left;margin:0;display:block;height:58px;}
#menu ul li a {color:#FFF;text-decoration:none;display:block;font-size:12px;height:61px;text-transform: uppercase;}
#menu ul li a span {display: block;float: left;height:35px;background: url(images/menu-rep.gif) bottom left repeat-x;padding:26px 10px 0 10px;}
#menu ul li a.first span {padding:26px 10px 0 66px;}
#menu ul li a.last span {padding:26px 63px 0 10px;}
html[data-useragent*='MSIE 10.0'] #menu ul li a.last span {padding:26px 59px 0 10px;}

.mac #menu ul li a.first span {padding:26px 10px 0 64px;}
.mac #menu ul li a.last span {padding:26px 64px 0 10px;}
.mac.chrome #menu ul li a.last span {padding:26px 60px 0 10px;}

.win.chrome #menu ul li a.first span {padding:26px 10px 0 64px;}
.win.gecko #menu {width:958px;height:58px;margin:0;position:absolute;bottom:0;left:0;}
.win.gecko #menu ul li a.first span {padding:26px 10px 0 66px;}

#menu ul li a.first span.l {padding:0 !important;}
#menu ul li a.first span.r {padding:0 !important;}
#menu ul li a.last span.l {padding:0 !important;}
#menu ul li a.last span.r {padding:0 !important;}

#menu ul li a span.l {background: url(images/l.gif) no-repeat bottom left;width:4px;padding:0 !important;height:61px;}
#menu ul li a span.r {background: url(images/r.gif) no-repeat bottom left;width:4px;padding:0 !important;height:61px;}
#menu ul li a:hover span, #menu ul li a.active span  {background: url(images/menu-rep-o.gif) repeat-x bottom left;}
#menu ul li a:hover span.b, #menu ul li a.active span.b {background: url(images/menu-rep-o-2.gif) repeat-x bottom left;}
#menu ul li a:hover span.l, #menu ul li a.active span.l  {background: url(images/l-o.gif) no-repeat bottom left;}
#menu ul li a:hover span.r, #menu ul li a.active span.r {background: url(images/r-o.gif) no-repeat bottom left;}


/* Menu anglais */

#menu ul.en li a.first span {padding:26px 10px 0 104px;}
#menu ul.en li a.last span {padding:26px 104px 0 10px;}
.mac #menu ul.en li a.first span {padding:26px 10px 0 106px;}
.mac #menu ul.en li a.last span {padding:26px 105px 0 10px;}
.mac.chrome #menu ul.en li a.first span {padding:26px 105px 0 10px;}
.mac.chrome #menu ul.en li a.last span {padding:26px 104px 0 10px;}
.win.chrome #menu ul.en li a.first span {padding:26px 10px 0 108px;}
.win.chrome #menu ul.en li a.last span {padding:26px 107px 0 10px;}
.win.gecko #menu ul.en li a.first span {padding:26px 10px 0 109px;}
.win.gecko #menu ul.en li a.last span {padding:26px 108px 0 10px;}
/* Sous-menu */

#menu ul li.sous a {border-bottom:1px solid #000;}
#menu ul li.sous a:hover {border:none;}
#menu ul li.sous a.first span {padding:26px 10px 0 64px;}
.win.gecko #menu ul li.sous a.first span {padding:26px 10px 0 69px;}
.ie #menu ul li.sous a.last span {padding:26px 60px 0 10px;}
.mac #menu ul li.sous a.last span.s {padding:26px 64px 0 10px;}
.mac.chrome #menu ul li.sous a.last span.s {padding:26px 60px 0 10px;}
.win.chrome #menu ul li.sous a.last span.s {padding:26px 66px 0 10px;}
#menu ul li.sous a.last span {padding:26px 63px 0 10px;}
#menu ul li.sous a span.l-s {background: url(images/l.gif) no-repeat bottom left;width:4px;padding:0 !important;height:61px;padding:0;}
#menu ul li.sous a span.r-s {background: url(images/r.gif) no-repeat bottom left;width:4px;padding:0 !important;height:61px;padding:0;}
#menu ul li.sous a span {display: block;float: left;height:35px;background: url(images/menu-rep.gif) bottom left repeat-x;padding:26px 10px 0 10px;} 
#menu ul li.sous a:hover span, #menu ul li a.active span {background: url(images/menu-rep-s-1.gif) repeat-x bottom left;}
#menu ul li.sous a:hover span.l-s, #menu ul li a.active span.l-s {background: url(images/l-s-2.gif) no-repeat bottom left;}
#menu ul li.sous a:hover span.r-s, #menu ul li a.active span.r-s {background: url(images/r-s-2.gif) no-repeat bottom left;}

.sous-menu {position:relative;bottom:-58px;left:-5px;border:5px solid #000;width:953px;border-top:none; display:none;}
.sous-menu .top {background: url(images/bg-sous-top.png) no-repeat top left;width:953px;height:14px;}
.sous-menu .middle {background: url(images/bg-sous.png) repeat-y top left;width:953px;padding:0 0 12px;}
.sous-menu .middle ul {list-style-type:none;margin:0;padding:0;}
.sous-menu .middle ul li {margin:0;height:20px;padding:0;}
.sous-menu .middle ul li a {display:block;background: url(images/news-fleche.png) no-repeat;height:15px;min-width:290px;padding-left:46px;}
.sous-menu .middle ul li a:hover, .sous-menu .middle ul li a.active {background-position:0 -15px;}


/*Contenu*/

#contenu {width:953px;background-color:#000;padding:5px;}

#blocs {width:953px;}
#blocs a {display:block;float:left;}
#blocs a span.print-titre {display:none;}

/*#blocs a#a {background: url(images/fr-bloc-a.jpg) top left no-repeat;width:146px;height:142px;padding:80px 2px 2px 168px;}*/
#blocs a#a {background: url(images/fr-bloc-a.jpg) top left no-repeat;width:146px;height:142px;padding:80px 2px 2px 168px;}
#blocs a.ena {background: url(images/en-bloc-a.jpg)top left no-repeat !important;}


#blocs a#b {background: url(images/fr-bloc-b.jpg) top left no-repeat;width:155px;height:142px;padding:80px 132px 2px 30px;margin-left:2px;}
#blocs a.enb {background: url(images/en-bloc-b.jpg)top left no-repeat !important;width:154px;height:142px;padding:80px 133px 2px 30px;margin-left:2px;}

#blocs a#c {background: url(images/fr-bloc-c.jpg) top left no-repeat;width:128px;height:142px;padding:80px 176px 2px 12px;margin-left:2px}
#blocs a.enc{background: url(images/en-bloc-c.jpg)top left no-repeat !important;}

#contenu-accueil {background-color: #FFF;width:953px;margin-top:5px;}
#contenu-accueil .box {float:left;width:547px;padding:22px 12px 12px 34px;border-top:1px solid #000;}
#contenu-accueil .box .nouvelles {margin:0 0 24px;}
#contenu-accueil .box .postes {margin:0 0 2px;}
#contenu-accueil .box .titre {background: url(images/bg-titre.gif) repeat-x;height:25px;margin-bottom:4px;padding:4px 0 0 0;}
#contenu-accueil .box .titre span {display: block;float:left;font-size:16px;font-weight:bold;font-family:Arial Black;}
#contenu-accueil .box .titre a {display:block;float:right;padding-right:10px;font-size:9px;color:#000;}
#contenu-accueil .box .titre a.toutes {background: url(images/b-tout.gif) no-repeat right;}
#contenu-accueil .box .titre a.tous {background: url(images/b-tout.gif) no-repeat right;}
.mac #contenu-accueil .box .titre a.toutes {background: url(images/b-tout.gif) no-repeat 84px 3px;}
.mac #contenu-accueil .box .titre a.tous {background: url(images/b-tout.gif) no-repeat 65px 3px;}
#contenu-accueil .box .row {margin:0;}
#contenu-accueil .box .row a {margin:0;color:#000;}
#contenu-accueil .box .row span {margin:0;height:20px;display:block;float:left;padding:2px 0 0 12px;font-weight: bold;}
#contenu-accueil .box .row span.date {margin:0;color:#2b519a;background: url(images/b-nouv.gif) no-repeat 0 0;padding:2px 0 0 30px;}
#contenu-accueil .box .hr {background-color:#d2d2d2;margin:3px 0 4px;height:1px;}

#contenu-accueil .vivre {float:left;width:360px;background: url(images/bg-vivre.jpg) no-repeat;height:267px;}
#contenu-accueil .vivre a {margin:0;display: block;padding:0 0 0 60px;width:300px;height:74px;}
#contenu-accueil .vivre span {font-size: 68px;display: block;float: left;margin: 0 0 0 13px;}
#contenu-accueil .vivre span.smaller {width:64px;font-size: 13px;font-family:Arial Black;background: url(images/b-vivre.gif) top right no-repeat;height:52px;padding:18px 54px 0 0;margin:4px 0 0 7px;line-height:1.4em;}
#contenu-accueil .vivre span.smaller#en {width:64px;font-size: 13px;font-family:Arial Black;background: url(images/b-vivre.gif) top right no-repeat;height:52px;padding:18px 56px 0 0;margin:4px 0 0 7px;line-height:1.4em;}

/* Page contact */

#contact {margin:0;border:5px solid #000;}
#contact .formulaire {float:left;width:466px;background-color: #FFF;height:500px;border-top:1px solid #000;padding:25px 25px 20px 25px;}
#contact .img-right {float:right;background: url(images/bg-contact-right.jpg) top left no-repeat;width:427px;height:547px;}
#contact h2 {color:#6A6B6E;font-size:40px;font-weight:normal;margin-bottom:20px;}
#news .box-form {background: url(images/bg-contact-form.jpg) repeat-x;width:445px;padding:12px;}
#news .box-form label {margin:0 0 6px 0;display:block;}
#news .box-form label.file {float: left;margin:0 8px 6px 0;}
#news .box-form input {margin:0 0 12px;width:209px;margin-right: 12px;margin-bottom:0px}
#news .box-form select {font-size: 12px;margin:0 0 12px;}
#news .box-form textarea {font-size: 12px;margin:0 0 14px;width:443px;}
#news .box-form input.b-envoi {float:right;margin:0;width:138px;}
#news .box-form .nom {float:left;margin:0 14px 0 0;}
#news .box-form .courriel {float:left;}


/* Page nouvelles archives */

#news {margin:0;border:5px solid #000;background: url(images/bg-news-rep.jpg) -8px 0 repeat-y;}
#news .newslist {float:left;width:466px;background:#FFF;min-height:461px;border-top:1px solid #000;padding:25px 25px 20px 25px;}
#news h2.sous {color:#6A6B6E;font-size:40px;font-weight:normal;margin-bottom:14px;background: url(images/bg-titre.gif) repeat-x bottom left;padding:20px 0 20px 0;border-top:1px solid #cccccc;}
#news .newslist .rangee {margin:0 0 12px;}
#news .newslist .rangee span {display:block;float:left;}
#news .newslist .rangee span.titre-news {margin:0;width:375px;margin:0 0 0 8px;}
#news .newslist .rangee span a {font-weight: bold;color:#000;}
#news .newslist .rangee span a:hover {color:#274990;text-decoration: underline;}
#news .newslist .ligne {background: url(images/bg-titre.gif) repeat-x bottom left;height:25px;margin:0 0 12px 0; }

#news .newslist .news-nav ul.next-pages {list-style-type:none;margin:0;float:left;}
#news .newslist .news-nav ul.next-pages li {float:left;margin:0;}
#news .newslist .news-nav ul.next-pages li.page {margin-top:4px;}
#news .newslist .news-nav ul.next-pages li a {display:block;color:#FFF;margin:4px 6px 0;}                                                                                                                                    
#news .newslist .news-nav ul.next-pages li a.prec {background:url(images/b-prec.jpg) top left no-repeat;width:70px;height:19px;padding:4px 0 0 32px;margin:0;font-size:13px;}
#news .newslist .news-nav ul.next-pages li a.suiv {background:url(images/b-suiv.jpg) top left no-repeat;width:85px;height:19px;padding:4px 0 0 18px;margin:0;font-size:13px;}
#news .newslist .news-nav ul.next-pages li a.pages {background:#274990;height:17px;padding:2px 6px 0;margin:2px 0 0 0;}
#news .newslist .news-nav ul.next-pages li a:hover {text-decoration:underline;}
#news .newslist .news-nav ul.next-pages li a#active {text-decoration:underline;}                                                   
#news .newslist .news-nav label {margin:3px 12px 0 0;float:right;font-weight: bold;}
#news .newslist .news-nav select {float:right;margin:1px 0 0 0;}


#news .img-right {float:right;background: url(images/bg-news-right.jpg) top left no-repeat;width:427px;min-height:508px;}

#news .bg-foot-news {background: url(images/bg-footnews.jpg) no-repeat -8px 0;height:4px;width:941px;}


/* Page nouvelles détails */

#news .news-detail {float:left;width:466px;background:#FFF;min-height:309px;border-top:1px solid #000;padding:25px 25px 20px 25px;}
#news .news-detail span {float:none;display:block;}
#news .news-detail span.titre-detail {font-weight:bold;margin:12px 0 20px;}
#news .news-detail a.retour {float:right;margin:0;background: url(images/b-news-retour.jpg) 0 0 no-repeat;width: 151px;height: 17px;padding:2px 0 0 16px;color:#FFF;display: block;}
#news .news-detail a{text-decoration:none;color:#000;}
#news .news-detail a:hover{text-decoration:underline;}
#news .news-detail ul li {background: url("images/b-tout.gif") no-repeat scroll 0 5px transparent;margin: 0 0 2px;padding-left: 10px;list-style-type: none;}

#news .img-right-detail {float:right;background: url(images/bg-news-detail-right.jpg) top left no-repeat;width:427px;min-height:356px;}


/* Page secteur énergie */

#news .img-right-energie {float:right;width:427px;min-height:356px;}
#news .img-right-energie img {position:absolute;margin:10px;}

/* Page vivre dans la région */

#vivre {background: url(images/bg-vivre-rep.png) 0 0 repeat-y;}
#img-vivre {background: url(images/fr-bg-vivre-page.png) no-repeat;min-height:265px;padding:300px 25px 25px;}
#img-vivre.en {background: url(images/en-bg-vivre-page.png) no-repeat;}
#img-vivre .texte {width:565px;background:#FFF;float:left;border:1px solid #bdbcbd;padding:20px;}
#img-vivre .texte span {background: url(images/bg-titre.gif) repeat-x bottom left;padding:0 0 20px;display: block;}
#img-vivre .texte span span {font-size:14px;font-weight:bold;background:none;display:inline;}
#img-vivre .listes {padding:18px 0 0 0;}
#img-vivre .texte ul {list-style-type:none;margin:0 25px 0 0;float: left;}
#img-vivre .texte ul.last {margin:0;}
#img-vivre .texte ul li {margin:0 0 2px;background: url(images/b-tout.gif) 0 5px no-repeat;padding-left:10px;}
#img-vivre .texte ul li a {margin:0;color:#000;width:160px;display:block;}
#img-vivre .texte ul li a:hover {color:#274990;text-decoration: underline;}
#img-vivre .texte ul li.black {background:none;padding:0;margin:0 0 6px;}
#img-vivre .texte ul li.black a {font-family:Arial Black;margin:0 0 12px;}
#img-vivre .social {width:269px;float: right;}
#img-vivre .social a {margin:0 0 25px;display: block;}
#bg-vivre-foot {background: url(images/bg-vivre-foot.png) no-repeat;height:4px;}


/* Footer */

#foot {position: absolute;padding:12px 12px 0 22px;margin:0 auto;width:919px;background: url(images/bg-foot.jpg) #000 repeat-x;margin-top:0;border:5px solid #000;}
#foot table {margin:0 0 25px;}
#foot table tr td {color:#FFF;width:158px;padding:0 15px;}
#foot table tr td a {display:block;margin-top:4px;font-size:10px;}
#foot table tr td a:hover {text-decoration: underline;}
#foot table tr td h4 {text-transform:uppercase;color:#FFF;font-size: 11px;}
#droits {float:right;color:#FFF;margin:8px 100px 0 0;}
#foot #realisation {float:right;border-right:#123057 1px solid;margin-right:8px;}
#foot #realisation p {font-size:11px;color:#FFF;margin:2px 10px 0 0;text-align:right;}
#foot #logo-iclic {float:right;}
#foot .siteAR{ text-align: right;height: 34px;text-transform: uppercase;}

/* Print */

#logo-print {display:none;}

#s_Entreprise {}

#s_Secteurs ul {padding-left:132px;}
#s_Secteurs.en ul{padding-left:175px;}
#s_Expertises ul {padding-left:225px;}
#s_Expertises.en ul {padding-left:258px;}
#s_Qualites ul {padding-left:328px;}
#s_Qualites.en ul {padding-left:355px;}
#s_Carrieres ul {padding-left:635px;}
#s_Carrieres.en ul {padding-left:638px;}
#s_Contact ul{padding-left:732px;overflow: hidden;}