body
{
	margin			: 0;
	padding			: 0;
	background		: #fff url(../img/fond.gif) repeat-x;
	font-family		: Arial;
	font-size		: 12px;
	color			: #3e3e3d;
}

A
{
	text-decoration	: none;
	color			: #3e3e3d;
}
A:hover
{
	text-decoration	: underline;
}

H1
{
	margin			: 0;
	font-size		: 14px;
}

H2
{
	margin			: 0;
	font-size		: 12px;
	color			: #052669;
}

.clear
{
	clear			: both;
}

#site
{
	width			: 980px;
	margin			: 0 auto;
	background		: #fff;	
	position		: relative;
}

#ombre
{
	width			: 1074px;
	height			: 716px;
	background		: url(../img/ombre.png) 0 -20px no-repeat;
	position		: absolute;
	left			: -47px;
	top				: 96px;
}

#main
{
	padding-top		: 30px;
	width			: 979px;
	top				: 130px;
	position		: relative;
	z-index			: 2;
	background		: url(../img/content.gif) 0 1px repeat-x;
}

.bonhomme
{
	width			: 979px;
	height			: 97px;
	position		: absolute;
}

.savoir-faire .bonhomme
{
	background		: url(../img/bonhomme-savoir.gif) right bottom no-repeat;
}

.contact .bonhomme
{
	background		: url(../img/bonhomme-contact.gif) right bottom no-repeat;
}

.qui-sommes-nous .bonhomme
{
	background		: url(../img/bonhomme-sommes.gif) right bottom no-repeat;
}

.reference .bonhomme
{
	background		: url(../img/bonhomme-references.gif) right bottom no-repeat;
}

.savoir-faire #fond
{
	background		: url(../img/fond-savoir.jpg) no-repeat;
}

.subnav #main
{
	top				: 149px;
}

#banner
{
	height			: 136px;
	width			: 979px;
	position		: absolute;
	background		: white;
}

.subnav #banner
{
	height			: 176px;	
}

#banner .fondnav
{
	background		: url(../img/nav.png) repeat-x;
	width			: 979px;
	height			: 34px;
	position		: absolute;
	top				: 96px;
	left			: 0;
}

#banner A
{
	display			: block;
	height			: 96px;
	width			: 320px;
	margin-left		: 36px;
	background		: url(../img/logo.png) 0 23px no-repeat;
	position		: absolute;
	z-index			: 10;
}

#home
{
	position		: absolute;
	width			: 979px;
}

#page
{
	padding			: 0 20px;
	position		: relative;
}

#calage
{
	height			: 550px;
	overflow		: hidden;
}

.subnav #calage
{
	height			: 531px;
}

#footer
{
	text-align		: center;
	height			: 40px;
	overflow		: hidden;
	font-size		: 11px;
}

#footer SPAN
{
	color			: #1f1e20;
	font-weight		: bold;
}

#slider
{
    margin			: 75px auto 0;
    width			: 850px; /* Make sure your images are the same size */
    height			: 410px; /* Make sure your images are the same size */
}

#nav
{
	position		: absolute;
	top				: 96px;
	height			: 34px;
	width			: 979px;
	overflow		: hidden;
}

#nav UL
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

#nav LI
{
	float			: left;
	height			: 34px;
	line-height		: 34px;
	color			: #fff;
	text-transform: uppercase;
}

#nav LI.on
{
	background		: url(../img/nav-on.gif) center bottom no-repeat;
}

#nav LI A
{
	padding			: 0 40px;
	display			: block;
	text-decoration	: none;
	color			: white;
}

#nav LI.current A
{
	font-weight		: bold;
}

#nav LI.last
{
	float			: right;
	background		: url(../img/nav-last.png) repeat-x;
	width			: 205px;
	text-align		: center;
	font-weight		: bold;
}

#subnav
{
	position		: absolute;
	top				: 130px;
	width			: 979px;
	overflow		: hidden;
	z-index			: 4;
}

#subnav UL
{
	margin			: 0;
	padding			: 7px 0 0 10px;
	list-style-type	: none;
}

#subnav LI
{
	float			: left;
	height			: 45px;
	line-height		: 16px;
	color			: #3e3e3d;
}

#subnav .tiret
{
	line-height		: 35px;
	font-size:9px;
}

#subnav LI.on, #subnav LI.overon
{
	background		: url(../img/nav2-on.png) center bottom no-repeat;
}

#subnav LI A
{
	padding			: 0;
	display			: block;
	text-decoration	: none;
	color			: #3e3e3d;
	text-align		: center;
}

#subnav LI A:hover, #subnav LI.on A
{
	color			: #003399;
}

#subnav LI.on A
{
	font-weight		: bold;
}

#sommes .intro
{
	width			: 430px;
	margin			: 50px 40px;
	font-size		: 11px;
}

#sommes .left
{
	width			: 505px;
	height			: 305px;
	background		: url(../img/sommes-ovale.png) no-repeat;
	font-size		: 12px;
	position		: absolute;
	top				: 160px;
}

#sommes .left .inner
{
	position		: relative;
}

#sommes .left .rond
{
	position		: absolute;
	top				: 100px;
	left			: 20px;
	font-size		: 11px;
}

#sommes .left .rond UL
{
	padding-left	: 25px;
}

#sommes .left .rond H2
{
	font-size		: 13px;
}

#sommes .left .ovale
{
	position		: absolute;
	top				: 40px;
	left			: 210px;
	font-size		: 11px;
}

#sommes .left .ovale H2, #sommes .left .ovale P
{
	margin: 0;
}

#sommes .left .ovale .zone1
{
	width			: 170px;
}

#sommes .left .ovale .zone2
{
	margin-left		: 40px;
	margin-top		: 27px;
}

#sommes .left .ovale .zone3
{
	margin-left		: 40px;
	margin-top		: 27px;
}

#sommes .left .ovale .zone4
{
	margin-left		: 0px;
	margin-top		: 27px;
}



#sommes .right
{
	width			: 390px;
	height			: 578px;
	background		: url(../img/sommes-cadre.png) no-repeat;
	position		: absolute;
	left			: 570px;
	top				: -75px;
	font-size		: 11px;
}

#sommes .right .high
{
	font-weight		: bold;
	font-size		: 12px;
}

#sommes .right H1
{
	text-transform	: uppercase;
	margin-top		: 20px;
}

#sommes .right H2
{
	margin-bottom	: 10px;
}

#sommes .right P
{
	text-align		: left;
}

#sommes .right .inner
{
	padding			: 40px 80px;
}

#savoir
{
	padding			: 25px 15px;
}

#savoir .bloc
{
	margin-bottom	: 10px;
	height			: 18px;
	overflow		: hidden;
}

#savoir .open
{
	height			: auto;
	margin-bottom	: 10px;
}

#savoir .bloc .top
{
	width			: 899px;
	height			: 0;
	/*height			: 23px;	*/
	background		: url(../img/savoir-pave-t.png) no-repeat;
	overflow		: hidden;
}

#savoir .open .top
{
	display			: block;
	height			: 23px;
}

#savoir .open .middle
{
	background		: url(../img/savoir-pave-m.png) repeat-y;
	width			: 899px;
}

#savoir .bloc .middle .inner
{
	padding			: 0 25px;
}

#savoir .bloc .middle A
{
	text-decoration	: none;
	color			: inherit;
	font-weight		: bold;
	padding-left	: 12px;
	background		: url(../img/fleche.gif) left center no-repeat;
}

#savoir .bloc .middle A.more
{
	color			: #096cdb;
	text-decoration : underline;
	background		: none;
	font-weight		: normal;
	float			: right;
	margin-top		: 10px;
}

#savoir .open .middle A
{
	background		: url(../img/fleche-b.gif) left center no-repeat;
}

#savoir .bloc .middle P
{
	margin			: 0;
}

#savoir .bloc .middle .texte
{
	padding-top		: 7px;
}

#savoir .bloc .bottom
{
	width			: 899px;
	height			: 24px;	
	background		: url(../img/savoir-pave-b.png) no-repeat;
}

#reference
{
	padding-top		: 30px;
}

#reference #slideContainer
{
	position		: relative;
	width			: 940px;
	height			: 530px;
	overflow		: hidden;
}

#reference #move
{
	position		: absolute;
	left			: 0;
	top				: 0;
}

#reference #move UL
{
	padding 		: 0;
	margin			: 0;
	width			: 30000px;
	list-style-type : none;
}

#reference #move P
{
	padding			: 0;
	margin			: 0;
}

#reference #move LI
{
	float			: left;
	width			: 940px;
	position		: relative;
	overflow		: hidden;
}

#reference #move LI.small
{
	width			: 215px;
	margin-right	: 0px;
	overflow		: visible;
}

#reference #move LI.mini3
{
	margin-right	: 90px;
}

#reference #move LI.last
{
	width			: 235px;
}

#reference #move LI.first
{
	margin-left		: 60px;
}

#reference #move LI .next
{
	width			: 41px;
	height			: 52px;
	background		: url(../img/reference-fleche-droite.png) no-repeat;
	cursor			: pointer;
	position		: absolute;
	left			: 900px;
	top				: 100px;
}

#reference #move LI.small .next
{
	left			: 195px;
}

#reference #move LI .previous
{
	width			: 41px;
	height			: 52px;
	background		: url(../img/reference-fleche-gauche.png) no-repeat;
	cursor			: pointer;
	position		: absolute;
	left			: 10px;
	top				: 100px;
}

#reference #move LI.small .previous
{
	left			: -50px;
}

#reference #move LI.small .photo
{
	height			: 240px;
	width			: 200px;
}

#reference #move LI .texte
{
	float			: left;
	width			: 270px;
	padding-top		: 80px;
}

#reference #move LI.small .texte
{
	padding-top		: 25px;
	width			: 215px;
}

#reference #move LI .texte .inner
{
	padding-left	: 70px;
	padding-right	: 10px;
}

#reference #move LI.small .inner
{
	padding-left	: 0px;
}

#reference #move LI .texte A
{
	font-weight		: bold;
}

#reference #move LI .texte .titre
{
	text-transform	: uppercase;
	
}

#reference #move LI .photo
{
	float				: left;
	width				: 500px;
}


#contact
{
	padding-top			: 60px;
}

#contact LABEL
{
	float				: left;
	width				: 180px;
	margin-top			: 10px;
	text-align			: right;
	padding-right		: 10px;
	font-size			: 11px;
}

#contact SELECT, #contact .field
{
	width				: 310px;
	border				: 0;
	margin-top			: 3px;
	height				: 22px;
	padding-left		: 5px;
	background			: transparent;
}

#contact SELECT
{
	margin-top			: 3px;
}

#contact .line
{
	background			: url(../img/input.png) 0 5px no-repeat;
	float				: left;
	height				: 31px;
	width				: 330px;
}

#contact .textarea
{
	background			: url(../img/textarea.png) no-repeat;
	float				: left;
	height				: 141px;
	width				: 330px;
	
}

#contact TEXTAREA.field
{
	resize				: none;
	height				: 115px;
	margin-top			: 10px;	
}

#contact .left
{
	float				: left;
	width				: 300px;
	height				: 373px;
	background			: url(../img/fond-contact.png) right top no-repeat;
	text-transform		: uppercase;
}

#contact .left .inner
{
	padding-left		: 40px;
}

#contact .right
{
	float				: left;
	width				: 550px;
	margin-left			: 20px;
}

#contact .submit
{
	background			: transparent url(../img/submit.png) no-repeat;
	border				: 0;
	color				: #3e3e3d;
	width				: 91px;
	height				: 22px;
	cursor				: pointer;
}

.highlight
{
	position			: absolute;
	margin-left			: 200px;
	color				: #f30000;
	border				: 1px solid #f30000;
	text-align			: center;
	padding				: 5px 10px 5px 10px;
	background			: white;
	z-index				: 20000;
}

.warning
{
	text-transform		: uppercase;
	color				: red;
	font-size			: 14px;
	padding				: 10px;
	line-height			: 20px;
	border				: 1px solid red;
}