/* @override http://www.ligne-pro.com/impact/css/impact.css */

@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, body#home 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;}

body#home div.maincontent .content {margin:0; padding:0}

#flashEmbed { width: 800px; height: 245px; text-align: center}
body#homepage #flashEmbed {height: 510px}
#flashEmbed p { text-align: center}


#flashEmbed2 { width: 800px; text-align: center}
body#homepage #flashEmbed2 {height: 140px}
#flashEmbed2 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;}
ul li { background:url(../img/ico_puce_liste.gif) no-repeat 0 0.20em;padding-left: 12px }
ul.nonPuc li { background:url(../img/ico_puce_liste.gif) no-repeat 0 0.7em;}
#societe ul { margin-bottom: 0.5em; margin-left: 0}
#societe ul li span {color:#8b0e13; font-weight:bold; font-size:18px; padding:0; margin: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;
}

body#societe #nav {
	height: 32px;
	width:580px;
	list-style: none;
	margin-left:100px;
	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;}


div.edito h4 {
font-size:26px;
color:#8b0e13;
border-bottom:4px solid #8b0e13;
width:200px;
}

div.edito {

padding:10px 0 0 10px;
margin-left:10px;
font-size:12px;
}

div.actualite {
padding:10px 0 0 10px;
margin:0;

}

div.actualite a{
	color: inherit;
	text-decoration: none;
}

div.actualite div.date {
margin-bottom:20px;
}

div.actualite h4, div.actualite h5 {
font-size:16px;
color:#8b0e13;
}
div.actualite h5 {
margin:O;
padding:O;
border-bottom:1px solid #8b0e13;
}

div.actualite p {
margin:O;
padding:O;
}


div.actualite img {
margin:0;
padding-bottom:40px;
padding-right:5px;
}


div.edito div.editoRight  {
margin-left:20px;
}

div.edito div.editoRight span {
background:url(../img/ico-edito.gif) no-repeat top left;
padding-left:20px;
font-weight:bold;
color:#8b0e13;
}

div.edito h1 {
font-size:14px;
line-height:110%;
}

div.edito h2 {
font-size:14px;
margin:0;
padding-bottom:15px;
line-height:110%;
text-align:left;
}