/* *************************** */
/* 21/03/2008 Patrice BOUTHIER */
/* http://www.informatux.com   */
/* Design : IDSIDE             */
/* http://idside.fr/           */
/* Propulsé par Smarty         */
/* *************************** */

body {margin: 0; padding: 0; font: 11px verdana; color: black; background: #494949 url('img/fond1.png') repeat-x;}

a {color: #989922; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0;}

input {font-size: 11px;}

hr {width: 100%; border: 1px solid black;}

.rouge {color: red; text-decoration: underline;}

#central {position: absolute; left: 50%; top: 50%; width: 990px; height: 540px; margin-top: -270px; margin-left: -495px; background: url('img/fond_principal3.png') no-repeat;}
#central_contact {position: absolute; left: 50%; top: 50%; width: 990px; height: 540px; margin-top: -270px; margin-left: -495px; width: 990px; height: 540px; background: url('img/fond_principal3.png') no-repeat;}

#footer {width: 100%; height: 14px; text-align: center; clear: both; color: black; border-top: 1px solid black; border-bottom: 1px solid black; background-color: #8FB60F; text-transform: uppercase; font-size: 12px; position: absolute; bottom: 0px;}
#footer a {color: silver; text-decoration: none;}
#footer a:hover {color: white; text-decoration: none;}

#home_menu {position: absolute; margin: -30px 0px 0px 107px;}

/* ======== Pagination ======== */
.pagination a {color: #8fb60e; font-size: 12px; border: 0px solid #8fb60e; padding: 2px; text-decoration: none;}
.pagination a:hover {color: white; background-color: #8fb60e; text-decoration: none; border: 0px solid #8fb60e;}
.pagination a:visited {text-decoration: none;}
.pagination a:active {color: red; font-weight: bold; text-decoration: none;}
.paginationactive {background-color: #8fb60e; text-decoration: none; border: 0px solid #8fb60e; color: white; font-size: 12px; padding: 2px;}
/* ======== end Pagination ======== */

/* ======== Heading ========*/
#heading_title {position: relative; top: 35px; margin-left: 300px; font: bold 22px/26px verdana;}
#heading_links {position: relative; top: 50px; margin-left: 550px; font: normal 11px/11px verdana; text-transform: uppercase; width: 400px; height: 12px;}
#heading_title_logo_trades {position: absolute; top: -15px; margin-left: -70px;}
#flag_temp {position: relative; margin-top: -20px; margin-left: 20px; height: 20px; width: 90px; float: left;}
#flag_lang_fr {position: relative; margin-top: -20px; margin-left: 20px; height: 20px; width: 30px; float: left;}
#flag_lang_en {position: relative; margin-top: -20px; margin-left: 50px; height: 20px; width: 30px; float: left;}
#flag_lang_es {position: relative; margin-top: -20px; margin-left: 80px; height: 20px; width: 30px; float: left;}
#flag_lang_fr_home {position: relative; margin-top: -33px; margin-left: 20px; height: 20px; width: 30px; float: left;}
#flag_lang_en_home {position: relative; margin-top: -33px; margin-left: 50px; height: 20px; width: 30px; float: left;}
#flag_lang_es_home {position: relative; margin-top: -33px; margin-left: 80px; height: 20px; width: 30px; float: left;}
/* ======== end Heading ========*/

/* ======== Home + news ======== */
#home_news {border: 0; position: relative; top: 160px; margin-left: 30px; width: 260px; height: 280px;}
#home_title_news {color: #91B610; font: bold 27px/20px verdana; border-bottom: 1px solid #91B610; display: block; padding-bottom: 6px;}
.home_img_news {width: 65px; height: 55px; float: left; text-align: left; padding-top: 8px; border-bottom: 1px solid #91B610; display: block; padding-bottom: 8px;}
.home_resume_news {width: 258px; height: 55px; text-align: left; color: white; font: bold 12px/16px verdana; padding-top: 8px; border-bottom: 1px solid #91B610; display: block; padding-bottom: 8px;}
#home_certif {margin: -10px 0px 0px 10px;}
#home_logo {position: relative; top: -292px; margin-left: 63px; width: 180px; height: 125px;}
#other_page_logo {position: absolute; top: 10px; margin-left: 43px;}
#home_lcd {position: absolute; margin: -252px 0px 0px 566px; z-index: 1;}
#home_lcd_heading {position: absolute; margin: -19px 0px 0px 16px;}
#home_slideshow {position: absolute; margin: -210px 0px 0px 307px; background: url('img/fond-slide-home.png') no-repeat; width: 660px; height: 97px;}
#home_slideshow_txt {position: absolute; top: 10px; margin-left: 290px; width: 350px; font: normal 18px/18px verdana;}
#home_txt_vid {position: absolute; top: 185px; margin-left: 307px; width: 660px; height: 189px; background-color: transparent; z-index: 1;}
#home_txt_vid_small {background: url('img/fond-home-small.png') no-repeat; width: 324px; height: 203px; padding: 15px; margin: 0px 32px; color: white; font: normal 14px/16px verdana; position: relative; top: -7px; margin-left: 290px}
#home_txt_vid_scroll {width: 100%; height: 205px; overflow-x: hidden; overflow-y: auto;}
#home_txt_vid_big {background: url('img/fond-home-big.png') no-repeat; width: 562px; height: 203px; padding: 15px; margin: -5px 32px 0px 32px; color: white; font: normal 17px/20px verdana;}
#home_video_show {/*background: url('img/fond-video.png') no-repeat;*/ width: 275px; height: 173px; padding: 3px; position: relative; top: 20px; margin-left: 0px; float: left; z-index: 0;}
 #home_frise {position: absolute; top: 218px; margin-left: 307px; z-index: 99;}
#home_frise_js {position: absolute; top: 415px; margin-left: 307px; width: 660px; height: 103px; text-align: center; z-index: 99;}
a.home_frise_js {text-align: center; color: #000; font-weight: bold; text-decoration: none; position: absolute; display: block; bottom: 0;}
.home_frise_js img {border: none; margin: 5px auto 0px auto; width: 100%;}
.home_frise_js span {display: none; position: absolute; border: none; background: url('img/bulle1.png') top center no-repeat; width: 144px; height: 98px; margin: -90px 10px 0px 10px; padding-top: 10px; padding-left: 15px !important; padding-right: 12px !important; text-align: left; font: normal 11px/16px Helvetica, Arial;}
.frise_containter {background-color: transparent; height: 50px; width: 200px; left: 500px; position: absolute; top: 29px;}
#video {z-index: 2;}
#news_close {padding: 0px 25px 5px 0px; text-align: right;}
#news_single {position: relative; top: 0px; margin-left: 20px; width: 600px; padding: 12px; height: 301px; background: url('img/fond-news.png') no-repeat; z-index: 1;}
#news_single_ie6 {position: relative; top: 0px; margin-left: 0px; width: 510px; padding: 12px; height: 301px; background: url('img/fond-news.gif') no-repeat;}
#news_single_detail{position: relative; width: 95%; height: 87%; overflow-x: hidden; overflow-y: auto;}
#news_single_image {float: left; margin-right: 15px;}
#news_single_date {}
#news_single_title {color: white; font: bold 14px/20px verdana;}
#news_single_dsc {color: white; font: normal 12px/14px verdana; clear: both; padding-top: 15px;}
.home_news_go {color: white; font: bold 12px/14px verdana;}
#home_news_go {color: white; text-align: right; padding: 7px 0px 0px 0px;}
#home_news_in_progress {position: relative; top: 218px; margin-left: 573px; width: 126px; height: 20px; background: url('img/forme_pied_info.png') no-repeat; text-align: center; color: white; font: bold 12px/12px verdana; padding: 4px 0px 0px 0px; z-index: 2;}
/* ======== end Home + news ======== */

/* ======== Festival ======== */
#festival_news {border: 0; position: relative; top: 80px; margin-left: 30px; width: 284px; height: 300px;}
#festival_title {position: relative; top: -518px; margin-left: 577px; font: bold 27px/20px verdana; z-index: 99;}
#festival_title_news {font: bold 27px/20px verdana; display: block; padding-bottom: 6px;}
#festival_news_scroll {overflow-x: hidden; overflow-y: auto; height: 267px; font: normal 12px/16px verdana;}
#festival_news_warning {padding: 10px; color: white; font: bold 14px/14px verdana;}
#festival_news_picture {position: relative; top: -220px; margin-left: 326px; width: 640px; height: 297px;}
#festival_picture_flow {background-color: transparent; visibility: visible;}
.festival_img_news {width: 80px; height: 72px; float: left; text-align: left; padding-top: 8px; display: block; padding-bottom: 8px;}
.festival_resume_news {width: 280px; height: 72px; text-align: left; font: bold 12px/16px verdana; padding-top: 8px; display: block; padding-bottom: 8px;}
.festival_resume_date {color: white; font: bold 16px/18px verdana;}
.festival_resume_title {width: 270px;}
.festival_link_news a {color: white; font: normal 10px/10px verdana;}
.festival_link_news a:hover {font-weight: bold; text-decoration: none;}
/* ======== End Festival ========*/

/* ======== Festival single ======== */
.festival_single_img {border: 1px solid white;}
.festival_single_title {font: bold 20px/20px verdana; text-align: left;}
.festival_single_href a {color: white;}
.festival_single_href a:hover {text-decoration: underline;}
#festival_content {background-color: black; color: white; width: 846px; height: 496px; overflow: hidden; font: bold 12px/16px verdana;}
#festival_content a {color: red;}
#festival_content1 {width: 100%; height: 400px; overflow-x: hidden; overflow-y: auto;}
#festival_content1 a {color: red;}
#festival_content2 {width: 100%; height: 250px; position: relative; top: -77px; overflow: hidden; background-color: transparent;}
#festival_content2 a {color: red;}
/* ======== End Festival single ======== */

/* ======== Trades ======== */
#home_trades {position: relative; top: 77px; margin-left: 22px; width: 950px; height: 270px;}
#home_trades_download {position: relative; top: 84px; margin-left: -77px; width: 912px; height: 24px; text-align: right; color: white; font: bold 16px/12px verdana; background: url('img/download.png') no-repeat right top; padding: 6px 30px 0px 0px;}
#home_trades_download a {color: white; font: bold 16px/12px verdana;}
#home_trades_download a:hover {text-decoration: underline;}
.home_trades_div {width: 180px; height: 269px; padding: 0px 10px 0px 0px; float: left; z-index: 10;}
.home_trades_div:hover {cursor: pointer;}
.home_trades_div_img {padding: 4px 4px 4px 4px;}
.home_trades_div_calc {margin-top: -268px;}
.home_trades_div_logo {margin: -259px 0px 0px 59px;}
.home_trades_div_title {position: relative; width: 161px; height: 30px; margin: 157px 0px 0px 9px; text-align: center; font: bold 14px/16px verdana;}

#trades_container {position: relative; top: 77px; margin-left: 49px; width: 950px; height: 270px;}
.trades_items {width: 776px; height: 274px; float: left; margin-left: 53px;}
.trades_div {width: 180px; height: 269px; padding: 0px 10px 0px 0px; float: left; z-index: 10;}
.trades_div:hover {cursor: pointer;}
.trades_div_img {padding: 4px;}
.trades_div_calc {margin-left: -183px;}
.trades_div_calc_ff2 {margin-left: -179px;}
.trades_div_calc_safari {position: relative; margin-left: 0px; margin-top: -282px;}
.trades_div_logo {position: relative; top: -196px; margin-left: -125px; z-index: 20;}
.trades_div_logo_safari {position: relative; top: -258px; margin-left: 60px; z-index: 20;}
.trades_div_title {position: relative; top: -44px; margin-left: 10px; text-align: left; width: 160px; height: 30px; z-index: 99; text-align: center; font: bold 14px/16px verdana;}
.trades_div_title_safari {position: relative; top: -102px; margin-left: 10px; text-align: left; width: 160px; height: 30px; z-index: 99; text-align: center; font: bold 14px/16px verdana;}
a.prev, a.next {display: block; width: 45px; height: 46px; float: left; background-repeat: no-repeat; margin: 15px 0 0 0;}
a.prev {background: url('img/prev.png'); margin: 110px -30px 0px 0px;}
a.prev:hover {background: url('img/prev_over.png'); cursor: pointer;}
a.next {background: url('img/next.png'); margin: 110px 0px 0px 12px;}
a.next:hover {background: url('img/next_over.png'); cursor: pointer;}

#home_trades_single {position: relative; top: 70px; margin-left: 68px; width: 844px; height: 309px; background: url('img/fond_metier.png') no-repeat; overflow: hidden;}
#home_trades_single_1 {width: 177px; height: 266px; position: relative; top: 23px; margin-left: 23px; float: left;}
#home_trades_single_2 {width: 610px; height: 266px; position: relative; top: 23px; margin-left: 220px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#home_trades_single_2_ff2 {width: 610px; height: 266px; position: relative; top: 23px; margin-left: 20px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#home_trades_single_3 {width: 610px; height: 260px; overflow-x: hidden; overflow-y: auto;}
#home_trades_back a {color: white; position: relative; top: 35px; margin-left: 915px;}
#home_trades_back a:hover {text-decoration: underline;}
/* ======== End Trades ======== */

/* ======== Employment ======== */
#employment {font-family: verdana;}
#home_employment1 {position: relative; top: 70px; margin-left: 25px; width: 133px; height: 80px; background: url('img/fond_employment_spont.png') no-repeat; float: left; color: #90b70e; text-align: center; font: bold 13px/12px verdana; line-height: 18px; padding: 11px 0px 0px 0px;}
#home_employment1 a {color: #90b70e;}
#home_employment1 a:hover {text-decoration: none;}
#home_employment2 {position: relative; top: 72px; margin-left: 165px; width: 788px; height: 395px;}
#home_employement_none {text-align: center; font: bold 20px/18px verdana; color: white;}
.home_employment_table_th {background: url('img/emploi_table_noir.png') no-repeat; height: 28px; color: white; font-weight: bold; text-align: left; margin: 0px 0px 0px 2px;}
.table_td_black {text-align: center; padding: 0px 0px 3px 0px;}
.table_td_left_black {text-align: left; padding: 0px 0px 3px 10px;}
.table_td_right_black {text-align: center; padding: 0px 0px 3px 0px;}
.table_td_white {background-color: white; height: 27px; text-align: center;}
.table_td_silver {background-color: #cecece; height: 27px; text-align: center;}
.table_td_white_safari {background-color: white; height: 23px; text-align: center;}
.table_td_silver_safari {background-color: #cecece; height: 23px; text-align: center;}
.table_td_left_white {text-align: left; background: url('img/emploi_table_blanc_gauche.png') no-repeat; padding-left: 10px; font-style: italic;}
.table_td_left_silver {text-align: left; background: url('img/emploi_table_gris_gauche.png') no-repeat; padding-left: 10px; font-style: italic;}
.table_td_right_white {text-align: center; background: url('img/emploi_table_blanc_droit.png') no-repeat;}
.table_td_right_silver {text-align: center; background: url('img/emploi_table_gris_droit.png') no-repeat;}
#home_employment_resume {position: absolute; top: 180px; margin-left: 2px; width: 780px; height: 217px; background: url('img/emploi_table_resume.png') no-repeat;}
#home_employment_resume_title1 {color: white; width: 48%; height: 29px; float: left; text-align: left; font-style: italic; padding: 6px 0px 0px 15px;}
#home_employment_resume_title2 {color: white; width: 48%; height: 29px; float: right; text-align: right; padding: 6px 15px 0px 0px;}
#home_employment_resume_dsc {color: black; width: 49%; height: 175px; float: left; text-align: left; padding: 0px 11px; border-right: 1px solid black;}
#home_employment_resume_profil {color: black; width: 45%; height: 175px; float: right; text-align: left; padding: 0px 11px}
#home_employment_resume_postul {text-align: right; height: 22px; padding: 5px 26px 0px 0px; background: url('img/emploi_postul.png') no-repeat right top;}
/* ======== end Employment ======== */

/* ======== Deaf ======== */
#home_deaf {position: relative; top: 60px; margin-left: 96px; width: 861px; height: 231px; color: white; font: normal 12px/12px verdana; padding: 20px;}
#home_deaf_txt {overflow-x: hidden; overflow-y: auto; height: 231px; font: normal 12px/16px verdana;}
#home_deaf_download {position: relative; top: 70px; margin-left: -75px; width: 888px; height: 24px; text-align: right; color: white; font: bold 14px/14px verdana; background: url('img/download.png') no-repeat right bottom; padding: 6px 30px 7px 0px;}
#home_deaf_download a {color: white; font: bold 14px/16px verdana;}
#home_deaf_download a:hover {text-decoration: underline;}
#deaf_single {position: relative; top: 70px; margin-left: 68px; width: 844px; height: 409px; background: url('img/fond_single_ssm.png') no-repeat; overflow: hidden;}
#deaf_single_1 {width: 177px; height: 266px; position: relative; top: 23px; margin-left: 23px; float: left;}
#deaf_single_2 {width: 820px; height: 366px; position: relative; top: 23px; margin-left: 23px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#deaf_single_2_ff2 {width: 820px; height: 366px; position: relative; top: 23px; margin-left: 20px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#deaf_single_2_ssm {width: 610px; height: 366px; position: relative; top: 23px; margin-left: 23px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#deaf_single_2_ssm_ff2 {width: 610px; height: 366px; position: relative; top: 23px; margin-left: 20px; color: white; font: normal 12px/16px verdana; overflow: hidden;}
#deaf_single_3 {width: 810px; height: 360px; overflow-x: hidden; overflow-y: auto;}
#deaf_single_back a {color: white; position: relative; top: 27px; margin-left: 915px;}
#deaf_single_back a:hover {text-decoration: underline;}
/* ======== end Deaf ======== */

/* ======== QSN ======== */
#company_tvs {width: 907px; height: 400px; background: url('img/company_tvs.png') no-repeat; position: relative; top: 65px; margin-left: 39px;}
#company_tvs_table1 {width: 100%; height: 100%;}
#company_tvs_table2 {width: 420px; margin-left: auto; margin-right: auto; margin-top: -10px;}
#company_tvs_txt {text-align: center; width: 420px; background-color: yellow; /*height: 100%;*/ font-family: verdana;}
#home_company_1 {position: relative; top: 65px; margin-left: 17px; width: 96%; height: 95px; background: url('img/bandeau_acier_brosse.png') no-repeat;}
/* #myGallery {padding: 2px 0px 0px 2px;} */
#home_company_1_txt {position: absolute; top: 10px; margin-left: 320px; width: 610px; font: normal 18px/18px verdana;}
#home_company_2 {position: relative; top: 40px; margin-left: 46px; width: 800px; height: 200px; text-align: center;}
#home_company_3 {position: relative; top: 6px; margin-left: 8px; width: 950px; height: 150px; text-align: center;}
#home_company_4 {position: relative; top: 15px; margin-left: 430px; width: 126px; height: 20px; background: url('img/forme_pied_info.png') no-repeat; text-align: center; color: white; font: bold 12px/12px verdana; padding: 4px 0px 0px 0px;}
#company_origins {width: 937px; height: 409px; background: url('img/fond_qsn.png') no-repeat; position: relative; top: 65px; margin-left: 23px; font:
normal 12px/16px verdana;}
#company_origins_txt {position: relative; top: 7px; margin-left: 10px; width: 890px; height: 372px; text-align: left; overflow-x: hidden; overflow-y:
auto; padding: 0px 20px; color: white; font: normal 12px/16px verdana; float: left;}
#company_origins_img {float: right; position: relative; top: 22px; margin-right: 20px;}
#company_city_banner {text-align: center; padding: 17px 0px 10px 4px;}
#company_city_txt {color: white; font: normal 12px/16px verdana; width: 922px; height: 310px; overflow-x: hidden; overflow-y: auto; margin: 0px 0px
0px 22px; padding: 0px 10px 0px 0px;}
#company_city_blk {width: 98%; padding: 0px 0px 10px 0px; color: white; /*font: normal 11px/11px verdana;*/}
#company_city_blk1 {width: 31%; padding: 0px 10px; float: left; color: white; /*font: normal 11px/11px verdana;*/}
#company_city_blk2 {width: 31%; padding: 0px 10px; float: left; color: white; /*font: normal 11px/11px verdana;*/}
#company_city_blk3 {width: 31%; padding: 0px 10px; float: left; color: white; /*font: normal 11px/11px verdana;*/}
#company_brux_txt1 {position: absolute; top: 70px; margin-left: 22px; width: 620px; height: 328px; color: white; font: normal 12px/16px verdana; /*padding: 0px 15px 0px 0px;*/ float: left; overflow-x: hidden; overflow-y: auto;}
#company_brux_txt2 {position: absolute; top: 70px; margin-left: 645px; width: 240px; height: 325px; color: white; font: normal 12px/16px verdana; padding: 0px 15px; overflow: auto; overflow: hidden; border-left: 1px solid #1a679b;}
#company_brux_scroll2 {width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
#company_brux_blk {width: 100%;}
#company_brux_blk1 {width: 49%; padding: 15px 0px; float: left;}
#company_brux_blk1_img {width: 280px; height: 130px; padding: 0px 0px 10px 0px;}
#company_brux_blk2 {width: 49%; padding: 15px 0px 15px 10px; float: right;}
#company_brux_blk2_img {width: 280px; height: 130px; padding: 0px 0px 10px 0px;}
/* ======== end QSN ======== */

/* ======== Contact ======== */
#home_contact {border: 0; background: url('img/fond-contact.png') no-repeat; position: relative; top: 74px; margin-left: 30px; /*width: 921px;*/ width: 1000px; height: 392px; color: white; font: bold 12px/16px verdana;}
#home_contact_1 {width: 376px; height: 362px; margin: 15px 0px; padding: 0px 15px; float: left; border-right: 1px solid #8db30e;}
#home_contact_2 {width: 248px; height: 375px; margin: 15px 0px; padding: 0px 7px; float: left; overflow-x: hidden; overflow-y: auto;}
#home_contact_3 {width: 244px; height: 375px; margin: 15px 0px 0px 0px; padding-left: 10px;/*padding: 15px 7px;*/ border-left: 1px solid #8db30e; float: left; overflow-x: hidden; overflow-y: auto;}
#home_contact_google_map {position: absolute; top: 135px; margin-left: 10px; width: 375px; height: 230px; border: 0px solid yellow; margin: 12px 0px;}
#home_contact_pdf {width: 100%; height: 20px; background-color: #90b70e; text-align: center; padding: 8px 0px 0px 0px;}
#home_contact_pdf a {color: white; font: normal bold 10px/10px verdana;}
#home_contact_pdf a:hover {text-decoration: none;}
.home_contact_title {color: #91B610; font: bold 27px/20px verdana; padding-bottom: 6px;}
.home_contact_p {color: white; font: bold 15px/17px verdana;}
.home_contact_p_green {color: #91B610; font: italic 20px/20px verdana; text-align: center; margin: 20px 0px 0px 0px;}
/* ======== end Contact ======== */