/* Reset */
* { margin: 0; padding: 0; }

/* Common Styles */
html, body { height: 100%; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #212125; background-color: #fff; }
body { padding-top: 15px; }
a:link, a:visited { text-decoration: none; color: #535454; }
img { border: none; }
h1 { font-size: 22px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }
.margin-left { margin-left: 9px; }
.margin-right { margin-right: 9px; }
.clear { clear: both; }
.blue { color: #009cdd; }
.grey { color: #6a6a6b; }
.soft-black { color: #212125; }
.clear-grey { color: #cdcdcd; }
body > #wrapper { height: auto; min-height: 100%; }
#wrapper { position: relative; width: 1035px; height: 100%; }
#header { width: 100%; height: 90px; background: url('images/logo.png') no-repeat; overflow: hidden; }
#header h1 { text-indent: -999px; }

/* Home Specific Styles */
#home { background: url('images/background.png') no-repeat; }
#homebox { width: 533px; height: 306px; padding: 44px 68px 50px 87px; }
#homebox h2 { width: 533px; height: 55px; margin-bottom: 8px; text-indent: -999px; overflow: hidden; }
#homebox-content-left h3, #homebox-content-right h3 { width: 222px; height: 25px; margin-bottom: 11px; text-indent: -999px; overflow: hidden;}
#homebox-content-left { position: relative; float: left; display: inline; width: 224px; height: 246px; padding: 0 17px 0 17px;}
#homebox-content-left-link { position: absolute; bottom: 16px; right: 1px; border: none; }
#homebox-content-right-link { position: absolute; bottom: 16px; right: 0; border: none; }
#homebox-content-right { position: relative; float: right; display: inline; width: 223px; height: 246px; padding: 0 17px 0 17px ;}
#homebox-content-right ul, #homebox-content-left ul { margin-top: 15px; }
#homebox-content-right ul li, #homebox-content-left ul li { list-style-type: none; padding: 0 0 5px 23px; font-size: 11px; font-weight: bold; color: #6c6c6c; background: url('images/homebox-li.png') no-repeat; }
#news { margin-top: 16px; }
#news-title { width: 661px; height: 26px; padding: 12px 27px 0 0; font-weight: bold; text-align: right; background: url('images/news-title.png') no-repeat; }
.news-post { width: 661px; padding: 12px 27px 7px 0; background: url('images/dashed.png') no-repeat left bottom; } 
.news-post-image { float: left; display: inline; width: 71px; height: 71px; margin-right: 17px; overflow: hidden; }
.news-post-image img { border: 1px solid #009cdd; }
.news-post-excerpt { float: right; display: inline; width: 573px; font-size: 11px; font-weight: bold; 	}
.news-post-excerpt h2 { font-size: 14px; padding: 0 0 5px 0; }
.news-post-link { clear: both; text-align: right; font-weight: bold; }
.news-post-link img { vertical-align: middle; }
#news-pagination { padding: 15px 27px 0 0; font-size: 10px; font-weight: bold;text-align: right; }
#news-pagination a:link, #news-pagination a:visited { margin:0 0 0 5px; padding: 2px 3px; background-color: #bfc0c1; color: #fff; }
#news-pagination a.current { background-color: #009cdd; } 


/* Sidebar */
#sidebar { float: left; display: inline; width: 323px; padding: 32px 0 60px 0; }
.sidebox { width: 262px; margin: 9px 6px 0 55px; padding: 0 0 13px 0; background-color: #f2f2f2; overflow: hidden; }
.sidebox-title { width: 100%; height: 36px; overflow: hidden; }
.sidebox-news { background: url('images/sidebox-title-news.png') no-repeat; }
.sidebox-temoignages { background: url('images/sidebox-title-temoignages.png') no-repeat; }
.sidebox-references { background: url('images/sidebox-title-references.png') no-repeat; }
.sidebox-title h2 { text-indent: -999px; }
.sidebox-link { text-align: right; font-weight: bold; padding: 2px 13px; }
.sidebox-content-title { padding: 0 12px; } 
.sidebox-content-title img, .sidebox-post-content img { float: left; display: inline; margin: 0 9px 0 0; border: 1px solid #009cdd; }
.sidebox-content-title h3 { padding: 25px 0 0 0; }
.sidebox-content-title h3, .sidebox-content-title h4 { font-weight: bold; font-size: 14px; }
.sidebox-content-text { clear: both; padding: 14px 12px; font-size: 10px; font-style: italic;text-align: justify;  }
.sidebox-post-content { font-size: 10px; font-weight: bold; margin-bottom: 3px; padding: 20px 12px 15px 12px; text-align: justify;  }
.sidebox-post-content h3 { font-size: 12px; padding-bottom: 5px; }
.sidebox-post-link { clear: both; margin-bottom: 9px; padding: 5px 12px 12px 12px; text-align: right; font-weight: bold; background: url('images/sidebox-dashed.png') no-repeat center bottom; }
.sidebox-post-link img { vertical-align: middle; }
.sidebox-pagination { padding: 0 12px; font-size: 10px; font-weight: bold; text-align: right; }
.sidebox-pagination a:link, .sidebox-pagination a:visited { margin:0 0 0 5px; padding: 2px 3px; background-color: #bfc0c1; color: #fff; }
.sidebox-pagination a.current { background-color: #009cdd; } 


/* Navigation Menu */
#menu ul { position: relative; width: 323px; height: 281px; margin-bottom: 79px; list-style-type: none; }
#menu ul li a { position: absolute; display: block; height: 28px;  text-indent: -999px; overflow: hidden; background: url('images/menu.png') no-repeat; }
#menu ul li.link-home a:link, #menu ul li.link-home a:visited { top: 0px; left: 0px; width: 98px; background-position: 0px 0px; }
#menu ul li.link-home a:hover, #menu ul li.link-home a:active, #menu ul li.link-home a:focus { background-position: 0px -281px; }
#menu ul li.link-home.link-current a { background-position: 0px -281px; cursor: default; }
#menu ul li.link-offer a:link, #menu ul li.link-offer a:visited { top: 37px; left: 0px; width: 323px; background-position: 0px -37px; }
#menu ul li.link-offer a:hover, #menu ul li.link-offer a:active, #menu ul li.link-offer a:focus { background-position: 0px -318px; }
#menu ul li.link-offer.link-current a { background-position: 0px -318px; cursor: default; }
#menu ul li.link-clients a:link, #menu ul li.link-clients a:visited { top: 74px; left: 0px; width: 323px; background-position: 0px -74px; }
#menu ul li.link-clients a:hover, #menu ul li.link-clients a:active, #menu ul li.link-clients a:focus { background-position: 0px -355px; }
#menu ul li.link-clients.link-current a { background-position: 0px -355px; cursor: default; }
#menu ul li.link-portfolio a:link, #menu ul li.link-portfolio a:visited { top: 110px; left: 0px; width: 323px; background-position: 0px -110px; }
#menu ul li.link-portfolio a:hover, #menu ul li.link-portfolio a:active, #menu ul li.link-portfolio a:focus { background-position: 0px -391px; }
#menu ul li.link-portfolio.link-current a { background-position: 0px -391px; cursor: default; }
#menu ul li.link-medias a:link, #menu ul li.link-medias a:visited { top: 146px; left: 0px; width: 323px; background-position: 0px -146px; }
#menu ul li.link-medias a:hover, #menu ul li.link-medias a:active, #menu ul li.link-medias a:focus { background-position: 0px -427px; }
#menu ul li.link-medias.link-current a { background-position: 0px -427px; cursor: default; }
#menu ul li.link-partners a:link, #menu ul li.link-partners a:visited { top: 182px; left: 0px; width: 323px; background-position: 0px -182px; }
#menu ul li.link-partners a:hover, #menu ul li.link-partners a:active, #menu ul li.link-partners a:focus { background-position: 0px -463px; }
#menu ul li.link-partners.link-current a { background-position: 0px -463px; cursor: default; }
#menu ul li.link-team a:link, #menu ul li.link-team a:visited { top: 218px; left: 0px; width: 323px; background-position: 0px -218px; }
#menu ul li.link-team a:hover, #menu ul li.link-team a:active, #menu ul li.link-team a:focus { background-position: 0px -499px; }
#menu ul li.link-team.link-current a { background-position: 0px -499px; cursor: default; }
#menu ul li.link-contact a:link, #menu ul li.link-contact a:visited { top: 254px; left: 0px; width: 323px; background-position: 0px -254px; }
#menu ul li.link-contact a:hover, #menu ul li.link-contact a:active, #menu ul li.link-contact a:focus { background-position: 0px -535px; }
#menu ul li.link-contact.link-current a { background-position: 0px -535px; cursor: default; }

/* Content */
#content { float: right; display: inline; width: 688px; margin: 0 0 0 24px; padding: 32px 0 60px 0; }
#page { padding: 0 0 0 42px; }
#section-title { width: 620px; height: 29px; padding: 2px 26px 0 0; background: url('images/section.png') no-repeat; }
#section-title a { float: right; }
a.print { background: url('images/print.png') no-repeat; }
a.email { background: url('images/email.png') no-repeat; }
a.facebook { background: url('images/facebook.png') no-repeat; }
a:link.print, a:visited.print, a:link.email, a:visited.email, a:link.facebook, a:visited.facebook  { display: block; width: 16px; height: 16px; }
a:hover.print, a:active.print, a:hover.email, a:active.email, a:hover.facebook, a:active.facebook { background-position: left bottom; }
.float-left { float: left; margin-right: 5px }
#page-title { padding: 9px 27px 20px 0; }
#page-title h1 { font-size: 18px; color: #000; color: #868789; }
#page-sidebar { float: left; display: inline; width: 200px; }
#page-sidebar-image { width: 200px; padding: 0 0 27px 0; background: url('images/page-sidebar-sep.png') no-repeat left bottom; overflow: hidden; }
#author-image  { float: left; display: inline; width: 51px; }
#author-image img { border: 1px solid #858688; }
#author-details { float: right; display: inline; width: 139px; height: 56px; padding: 0 0 0 10px; font-size: 10px; font-weight: bold; }
#author-details  p { padding-bottom: 5px; }
#author-name { text-transform: uppercase; color: #858688; }
#page-content { float: right; display: inline; width: 400px; padding: 0 26px 0 20px; }
#page-contentzaf { float: left; display: inline; width: 600px; padding: 0 26px 0 0px; }

#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 { color: #009cdd; margin-bottom: 20px; }
#page-content p { margin-bottom: 20px; text-align: justify;  }


#page-contentzaf h1, #page-contentzaf h2, #page-contentzaf h3, #page-contentzaf h4, #page-contentzaf h5, #page-contentzaf h6 { color: #009cdd; margin-bottom: 10px; }
#page-contentzaf p { margin-bottom: 20px;text-align: justify;  }
.page-contentzaf ul { padding: 0 0 0 15px; color: #009cdd; margin-bottom: 20px; }

/* Footer */
#footer { position: relative; margin-top: -95px; clear: both; width: 100%; height: 95px; background: url('images/footer.png') repeat-x; }
#footer-wrapper { width: 1035px; height: 95px; overflow: hidden; }
#contact-text { float: left; display: inline; width: 258px; height: 30px; padding: 6px 0px 0px 183px; font-size: 15px; font-weight: bold; color: #fff; }
#contact-form { float: right; display: inline; width: 594px; height: 30px; padding: 6px 0 0 0; }
.text-input { width: 135px; height: 16px; margin-right: 10px; padding: 2px 5px 2px 10px; border: none; vertical-align: middle; font-size: 13px; color: #646565; }
.submit-input{ width: 91px; height: 23px; font-size: 14px; font-weight: bold; color: #fff; border: none; background: url('images/submit.png') no-repeat; vertical-align: middle; cursor: pointer; }
#informations { clear: both; height: 48px; padding: 12px 0 0 368px }
#informations img { float: left; display: inline; margin-right: 18px; }
#informations p { padding: 8px 0 0 0; font-weight: bold; color: #fff; }
#informations a:link, #informations a:visited { color: #fff; }
#informations a:hover, #informations a:active { color: #009cdd; }

/* Scroller des References*/

#scroller { width: 646px; height: 49px; padding: 31px 0 0 0; background: url('images/scroller.png') no-repeat; }
.scrollable { position:relative;	overflow:hidden; width: 540px; height:45px; }
.scrollable .items {	width:20000em; position:absolute; }
.items div { position: relative; float:left; width: 98px; height: 45px; overflow: hidden; text-align: center;	margin: 0 5px; }
.items img {	position: absolute; top: 0;	left: 0; }
.scrollable { float:left; }
a.browse { background:url('images/scroller-arrow.png') no-repeat; display:block;width:15px;	height:21px; float:left; margin: 12px 0 0 0 ; cursor:pointer;font-size:1px; }
a.right { background-position: -15px 0; clear:right; margin-right: 0px;}
a.left { margin-left: 0px; }
a.disabled {
	visibility:hidden !important;		
}
.reference { display: none; clear: both; overflow: hidden; }
.reference-header { position: relative; width: 646px; height: 120px; overflow: hidden; }
.reference-header-image { position: absolute; z-index: 0; top: 0; left: 0; }
.reference-header-title { position: absolute; z-index: 1; bottom: 17px; left: 270px; padding: 0 27px 0 0; }
.reference-header-title h2 { font-size: 19px; color: #000; }
.reference-header-link { position: absolute; z-index: 2; top: 10px; right: 27px; font-weight: bold; }
.reference-left { float: left; display: inline; width: 240px; padding: 24px 0 0 0; }
.reference-left-image { position: relative; text-align: center; padding: 0 0 40px 0; }
a.reference-left-image-link { position: absolute; top: -3px; right: 0; display: block; width: 20px; height: 20px; border: 1px solid #b4b5b5; background: url('images/zoom.png') no-repeat; }
.reference-right { float: right; display: inline; width: 355px; padding: 24px 26px 0 25px; font-size}
.reference-right ul { padding: 0 0 0 15px; color: #009cdd; margin-bottom: 20px; }
.reference-right p { margin-bottom: 20px; }