body {
	background: #ffffff ;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding : 0 0 0 0;
}

#wrap {
	width:800px;;
	margin:0 auto 0 auto;
	background:  url(pics/fond-home.gif) no-repeat top center;
	height:800px;
}

#wrap-ctc {
	width:950px;
	margin:0 auto 0 auto;
	background:  url(pics/fond-ctc.gif) no-repeat top center;
}
#wrap-intro {
	width:950px;
	margin:0 auto 0 auto;
}
#wrap-service1 {
	width:950px;
	margin:0 auto 0 auto;
	background:  url(pics/fond-service1.gif) no-repeat top center;
}
#wrap-service2 {
	width:950px;
	margin:0 auto 0 auto;
	background:  url(pics/fond-service2.gif) no-repeat top center;
}
#wrap-service3 {
	width:950px;
	margin:0 auto 0 auto;
	background:  url(pics/fond-service3.gif) no-repeat top center;
}
#wmap {
	margin-left:20px;
}
#hdr{
	width:704px;
	height:217px;
	margin:0;
	color:#fff;

}
img {
	border:none;
}

#menu {
	height:225px;
}
#page {
	float:left;
	width:870px;
	font-size: 	1.1em;
}
#page-p1 {
	width:800px;
	margin: 0 0 0 100px;
}
#page-p2 {
	width:800px;
	margin: 0 0 0 100px;
}
#page-p3 {
	width:800px;
	margin: 0 0 0 0px;
}
#page2 {
	float:left;
	width:870px;
	text-align:center;
}
#page h1, #page2 h1, #mid-ctc h1 {
	text-align: center;
	font-size: 	1.6em;
	color:#77787B;
}
#services {
	float:left;
	width:870px;
	font-size: 	1.4em;
	line-height:17px;
}
#intro {
	width:700px;
	margin: 0 0 0 100px;
	font-size: 	0.8em;
}
#services h1 {
	text-align: center;
	font-size: 	1.2em;
	color:#77787B;
}
#left {
	float:left;
	font-size:1.1em;
	width:302px;
	height:390px;
	margin:50px 0 0 20px;
	padding:0 0 0 20px;
	background: url(pics/cadre.gif) no-repeat top center;
}
#leftbis {
	float:left;
	font-size:1.1em;
	width:302px;
	height:440px;
	margin:20px 0 0 20px;
	padding:0 0 0 20px;
	background: url(pics/cadre2.gif) no-repeat top center;
}
#left h1,#leftbis h1 {
	font-size:1.4em;
	color:#77787B;
	text-align: left;
}
#left h2,#leftbis h2 {
	line-height:10px;
	font-size: 	1.2em;
	color:#77787B;
	text-align: left;
	font-weight:bold;
}
#right {
	float:left;
	width:440px;
	margin:50px 0 0 30px;
}
#right2 {
	float:left;
	width:300px;
	text-align:center;
	padding:20px 0 0 0px;
}
#left-ctc {
	float:left;
	width:220px;
	margin:130px 0 0 10px;
	height:240px;
	background: url(pics/cadre-ctc.gif) no-repeat top center;
	padding:60px 0 0 30px;
	font-size:1.1em;
}
#mid-ctc {
	float:left;
	width:350px;
	
}
#right-ctc {
	float:left;
	width:250px;
	margin:130px 0 0 10px;
	height:240px;
	background: url(pics/cadre-ctc.gif) no-repeat top center;
	text-align:center;
	padding:25px 0 0 0;
}

#prodpage
{
/*	width:620px;
	padding:20px 100px 0px 100px; */
	margin:0 auto 0 auto;
	width:760px;
	padding:20px 30px 0px 30px;	
	text-align:left;
	height:367px;
	background:#cbcbcb url('pics/main.gif') no-repeat;
}
#prodpage h1 {
	color:#b68541;
	font-size: 18px;
	font-weight:normal;
}
.product {
	float:left;
	width:95px;;
	height:270px;
	text-align:center;
	padding-top:0px;
	font-size:10px;
}
.sitemap {
	float:left;
	font-size: 	0.75em;
	width:250px;
	height:250px;
	padding:5px 0px 0 0px;
	line-height:17px;
	font-size: 	1.0em;
}
.sitemap h1 {
	font-size: 	1.5em;
	margin: 0;
	padding: 10px;
}

#contenu #left-ctc a:link, #contenu #left a:link, #contenu #leftbis a:link, #page a:link {
  color: #888;
  text-decoration: none;
  background-color: transparent;
  border-bottom: dotted 1px #B38240;
	font-size: 	1.1em;
	color:#77787B;
	font-weight:bold;
}
#contenu #left-ctc a:visited, #contenu #left a:visited, #contenu #leftbis a:visited, #page a:visited {
  color: #888;
  text-decoration: none;
  background-color: transparent;
  border-bottom: dotted 1px #B38240;
  	font-size: 	1.1em;
	color:#77787B;
	font-weight:bold;
}
#contenu #left-ctc a:hover, #contenu #left a:hover, #contenu #leftbis a:hover, #page a:hover  {
  color: #B38240;
  text-decoration: none;
  background-color: transparent;
  border-bottom: solid 1px #000;
}
#contenu #left-ctc a:active, #contenu #left a:active, #contenu #leftbis a:active, #page a:active {
  color: #888;
  text-decoration: none;
  background-color: transparent
  	font-size: 	1.2em;
	color:#77787B;
}
#container {
	text-align:justify;
	margin : 101px auto;
	padding : 0;
	width : 704px;
}
#footer{
	width:800px;
	height:60px;
	color:#eee;
	font-size: 1em;
    clear: left;
	color:#777;
	text-align:center;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer p {
	margin:0px;
}

#footer a:link  {
  color: #555;
  text-decoration: none;
  background-color: transparent;
}
#footer a:visited  {
  color: #555;
  text-decoration: none;
  background-color: transparent;
}
#footer a:hover  {
  color: #FFF;
  text-decoration: none;
  background-color: #B38240;
}
#footer a:active  {
  color: #555;
  text-decoration: none;
  background-color: transparent;
}

#contenu
{
	padding: 0 40px 0 40px;
	font-size: 	1em;
	height:505px;
	line-height:17px;
}

#bottom
{
	width:820px;
	height:70px;
	background:#cbcbcb url('pics/bottom.gif') no-repeat;
	padding-top:5px;
	color: #555;
	clear:both;
}
#bottom p {
	margin:0;
}
ul {
	list-style: none; /* Removes default bullets. */
	padding-left: 30px;
	}

ul li {
	padding-left: 12px;
	background: url(pics/bullet.gif) 0 6px no-repeat;
	}