html {
	overflow:hidden;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background:url(../images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Les éléments HTML en général
-------------------------------------------------------- */

input,textarea {
	border: 1px solid #999;
}

a {
	color:#fda81a;
}

a:hover{
	color:#fda81a;
	text-decoration: none;
}

strong {
	color:#fda81a;
}

/* L'entête
-------------------------------------------------------- */

#header {
	position:absolute;
	left:90px;
	z-index:10;
}

#header .texte {
	font-size:10px;
	margin:30px 40px 0px 0px;
	text-align:justify;
	color:#FFFFFF;
}

#header h1 {
	font-size:16px;
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align:center;
}

#header p {
	margin:0px 0px 5px 0px;
}

#logo a {
	margin:45px 0px 0px 110px;
	background:url(../images/logo-depannage.png) no-repeat;
	border:0 none;
	float:left;
	cursor:pointer;
	height:85px;
	width:160px;
	position:relative;
	text-indent:-9999px;
}

#menu {
	margin:10px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#menu li a {
	color:#FFFFFF;
	text-decoration: none;
	width: 120px;
	float:left;
	line-height: 45px;
	height:80px;
	text-align:center;
	font-size: 14px;
	margin-right:5px;
	font-weight:bold;
	letter-spacing:-1px;
	
}

#menu li a.home { background: url(../images/home.png) no-repeat 0 0px; }
#menu li a.services { background: url(../images/services.png) no-repeat 0 0px; }
#menu li a.tarifs { background: url(../images/tarifs.png) no-repeat 0 0px; }
#menu li a.contact { background: url(../images/contact.png) no-repeat 0 0px; }

#menu li a.selected { color:#000000; }
#menu li a:hover { color:#000000; }

#menu li a.home.selected { background: url(../images/home.png) no-repeat 0 -80px; }
#menu li a.services.selected { background: url(../images/services.png) no-repeat 0 -80px; }
#menu li a.tarifs.selected { background: url(../images/tarifs.png) no-repeat 0 -80px; }
#menu li a.contact.selected { background: url(../images/contact.png) no-repeat 0 -80px; }
#menu li a.ieonly.selected { background: url(../images/ieonly.png) no-repeat 0 -80px; }

#menu li a.home:hover { background: url(../images/home.png) no-repeat 0 -80px; }
#menu li a.services:hover { background: url(../images/services.png) no-repeat 0 -80px; }
#menu li a.tarifs:hover { background: url(../images/tarifs.png) no-repeat 0 -80px; }
#menu li a.contact:hover { background: url(../images/contact.png) no-repeat 0 -80px; }

/* Le contenu
-------------------------------------------------------- */

#phone {
	position:absolute;
	left:67px;
	z-index:12;
	top:190px;
}

.slider {
	width: 2000px;
	height: 1200px;
	position:absolute;
	overflow: hidden;
}
.slide {
	height:1200px;
	position:absolute;
	width:2000px;
}

#accueil {
	background:#752100 url(../images/bg_home.png) no-repeat top left;
	left:0px;
	top:0px;
}

#services {
	background:#485259 url(../images/bg_home.png) no-repeat top left;
	left:2145px;
	top:0px;
}

#tarifs {
	background:#f8b500 url(../images/bg_home.png) no-repeat top left;
	left:2145px;
	top:1345px;
}

#contact {
	background:#a80077 url(../images/bg_home.png) no-repeat top left;
	left:0px;
	top:1345px;
}

#partenaires {
	background:#752100 url(../images/bg_home.png) no-repeat top left;
	left:0px;
	top:0px;
}

#content_table {
	margin-top:230px;
	margin-left:370px;
}

td.left {
	background:url(../images/bg_content_left.png) no-repeat 0px 30px;
}

td.right {
	background:url(../images/bg_content_right.png) no-repeat 0px 30px;
}

.content {
	width:600px;
	height:260px;
	color:#FFFFFF;
	text-align:justify;
	min-height:200px;
}

#accueil img {
	float:right;
	margin:0px 0px 10px 15px;
}

#services img {
	display:block;
	margin:30px auto;
}

#tarifs img {
	float:right;
	margin:0px 50px 0px 15px;
}

#partenaires img {
	float:left;
	margin:10px 10px 10px 0px;
}
	
.content p {
	margin:0px 0px 15px 0px;
}

.content ul{ 
	margin: 8px 0px 15px 40px;
	padding:0; 
}

.content li{ 
	margin: 0px 0px 5px 0px;
	padding:0px;
	list-style-image:url(../images/puce.png);
}

.content ul li ul{ 
	margin: 8px 0 15px 25px;
	padding:0; 
}

.content ul li ul li{ 
	margin: 0px 0px 5px 0px;
	padding:0px;
	list-style-image:none;
	list-style-type:square;
}

.content h1 {
	font-size:22px;
	text-align:center;
	color:#fda81a;
	margin:0px 0px 20px 0px;
}

.small-slider {
	width: 545px;
	overflow: hidden;
	margin:10px 20px 20px 20px;
}

#small-content {
	width:2180px;
}

.small-slide {
	width: 545px;
	float: left;
}

#small-menu {
}

#small-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#small-menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#small-menu li a {
	color:#FFFFFF;
	text-decoration: underline;
	float:left;
	line-height: 30px;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0px 6px;
	background-color:#485259;
	border-bottom: 1px solid #FFFFFF;
	outline:none;
}

#small-menu li a.depannage { width:144px; }
#small-menu li a.maintenance { width:151px; }
#small-menu li a.installation { width:115px; }
#small-menu li a.formation { width:140px; }

#small-menu li a.selected { 
	text-decoration:none;
	border:1px solid #FFFFFF;
	border-bottom:none;
	background: transparent url(../images/bg_small_menu.png) no-repeat center top;
}

.scrollbox_content {
	margin: 0px;
	float:left;
	position: relative;
}

.scrollbox_scrollbar {
	background: transparent url(../images/track.png) center repeat-y;
	height: 100%;
	width: 15px;
	float:right;
}

.scrollbox_up_button {
	background: transparent url(../images/uparrow.png) center no-repeat;
	height: 18px;
	cursor:pointer;
}

.scrollbox_up_button_corner {
	background: transparent url(../images/uparrow-corner.png) center no-repeat;
	height:9px;
}

.scrollbox_down_button {
	background: transparent url(../images/downarrow.png) bottom center no-repeat;
	height: 18px;
	cursor:pointer;
}

.scrollbox_down_button_corner {
	background: transparent url(../images/downarrow-corner.png) center no-repeat;
	height:9px;
	bottom:18px;
}

.scrollbox_handle {
	margin: 0; 
	cursor:pointer;
}

.scrollbox_handle_top {
	background: transparent url(../images/slider-top.png) no-repeat top center;
	margin: 0; 
	height: 15px;
}

.scrollbox_handle_middle {
	background: transparent url(../images/slider.png) center center;
}

.scrollbox_handle_bottom {
	background: transparent url(../images/slider-bottom.png) no-repeat bottom center;
	margin: 0; 
	height: 15px;
}

.contact_left {
	float:left; 
	padding-right:32px;
	margin-top:20px; 
	border-right: 1px solid #FFFFFF;
}

.contact_right {
	float:left;
	margin-left:32px;
	margin-top:20px;
}

.champ_formulaire {
	margin:1px 0px 5px 0px;
	width:240px;
	font-size:11px;
	border:none;
}

.contact_titre {
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

.error {
	font-weight: bold;
	color:#FF0000;
	border:1px dashed #FF0000;
	padding:10px 0px;
}

/* Le footer
-------------------------------------------------------- */

#footer {
	position:absolute;
	left:105px;
	z-index:11;
	width:865px;
	bottom:10px;
	text-align:center;
	font-size:10px;
	color:#CCCCCC;
}

#footer a {
	text-decoration:none;
	color:#CCCCCC;
}