/* ////////////////global//////////////// */

body,td,th, div{
	color:#666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
}
body {
	background:#666666 url(IMG/bgBody.gif) repeat left top;
	margin:20px 20px 20px 20px;
	padding:0; 
}
a {
	color:#FF6600;
	text-decoration:underline;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
h1{
	padding:0px 0px 10px 0px;
	margin:0;
	font: normal 14px 'Century Gothic', Arial, Verdana, Helvetica, sans-serif;
	font-weight:100;
	line-height:100%;
	font-style:italic;
}
h2, #text strong{
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
	color:#FF9900;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	padding:0 0 10px 0;
	margin:0;
}
p{
	padding:0 0 10px 0;
	margin:0;
	}
.cleaner{
	clear:both;
	line-height:1px;
}


/* ////////////////structure of page//////////////// */

#all{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#container{
	width:900px;
	float:left;
	padding:0;
	margin:0;
	clear:both;
}

#header{
	width:900px;
	height:141px;
	clear:both;
}
#menuHaut{
	width:900px;
	height:30px;
	clear:both;
	margin:5px 0 5px 0 ;
	line-height:30px;
}
#boxContainer{
	width:900px;
	padding:0;
	margin:0 0 10px 0 ;
	float:left;
	clear:both; 
}
#textFooter{
	width: 900px;
	background:url(IMG/bgFooter.png) no-repeat left top;
	padding:30px 0 0 0 ;
	margin:0;
	text-align:center;
	color:#FFFFFF;
}
/* ///////////////menu top///////////////*/

#nav {padding:0; margin:0;  list-style:none; height:30px; position:relative; z-index:10; 
	font: bold 16px 'Century Gothic', Arial, Verdana, Helvetica, sans-serif;}
#nav li {display:block; float:left; height:30px; background-image:URL(./IMG/imgPointerRed.gif); background-repeat:no-repeat; background-position:0px 10px; padding:0 14px 0 14px;}
#nav li a {display:block; float:left; height:30px;  line-height:30px; color:#FFFFFF; text-decoration:none;  letter-spacing:2px; text-align:center; cursor:pointer; }
#nav li a:hover {color:#FF0000;}


/* ///////////box/////// */

.box1{
	width:430px;
	float:left;
	padding:10px;
	margin:0;
	text-align:left;
	background-color:#FFFFFF;
}

.box2{
	width:420px;
	float:left;
	padding:10px;
	margin:0 0 0 10px;
	text-align:left;
	background-color:#FFFFFF;
}


.box3{
	background-color:#FFFFFF;
}


.box4{
	width:580px;
	float:left;
	padding:0px 20px 20px 20px;
	margin:20px 0 0 0;
	text-align:left;
	background-color:#FFFFFF;
	line-height:150%;
}


.box5{
	width:229px;
	float:left;
	padding:0px 20px 20px 20px;
	margin:20px 0 20px 10px;
	text-align:left;
	background-color:#FFFFFF;
	border-left:1px solid #EEEEEE;
}
#boxAbout{
	height:260px;
}
#boxProject{
	margin-top:10px;
	height:140px;
}
/* ///////////form/////// */
#contactform{
margin:0;
padding:0;
}
.labels{
font-weight:bold;
}
#contactform input[type=text], #contactform textarea{
	width:350px;
	background-color:#999999;
	color:#000000;
	font:12px Georgia, Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #111111;
	border-bottom:1px solid #111111;
}
#contactform input[type=button], #contactform input[type=reset]{
	width:80px;
	background-color:#7D003F;
	color:#FFFFFF;
	font:12px Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:120%;
	border-top:1px solid #8E355E;
	border-left:1px solid #8E355E;
	border-right:1px solid #330000;
	border-bottom:1px solid #330000;
}  
#contactform input[type=button]:hover, #contactform input[type=reset]:hover{
	background-color:#4F0027;
	cursor:pointer;
}
/* ///////////others/////// */
.boxLine{
	background-color:#EAECF2;
	border-bottom:1px solid #6E7DA8;
}
#left ul{
	margin:0 0 0 15px;
	padding:0 0 15px 15px;
}
.imgRight{
	padding:10px 0px 10px 10px;
	border:0;
	float:right;
}
.imgLeft{
	padding:10px 10px 10px 0px;
	border:0;
	float:left;
}
img.noBorder{
border:0;
}
.emList{
	margin:0 0 0 20px;
	padding:0;
	list-style : none;
}
.emList li{
	margin:0;
	padding:0 0 0 18px;
	background-image:url(./IMG/imgStar.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	min-height:16px;
	line-height:20px;
}
.emList2{
	margin:0;
	padding:0;
	list-style : none;
}
.emList2 li{
	margin:0;
	padding:0 0 0 18px;
	background-image:url(./IMG/imgStar.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	min-height:16px;
	line-height:20px;
}
.textList{
	margin:0;
	padding:0;
	list-style : none;
}
.textList li{
	margin:0;
	padding:0;
	background-image:url(./IMG/imgLine.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-height:16px;
	line-height:22px;
}
.textList li:first-child{
	background-image:none;
}
.gras{
	font-weight:bold;
}
.grand{
	font-size:15px;
	font-weight:bold;
}
.light{
	font-size;13px;
}
.bleu{
	color:#3E91C1;
}
.centrer{
	text-align:center;
}
.textRight{
	text-align:right;
	margin:0;
	padding:0;
}
.textTitle{
	padding:10px 0px 0px 15px;
	margin:0;
	height:30px;
	color:#FFFFFF;
	font:16px Arial,Verdana,  Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
.text{
padding:15px;
}
.blanc{
color:#FFFFFF;
}
.grey{
background-color:#484848;
}
.noir{
background-color:#000000;
}
.green{
color:#00CC00;
}
.red{
color:#FF0000;
}
.grand{
font-size:20px;
font-weight:bold;
}
.underl{
text-decoration:underline;
}
#textFooter a{
color:#FFFFFF;
}
/* ///////////slide show/////// */

.container, .container * { margin:0; padding:0; }
.container { width:430px; height:430px; overflow:hidden; position:relative; }
.slider { position:absolute; }
.slider li { list-style:none; display:inline; }
.slider img { width:430px; height:430px; display:block; }
.slider2 { width:4300px; }
.slider2 li { float:left; }
.num { position:absolute; left:5px; bottom:5px; }
.num li { float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #CCCCCC; background-color: #fff; color:#999999; }
.num li.on { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color:#009900; font-weight: bold; }

/*gallery*/

.boxGallery{
	padding:10px 30px;
	float:left;
	text-align:center;
	width:222px;
	min-height:200px;
}
.boxGallery img{
	border:0px;
}
.boxGallery a{
    text-decoration:none;
}
.section{
	position:relative;
	left:20px;
	width:860px;
	float:left;
	clear:both;
	border-top:1px solid #CCCCCC;
}
.sectionTitle{
	text-align:center;
	margin:10px;
	}
#staff td{
vertical-align:top;
padding-bottom:10px;
}

.boks{
width:444px;
float:left;
}