* {font-family: Arial, sans-serif; font-size: 11px; padding: 0px; margin: 0px; text-align: left; }

body {background: #fff; text-align: center;}

a {font-family : Arial, sans-serif; font-size: 11px; color: #ff9900; }
a:hover { }
a:visited { }
img {border: 0; }

.clear { clear: both; display: block; }

#container {width: 1003px; height: 100%; margin: auto auto; overflow: visible;}

#container #header {width: 100%; height: 62px; margin-top: 20px; }
#container #header h1 {display: inline; }
#container #header img.logo {}
#container #header img.title {padding-left: 10px; }
#container #header img.signature {padding-left: 40px; }


#container #content {width: 100%; }
#container #content a { }
#container #content a:hover { }

/* container de presentation */
#container #content #presentation {width: 100%; height: 100%; background: url(img/bloc1_body.gif) repeat -5px 0; }
#container #content #presentation .top {width: 100%; height: 54px; background: url(img/bloc1_haut.gif) -5px 0 ; text-align: right; }  
#container #content #presentation .top a { padding-right: 5px; }  
#container #content #presentation .box {width: 33%; float: left; }
#container #content #presentation .box .title h2 {font-size: 16px; padding: 8px; }
#container #content #presentation .box .content {padding: 8px; line-height: 1.5;  }
#container #content #presentation .bottom {width: 100%; height: 28px; background: url(img/bloc1_bas.gif) no-repeat -5px 1px; } 



/* container qui sommes nous*/
#container #content #about-us {width: 100%; }
#container #content #about-us .top {width: 206px; height: 21px; background: url(img/bloc2_titre.gif) -5px 0; margin-bottom: 4px; }  
#container #content #about-us .text {margin-bottom: 8px; padding: 8px; line-height: 1.5;  }
#container #content #about-us .text span#mark {font-variant: small-caps; color: #ff9900; }
#container #content #about-us .box {width: 49%; float: left; }
#container #content #about-us .box img { float: left; padding-right: 5px;  }
#container #content #about-us .box .content { display: block; float: left; width: 285px;}
#container #content #about-us .box span#mark {font-variant: small-caps; color: #ff9900; }
#container #content #about-us .box .content span.title {font-variant: small-caps; display: block; }
#container #content #about-us .box .content span.text {margin: 0; padding: 0; line-height: 1.5; display: block; margin-top: 8px; }


/* container ce que nous proposons*/
#container #content #work {width: 100%;height: 100%; background: url(img/bloc3_body.gif) repeat -5px 0; margin-top: 10px; }
#container #content #work .top {width: 100%; height: 48px; background: url(img/bloc3_haut.gif) -5px 0; margin-bottom: 8px; } 
#container #content #work .intro span#mark {font-variant: small-caps; color: #ff9900; }
#container #content #work .intro span#content {display: block; padding-left: 10px; }
#container #content #work .box {width: 49%; float: left;line-height: 1.5; }
#container #content #work .box .content { display: block; width: ; }
#container #content #work .box .content ul { padding-left: 40px; display: block; list-style-type: square; }
#container #content #work .bottom {width: 100%; height: 29px; background: url(img/bloc3_bas.gif) -5px 0; }  

/* container notre dernière réalisation*/

#container #content #reference {width: 100%; margin-top: 10px;}
#container #content #reference #title img{background: url(img/bloc5_titre.gif) -5px 0; margin-bottom: 8px; }
#container #content #reference #screen img{width: 228px; height:253px; float: left; padding-left:80px; padding-right:80px; padding-top :35px;}
#container #content #reference #content {float:left;width:615px;}
#container #content #reference #content .site span{font-size:18px; font-weight:bold; padding-top:16px; padding-bottom:10px;}
#container #content #reference #content .presentation span{line-height:2.2;}
#container #content #reference #content .presentation span.bold {font-weight:bold;}
#container #content #reference #content .presentation span.description{line-height:0; font-weight:bold;}
#container #content #reference #content .presentation ul li{list-style-type:none;}

/* container nous contacter*/
#container #content #contacts { clear:both; background: url(img/bloc3_body.gif) repeat -5px 0; overflow:hidden;}
#container #content #contacts .top {background:url(img/bloc1_haut-empty.jpg) -4px 0; width:100%; height:54px;}
#container #content #contact-us {position:relative; top:-40px; width: 49%; height:50px; float: left;line-height: 1.5; }
#container #content #contact-us .top {width: 213px; height: 37px; background: url(img/bloc4_titre.png) -5px 0; margin-bottom: 7px; }  
#container #content #contact-us .box .content {display: block; line-height: 1.5; padding-left: 10px;  }
#container #content #contact-us .box .content a{color:#ff9900; }
#container #content #newsletter {position:relative; top:-40px; width: 49%; height:50px; float: left; line-height: 1.5; }
#container #content #newsletter .top {width: 100%; height: 26px; background: url(img/newsletter.png) no-repeat -5px 0; margin-bottom: 16px; margin-top: 5px;}
#container #content #newsletter .box {}
#container #content #newsletter .box span .valid {display: block; margin-top: 10px; }
#container #content #contacts .bottom {background:url(img/bloc3_bas.gif) -4px 0; width:100%; height:29px;clear:both;}

#container #footer {widht: 100% ;  height: 50px; clear:both; }