/* ::::: http://chamadigital.com/mycompany/css/style.css ::::: */

html * { margin: 0pt; padding: 0pt; }
html { background: rgb(46, 67, 75) url('../images/main_bg.gif') repeat-x scroll 0pt 0pt; }
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(108, 120, 125); }
img { border: medium none ; }
p { line-height: 21px; padding-bottom: 15px; }
#featured h1 { font-size: 26px; letter-spacing: -2px; color: rgb(83, 116, 129); }
h2 { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: rgb(62, 130, 156); padding-bottom: 20px; }
h3 { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: rgb(255, 255, 255); padding-bottom: 5px; }
h4 { font-size: 14px; font-weight: normal; color: rgb(62, 130, 156); padding-bottom: 5px; }
.scrollContainer div.panel h2 { color: rgb(255, 255, 255); }
.clearfloat { display: inline-block; }
.clearfloat:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
a:link, a:visited { color: rgb(84, 190, 230); text-decoration: none; }
a:hover { text-decoration: underline; }
a.readMore:link, a.readMore:visited {  }
#free-quote a:link, #free-quote a:visited { color: rgb(255, 255, 255); text-decoration: none; }
#free-quote a:hover { text-decoration: underline; }
#main-content a.button1 { background: transparent url('../images/button1.png') no-repeat scroll 0pt 0pt; display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: rgb(255, 255, 255); margin-left: 80px; }
#main-content a.button1:hover { background: transparent url('../images/button1.png') no-repeat scroll 0pt -25px; text-decoration: none; }
ul { margin-bottom: 20px; margin-left: 20px; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul li { padding: 5px 5px 5px 15px; background: transparent url('../images/li_icon.png') no-repeat scroll left center; }
#main-content ul.buttons { margin: 15px 0pt; width: 99%; }
#main-content ul.buttons li { padding: 0pt; float: left; margin-right: 5px; background-image: none; height: 25px; }
#main-content ul.buttons li.order a { background: transparent url('../images/order.png') no-repeat scroll 0pt 0pt; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: rgb(255, 255, 255); }
#main-content ul.buttons li.order a:hover { background: transparent url('../images/order.png') no-repeat scroll 0pt -25px; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: rgb(255, 255, 255); text-decoration: none; }
#main-content ul.buttons li.enlarge a { background: transparent url('../images/enlarge.png') no-repeat scroll 0pt 0pt; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: rgb(255, 255, 255); }
#main-content ul.buttons li.enlarge a:hover { background: transparent url('../images/enlarge.png') no-repeat scroll 0pt -25px; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: rgb(255, 255, 255); text-decoration: none; }
* html div#wrapper { padding-top: 48px; }
#wrapper { margin: 48px auto 0pt; width: 940px; }
#header { width: 940px; height: 40px; margin-bottom: 20px; }
#slider-container { padding: 10px; background: rgb(29, 41, 46) url('../images/slider_bg_top.gif') no-repeat scroll left top; width: 920px; }
#featured { background: transparent url('../images/featured_bgd.png') no-repeat scroll 0% 0%; float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; margin-top: 5px; width: 326px; }
#slider-bottom { background: transparent url('../images/slider_bg_bottom.gif') no-repeat scroll left top; width: 940px; height: 19px; margin-bottom: 10px; }
#content { width: 940px; }
#sidebar { float: left; width: 290px; margin-right: 15px; display: inline; }
.sidebar-element { padding: 9px 22px 0pt; background: rgb(28, 41, 46) url('../images/rounded_top.png') no-repeat scroll left top; }
.sidebar-bottomelement { background: rgb(28, 41, 46) url('../images/rounded_bottom.png') no-repeat scroll left top; width: 290px; height: 23px; margin-bottom: 10px; }
#free-quote { padding: 9px 22px 0pt; background: rgb(95, 150, 172) url('../images/free_quote_top.png') no-repeat scroll left top; }
#main-content-wrapper { float: left; width: 635px; }
#main-content { padding: 10px 20px; background: rgb(255, 255, 255) url('../images/main_content_top.png') no-repeat scroll left top; width: 595px; }
#main-content-bottom { background: transparent url('../images/main_content_bottom.png') no-repeat scroll left top; width: 635px; height: 17px; }
#free-quote-bottom { background: transparent url('../images/free_quote_bottom.png') no-repeat scroll left top; width: 290px; height: 17px; margin-bottom: 10px; }
#footer { margin-top: 7px; }
#footer p { text-align: center; color: rgb(255, 255, 255); }
.spacer-line { border-bottom: 1px solid rgb(232, 236, 238); margin: 20px 0pt; width: 99%; }
.spacer-line2 { border-bottom: 1px solid rgb(232, 236, 238); width: 99%; margin-bottom: 20px; }
.service { width: 99%; padding-top: 5px; }
.icon-left { float: left; margin-right: 25px; display: inline; }
.image-left { border: 5px solid rgb(126, 145, 152); margin: 0pt 25px 20px 0pt; float: left; display: inline; }
.image-right { border: 5px solid rgb(126, 145, 152); margin: 0pt 0pt 20px 25px; float: right; display: inline; }
.service-description { float: left; width: 80%; }
.product-description { float: left; width: 60%; }
ul#submenu { margin: 15px 0pt 0pt; background: transparent url('../images/news_divider.png') repeat-x scroll left top; width: 99%; padding-top: 2px; }
ul#submenu li { padding: 0pt; background: transparent url('../images/news_divider.png') repeat-x scroll left bottom; height: 30px; }
ul#submenu li a { background: rgb(29, 41, 46) url('../images/submenu_icon.png') no-repeat scroll 1% 50%; display: block; height: 21px; padding-left: 15px; padding-top: 7px; color: rgb(255, 255, 255); }
ul#submenu li a:hover { color: rgb(94, 153, 181); background-color: rgb(25, 36, 40); text-decoration: none; }
.news { background: transparent url('../images/news_divider.png') repeat-x scroll left bottom; width: 99%; margin-top: 15px; }
p.date { color: rgb(84, 190, 230); padding-bottom: 7px; font-weight: bold; }
p.news-text { color: rgb(133, 152, 160); }
p.news-archive { padding-top: 10px; padding-bottom: 0pt; }
p.news-archive a { background: transparent url('../images/archive_icon.png') no-repeat scroll 0pt 50%; padding-left: 22px; font-weight: bold; }
#free-quote { padding: 9px 22px 0pt; background: rgb(95, 150, 172) url('../images/free_quote_top.png') no-repeat scroll left top; }
#free-quote p { background: transparent url('../images/freequote_arrow.png') no-repeat scroll 100% 50%; color: rgb(29, 41, 47); padding-right: 40px; }
#logo-container { float: left; width: 216px; margin-left: 15px; display: inline; }
#logo-container small { margin: 0pt; padding: 0pt; }
h1#logo { background: transparent url('../images/logo.png') no-repeat scroll 0pt 0pt; width: 200px; height: 59px; text-indent: -9000px; }
h1 a { height: 40px; width: 216px; display: block; text-decoration: none; }
h1 a:hover { background: transparent none repeat scroll 0% 0%; text-decoration: none; }
#search { float: right; width: 316px; height: 25px; display: inline; margin-top: 10px; }
#search input { border: 1px solid rgb(67, 98, 110); margin: 0pt 12px 0pt 0pt; padding: 4px; background: rgb(30, 44, 49) none repeat scroll 0% 0%; float: left; width: 210px; height: 16px; color: rgb(133, 152, 160); }
#search .btn { border: medium none ; padding: 0pt; background: transparent url('../images/search_btn.gif') no-repeat scroll 0% 0%; float: left; width: 68px; height: 25px; cursor: pointer; color: rgb(255, 255, 255); }
#navigation { background: transparent url('../images/menu_bg.gif') no-repeat scroll 0pt 0pt; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px; }
#navigation ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
#navigation ul li { padding: 0pt; background: transparent none repeat scroll 0% 0%; display: inline; height: 42px; text-transform: uppercase; }
#navigation ul li a { padding: 0pt 20px; background: transparent url('../images/menu_divider.gif') no-repeat scroll right top; float: left; display: block; color: rgb(255, 255, 255); text-decoration: none; }
#navigation ul li a:hover, #navigation ul li a.current { color: rgb(84, 190, 230); }
blockquote { padding-bottom: 15px; }
blockquote div { background: rgb(28, 41, 46) url('../images/quote_right.png') no-repeat scroll right bottom; padding-right: 10px; padding-top: 15px; }
blockquote p.text { background: transparent url('../images/quote_left.png') no-repeat scroll left top; padding-left: 10px; text-indent: 30px; color: rgb(133, 152, 160); font-style: italic; }
.testimonial-name { padding-left: 10px; padding-bottom: 0pt; }
table { margin: 20px 0pt; border-collapse: collapse; width: 99%; }
th { border-right: 1px solid rgb(255, 255, 255); padding: 2px 11px; background: rgb(62, 130, 156) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-weight: bold; text-align: left; line-height: 1.2; }
td { border-bottom: 1px solid rgb(128, 188, 211); padding: 6px 11px; vertical-align: top; }
/*td * { padding: 6px 11px; }*/
tr.alt td { background: rgb(236, 246, 252) none repeat scroll 0% 0%; }
tr.over td, tr:hover td { background: rgb(188, 212, 236) none repeat scroll 0% 0%; }
fieldset { border: medium none ; width: 550px; margin-top: 10px; }
fieldset legend { display: none; }
form p { padding-bottom: 0pt; }
label { margin: 5px; width: 140px; text-align: left; }
.required { color: rgb(62, 130, 156); }
input, textarea { border: 1px solid rgb(214, 226, 231); margin: 5px; padding: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(108, 120, 125); width: 300px; }
textarea { width: 400px; height: 150px; margin-bottom: 10px; }
input:focus, textarea:focus { border: 1px solid rgb(158, 215, 236); }
input.button { border: medium none ; background: transparent url('../images/button1-hover.png') no-repeat scroll 0% 0%; width: 130px; height: 25px; padding-bottom: 15px; color: rgb(255, 255, 255); cursor: pointer; }
input.button:hover { border: medium none ; }
.notification_error { padding: 5px; color: rgb(165, 4, 30); font-size: 13px; font-weight: bold; }
.notification_ok { padding: 5px; color: rgb(65, 138, 6); font-size: 13px; font-weight: bold; }
.contact-info { padding-top: 15px; }
.contact-info p.contact-details { color: rgb(133, 152, 160); }
.contact-info p.contact-details span { color: rgb(255, 255, 255); }
#slider { margin: 0pt auto; background: rgb(29, 41, 46) none repeat scroll 0% 0%; float: left; width: 520px; padding-top: 10px; position: relative; }
.scroll { background: rgb(29, 41, 46) none repeat scroll 0% 0%; overflow: auto; height: 162px; width: 518px; position: relative; clear: left; }
.scrollContainer div.panel { height: 162px; width: 520px; }
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline; }
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: rgb(133, 152, 160); }
.scrollContainer div.panel div.panel-text p.more { float: right; width: 103px; }
.scrollContainer div.panel div.panel-text p.more a { background: transparent url('../images/read-more-button.png') no-repeat scroll 0pt 0pt; display: block; width: 103px; height: 23px; padding-top: 2px; color: rgb(255, 255, 255); padding-left: 12px; margin-top: 10px; }
.scrollContainer div.panel div.panel-text p.more a:hover { background: transparent url('../images/read-more-button.png') no-repeat scroll 0pt -25px; text-decoration: none; }
.scrollButtons { position: absolute; top: 75px; cursor: pointer; }
.scrollButtons.left { left: -30px; }
.scrollButtons.right { left: 540px; }

/* ::::: http://chamadigital.com/mycompany/css/jquery.lightbox-0.5.css ::::: */

#jquery-overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0pt; left: 0pt; width: 100%; z-index: 100; text-align: center; line-height: 0pt; }
#jquery-lightbox a img { border: medium none ; }
#lightbox-container-image-box { margin: 0pt auto; position: relative; background-color: rgb(255, 255, 255); width: 250px; height: 250px; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0pt; }
#lightbox-nav { position: absolute; top: 0pt; left: 0pt; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0pt; }
#lightbox-nav a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0pt; float: left; }
#lightbox-nav-btnNext { right: 0pt; float: right; }
#lightbox-container-image-data-box { margin: 0pt auto; padding: 0pt 10px; overflow: auto; font-family: Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; background-color: rgb(255, 255, 255); line-height: 1.4em; width: 100%; }
#lightbox-container-image-data { padding: 0pt 10px; color: rgb(102, 102, 102); }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

.bouton {
	width:170px;
	height:25px;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	background:url(../images/button2-hover.png) no-repeat;
}
.bouton a {
	color:white;
}