* {
	margin: 0;
	padding: 0;
}

.alt {
	display: none;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #333;
	
}

img {
	border: 0px none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
}

/* Alt Font Classes */
.red {
    color: #ff0000;
}

.redstrong {
    color: #ff0000;
    font-weight: bold;
}

.redstrongindent {
    padding: 0 6px 0 0;
    color: #ff0000;
    font-weight: bold;
}

/* Layout */
#maincontainer {
	width: 760px;
	margin-right:auto;
	margin-left:auto;
}

#wrapper {
	float: left;
	width:760px;
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	background-color: #fff;
	background-image: url('../images/home/Sans%20titre-1.jpg');
}

/* Masthead and Navigation */
#masthead {
	width:760px;
	height: 353px;
	text-align: left;
}

#logo {
    float: left;
    width: 161px;
    height: 98px;
    background-image: url('../images/white/logo.gif');
    background-repeat: no-repeat;
}

#nav {
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#nav ul {
    list-style-type: none;
}

#nav ul li {
    display: inline;
    padding: 0 0 0 17px;
	text-transform: lowercase;
}

#nav ul li a {
    text-decoration: none;
}

#nav ul li a:hover {
    text-decoration: underline;
}

#nav ul li.active {
    font-weight: bold;
}

#mastheadright {
    float: right;
    text-align: right;
    padding: 45px 5px 0 0;
	text-transform: lowercase;    
}

/* Breadcrumbs */
#breadcrumbs {
    width: 760px;
    height: 24px;
    border-top: #bdc1c5 1px solid;
    border-bottom: #bdc1c5 1px solid;
    padding: 11px 0 0 20px;
	background-color: #f3f3f4;
	text-transform: lowercase;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
}

#breadcrumbs ul {
    list-style-type: none;
}

#breadcrumbs ul li {
    display: inline;
    color: #666;
    padding: 0 8px 0 0;
}

#breadcrumbs ul li a {
    text-decoration: none;
    color: #666;
}

#breadcrumbs ul li a:hover {
    text-decoration: underline;
}

/* Homepage Middle Strap */
#middlestrap {
    width: 759px;
    margin: 3px 0 0 0;
    padding: 11px 0 11px 12px;
    border: #dfdfdf 1px solid;
    color: #999;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 745px;
}

#middlestrap a {
    color: #666;
}

#middlestrap a:hover {
    text-decoration: underline;
}

/* Homepage Middle Images */
#middleimages {
    width: 759px;
    padding: 5px 0 0 0;
}

#middleimages .left {
    padding: 0 6px 0 0;
}

/* Homepage Content Left */
#homeleft {
    float: left;
    width: 252px;
    padding: 15px 30px 0 0;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 222px;
}

#homeleft h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#homeleft p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 0 0 11px;
    line-height: 16px;
    color: #666;
}

#homeleft p a {
    color: #666;
}

#contact {
    float: left;
    width: 200px;
    margin: 35px 0 0 0;
	background-repeat: no-repeat;
}

#contact h1 {
    padding: 10px 0 0 0;
}

#contact p {
    padding: 10px 0 0 11px;
}

#contact a {
    color: #666;
}

#contact a:hover {
    text-decoration: underline;
}

#homeright {
	float: right;
	width: 400px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#homeright h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
}

#homeright p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    padding: 2px 30px 18px 11px;
    line-height: 16px;
}

#homeright p a {
    color: #666;
}

#infoboxes {
    width: 507px;
    padding: 25px 0 0 0;
}

#homeright .infobox {
    float: left;
    width: 252px;
    margin: 4px 2px 0 0;
    border: #ccc 1px solid;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 248px;
}

#homeright .infobox h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 11px 0 0 0;
}

#homeright .infobox p {
    padding: 0;
}

#homeright .infobox img {
    float: left;
    padding: 0 10px 0 0;
}

#homeright .infobox a {
    color: #666;
}

#homeright .infobox a:hover {
    text-decoration: underline;
}

#homeright .infoboxright {
    float: left;
    width: 253px;
    margin: 4px 0 0 2px;
    border: #ccc 1px solid;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 249px;
}

#homeright .infoboxright h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 11px 0 0 0;  
}

#homeright .infoboxright p {
    padding: 0;
}

#homeright .infoboxright img {
    float: left;
    padding: 0 10px 0 0;
}

#homeright .infoboxright a {
    color: #666;
}

#homeright .infoboxright a:hover {
    text-decoration: underline;
}

/* Services */
#services {
    float: left;
    width: 498px;
    height: 340px;
    padding: 15px 0 0 0;
}

#servicesweb {
    width: 498px;
    height: 316px;
}

#serviceswebnav {
    width: 498px;
    height: 19px;
    padding: 5px 10px 0 10px;
    background-color: #979797;
    color: #fff;
    text-align: center;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 478px;
}

#serviceswebnav a {
    color: #fff;
}

#serviceswebnav a:hover {
    text-decoration: underline;
}

.swnleft {
    float: left;
    display: inline;
    padding: 0 154px 0 0;
}

.swnmid {
    float: left;
    display: inline;
}

.swnright {
    float: right;
    display: inline;
}

#servicesmenu {
    float: left;
    width: 250px;
    padding: 15px 0 0 12px;
}

#servicesmenu h1 {
    width: 250px;
    height: 21px;
    padding: 5px 0 0 10px;
    background-color: #999;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}

#servicesmenu h2, h3, h4, h5, h6 {
    padding: 10px 0 0 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
}

#servicesmenu .infobox {
    width: 250px;
    height: 92px;
    margin: 7px 0 0 0;
    border: #ccc 1px solid;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 248px;
}

#servicesmenu .infobox p {
    padding: 3px 0 0 0;
    line-height: 16px;
    color: #666;
}

#servicesmenu .infobox a {
    color: #666;
}

#servicesmenu .infobox a:hover {
    text-decoration: underline;
}

#servicesmenu .infobox img {
    float: left;
}

#servicesbody {
    width: 500px;
    padding: 15px 0 0 0;
}

#servicesbody h2, h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 11px 0 0 0;
    color: #333;
}

#servicesbody p {
    padding: 3px 0 15px 16px;
    color: #666;
    line-height: 16px;
}

#servicesbody p.black {
    color: #000;
}

#servicesbody ul {
    padding: 0 0 15px 32px;
    list-style-type: disc;
}

#servicesbody ul li {
    padding: 0 0 3px 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

/* Showcase */
#showcasebody {
    float: left;
    width: 400px;
    padding: 15px 20px 0 0;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 380px;
}

#showcasebody h1 {
    padding: 5px 0 0 0;
}

#showcasebody h2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 25px 0 10px 0;
}

#showcasebody h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 10px 0 0 17px;
}

#showcasebody p {
    padding: 3px 0 10px 17px;
    line-height: 16px;
    color: #666;
}

#showcaseplinth {
    float: left;
    width: 360px;
    padding: 15px 0 0 0;
}

#showcaseplinth .holder {
    float: left;
    width: 334px;
    height: 273px;
    border: #ccc 1px solid;
    padding: 6px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 320px;
}

#showcaseplinth .nav {
    float: left;
    width: 25px;
    margin: 5px 0 0 0;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding: 4px 0 4px 3px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 21px;
}

#showcaseplinth .nav ul {
    list-style-type: none;
}

#showcaseplinth .nav ul li {
    padding: 2px 0 0 0;
}

#showcaseclients {
    float: left;
    width: 760px;
    margin: 38px 0 0 0;
    border: #cecece 1px solid;
    padding: 0 0 30px 32px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 726px;
}

#showcaseclients p {
    padding: 4px 0 0 0;
}

#showcaseclients ul {
    float: left;
    padding: 0 45px 0 0;
    list-style-type: none;
}

#showcaseclients ul li {
    padding: 0 0 5px 0;
    color: #666;
}

#showcaseclients ul li a {
    color: #666;
}

#showcaseclients ul li a:hover {
    text-decoration: underline;
}

/* Company Info */
#companybody {
    float: left;
    width: 508px;
    padding: 10px 30px 0 0;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 478px;
}

#companybody h1 {
    padding: 0 0 0 17px;
}

#companybody h2, h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 11px 0 0 0;
}

#companybody p {
    color: #666;
    padding: 2px 0 12px 17px;
    line-height: 16px;
}

#companybody p.black {
    color: #000;
}

#companybody ul {
    padding: 0 0 15px 32px;
    list-style-type: disc;
}

#companybody ul li {
    padding: 0 0 3px 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

#companyimages {
    float: left;
    padding: 52px 0 0 0;
    width: 252px;
}

#companyimages img {
    padding: 0 0 2px 0;
}

/* News */
#news {
    float: left;
    width: 498px;
    height: 340px;
    padding: 15px 0 0 0;
}

#newsweb {
    width: 498px;
    height: 316px;
}

#newswebnav {
    width: 498px;
    height: 19px;
    padding: 5px 10px 0 10px;
    background-color: #979797;
    color: #fff;
    text-align: center;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 478px;
}

#newswebnav a {
    color: #fff;
}

#newswebnav a:hover {
    text-decoration: underline;
}

#newsmenu {
    float: left;
    width: 250px;
    padding: 15px 0 0 12px;
}

#newsmenu h1 {
    width: 250px;
    height: 21px;
    padding: 5px 0 0 10px;
    background-color: #999;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}

#newsmenu h2, h3, h4, h5, h6 {
    padding: 10px 0 0 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 11px;
}

#newsmenu .infobox {
    width: 250px;
    height: 92px;
    margin: 7px 0 0 0;
    border: #ccc 1px solid;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 248px;
}

#newsmenu .infobox p {
    padding: 3px 0 0 0;
    line-height: 16px;
    color: #666;
}

#newsmenu .infobox a {
    color: #666;
}

#newsmenu .infobox a:hover {
    text-decoration: underline;
}

#newsmenu .infobox img {
    float: left;
}

#newslist {
    float: left;
    width: 500px;
}

#newslist h1 {
    padding: 0 0 0 17px;
}

#newslist h2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 11px 0 0 0;
}

#newslist p {
    padding: 3px 10px 15px 16px;
    line-height: 16px;
}

#newslist p.black {
    color: #000;
}

#newslist .infobox {
    width: 450px;
    height: 95px;
    margin: 0 0 10px 15px;
    border: #ccc 1px solid;
}

#newslist .infobox img {
    float: left;
    padding: 0 14px 0 0;
}

#newslist .infobox h3 {
    margin: 0;
    padding: 11px 0 0 0;
    color: #333;
}

#newslist .infobox a {
    color: #666;
}

#featurestory {
    float: left;
    width: 260px;
}

#featurestory h1 {
    width: 260px;
    height: 21px;
    padding: 5px 0 3px 10px;
    background-color: #999;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
}

#featurestory img {
    padding: 10px 0 0 0;
}

#newsbody {
    width: 500px;
    padding: 15px 0 0 0;
}

#newsbody ul {
    padding: 0 0 15px 32px;
    list-style-type: disc;
}

#newsbody ul li {
    padding: 0 0 3px 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

#newsbody h1 {
    padding: 0 0 0 17px;
}

#newsbody h2, h3, h4, h5, h6, h7 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 11px 0 0 0;
}

#newsbody p {
    padding: 3px 0 15px 16px;
    color: #666;
}

#newsbody p.black {
    color: #000;
}

#newsbody p.back {
    float: right;
    margin: 6px 0 0 0;
}

#newsbody p.back a {
    color: #666;
}

/* Contact Page */
#contactbody {
    float: left;
    width: 500px;
    padding: 15px 0 0 0;
}

#contactbody h2, h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 11px 0 30px 0;
    color: #333;
}


#contactbody p {
    padding: 0 0 25px 20px;
    color: #666;
}

#contactbody input {
    width: 223px;
    padding: 1px 0 1px 1px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#contactright {
    float: right;
    width: 260px;
    background-image: url('../images/white/getintouch_contact.gif');
	background-repeat: no-repeat;
}

#contactright h2, h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 56px 0 30px 0;
    color: #333;
}

#contactright p {
    padding: 0 37px 17px 17px;
    color: #666;
    line-height: 16px;
}

#contactright a {
    color: #666;
}

#contactright ul {
	list-style: none;
	padding: 0 0 0 17px;
}

#contactright ul li {
	padding: 0 0 12px 0;
}

/* Footer */
#divider {
	width: 759px;
	height: 9px;
	background-color: #000;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#footer {
    padding: 30px 0 30px 12px;
	text-transform: lowercase;
}

#footer p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #666;
}

#footer ul {
    list-style-type: none;
    padding: 5px 0 0 0;
}

#footer ul li {
    display: inline;
    color: #666;
}

#footer ul li a {
    text-decoration: none;
    color: #666;
    padding: 0 2px 0 2px;
}

#footer ul li a.first {
    text-decoration: none;
    color: #666;
    padding: 0 2px 0 0;
}

#footer ul li a:hover {
    text-decoration: underline;
}
//