/******** regles par defaut des balises ********/
*{margin:0; padding:0; outline:none}
body {font-family:arial, serif; color:#383938; font-size:14px; background:url(../images/bgd_body.gif) 0 0 repeat; border-top:5px solid #383938}
img, fieldset{border:0}
h1 {font-family: 'Jura', arial, serif; color:#383938}
h2 {font-family: 'Jura', arial, serif; color:#383938; text-align:center}
h3 {font-family: 'Jura', arial, serif; color:#383938; font-weight:DemiBold; font-size:18px}
h4 {font-family: 'Jura', arial, serif; color:#383938}
ol, ul{list-style-type:none}
a {text-decoration:none; color:#383938}
a:hover{text-decoration:underline}
input, select, textarea{border:1px solid #a5a5a5; color:#444}
p {line-height:20px}
/********** ID common to all templates ********/
/*Content Central*/		
#container {width:100%; padding:5px 0 0}
.bgdHome {background:url(../images/bgd_home.png) 50% 0 no-repeat}
	/*///Header///*/
	#header {width:983px; margin:0 auto; border-bottom:1px solid #b6b6b6; overflow:hidden}
		#header h1 {padding:25px 0 0}
		.innerHeader {float:right; padding:3px 0 0; width:650px}	
			.topHeader {border-bottom:1px solid #b6b6b6; float:right; padding:0 0 10px; margin:0 0 64px; overflow:hidden}
			.topHeader li {float:left; padding:0 0 0 0px;}
			.topHeader li.first {padding:0 0 0 0px; width:90px;}
			.topHeader li.twitter { width:97px;}
			.topHeader li a {display:block; float:left; margin:0 5px 0 0}
			.topHeader span {display:block; font-size:11px}
			.topHeader span.infoFb {background:url(../images/bgd_fb_r.gif) 100% 0 no-repeat; padding:0 1px 0 0; float:left}
			.topHeader span.infoFb span {background:url(../images/bgd_facebook.png) 0 0 no-repeat; padding:2px 2px 2px 8px}
			.topHeader span.infoTw {background:url(../images/bgd_twiter_R.png) 100% 0 no-repeat; padding:0 2px 0 0; float:left}
			.topHeader span.infoTw span {background:url(../images/bgd_twiter_L.png) 0 0 no-repeat; padding:3px 10px 3px 12px; color:#197091}
		
		 .nav {clear:both; float:right}
		 .nav li {float:left; font-family: 'Jura', arial, serif; font-size:18px; font-weight:Medium; text-transform:uppercase; padding:0 0 0 20px}
		 .nav a {color:#696969; border-bottom:0; padding:0 0 18px; display:block}
		 .nav a:hover, .nav a.current {border-bottom:6px solid #eb6220; text-decoration:none; padding:0 0 12px}

	/*///main///*/
	#main {width:100%}
	#main h2 {font-size:24px; font-weight:Medium}
	.pageSub {width:983px; overflow:hidden; margin:0 auto 20px}
		.pageSub h2 {padding:42px 0; border-bottom:1px solid #b6b6b6; margin:0 0 30px}
		.pageSub h2.borderNone {border-bottom:0}
		.pageSub h2.marB0 {margin:0}
		
		/* Page Home */
		.blockMainHome {width:100%; border-bottom:5px solid #383938; padding:0 0 35px}
		.innerBlockHome {width:983px; margin:0 auto; overflow:hidden}
		.innerBlockHome h2 {padding:46px 0}
			.boxSlideB {background:url(../images/bgd_slide_B.png) 0 100% no-repeat; padding:0 0 11px; width: 983px; height: 287px}
			.boxSlideT {background:url(../images/bgd_slide_T.png) 0 0 no-repeat; padding:32px 350px 0 38px; overflow:hidden; width: 595px; height: 255px}
			.boxSlideT02 {background:url(../images/bgd_slide_T_02.png) 0 0 no-repeat}
			.boxSlideT03 {background:url(../images/bgd_slide_T_03.png) 0 0 no-repeat}  
			.boxSlideT h3 {font-size:36px; font-weight:DemiBold; padding:0 0 24px}
			.boxSlideT p {font-family: 'Jura', arial, serif; line-height:24px; font-size:18px; font-weight:Book; padding:0 0 20px}
			
			.uiButton a {display:inline-block; background:#eb6220; padding:4px 8px; font-family: 'Jura', arial, serif; font-size:14px; font-weight:DemiBold; color:#fff}
			.uiButton a:hover {color:#383939; text-decoration:none}
			
			.pagging {width:116px; margin:0 auto; background:url(../images/bgd_pagging.png) 0 0 no-repeat; padding:4px 0 5px 2px; overflow:hidden}
			.pagging01 {background:url(../images/bgd_pagging_01.png) 0 0 no-repeat; padding:6px 0 4px 2px; margin:0 auto 18px}
			.pagging li {float:left; padding:0 4px}
			.pagination {float: left;}
			.next, .prev {float: left; width: 15px; height: 18px; padding: 0 4px}
			.uiIcon {background:url(../images/uiIcon.png) no-repeat; width:15px; height:15px}
				.uiIcoPre {background-position:0 0}
				a:hover .uiIcoPre, li.current .uiIcoPre {background-position:0 -15px}
				.uiIco01 {background-position:-20px 0}
				a:hover .uiIco01, li.current .uiIco01 {background-position:-20px -15px}
				.uiIcoNext {background-position:-40px 0}
				a:hover .uiIcoNext, li.current .uiIcoNext {background-position:-40px -15px}
		
		.heightLightHome {width:983px; margin:0 auto; overflow:hidden}
		.heightLightHome h3 {font-size:18px; font-weight:DemiBold; padding:0 0 20px}
			.blockHome01 {float:left; width:635px}
				.blockHome01 p {padding:0 0 22px}
				.blockHome01 li {background:url(../images/bullet.gif) 0 0 no-repeat; padding:0 0 15px 25px; width:260px; margin:0 30px 0 0; float:left}
				.blockHome01 li a {font-weight:bold; font-size:12px; color:#383939}
			
			.blockHome02 {float:left; width:316px; margin:0 0 0 25px}
				.blockHome02 p {padding:0 0 5px; font-size:12px}
				.blockHome02 p a {float:right; color:#eb6220; text-decoration:underline}
				.blockHome02 p a:hover {text-decoration:none}
		
		/* Page Art idea */
		.detailArt {border-bottom:1px solid #b6b6b6; padding:0 0 10px; margin:0 0 30px; overflow:hidden}
			.detailArt h3 {padding:0 0 20px; font-size:18px; font-weight:DemiBold}
			.detailArt p {padding:0 0 20px}
			.detailArt p a {color:#383938; text-decoration:underline}
			.detailArt p a:hover {text-decoration:none}
			
			.listService li {float:left; background:url(../images/bulllet_01.png) 0 4px no-repeat; padding:0 18px 0 32px; text-transform:uppercase; font-family: 'Jura', arial, serif; font-size:24px; font-weight:DemiBold; color:#e55f1f}
			.listService li.first {background:none}
		
		.boxArtidea { width:100%; background:#fff; padding:40px 0 30px;  overflow:hidden}
		
		.boxLogos { width:100%; height:150px; background:#fff;  overflow:hidden}
				.innerLogos { width:980px; margin:0 auto; overflow:hidden; border-top:1px solid #b6b6b6; padding-top:30px; }
		
		.infoContact {overflow:hidden; width:983px; margin:0 auto}
			.infoContact div {width:390px; float:left; padding:0 100px 0 0}
			.infoContact div.txtRight {text-align:right; padding:0 0 0 100px}
			.infoContact h3 {font-size:18px; font-weight:DemiBold; color:#e55f1f; padding:0 0 16px}
			.infoContact h3 span {display:block; font-size:12px; font-weight:normal}
			.infoContact p {padding:0 0 20px}
		
		/* Page contact */
		.contContact h3 {padding:0 0 30px}
			.detailContact {float:left; width:271px; padding:0 30px 0 0}
				.detailContact dl {padding:0 0 10px; overflow:hidden; font-size:12px}
				.detailContact dt {width:82px; font-weight:bold; float:left}
				.detailContact dd {width:189px; float:left}
				.detailContact  p {padding:0 0 10px}
			
			.contContact form {width:682px; float:left}
			.contContact ul, .contContact form div {overflow:hidden; padding:0 0 20px}
			.contContact li {width:325px; float:left}
			.contContact label {display:block; font-size:12px; padding:0 0 5px}
			.contContact input {width:314px; background:#fff; border:1px solid #b4b4b3; padding:6px 3px}
			.contContact textarea {width:674px; border:1px solid #b4b4b3; background:#fff; height:180px; padding:3px}
			.marR30 {margin-right:30px}
			.contContact form p input {border:0; background:#eb6220; padding:4px 8px; color:#fff; font-weight:DemiBold; font-size:14px; font-family: 'Jura', arial, serif; width:135px; cursor:pointer}
			.txtAlignR {text-align:right}
	
		/* Page Service */
		.boxSerB {background:url(../images/bgd_service_B.png) 0 100% no-repeat; padding:0 0 10px; margin:0 0 38px}
		.boxSerB dl {background:url(../images/bgd_service_T.png) 0 0 no-repeat; overflow:hidden; padding:30px 0 10px}
			.boxSerB dt {float:left; width:274px; margin:0 43px 0 37px}
			.boxSerB dd {width:600px; float:left}
			.boxSerB h4 {font-size:24px; font-weight:Medium; background:url(../images/bullet.gif) 0 5px no-repeat; padding:0 0 14px 30px}
			.boxSerB p {font-size:13px; line-height:18px; padding:0 0 15px}
		
		/* Page Traballs */
		.boxTraballT {background:url(../images/bgd_service_T.png) 0 0 no-repeat; overflow:hidden; padding:20px 23px 20px 28px}
			.boxTraballT h3 {border-bottom:1px solid #ddd; font-size:24px; font-weight:Medium; padding:0 0 22px; margin:0 0 22px}
			.boxTraballT h3 span {float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:block; padding:10px 0 0}
			
			.contTraball {}
				.lightBox {float:left; width:601px; margin:0 20px 0 0}
				
				.infoTraball {float:left; width:311px; position:relative}
					.listTraball {border-bottom:1px solid #e7e7e7; padding:0 0 6px}
					.listTraball li {background:url(../images/bullet.gif) 0 0 no-repeat; padding:0 0 14px 25px; font-size:12px; font-weight:bold}
					
					.btnTraball {position:absolute; top:277px}
					.btnTraball li {float:left; margin:0 16px 0 0; background:#eb6220; padding:4px 9px; font-family: 'Jura', arial, serif; font-size:14px; font-weight:DemiBold}
					.btnTraball a {color:#fff}
					.btnTraball a:hover {text-decoration:none; color:#353635}
	
/*///footer///*/
	#footer {width:100%; background:#383937 url(../images/bgd_footer.gif) 0 100% repeat-x; font-family:Arial, Helvetica, sans-serif}
		.innerFooter {width:983px; margin:0 auto; padding:20px 0 34px; overflow:hidden}	
		.innerFooter div {width:238px; float:left}
		.innerFooter div.footerCenter {margin:0 134px}
		.innerFooter h3 {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #eb6220; text-transform:uppercase; padding:0 0 9px; margin:0 0 8px}
		.innerFooter li {display:inline; padding:0 5px 0 0}
		.innerFooter a {color:#f0efea; font-size:11px}

	/* Layer */
	.formValidatorLayer {background:#eb6220; display:block; overflow:hidden; padding:3px 5px; position:absolute; top:-1500px;z-index:99999}
	.formValidatorLayer .message { color:#fff;  font-size:13px; margin:0; padding:0 0 0 5px}
	
	.alertBoxLayer {width:350px; height:130px; padding:10px 20px 10px 10px; position:absolute; border:1px solid #515251; background:#fff; display:none}
		.alertBoxLayer .closeBtn {padding:0 0 15px; margin:0 0 10px; float: right}
		.alertBoxLayer .message {text-align:center; margin-top: 30px; clear:both}
		.alertBoxLayer .message p {padding:0 0 15px}
		
	.alertBoxOverlay {position: absolute; background-color: #000}
	
	/* lightBox */
	#lbOverlay {position: fixed; z-index:9999; left:0; top: 0; width:100%; height:100%; background:#000}
	#lbCenter, #lbBottomContainer {position:absolute; z-index:9999}
	.lbLoading {background: #fff url(../images/loading.gif) no-repeat center}
	#lbImage {position:absolute; left:0; top:0; background-repeat:no-repeat}
	#lbPrevLink, #lbNextLink {display:block; position: absolute; top:250px; width:50%; outline:none; height:40px!important}
	#lbPrevLink {left:-16px}
	#lbPrevLink:hover {background: transparent url(../images/prevlabel.png) no-repeat 0 0}
	#lbNextLink {right:-15px}
	#lbNextLink:hover {background: transparent url(../images/nextlabel.png) no-repeat 100% 0}
	#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:30px; text-align: left; padding:0 10px; background:#fff}
	#lbCloseLink {display:block; width:33px; height:10px; background:url(../images/closelabel.png) no-repeat center; margin:5px 0; top:-323px; right:0; position:absolute}
	#lbCaption, #lbNumber {margin-right: 71px}
	#lbCaption {font-weight: bold}