@charset "utf-8";

* {padding:0; margin:0; outline:none;}

body {background:#9e0404 url(images/body_bkg.gif) repeat-x; text-align:center; font:normal 12px/14px Arial,Helvetica,Sans-Serif; color:#666666;}

h1 {margin:10px 0; font:bold 20px/24px Arial,Helvetica,Sans-Serif;}
h2 {margin:10px 0; font:normal 18px/22px Helvetica,Arial,Sans-Serif; color:#a8aaa4; letter-spacing:-1px;}
/*h3 {margin:10px 0; font:bold 16px/20px Arial,Helvetica,Sans-Serif;}
h4 {margin:5px 0; font:bold 16px/18px Arial,Helvetica,Sans-Serif;}*/
h3 {margin:10px 0; font:bold 16px/20px "Times New Roman", Times, serif;}
h4 {margin:5px 0; font:bold 12px/16px Arial,Helvetica,Sans-Serif;}
p {margin:5px 0;}

address {margin:20px 0; font-style:normal;}

/*#container {position:relative; width:988px; margin:0 auto; text-align:left;}*/
#container {position:relative; width:987px; margin:0 auto; padding:0 7px; text-align:left; background-repeat:repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/container_bkg.png');
}
#container[id] {background-image:url(images/container_bkg.png);}
#header {height:91px; background:#f6f6f6;}
img.header {float:left;}

#slider {} /* slider.swf 618 x 404 */

#menu {position:absolute; right:35px; top:15px; width:420px;_width:572px; height:65px; background:url(images/menu_bkg_en.jpg) no-repeat bottom; padding-left:0px;}
#menu li {display:inline;}
#menu a {display:inline-block; float:left; height:45px; text-decoration:none; outline:none;}

#copy {background:#f3f3f4; padding:0 22px 22px;}
#article {position:relative; clear:left; float:left; width:618px; border:solid #ffffff 4px; background:#fff; text-align:center;} /* 626px */
#article ul {margin-left:20px;}

/*#sub_menu {position:relative; float:left; width:188px; height:360px; margin:-32px 0 0 11px; background:#cc00cc; z-index:2;}*/
#sub_menu {position:relative; float:left; width:197px; height:377px; margin:-31px 0 20px 6px; z-index:2; outline:none;}
#content {float:right; width:378px; padding:15px 20px 15px 0; text-align:left;}
#content p {margin:16px 0;}
#content .job_list p {margin:0;}
#content a {color:#9a0202;}
#content a:hover {color:#9a0202;}

/* For boxes on the bottom */
#aside {position:relative; clear:right; float:right; width:300px; padding:4px; background:#ffffff;} /* 308px */
#aside .content {width:260px; height:364px; padding:20px; background:#1e7eb1 url(images/aside_bkg.gif) repeat-x; color:#ffffff;}
#aside li {list-style-type:none; font:bold 12px/25px Arial,Verdana,Sans-Serif; color:#ffffff; text-decoration:none; text-transform:uppercase;}
#aside a {font-size:10px; color:#ffffff; text-decoration:none;}
#aside h2 {font-weight:bold; font-family:Arial,Helvetica,Sans-Serif; letter-spacing:0px; text-transform:uppercase;}
#aside h4 {color:#cccccc;}
/*#aside h2, #aside h4, #aside a {font-family:"Times New Roman", Times, serif;}*/
#aside h2, #aside h4, #aside a {font-family:Arial,Helvetica,Sans-Serif;}
#aside .link_list {position:relative; margin:15px 0 50px 0; background:url(images/aside_divider.jpg) no-repeat;}  
#aside .link_list li {background:url(images/aside_divider.jpg) left bottom no-repeat; height:21px; line-height:21px;}
#aside .content div {clear:both; vertical-align:top;}
#aside .content div h4, #aside .content div form {margin-top:20px;}

/* For boxes on the side */
#aside_box {clear:right; float:right; width:308px; padding:0;} /* promoboxVert.swf 308 x 479 */
#aside_box .box {position:relative; width:300px; height:145px; margin-top:10px; padding:4px; background:#ffffff;}

#bottom {clear:both; position:relative; width:100%; height:153px; top:10px;} /* promobox.swf 944 x 153 */
#bottom .box {float:left; position:relative; width:300px; height:145px; margin-left:10px; padding:4px; background:#ffffff;}

.clear {clear:both;}

#footer {width:980px; margin:0 auto; padding:11px; background-position:top center; background-repeat:no-repeat; font:normal 10px/10px Arial, Helvetica, sans-serif; color:#ffffff; text-align:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/footer_bkg.png')
;}
#footer[id] {background-image:url(images/footer_bkg.png);}
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer div {position:relative; width:308px;}
#footer ul {position:relative; float:right;}
#footer ul li {display:inline; height:10px; padding:0 8px; border-right:solid 1px #ffffff;}

.services_collapse {background:url(images/arrow_right.gif) 98% no-repeat;}
.services_expand {background:url(images/arrow_down.gif) 98% no-repeat;}

.none {display:none;}
.inline {display:inline;}
.block {display:block;}

#exterieurs, #interieurs, #services {margin-top:20px;}
#exterieurs ul, #interieurs ul, #services ul {list-style:none; padding:0; border:none; margin:0;}

.services {width:100%; padding:0; background:url(images/services_list_bkg_telecommunications.gif) repeat-x;}
.services h4 {display:block; height:22px; text-indent:7px; line-height:22px; color:#ffffff; padding:0; margin:0;}
.services li {padding:0 10px; border-bottom:1px solid #9d9e9f; margin:0;}

.telecommunication {background:url(images/services_list_bkg_telecommunications.gif) repeat-x;}
.telecommunication li {background-color:#e2f1ca;}
.telecommunication .odd {background-color:#e9f2e0;}

.genie {background:url(images/services_list_bkg_genie.gif) repeat-x;}
.genie li {background-color:#d4e1ed;}
.genie .odd {background-color:#e2eaf2;}

.technique {background:url(images/services_list_bkg_technique.gif) repeat-x;}
.technique li {background-color:#ffdda7;}
.technique .odd {background-color:#ffeac9;}

.job_list, .news_list {border-top:solid 1px #999999; padding:12px; margin:0; background:#ffffff;}
.job_list.job_list_single {border-top:none; padding:12px 0;}
.job_list h4, .news_list h4 {color:#1d68a3;}
.job_list ul, .news_list ul {position:relative;}
.job_list li, .news_list li {display:inline;}
.job_list li a, .news_list li a {float:right; margin-left:6px;}
.news_list_highlight,
.job_list_highlight {border-color:#9e0404;}

.button {display:block;}
#content .button {color:#ffffff;}
#content .button:hover {color:#ffffff;}
#submit, .button {width:102px; height:25px; border:0; background:url(images/button_bkg.gif) no-repeat; font:bold 10px/25px Arial,Verdana,Sans-Serif; color:#ffffff; text-align:center; text-decoration:none; text-transform:uppercase;}

h2 span {color:#9a0202; font-weight:bold;}
.nos_services h2 span {color:#669900;}
.nos_services h2 .genie_civil {color:#336699;}
.nos_services h2 .service_technique {color:#e58b00;}
.guichet_emploi h2 span {color:#336699;}

.emergency {color:#9A0202;}