body {margin:0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;font-size:small; background-color:#000}
div {margin: 0 auto; background-color:#fff}
div div {background:transparent}
ul {margin:0; padding:0; list-style-type:none;}
a {color: inherit; text-decoration:none;}
img {border:none;}
/*
 * Header - Menu
 */
#header {width: 980px; height:96px; background: #000  url(/img/header-bg.png) repeat-x}
#header img {margin-top:24px; margin-left:16px}
#header #logo {height:96px; float:left;}
#header #menu {height:24px; width:400px; margin-top:72px; float:right;}

/*
 *Services
 *
#services {width: 980px;color:#646464;background-color:#fff; height:980px;}
#services #list {float:left;width:100%;}
#services #list ul {margin-left:20px}
#services #list li {float:left; margin-right:20px; width:450px;}
#services #list li img {float:left; vertical-align:middle; margin-right:8px}

/*
 *Menu services
 */
#mn {width: 980px;color:#646464;}
#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

/*r?gle pour IE. Supprime la marge extra basse*/
* html #underlinemenu ul{
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
margin-right:20px;
}

/*Les liens tels que vous voulez qu'ils apparaissent*/
#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
/*image de s?paration des rubriques avec son adresse*/
background: white url(images/menudivide.gif) top right repeat-y;
}

/*Ici, c'est pour le configurer le survol des liens*/
#underlinemenu ul li a:hover{
color: red;
background-color: #F3F3F3;
border-bottom: 4px solid red;
padding-bottom: 0;
}
/****************************/
/*
 * Banner
 */
#stripes {width: 980px; height:183px; background: #000  url(/img/banner-bg.png) repeat-x;
border-bottom: solid 2px #000;}
#stripes #slogan {float:left; margin-left:64px; color:#2d2b28;font-size:1.3em;font-weight:bold; width:320px; vertical-align:middle; margin-top:28px; padding:16px; }
#stripes img {float:right; margin-right:20px;}
/*
 * Highlights
 */
#highlights {width: 980px; color:#646464; height:230px; border-bottom:solid 4px #edecec}
#highlights ul {display:inline;}
#highlights li {background:transparent url(/img/bg-portfolio-separator.gif) no-repeat right 50%; display:table-cell; text-align:center;width:245px; }
#highlights li.last {background:transparent;}
#highlights h3 {font-size:1.4em}
#highlights p {margin:0 2.5em}
#highlights img {margin:5px auto}
/*
 * Main
 */
#main {width: 980px;color:#646464; height:444px;}

#main #dottn {width: 342px ; height:100%; float:left; display:inline; background-color:#ddd}
#main #dottn img {margin-bottom:1em; margin:8px}
#main #dottn h3 {margin: auto 8px}
#main #dottn p {margin-left: 8px; margin-right:8px; text-align:justify;}

#main ul {margin-right:24px;}
#main li {background:transparent url(/img/bg-service_separator.gif) no-repeat scroll center bottom;overflow:hidden; padding:16px 0}
#main li.last {background:transparent;}
#main img {float:left;}
#main h3 {font-size:1.4em}
/*
 * Products
 */
#products {width: 980px;color:#646464;background-color:#fff; height:480px;}
#products #list {float:left;width:100%;}
#products #list ul {margin-left:20px}
#products #list li {float:left; margin-right:20px; width:460px;}
#products #list li img {float:left; vertical-align:middle; margin-right:8px}

#buynow {width:80px; height:70px;margin: auto; clear:both;}
#buynow img {margin: 20px auto}
/*
 * Solutions
 */
#solutions {width:980px; color:#646464; background-color:#fff; height:440px}
#solutions #list {width:948px; height:100%; margin-left:0 16px;}
#solutions #list ul {}
#solutions #list li {float:left; margin:16px 8px auto 8px; width:458px;}
#solutions #list li img {float:left; margin-top:8px; margin-right:8px}

/*
 * Footer
 */
#footer {width: 980px; padding:0; background-color:#141414; height:192px; color:#bababa; border:solid 1px #2b2b2b}

#footer #ftr-services{float:left; height:192px;width:244px;
	background:transparent url(/img/bg-footer_separator.gif) no-repeat scroll right 50%;}
#footer #ftr-services h3 {font-size:1.2em; text-transform:uppercase;margin-top:12px; margin-left:10px;}
#footer #ftr-services li {float:left; margin-left:10px; width:110px; text-transform:uppercase; line-height:1.5; color:#9c9c9c;}

#footer #trademark {float:left; height:192px; width:364px;
	background:transparent url(/img/bg-footer_separator.gif) no-repeat scroll right 50%;}
#footer #trademark h3 {font-size:1.2em; text-transform:uppercase;margin-top:12px; margin-left:4px;}
#footer #trademark li {font-size:80%; color:#9c9c9c; margin-bottom:0.3em; margin-left:4px; margin-right:8px;}

#footer #ftr-cntct {float:left; height:192px; width:372px; text-align:right;}
#footer #ftr-cntct h3 {font-family: Arial, sans-serif; font-size:42px; font-weight:bold; margin:12px 10px 0 0;}
#footer #ftr-cntct p {margin:0 10px 0 0; font-size:medium;}
#footer #ftr-cntct p.copyright {margin-top:80px; color:#515151; font-size:85%; text-transform:uppercase;}