*{
    font-family:Arial;
	font-size:12px;
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	text-decoration:none;
}

*::-moz-selection {
	background:#fff;
	color:#e97953;
}

body{
	background:url('../img/bg.jpg') repeat-x #e4e4e4;
	color:#666464;
	text-align:center;
}

a{
	text-decoration:underline;
	font-weight:normal;
	color:#000;
}

#container{
	width:780px;
	margin:10px auto;
	text-align:left;
}

#top{
	width:780px;
	height:66px;
	background:url('../img/canalcable_nav_bg.jpg') no-repeat;
}

#logo{
	width:380px;
	height:52px;
	display:block;
	position:absolute;
}

#nav{
	height:16px;
	float:right;
	margin-top:50px;
	color:#fff;
}

#nav li{
	float:left;
	text-align:center;
}

#nav li a{
	height:14px;
	line-height:14px;
	margin:0px;
	text-decoration:none;
	color:#fff;
	font-size:9px;
	border-top:2px solid #fff;
	padding:0 7px;
}

#nav li a:hover, #nav li a.active{
	color:#ddd !important;
	border-top:2px solid #ff9966;	
}

#swf{
	width:780px;
	height:160px;
	background:#fff;
}

#main{
	width:780px;
	height:360px;
	overflow:hidden;
	background:#fff;
}

.footer{
	clear:both;
	width:780px;
	height:17px;
	background:url('../img/footer.png') no-repeat;
}

div.scroller{ 
	width:780px;
	overflow:hidden;
	back/ground:#fff;
}

div.scroller #content{
	width:10000px;
}

.section{
	width:780px;
	overflow:hidden;
	padding-top:5px;
	background:#fff;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
	width:100%;
	height:1px;
}

/* HOME */

#home_left{
	float:left;
	width:208px;
	height:350px;
	background:url('../img/home_left.jpg');
	margin-left:59px;
	display:inline;
}

#home_right{
	float:left;
	width:494px;
	height:350px;
	background:url('../img/home_right.jpg');
}

#home_right h1{
	margin:0 0 22px 6px;
}

#home_right ul{
	margin-top:40px;
}

#home_right ul a{
	display:block;
	width:150px;
	height:12px;
	margin:2px 0;
}

#home_services{
	float:left;
	width:210px;
	height:170px;
	margin:35px 0 0 34px;
}

#home_produits{
	float:left;
	width:200px;
	margin:35px 0 0 0;
}

#home_partenaires{
	float:left;
	width:200px;
	clear:both;
	margin:0 0 0 34px;
}

#home_links{
	float:left;
	width:195px;
	height:30px;
	margin-left:56px;
	margin-top:20px;
}

#home_link1{
	display:block;
	width:195px;
	height:30px;
	margin-bottom:12px;
}

#home_link2{
	display:block;
	width:195px;
	height:30px;
	margin-bottom:13px;
}

#home_link3{
	display:block;
	width:195px;
	height:30px;
}


#service1{
	background:url('../img/service1.jpg');
}
#service2{
	background:url('../img/service2.jpg');
}
#service3{
	background:url('../img/service3.jpg');
}
#service4{
	background:url('../img/service4.jpg');
}

#produit1{
	background:url('../img/produit1.jpg');
}
#produit2{
	background:url('../img/produit2.jpg');
}
#produit3{
	background:url('../img/produit3.jpg');
}
#produit4{
	background:url('../img/produit4.jpg');
}



/* SERVICES */

#page_left{
	width:227px;
	float:left;
	margin-right:15px;
	margin-left:59px;
	display:inline;
}

#page_left_top{
	width:227px;
	height:240px;
    background:url('../img/page_left.jpg');
	margin-bottom:100px;
}

#page_right{
	width:460px;
	float:left;
}

#page_left a{
	display:block;
  	background:url('../img/button_left.jpg');
	width:227px;
	height:48px;
	margin:10px 0;
}

#page_right p{
	margin:10px 0 20px 0;
}

#page_right h1.titre{
	width:460px;
	height:30px;
	background:url('../img/barre_titre.jpg') 0 16px no-repeat;
}


ul.form{
	margin:10px 50px;
}
ul.form li{
	margin:10px;
}

label{
	display:block;
}
input{
	border:1px solid #ccc;
	width:394px;
	padding:1px 2px;
}
textarea{
	border:1px solid #ccc;
	width:394px;
	height:120px;
	padding:1px 2px;
}
input.submit{
	width:80px;
}
input:focus, textarea:focus{
	background:#eee;
}

p.message{
	color:#cc3300;
	margin:5px 0 !important;
}

ul.coordonnees{
	margin:20px 50px;
}

ul.coordonnees li{
	margin:10px 0;
}

ul.coordonnees img{
	vertical-align:middle;
	margin-right:7px;
}