/*Base class*/
body {color:#999; background-color:#000; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:11px; line-height:1.8em; background-image: url(../images/bck.jpg); padding:0; margin:0;}

/* Main structure classes */
.wrapper {
	float:left;
	width:100%;
	height:450px;
	background-image:url(../images/top_bck.png);
	background-repeat: repeat-x;
	background-position: top;
}
.box {
	position:absolute;
	top:5%;
	left:50%;
	width:780px;
	margin:-18px 0 0 -390px;
	background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.left {
	float:left;
	width:339px;
	text-align:left;
	padding:20px 30px 20px 20px;
	min-height:230px;
}
.milieu {
	position:absolute;
	top:113px;
	left:610px;
	width:231px;
	margin:-180px 0 0 -390px;
	background-image: url(../images/trait.png);
	background-repeat: no-repeat;
	height: 453px;
	z-index: -1;

}

.bas {
	position:absolute;
	bottom:-189px;
	left:50%;
	margin-left:-390px;
	width:780px;
	font-size:10px;
	text-align:center;
	padding:-90px 0;
	z-index:-1;
	color:#666;
	font-weight: bold;

}

.right {
	float:right;
	width:349px;
	text-align: left;
	padding:20px;

	min-height:230px;
}
.logo {
	margin:0px 0 10px 0;
}
.form {background-image: url(../images/input_bck.png); background-repeat: repeat-x; width:660px; float:left;  margin:150px 0px 0 0px;
; }
.footer {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-390px;
	width:780px;
	border-top:1px solid #333;
	font-size:10px;
	text-align:center;
	padding:5px 0;
	z-index:-1;
	color:#666;
	font-weight: bold;
}

/*Headings*/
h1, h2, h3, h4, h5, h6 {color:#F3B90E; padding:0; margin:0;font-weight:lighter;font-family: Helvetica, arial;line-height:1.2em;}
h2 {font-size: 1.5em;}
h3 {font-size:1.2em; margin:1em 0 0 0;}

/*HTML defaults*/
blockquote {padding:0;margin:0;font-style: italic;font-size:1.6em;color:#fff;line-height: 1.4em;}
a:link, a:visited{color:#ff6a00;text-decoration:none;}
a:hover {
	text-decoration:underline;
	font-size: 12px;
}
p {margin:5px 0;}

/*Image classes*/
img.icon {
	float:left;
	padding:12px 10px 0 0;
}
img.small_icon {float:right;padding:5px;}

/*CSS3 effects
h2, h3 {text-shadow: 1px 1px 0px #000;}
.form {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}*/

/* Form styles */
input#emailForm {font-size:3em;color:#666;border-top:4px solid #ccc;border-left:4px solid #ccc;float:left;width:518px; height:44px;}
#submitButton {
	background: none;
	width:137px;
	height:52px;
	background-repeat: no-repeat;
	border:0px;
	color:#fff;
	margin-top:0px;
	display:inline;
	position: absolute;
	right:446px;
	float:left;
	top: 467px;
}
.wrapper .box .form {
	color: #999;
}
/*services*/
.side_menu {
	width:100%;
	margin-bottom:20px;
}
.side_menu h2 {
	margin-bottom:10px;
}
.side_menu ul {
	margin:0px;
	padding:0px;
}
.side_menu li {
	list-style:none;
	background:url(../images/icon_arrow.gif) no-repeat 5px;
	padding:4px 0 4px 18px;
	border-bottom:1px solid #e5e5e5;
}
.side_menu li a, .side_menu li a:link, .side_menu li a:hover {
	text-decoration:none;
}
.service_box_container {
	width:100%;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:5px;
	padding:5px 0;
}
.service_box_container .image {
	float:left;
	width:67px;
	height:67px;
	margin:10px 0px 0px 22px;
}
.service_box_container .text {
	float:right;
	width:430px;
	font-size:12px;
	padding:5px 0px;
}
.service_box_container .text p {
	padding:0px;
	margin:0px;
}
/*side slider used on the call back button*/

.panel {
	position: absolute;
	top: 135px;
	left: 0;
	display: none;
	background: #000000;
	border:1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 235px;
	min-height:200px;
	height: auto;
	padding: 30px 30px 30px 80px;
	filter: alpha(opacity=95);
	opacity: .95;
	z-index:600;
}
.panel h3 {
	color:#FFFFFF;
	font-family:'Droid Sans', arial, serif;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	margin:3px 0 0 0;
	padding:0px;
}
.panel p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #ffffff;
}
.panel a, .panel a:visited {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}
.panel a:hover, .panel a:visited:hover {
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
a.trigger { /*the button sitting off to the left*/
	position: absolute;
	text-decoration: none;
	top: 62px;
	left: -31px;
	width:57px;
	height:273px;
	background:url(../images/side_call.png) no-repeat left;
	/*turn this css on if you dont want to use an image
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;*/
display: block;
	z-index:1000;
}
a.trigger:hover {
	position: absolute;
	text-decoration: none;
	top: 135px;
	left: 0;
	width:51px;
	height:124px;
	background:url(../images/side_call.png) no-repeat left;
	/*turn this css on if you dont want to use an image
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;*/
display: block;
}
a.active.trigger {
	/*background:#222222 url(images/minus.png) 85% 55% no-repeat;*/
background:url(../images/side_call_min.png) no-repeat left;
}
.compteur { /*the button sitting off to the left*/
	position: absolute;
	text-decoration: none;
	top: 8px;
	left: -27px;
	width:244px;
	height:72px;
	/*turn this css on if you dont want to use an image
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;*/
display: block;
	z-index:-2;
	color: #1C1817;
}
bleu {
	color: #36C;
}
.box .content .left table tr td .slider-wrapper.theme-default #htmlcaption1 a {
	text-align: left;
}