body {
	margin:0 auto;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 80%; color:#333;
	background:#ccc url('images/bg.jpg') repeat-x top left;
	width:1000px;
	position:relative;
}

img	{border:none}
a img.linked, a:visited img.linked {border:1px solid #fff;}
a:hover img.linked, a:active img.linked {border:1px solid #999;}

h1	{font-size:16px; margin:15px 0;}
h2	{font-size:14px; margin:15px 0;}
h3	{font-size:12px; margin:10px 0;}
h4	{font-size:12px; margin:10px 0;}

a:link, a:visited, a:active {font-size: 12px; color: #333; text-decoration:underline;}
a:hover	{color:#999;}
/* FF hack to disable default dotted borders around links */
a {outline: none;}
/* End of the hack */

ul.list {
	margin-top:5px; padding:0;
	/*padding-left:7px;*/
}
ul.list li	{
	list-style: outside url('images/puce.gif');
}

blockquote	{
	margin:0;
	font: 12px Arial, sans-serif;
	font-style: italic;
	font-weight:normal;
}

.spacer	{
	width:290px;
	margin:5px 0 8px 0; padding:0;
	border-top:1px dashed #999;
	color:#ccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.clear {clear: both}

/*#top {
	margin:0; padding:0;
	display:block;
	height:15px;
	position:relative;
	background-color:#000;
	background-repeat:repeat-x;
}*/

#main {
	margin:0 auto; padding:0;
	width:990px;
	/*background-color:#CCC;*/
}

#header {
	margin:0 auto; padding:0;
	width:990px;
	position:relative;
}

#languages {
	margin:0; padding:5px 15px;
	position:absolute;
	top:0; right:40px;
	background-color:#ccc;
	color:#666;
}

#logo {
	margin:0; padding:0;
	width:151px;
	height:81px;
	background:url('images/logo.jpg') no-repeat top left;
	float:left;
}
#logo a {
	display:block;
	width:151px;
	height:81px;
}


/****** Navbar styles ******/

#navbar { 
	margin:0 auto; padding:35px 0 0 0;
	margin-left:550px;
	text-transform:uppercase;
}
ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	float: left;
}
ul.topnav li {
	float: left;
	margin: 0 1px;	
	padding: 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a {
	padding: 4px 10px;
	color: #000;
	display: block;
	text-decoration: none;
	float: left;
	font-size: 11px;
	font-weight:normal;
}
ul.topnav li a:hover {
	padding: 4px 10px;
	color:#fff;
	background: #000 center center;		
}
ul.topnav li a.active {
	padding: 4px 10px;
	color:#fff;
	background: #000 center center;
}

/******** SLIDESHOW STYLES ********/

#slideshow {
	margin:0 auto; padding:0;
	margin-top:10px;
	position:absolute;
	top:70px; left:auto;
}

#cu3er-container {
	margin:0 auto; padding:0;
	position:absolute;
	top:0; left:0;
	z-index:2;
}
#cu3er-shadow {
	margin:0 auto; padding:0;
	position:absolute;
	z-index:1;
	top:360px; left:-50px;
	height:80px;
	width:1100px;
	background:url('images/slideshow-shadow.jpg') no-repeat 0px 0px;
}
/**************************/

#box-wraper {
	margin:420px 20px 25px 20px; padding:0;
	width:950px;
}

#box-wraper ul.inline {
	margin:25px 0 0 0; padding:0;
	list-style:none;	
	float:left;
	/*background-color:#666;*/
}
#box-wraper ul.inline li {
	margin:0 5px; padding:0;
	float:left;
	width:300px;
	position:relative; /*--Declare X and Y axis base--*/
}
#box-wraper ul.inline li ul.list, #box-wraper ul.inline li ul.list li {
	margin:0; padding:0;
}

#box-wraper img {
	margin:0 0 10px 0; padding:0;
}
#box-wraper strong.subTitle {
	margin:0 0 8px 0; padding:0;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

/*#box-wraper .boxTitle1 {
	margin:0 0 15px 0;
	display:block;
	text-indent:-9999px;
	background:url('images/boxTitle1.jpg') no-repeat top left;
	width:295px;
	height:17px;
}
#box-wraper .boxTitle3 {
	margin:0 0 15px 0;
	display:block;
	text-indent:-9999px;
	background:url('images/boxTitle3.jpg') no-repeat top left;
	width:295px;
	height:17px;
}
#box-wraper .boxTitle2 {
	margin:0 0 15px 0;
	display:block;
	text-indent:-9999px;
	background:url('images/boxTitle2.jpg') no-repeat top left;
	width:295px;
	height:17px;
}*/

#slide1 {
	margin-bottom:35px;
	padding:0 0px;
	float:left;
	width:300px;
	padding:0 0px;
	/*background:url('images/img-iPhone.png') no-repeat center right;*/
}
#slide3 {
	margin-bottom:35px;
	padding:0 0px;
	float:right;
	width:300px;
	/*background:url('images/img-iPod.png') no-repeat center right;*/
}
#slide2 {
	margin:55px 320px 25px 320px; padding:0;
	width:300px;
	/*background:url('images/img-mac.png') no-repeat center right;*/
}

#slide4 {
	float:left;
	width:300px;
	padding:0 0px;
	/*background:url('images/img-iPhone.png') no-repeat center right;*/
}
#slide6 {
	float:right;
	width:300px;
	padding:0 0px;
	/*background:url('images/img-iPod.png') no-repeat center right;*/
}
#slide5 {
	margin:0 320px; padding:0 0px;
	width: 300px;
	/*background:url('images/img-mac.png') no-repeat center right;*/
}

#quisommesnous {
	margin:15px 0; padding:0;
	display:block;
	width:295px;
	height:28px;
	background:url('images/Title-quisommesnous.jpg') no-repeat bottom left;
	text-indent:-9999px;
}
#etudes {
	margin:15px 0; padding:0;
	display:block;
	width:295px;
	height:28px;
	background:url('images/Title-etudes.jpg') no-repeat bottom left;
	text-indent:-9999px;
}
#devis {
	margin:15px 0; padding:0;
	display:block;
	width:295px;
	height:28px;
	background:url('images/Title-devis.jpg') no-repeat bottom left;
	text-indent:-9999px;
}
#contact {
	margin:15px 0; padding:0;
	display:block;
	width:295px;
	height:28px;
	background:url('images/Title-contact.jpg') no-repeat bottom left;
	text-indent:-9999px;
}
.greyStripes {
	margin:15px 0; padding:0;
	display:block;
	width:295px;
	height:28px;
	background:url('images/Title-greyStripes.jpg') no-repeat bottom left;
	text-indent:-9999px;
}

.source {
	font-size:11px;
}

/*.readmore {
	text-align:center;
	text-transform:uppercase;
}
.readmore a:link, .readmore a:visited {
	margin:15px 0; padding:7px 0 0 0;
	display:block;
	font-weight:bold;
	width:146px;
	height:22px;
	color:#CCC;
	background:url('images/Sprite-readmore.png') no-repeat 0px 0px;
}
.readmore a:hover, .readmore a:active {
	margin:15px 0; padding:7px 0 0 0;
	display:block;
	font-weight:bold;
	width:146px;
	height:22px;
	color:#333;
	background:url('images/Sprite-readmore.png') no-repeat 0px -29px;
}*/

#footer {
	margin:100px auto; padding:0;
	width:950px;
	color:#666;
	font-size:11px;
}
#footer a:link, #footer a:visited {
	color:#666;
	font-size:11px;
}
#footer a:hover, #footer a:active {
	color:#333;
	font-size:11px;
}
.footer-left {
	margin:0; padding:0;
	float:left;
	width:300px;
}
.footer-right {
	margin:0; padding:0;
	margin-left:660px;
}

form fieldset	{
	/*border: 1px solid #999;*/
}

div.error { display: none; }
input {	/*border: 1px solid black;*/ }
input.checkbox { border: none }
input:focus { /*border: 1px solid black;*/ }
input.error { 
	/*border: 1px solid red;*/
	background-color:#ffd8d8;
}

.send-button	{
	width:95%;
	margin-left:2px;
	padding:5px;
	text-align:center;
	background-color:#bbb;
	/*border: 1px solid #999;*/
}

#mainForm 	{
	display:block;
	margin:0 auto; padding:0;
	width:950px;
	text-align:left;
}

#mainForm table td	{
	margin:0; padding:0;
	/*border:1px solid #ccc;*/
	border-collapse:collapse;
}
legend.fixwidth {
	width:600px;
}


#mainFormError	{
	position: relative;
	border: 1px solid #FF0;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}

.mainForm	{
	margin:0; padding:0;
}

input.mainForm	{
	height:21px;
	border:1px solid #999;
}

textarea.mainForm	{
	width:600px; height:208px;
	border:1px solid #999;

}

select.mainForm	{
	height:20px;
	/*border:1px solid #999;*/
}

input.mainFormError	{
	background-color:#ffd8d8;
	border:1px solid #999;
	height:19px;
}

textarea.mainFormError	{
	background-color:#ffd8d8;
	width:600px; height:122px;
	border:1px solid #999;
}

select.mainFormError	{
	height:20px;
	/*border:1px solid #999;*/
	background-color:#ffd8d8;
}

.little-star{color:#CC0000;}


#formFields	{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

label.formFieldQuestion	{
	padding:8px 0px 2px 0px;
	border:none;	
	display:block;
}

label.formFieldOption	{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}

/******* Help Tooltip *******/
.tooltip {
    margin: 0; padding: 0;
    width: 16px;
    position: relative;
}
div.tooltip span {
	padding:10px;
	background-color: #fff6c3;
	border: 2px solid #ffee96;
	width: 250px; 
	position: absolute;
	top:0; left:25px;
	z-index: 2;
	display: none;
	text-align:left;
	}
#tooltip {
	margin:0;
	background: url(images/help.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}
/****************************/