@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/grid.css';
@import 'src/forms.css';

body {
	color: #40535d;
	background: #c9c8bd url(../img/bkg_body.gif) repeat-x top;		
}
/**/
.container {
	background: #fff url(../img/bkg_container.gif) repeat-y right;
	border: 1px solid #666;
}
.maincontent {
	background: transparent url(../img/spirale-home-trans.png) no-repeat 0 0;
	min-height:510px;
    height:auto !important;
	height:510px;
}

body#homepage div.maincontent {	background: none;}
.header { height: 120px;}

.header h1 {
	color:#8b0e13;
	margin-left: 30px;
	font-weight: normal;
}

.header .logo {
	padding:15px 0 5px 30px;
	display: block;
}
.footer {
	clear:both;;
	background-color:#fff;
	border-top:1px dashed #cfcfd0;	
}
.content {padding:0 35px;}

#flashEmbed { width: 800px; height: 245px; text-align: center}
body#homepage #flashEmbed {height: 510px}
#flashEmbed p { text-align: center}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #40535d;	font-size: 1.25em; margin: 0 0 1em 0; }
h2 {text-align: center; margin: 1em 0;}
h3 {color: #7F7C6F;}
/* Text elements
-------------------------------------------------------------- */
p { margin-bottom: 0.5em; }
/* Lists Modif
-------------------------------------------------------------- */
ul { list-style: none;}
li { background:url(../img/ico_puce_liste.gif) no-repeat 0 0.20em;padding-left: 12px }
#societe ul { margin-bottom: 0.5em; margin-left: 0}

/* Misc classes
-------------------------------------------------------------- */
.alt { color: #7F7C6F; font-weight: bold;}
.loud { color: #8b0e13; font-weight: bold}
hr { margin-bottom: 0.45em}
.diapo a { background: url(../img/control_play-trans.png) no-repeat 0 0; padding-left: 18px; display: block }
.diapo-small { margin-top: 0;}
.diapo-small img { float: none; margin-top: 0}
h3.display { background: url(../img/control_play-trans.png) no-repeat 0 0; padding: 2px 0 0 20px; }
#recrutement hr {margin-bottom: 12px}

p img.top { margin-top: 0}

/* Forms Nav
-------------------------------------------------------------- */
legend {font-size: inherit}
input.text { width: 210px; padding:2px; }
form p { line-height: normal }
input.text, input.title,
textarea, select {  margin-top: 0; }

/* Footer Nav
-------------------------------------------------------------- */
#nav {
	height: 32px;
	width:580px;
	list-style: none;
	margin:0px auto;
	text-align:center;
	padding: 0 ;
	background-color:#ffffff;
}

#nav li { 
	margin: 0;
	padding: 0;
	float: left;
}

#nav li#liSociete a {width: 105px}
#nav li#liCompetences a {width: 108px}
#nav li#liRecrutement a {width: 84px}
#nav li#liContact a {width: 63px}
#nav li#liIntervenant a {width: 121px}
#nav li#liClient a {width: 95px}

#nav li span {
	position: absolute;
	left: -9384px;
}	
#liRecrutement a, #liContact a, #liSociete a, #liCompetences a, #liIntervenant a, #liClient a {
	display: block;
	height: 32px;
	background: url(../img/bkg_menu.jpg) no-repeat;
}


#liSociete a {	background-position: 0px 0;}
#liCompetences a {	background-position: -105px 0;}
#liRecrutement a {	background-position: -213px 0;}	
#liContact a {	background-position: -297px 0;}
#liIntervenant a {	background-position: -360px 0;}
#liClient a {	background-position: -481px 0;}

#liSociete a:hover, body#societe #liSociete a {	background-position: 0px -32px}
#liCompetences a:hover, body#competences #liCompetences a {	background-position: -105px -32px}
#liRecrutement a:hover, body#recrutement #liRecrutement a {	background-position: -213px -32px;}
#liContact a:hover, body#contact #liContact a {	background-position: -297px -32px;}
#liIntervenant a:hover, body#intervenant #liIntervenant a {	background-position: -360px -32px;}
#liClient a:hover, body#client #liClient a {	background-position: -481px -32px;}