/* 

VFLI 2006 | © DELTA WEB http://www.delta-web.com



*/
body {
margin:0;
padding:0;
border:0;
/*background:#303030 url(../images/bg_rp.gif) repeat-x;*/
background:#303030;
font:12px Arial, Helvetica, sans-serif;
line-height:16px;
/*color:#acacac;*/
color:#eee;
}

p {
margin:0 0 12px 0;
}

strong,b {
font:bold 11px Georgia, Times, serif;
text-transform:uppercase;
}

img {
border:0;
}

a {
text-decoration:none;
color:#ff1817;
border-bottom:1px dashed #ff1817;
}

a:hover {
color:#acacac;
border-bottom:1px solid #acacac;
}

h2 {
font:bold 14px Georgia, Times, serif;
color:#ff1817;
text-transform:uppercase;
margin:0 0 12px 0;
}

/*** REF -----------------------------------------------------------------*/
h1 {
display:none;
}

.inv {
display:none;
}

/*** ID ------------------------------------------------------------------*/

#conteneur {
position:absolute;
width:770px;
margin:0 0 0 -385px;
left:50%;
background:url(../images/bg_corp.gif);
}

#header {
height:143px;
background:url(../images/bandeau_head.gif);
}

#visuRubrique {
height:150px; /* 167 */
}

#corp {
padding:15px 10px 20px 10px;
}

#corpFlash {
padding:0;
margin:0;
}

#coloneGauche {
float:left;
width:490px;
padding:15px 10px 20px 20px;
margin:15px 9px 0 0;
background:#383838 url(../images/bg_colone.gif) 7px 0px no-repeat;
}

#coloneDroite {
float:left;
width:241px;
height:200px;
margin:0;
padding:0;
background:url(../images/bg_subnav.gif) no-repeat;
}

#coloneFlash {
float:left;
width:520px;
padding:0;
margin:15px 9px 0 0;
background:#383838 url(../images/bg_colone.gif) 7px 0px no-repeat;
}

#footer {
height:90px; /* 110 */
background:url(../images/footer.gif);
padding:20px 50px 0 25px;
font-size:11px;
}

#menu {
margin:0;
padding:0;
list-style:none;
}

#menu li {
margin:110px 0 0 0;
padding:0;
float:left;
}

#menu li a {
display:block;
border:0;
margin:0;
padding:0;
width:80px;
height:33px;
background-position:0 0;
}

#menu li a:hover{
background-position:0 -33px;
}

#menu li.selected a {
cursor:default;
background-position:0 -33px;
}

#menu li#bt0 a {
background-image:url(../images/bt0.gif);
}

#menu li#bt1 a {
background-image:url(../images/bt1.gif);
}

#menu li#bt2 a {
background-image:url(../images/bt2.gif);
}

#menu li#bt3 a {
background-image:url(../images/bt3.gif);
}

#menu li#bt4 a {
background-image:url(../images/bt4.gif);
}

#menu li#bt5 a {
background-image:url(../images/bt5.gif);
}

#menu li#bt6 a {
background-image:url(../images/bt6.gif);
}

#menu li#bt7 a {
background-image:url(../images/bt7.gif);
}

#subMenu {
margin:0;
padding:0;
list-style:none;
}

#subMenu li {
margin:0 0 5px 12px;
padding:0;
}

#subMenu li a {
font:11px Tahoma, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
text-indent:20px;
overflow:hidden;
display:block;
width:200px;
border:0;
margin:0;
padding:0;
line-height:21px;
background:none;
}

#subMenu li a:hover {
color:#303030;
background:url(../images/bg_subbt.gif) no-repeat;
}

#subMenu li.subSelected a {
cursor:default;
color:#303030;
background:url(../images/bg_subbt.gif) no-repeat;
}

#accesInterdit {
font:14px Arial, Helvetica, sans-serif;
color:#ffffff;
margin:220px 30px 30px 50px;
}

#listeNews {
margin:0;
padding:0 20px 0 0;
list-style:none;
}

#listeNews li {
margin:0;
padding:0;
}

#listeNews li a {
display:block;
line-height:20px;
padding:0 0 0 30px;
background:url(../images/puce.gif) 0 2px no-repeat;
color:#ccc;
}

#listeNews li a:hover {
color:#fff;
border-color:#404040;
}

#listeJob {
margin:0;
padding:0 20px 0 0;
list-style:none;
}

#listeJob dt {
margin:20px 0 5px 0;
padding:0 0 2px 0;
font:bold 15px 'Times New Roman', Times, serif;
color:#ff0000;
border-bottom:1px solid #ff0000;
}

#listeJob dd {
margin:0;
padding:0;
}

#listeJob dd a {
display:block;
line-height:20px;
margin:0;
padding:0 0 0 30px;
background:url(../images/puce.gif) 0 2px no-repeat;
color:#ccc;
}

#listeJob dd a:hover {
color:#fff;
border-color:#404040;
}


/*** CLASSES ------------------------------------------------------------------*/

.bndAccueil {
background:url(../images/bandeau_accueil.jpg) no-repeat;
}
.bndGroupe {
background:url(../images/bandeau_groupe.jpg) no-repeat;
}
.bndMetiers {
background:url(../images/bandeau_metiers.jpg) no-repeat;
}
.bndOffres {
background:url(../images/bandeau_offres.jpg) no-repeat;
}
.bndReferences {
background:url(../images/bandeau_references.jpg) no-repeat;
}
.bndContact {
background:url(../images/bandeau_contact.jpg) no-repeat;
}
.bndJobs {
background:url(../images/bandeau_jobs.jpg) no-repeat;
}
.bndNews {
background:url(../images/bandeau_news.jpg) no-repeat;
}

.logosncf {
float:right;
margin:0;
border:0;
}

.DW {
background:url(../images/dw_sg.gif) 0 2px no-repeat;
text-indent:22px;
}

a.lienImg {
border:0;
}

a:hover.lienImg {
border:0;
}

.blockAccueil {
float:left;
background:#383838;
width:230px;
height:260px;
padding:10px;
}

.clearBoth {
border:0;
margin:0;
padding:0;
clear:both;
}

.floatLeft {
float:left;
margin:0 15px 15px 0;
}

.cadreBlack {
width:220px;
height:75px;
float:left;
background:#303030;
padding:10px;
margin:0 1px 1px 0;
}

.carteContact {
float:left;
margin:0 15px 130px 0;
}

.pFloatLeft {
float:left;
width:230px;
margin:0 5px 10px 0;
}

.fontKS {
font:100 18px Georgia, Times, serif;
}

.infoNews {
z-index:2;
position:absolute;
left:50%;
top:150px;
width:520px;
margin:0 0 0 -260px;
}

.flashInText {
margin:0 0 0 -20px;
}

.retourlien {
border-top:1px solid #404040;
border-bottom:1px solid #404040;
padding:10px;
background:#3b3b3b;
}

/*	Emploi
	-------------------------------------------------------
*/

.test {
height:10px;
background:#CCCC00;
}

.pasdoffre {
padding:10px;
background:#9c1c1c;
border:1px solid #ff0000;
}

/*  Popup html actualité <!> Pour les màj voir aussi
	la feuille CSS pour Internet explorer 6 : 
	includes/style_vfli_ie6.css
	-------------------------------------------------------
*/

.popupactu {
position:absolute;
width:550px;
}

.popupactu .clearboth {
clear:both;
margin:0;
}

.popupactu a.floatright {
float:right;
border:none;
height:20px;
}

.popupactu a.floatright:hover {
border:none;
}

.popupactu h2 {
font:bold 14px 'Times New Roman', Times, serif;
}

.popupactu .content[class] {
background:url(../images/popup_bg.png) repeat-y;
padding:0 50px 0 50px;
}

.popupactu .content img {
float:left;
margin:0 20px 20px 0;
}

.popupactu .head,
.popupactu .foot {
height:50px;
}

.popupactu .head[class] {
background:url(../images/popup_head.png) no-repeat;
}

.popupactu .foot[class] {
background:url(../images/popup_foot.png) no-repeat;
}