/* General *********************/

html 							{  }

body 							{ height:100%; text-align:center; color:#fff; font-family:arial; background:#066caa url(../media/images/generic/background-center.jpg) repeat-x center -150px ; }

h1, h2, h3, h4, h5, h6 			{ margin:0 0 13px 0; }
h1 								{ font-size:1.8em;color:#fff;font-weight:bold; margin-bottom:5px; }
h2 								{ font-size:1.2em; }
h3 								{ font-size:1.2em; }
h4 								{ font-size:1em; }
h5 								{ font-size:1em; }
h6 								{ font-size:1em; }

h2 a							{ color:#fff; }

a								{ color:#fff; }
p 								{ margin:0 0 10px 0; /*letter-spacing:0.5px;*/ }

hr								{ height:1px; margin:0 0 5px; padding:0; }

ul, ol							{ padding-left:40px; margin-left:0; }

*								{ outline:none; }
#wrapper						{ position:relative; width:960px; margin:0 auto; padding-top:50px; }

/* Header **********************/

#header_wrap					{ text-align:left; }
#header 						{ width:960px;margin:0 auto; }

#top_part 						{ float:right;padding-top:10px; }
#top_part ul 					{ list-style-type:none;margin:0;padding:0;text-align:right; text-transform:uppercase; }

#top_part a						{ color:#fff; text-decoration:none; font-size:0.8em; }
#top_part a:hover				{ color:#222; }

.top_part_menu					{ padding-right:15px; border-right:1px dotted #ddd; }
.top_part_menu li				{ margin:3px 0; }
.top_part_menu li span			{ display:block; position:relative; bottom:2px; }
.top_part_search				{ overflow:hidden; padding:25px 0 0 12px; width:232px; text-align:right; }
.top_part_search .search		{ float:right; }

#logo 							{ margin:0; }

#top_icons 						{ float:right;text-align:right;margin:20px 0 0 0; }
#top_icons ul 					{ list-style:none;margin:0;padding:0; }
#top_icons li 					{ display:inline;margin:0;padding:0; }
#top_icons li a 				{ padding:0 0 0 5px; }
#top_icons li a:hover 			{ }

#breadcrumb_wrap				{ text-align:left; }
#breadcrumb						{ width:960px;margin:0 auto auto;padding:10px 0 15px 0px; }

.isearch						{ /*float:right;*/ width:140px; height:22px; padding:0; margin:3px 5px 0 0; border:1px solid #8f8f8f; font-size:1em;line-height:20px; background:#fff; }
.isearch:hover,
.isearch:focus					{ background-color:#fffff0; }

.adv_search						{ margin-bottom:5px;float:right; }
.adv_search	li					{ display:inline;margin-right:5px; }
.adv_search li.last				{ margin-right:0; }
.adv_search p					{ margin:0; }

/* Top menu ********************/

#top_menu_wrap					{ margin:10px 0 10px 0; }
#top_menu_container 			{ width:960px;margin:0 auto; }

#top_menu 						{ float:left; width:830px; text-align:left; margin:10px 0 0px 0px; }
#top_menu ul 					{ list-style:none;margin:0;padding:8px 0 5px 0; }
#top_menu ul li 				{ display:inline;padding:0;margin:0 15px 0 0; }
#top_menu ul li a 				{ padding:10px 0 5px 0; text-transform:uppercase; text-decoration:none; color:#fff; font-size:1.3em; text-shadow: 1px 1px 1px #000; }
#top_menu ul li a:hover 		{ color:#000; text-shadow: 1px 1px 1px #fff; }
#top_menu ul li a.active 		{ color:#000; text-shadow: 1px 1px 1px #fff; }

/* Container image *******************/

#main_wrap						{ padding-bottom:10px; }
#main 							{ width:960px;margin:0 auto;text-align:left;padding:0 0 15px 0; }
#content1						{ width:960px; }
#content2						{ float:right; overflow:hidden; width:790px; }
#content3						{ float:right; overflow:hidden; width:790px; }
#contentAccueil					{ width:960px; }
#content1 h1, #content2 h1, #content3 h1 	{ display:block; margin-bottom:10px; padding-bottom:10px; font-weight:normal; border-bottom:1px dotted #fff;  }

#flashslideshow 				{ margin:0 0 30px 0; }
#bpr_accueil					{ margin-top:25px; }
#picture						{ position:relative; width:790px; height:212px; margin-bottom:50px; background:#CCC; }
#picture img					{ /*border:1px solid #9c9c9c;*/ }

#slideshow 						{ position:relative; width:790px; height:212px; }
#slideshow img 					{ position:absolute; width:788px; top:0; left:0; z-index:8; opacity:0.0; border:1px solid #9c9c9c; }
#slideshow img.active 			{ z-index:10; opacity:1.0; }
#slideshow img.last-active 		{ z-index:9;}

.sec-name						{ position:absolute; top:186px; left:0; padding:8px 7px 10px; z-index:30; }
.sec-name span					{ font-size:2em; color:white; }
.sec-name span.sect2			{ margin-left:5px; }

/* Box size ********************/

.box790							{ width:790px; }
.box700							{ width:700px; }
.box480							{ width:480px; }
.box470							{ width:470px; }
.box460							{ width:460px; }
.box440							{ width:440px; }
.box420							{ width:420px; }
.box400							{ width:400px; }
.box390							{ width:390px; }
.box385							{ width:385px; }
.box380							{ width:380px; }
.box340							{ width:340px; }
.box310							{ width:310px; }
.box300							{ width:300px; }
.box260							{ width:260px; }
.box250							{ width:250px; }
.box240							{ width:240px; }
.box220							{ width:220px; }
.box200							{ width:200px; }
.box180							{ width:180px; }
.box160							{ width:160px; }

.pr10							{ padding-right:10px; }
.pr20							{ padding-right:20px; }
.pr30							{ padding-right:30px; }

.pl10							{ padding-left:10px; }
.pl20							{ padding-left:20px; }
.pl30							{ padding-left:30px; }

/* Footer **********************/

#footer_wrap 					{  }
#footer 						{ text-transform:uppercase;font-size:.9em;color:#fff;width:960px;margin:0 auto;padding:15px 0 30px 0; border-top:1px dotted #fff; }
#footer a 						{ color:#fff;margin:0 0 0 10px; text-decoration:none; }
#footer a:hover					{ text-decoration:underline; }

/* Class ***********************/

.title_bluelight				{ color:#5ec0d5;text-transform:uppercase;font-weight:bold;font-size:1.2em; }

.img							{ border:1px solid #d2d2d2;width:238px; }

/*.button						{ background:#d2d2d2 url(../media/images/bg-button.gif) top repeat-x;border:none;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;cursor:pointer;color:#333;text-align:center;font-size:.9em;font-weight:bold;text-transform:uppercase;padding:3px 5px 2px 5px; }*/
.button							{ color:#333;text-decoration:none;cursor:pointer;text-align:center;font-size:.9em;font-weight:bold;text-transform:uppercase; }

.ibutton						{ color:#fff;text-decoration:none;background:#c62921;padding:3px 10px; border:none;/*border:1px solid #d2d2d2;*/cursor:pointer;text-align:center;font-size:.9em;font-weight:bold;text-transform:uppercase; vertical-align:text-top; }

.input							{ border:1px solid #8f8f8f;padding:2px 5px; color:#666666; }
.input:hover,
.input:focus					{ background-color:#f8f8f8; }
.box220 .input					{ width:200px; }

.br5							{ line-height:5px; }
.br10							{ line-height:10px; }
.br15							{ line-height:15px; }

.m5								{ margin-bottom:5px; }
.m10							{ margin-bottom:10px; }
.m15							{ margin-bottom:15px; }
.m20							{ margin-bottom:20px; }

.mr20							{ margin-right:20px; }
.mr40							{ margin-right:40px; }

.greyUp							{ color:#666;text-transform:uppercase;font-weight:bold;margin-top:-13px; }

/* PAGE INDEX ************************/

.infolettre ul						{ list-style:none; margin:0; padding:0; }
.infolettre ul li					{ margin:5px 0 0; }
.infolettre ul li#send_btn			{ margin-top:13px; }
.infolettre .news					{ text-transform:uppercase; font-size:0.6em; }
.infolettre .abo					{ display:block; position:relative; bottom:2px; text-transform:uppercase; font-size:0.8em; font-weight:normal; }
.infolettre input.txt				{ width:147px; }

.news ul							{ list-style:none; margin:0; padding:0; }
.news ul li							{ padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #cfcfcf; }
.news ul li.last					{ margin-bottom:0; padding-bottom:0; border:none; }
.news a								{ text-decoration:underline; color:#000; }
.news a:hover						{ text-decoration:none; color:#000; }
.news img							{ margin-left:10px; }
.news h1							{ /*margin-top:6px; font-size:1.4em;*/ }

/* PAGE PLAN DU SITE ************************/

#content.plansite a							{ color:#666666; text-decoration:none; }
#content.plansite a:hover					{ text-decoration:underline; }
#content.plansite h2						{ margin:15px 0 5px; text-transform:none; font-size:1.4em; }
#content.plansite h3						{ margin: 0 0 3px 0; text-transform:uppercase; font-size:0.9em; font-weight:bold; color:#333333; }
#content.plansite ul						{ list-style:none; padding:0; margin:0 0 5px 15px; }
#content.plansite ul li a					{ font-size:0.9em; }
#content.plansite h1						{ margin:0; }

/* PAGE NOUVELLES ************************/

.nouvelles ul						{ list-style:none; margin:0; padding:0; }
.nouvelles ul li					{ overflow:hidden; margin:15px 0 0; padding-top:20px; border-top:1px solid #e8e8e8; }
.nouvelles ul li.first				{ border:none; padding-top:0; }

/* PAGE CONTACT ************************/

#formulaire	label					{ margin-right:10px; }
#formulaire span					{ color:red; margin-right:3px; font-weight:bold; }
#formulaire input.txt				{ width:200px; display:block; margin-top:5px; }
#formulaire input.subject			{ width:200px; display:block; margin-top:5px; }
#formulaire #message				{ width:300px; display:block; overflow:scroll-y; }
#formulaire .txt-message			{ display:block; margin-bottom:5px; }
.success-form						{ display:block; width:330px; padding:3px 5px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#185400; color:#fff; font-size:1em; font-weight:normal; text-align:center; letter-spacing:1px; }
.error-form							{ display:block; width:330px; padding:3px 5px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#600f0f; color:#fff; font-size:1em; font-weight:normal; text-align:center; letter-spacing:1px; }

.contact-infos						{ position:relative; padding-left:50px; margin-top:15px; }
.contact-infos .icon				{ position:absolute; top:0; left:0; }
.contact-infos h2					{ margin-bottom:10px; }
.contact-infos p					{  }

/* PAGE DEPLIANTS ************************/

.depliants ul						{ list-style:none; margin:0; padding:0; }
.depliants ul li					{ overflow:hidden; margin-top:15px; padding-top:15px; border-top:1px solid #e8e8e8; }
.depliants strong					{ text-transform:uppercase; }
.depliants ul li p					{ float:right; width:640px; }
.depliants ul li img				{ float:left; border:1px solid #e1e3e2; }

/* LISTING PROJETS ************************/

ul#listing-projects					{ overflow:hidden; margin:20px 0; padding:0; list-style:none; }
ul#listing-projects li				{ float:left; overflow:hidden; display:block; margin:0 66px 30px 0; width:220px; }
ul#listing-projects li.last			{ margin-right:0; }
ul#listing-projects	li img			{ border:1px solid #9da0a5; }
ul#listing-projects	li a			{ float:right; }

ul#listing-projects h3					{ margin:5px 0 0; font-size:1.2em; text-transform:uppercase; font-weight:bold; }
ul#listing-projects.realisations h3		{ color:#D16041; }


/* ******************************************************************************
/* ******************************************************************************
/* Tabs ************************/

#tabs.ui-tabs																	{ overflow:hidden; }
#tabs.ui-tabs .ui-tabs-nav														{ display:block; position:relative; padding:0; margin:0; height:58px; margin-bottom:5px; list-style: none; }
#tabs.ui-tabs .ui-tabs-nav li													{ position: relative; float:left; display:block; margin-right:1px; text-align:center; }
#tabs.ui-tabs .ui-tabs-nav li a													{ display:block; text-decoration: none; color:#005696; width:157px; height:45px; padding-top:13px; background:url(../media/images/generic/sub-section-menu-unselected-idle.png) no-repeat top left; }
#tabs.ui-tabs .ui-tabs-nav li a:hover											{ text-decoration:underline; background:url(../media/images/generic/sub-section-menu-unselected-over.png) no-repeat top left; }
#tabs.ui-tabs .ui-tabs-nav li.double-line a										{ height:52px; padding-top:6px; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected									{  }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a								{ cursor: pointer; background:url(../media/images/generic/sub-section-menu-selected.png) no-repeat top left;  }
#tabs.ui-tabs .ui-tabs-nav li a,
#tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a			{ cursor: pointer; vertical-align: middle; }
#tabs.ui-tabs .ui-tabs-panel													{ display: block; border-width: 0; background: none; }
#tabs.ui-tabs .ui-tabs-hide														{ display: none !important; }

#newstabs				{ overflow:hidden; }
#newtabs ul				{ display:block; position:relative; padding:0; margin:0; height:58px; margin-bottom:5px; list-style: none; }
#newtabs ul li			{ position: relative; float:left; display:block; margin-right:1px; text-align:center; }
#newtabs li a			{ display:inline-block;font-size:12px; text-decoration: none; color:#005696; /*width:157px;*/ height:45px; padding:13px 15px 0 15px; background:url(../media/images/generic/sub-section-menu-unselected-idle.png) no-repeat top left; }
#newtabs li a:hover		{ text-decoration:underline; background:url(../media/images/generic/sub-section-menu-unselected-over.png) no-repeat top left; }
#newtabs ul li a.active { cursor: pointer; background:url(../media/images/generic/sub-section-menu-selected.png) no-repeat top center; }

/* Accordion *******************/

#collapse						{ /*display:block;*/ }
#collapse h3					{ color:#03346D !important; }
#collapse a.titlaps				{ padding-left:2em;font-weight:bold;color:#03346D !important; }
#collapse div.cont				{ clear:both; }
#collapse .ui-accordion-content	{ padding:0 15px 5px 28px;overflow: auto; }
#collapse .ui-state-active		{ margin-bottom:5px; background:url(../media/images/collapse-down.gif) 8px 3px no-repeat; }
#collapse .ui-state-default		{ background:url(../media/images/collapse-up.gif) 8px 3px no-repeat; }

h2.collapse_toggle				{ padding-left:10px; background:url(../media/images/generic/puce-toggle.png) left 5px no-repeat; }
h2.collapse_toggle.opened		{ background:url(../media/images/generic/puce-toggle-over.png) left 5px no-repeat; }
.collapse_holder				{ list-style:none; padding:0; margin:0 0 20px 10px; }

/* Submenu *******************/

#sub_menu						{ display:block; width:168px; float:left; }
#sub_menu h3					{ margin:0px; }
#sub_menu ul					{ list-style:none;margin:0;padding:0; }
#sub_menu ul li					{ margin:0;padding:0;display:inline; }
#sub_menu a						{ font-size:.8em;margin:0;padding:5px;text-transform:uppercase !important;display:block;color:#000;text-align:left; text-decoration:none; cursor:pointer }

#sub_menu .nav1					{ margin:0;padding:0; }
#sub_menu .nav1 a				{ color:#fff; }
#sub_menu .nav1 a:hover			{ color:#000; }
#sub_menu .nav1 a.selected		{  }
#sub_menu .nav1 .active			{ background:url(../media/images/generic/bg-menu.png) no-repeat top left; }

#sub_menu .nav2 a.down				{ text-transform:none; }

/* BREADCRUMB ************************/

#breadcrumb ul						{ padding:0; margin:0; }
#breadcrumb ul li					{ display:inline; }
#breadcrumb ul li a					{ text-decoration:none; color:#fff; }
#breadcrumb ul li a:hover			{ text-decoration:underline; }

ul.arrow1							{ list-style:none;margin-left:5px;padding:0; }
ul.arrow1 li						{ background:url(../media/images/collapse-up.gif) no-repeat;padding-left:20px;margin-bottom:5px; }

/* FORMULAIRE *******************/

label, input, select, textarea		{ font-size:1em; }
select								{ margin:2px 0 10px; width:150px; }
textarea							{ margin:2px 0 20px; padding:2px; border:1px solid #0e8dc4; }
input								{ margin:2px 0 10px; padding:2px; border:1px solid #0e8dc4; }
input.txt							{ width:200px; }
input.demandeur						{ margin-right:5px; }
input.courriel						{ width:200px; }
input.second-radio					{ margin-left:10px; }
input.phone							{ width:200px; }
input.poste							{ width:40px; }


/*#slide								{ position:absolute; }*/
#banner .title						{ position:absolute;margin-top:50px;padding:5px 30px;!padding:0 30px; }
#banner .subtitle					{ background:url(../media/images/generic/banner-bg2-subtitle.png) no-repeat;height:67px;width:450px;position:absolute;margin-top:175px;padding:5px 0;!padding:0;text-align:center; }
.shadow								{ background:url(../../../userfiles/images/accueil/banner-shadow3.png) no-repeat;width:960px;height:28px;margin-bottom:5px; }
#banner h2							{ margin:0;padding:0;color:#005696;font-size:34px;white-space:nowrap;display:none; }
#banner h3							{ margin:0;padding:0;color:#fff;font-size:22px;margin-top:13px; }
#banner img							{ border:8px solid #fff; }

/*#slide								{ position:absolute; }*/
#banner2 .title						{ position:absolute;margin-top:50px;padding:5px 30px;!padding:0 30px;width:50%;height:35px; }
#banner2 .subtitle					{ background:url(../media/images/generic/banner-bg2-subtitle.png) no-repeat;height:67px;width:450px;position:absolute;margin-top:255px;padding:15px 0 0 0;!padding:13px 0 0 0;text-align:center; }
#banner2 .shadow					{ background:url(../../../userfiles/images/accueil/banner-shadow3.png) no-repeat;width:960px;height:28px;margin-bottom:10px; }
#banner2 h2							{ margin:0;padding:0;color:#005696;font-size:34px;white-space:nowrap;line-height:18px !important;text-shadow: 2px 2px 2px #fff;display:none; }
#banner2 h3							{ margin:0;padding:0;color:#fff;font-size:22px; }
#banner2 img						{ border:8px solid #fff; }

ul.sitemap							{ list-style:none; margin:0; padding:0; }
ul.sitemap h3						{ font-size:1.2em;margin:10px 0 0 0;padding:0;font-weight:bold; }
ul.sitemap ul						{ list-style:none; margin:0; padding:0 0 0 15px; }
ul.sitemap ul li					{ margin:0; padding:0; }
ul.sitemap li ul					{ margin:10px 0 0 0; padding:0 0 10px 15px; }

div.nxErrorBox						{ width:330px; padding: 5px 5px 5px 10px; margin-bottom:1px;/* -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ background:#600f0f; color:#fff; font-size:1em; font-weight:normal; /*letter-spacing:1px;*/ }
div.nxMessageBox					{ width:330px; padding: 5px 5px 5px 10px; margin-bottom:1px;/* -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ background:#185400; color:#fff; font-size:1em; font-weight:normal; /*letter-spacing:1px;*/ }
div.nxMessages ul					{ margin-bottom:0;padding-bottom:0; }

.spaceimgr							{ margin:0 0 0px 20px }
.highlight							{ background:#ffff00;padding:0;color:#000; }

.imgbox_right						{ float:right; }
.imgbox_title						{ text-align:right;font-size:.8em; }

.loupe { margin:0 0 0 10px; }

#attachfile div.nxErrorBox { display:none; }

.file_1 { margin-top:0px; }