.JeuLoader {
position:relative;
left:-19px;
}

.ChiffreCle {
background:url('../image/fond/fond.cc.jpg') #FFF no-repeat;
height:469px;
color:#FFF;
position:relative;
}

.ChiffreCle ul { list-style:none; }
.ChiffreCle li { 
border-top:1px solid #FFF; 
padding-top:10px;
line-height:12px;
font-size:11px;
}
.ChiffreCle li img {
margin-bottom:5px;
} 
.ChiffreCle h6 { position:absolute;bottom:10px;right:10px; }

.MenuEssentiel { margin-top:4px; }
.MenuEssentiel li { list-style:none; }

.ActuHome { position:relative; height:329px; }
html>body .ActuHome { min-height:329px; height:auto; }

.ActuHome li { display:none;list-style:none; }
.ActuHome p { margin-top:5px; font-size:11px; color:#5c6c76; font-weight:normal; }
.ActuHome h6 { position:absolute;bottom:10px;right:0; }
.NavNews { margin-top:10px;text-align:right;font-size:10px;  }
.NavNews a { color:#5c6c76;font-size:10px; }


.OffreHome h2 { border-bottom:1px solid #667781; padding-bottom:3px; }

.OffreHome {
position:relative;
width:322px;
height:181px;
background:url('../image/fond/offre.home.png') no-repeat;

}
.OffreHome p { color:#667781; }
.OffreHome img { margin-top:5px; }


.EmploiHome h4, .OffreHome h4 { position:absolute; right:10px; }
.EmploiHome h4 { bottom:10px; }
.OffreHome h4 { bottom:10px; }
html>body .EmploiHome h4, .OffreHome h4 { bottom:13px; }

.EmploiHome {
position:relative;
width:202px;
color:#FFF;
height:181px;
background:url('../image/fond/rejoignez.nous.png') no-repeat;
}
.EmploiHome h2 { border-bottom:1px solid #FFF; padding-bottom:3px; }

.EmploiHome p { text-align:center; font-size:10px; }
.EmploiHome ul { margin-left:5px; } 
.EmploiHome li { list-style:none;color:#FFF;margin-top:5px;font-size:9px; }
.EmploiHome li h1 { font-size:10px; }
.EmploiHome li h3 { font-size:10px;margin-top:2px;color:#c1c8cb;font-weight:normal; }


.EmploiHome a { font-size:10px;color:#FFF;font-weight:normal; }

.Player { background:none #6a6c6f; width:529px; padding-top:15px; padding-bottom:15px; }


/**
CONTENEUR OFFRE 
*/
.ConteneurOffre {
width:756px;
}
.ConteneurOffre .HeaderCO {
background:url('../image/fondoffre/header.gif') no-repeat;
height:11px;
}
.ConteneurOffre .MilieuCO {
background:url('../image/fondoffre/milieu.gif') repeat-y;

}
html>body .ConteneurOffre .MilieuCO {
min-height:450px;
height:auto;
}

.ConteneurOffre .FooterCO {
background:url('../image/fondoffre/footer.gif') no-repeat;
height:10px;
}

.Offre {
padding:20px;
padding-top:10px;
position:relative;
}
.Offre li {
background:url('../image/fondoffre/no.illu.png') no-repeat top left;
position:relative;
float:left;
list-style:none;
padding:10px;
background-color:#FFF;
margin-right:18px;
padding-bottom:40px;
width:450px;
height:435px;
}
html>body .Offre li {

min-height:250px;
height:auto;
}

.Offre li .Description {
position:relative;
z-index:1;
margin-left:80px;
font-size:10px;
color:#4f4e4c;
}
.Offre li .Description .Chapo {
font-weight:bold;
font-size:11px;
height:73px;
}
.Offre li .Illustration { position:absolute; top:0; left:0; }

.Offre li .FooterOffre {
position:absolute;
bottom:0;left:0;
z-index:0;
height:37px;
width:100%;
}
.Offre li .FooterOffre h4 {
position:absolute;
font-size:10px;
right:10px;
top:3px;
}
.Offre li .FooterOffre img {
margin-right:5px;
}
.Offre li .FooterOffre h4 a {
color:#4e4e4c;
}
.Offre li .FooterOffre .FlecheFlash {
float:left;
position:relative;
right:3px;
top:0px;
}
.Offre li .FooterOffre h4 a {
position:relative;
top:7px;
}

/**
LISTE OFFRE
*/
.ListeOffre {
position:absolute;
right:65px;
top:60px;
height:150px;
width:220px;
background:#FFF;
}
html>body .ListeOffre {
min-height:150px;
height:auto;
}

.ListeOffre ul {
padding:5px;
list-style:none;
}
.ListeOffre li {
list-style:none;
background:url('../image/cvg/puce.png') no-repeat;
padding-left:20px;
margin-left:5px;
margin-right:10px;
padding-bottom:5px;
font-weight:bold;
margin-bottom:5px;
border-bottom:1px solid #c3c3c3;
}

/**
ConteneurPage
*/
.ConteneurPage {
background:url('../image/fond/fond.page.png') no-repeat;
}
.ConteneurPage1 {
background:url('../image/fond/fond.page1.png') no-repeat;
}
.ConteneurPage, .ConteneurPage1 {
width:756px;
height:468px;
position:relative;
}
.ConteneurPage .Page, .ConteneurPage1 .Page, .ConteneurPage .PageBis {
padding:20px;
}
.ConteneurPage .PageBis .Texte, .ConteneurPage .Page .Texte { 
color:#4e4e4c;
height:300px;
width:600px;
overflow:auto;
padding-right:20px;
}
.ConteneurPage .PageBis .Texte {
width:500px;
}
.ConteneurPage .Page .Texte { 
position:absolute;
top:105px;
left:95px;
}

.ConteneurPage .PageBis .Texte {
position:absolute;
left:215px;
top:105px;
}
.ConteneurPage .PageBis .Illustration {
position:absolute;
left:20px;
top:110px;
}


.ConteneurOffre .OffreParrainage {
padding:20px;
padding-top:10px;
}

.ConteneurOffre .OP {
margin-top:10px;
background-color:#FFF;
padding-bottom:20px;
}
.ConteneurOffre .OP table {
width:703px;
}
.ConteneurOffre .OP .Introduction {
width:355px;
color:#4f4e4c;
font-size:10px;
padding:10px;
}
.ConteneurOffre .OP .OPDoc {
text-align:center;
background:url('../image/fond/op.fond.table.png') #FFF no-repeat top left;
padding-top:5px;
}
.ConteneurOffre .OP .OPDoc ul {
width:186px;
margin-left:auto;
margin-right:auto;
}

.ConteneurOffre .OP .OPDoc li {
list-style:none;
position:relative;
background:url('../image/fond/op.fond.pj.png') #FFF;
width:201px;
height:41px;
margin-top:5px;

}
.ConteneurOffre .OP .OPDoc li span {
color:#4f4e4c;
text-align:left;
font-size:10px;
display:block;
position:relative;
top:8px;
left:15px;
width:170px;
}
html>/**/body .ConteneurOffre .OP .OPDoc li span {
left:30px;
} 
.ConteneurOffre .OP .OPDoc li h4 {
position:absolute;
top:8px;
left:10px;
}

.ConteneurOffre .OP .OPDoc li span a {
color:#4f4e4c;
font-weight:normal;
}
.ConteneurOffre .OP .ListeOP {
background:#FFF;
position:relative;
height:390px;
}
html>body .ConteneurOffre .OP .ListeOP {
min-height:390px;
height:auto;
}
.ConteneurOffre .OP .ListeOP ul {
padding-left:20px;
padding-right:20px;
background-color:#FFF;
}

.ConteneurOffre .OP .ListeOP li {
position:relative;
width:320px;
list-style:none;
margin-right:30px;
padding-bottom:10px;
color:#4f4e4c;
font-size:10px;
}
.ConteneurOffre .OP .ListeOP li  h1 {
font-size:12px;
text-transform:uppercase;
}
.Bleu, .Bleu a { color:#186075; }
.Rouge, .Rouge a { color:#cf4420; }

.ConteneurOffre .OP .ListeOP li .Texte {
margin-left:90px;
}
.ConteneurOffre .OP .ListeOP li .Illustration {
position:absolute;
top:3px;
left:0px;
}
.ConteneurOffre .OP .ListeOP li  .Illustration img {
margin-bottom:5px;
}

.ConteneurOffre .OP .ListeOP h4 .FlecheFlash {
float:left;
position:relative;
top:3px;
}
.ConteneurOffre .OP .ListeOP h4 a {
color:#4e4e4c;
font-size:10px;
}
.ConteneurOffre .OP .ListeOP .PlayerFlashOP {
position:absolute;
right:10px;
top:0;
}

.ConteneurOffre .MenuOP {
background:url('../image/fond/op.png') #fff repeat-x;
height:62px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}
.ConteneurOffre .MenuOP img {
float:left;
margin-right:50px;
}

.ConteneurOffre .MenuOP ul {
display:none;
}


/**
SUPPORT PAGE
*/

.Support {
width:740px;
}
.ConteneurSupport .HeaderSupport {
background:url('../image/fondsupport/header.png') no-repeat;
width:365px;
height:8px;
}
.ConteneurSupport .FooterSupport {
background:url('../image/fondsupport/footer.png') no-repeat;
width:365px;
height:32px;
}
.ConteneurSupport .MilieuSupport {
background:url('../image/fondsupport/milieu.png') repeat-y;
width:365px;
height:418px;
}
html>body .ConteneurSupport .MilieuSupport {
min-height:418px;
height:auto;
}

.ConteneurSupport .BlocSupport {
padding-top:20px;
}
.ConteneurSupport .BlocSupport .Illustration {
text-align:center;
}
.ConteneurSupport .BlocSupport .Texte {
margin-top:10px;
margin-left:20px;
margin-right:15px;
color:#262226;
}

.Support .NavSupport ul {
margin-top:20px;
list-style:none;
}
.Support .NavSupport li {
margin-top:-7px;
position:relative;
}
.Support .NavSupport .BulletinSupport {
height:74px;
}
.Support .NavSupport .BulletinSupport span {
position:absolute;
left:107px;
top:30px;
}

.Support .NavSupport .BulletinSupport span h4 {
color:#FFF;
margin-bottom:5px;
font-size:10px;
background:url('../image/fleche/fleche.support.png') no-repeat 0 4px;
padding-left:9px;
}
.Support .NavSupport .BulletinSupport span h4 a {
color:#FFF;
}
.Support .NavSupport .BulletinSupport select {
width:200px;
font-size:10px;
}
.Support .NavSupport #SupportTMC {
background:url('../image/support/tmc/bouton.actu.png') no-repeat;
}
.Support .NavSupport #SupportNT1 {
margin-top:-8px;
background:url('../image/support/nt1/bouton.actu.png') no-repeat;
}

/***
Conteneur CVG
*/
.ConteneurCVG {
position:relative;
background:url('../image/fond/fond.cvg.jpg') no-repeat;
width:756px;
height:468px;
}
.ConteneurCVG  .BlocCVG {
padding:20px;
width:414px;
color:#4e4e4c;
}
.ConteneurCVG .BlocCVG h4 {
position:relative;
padding-left:25px;
font-size:12px;
height:51px;
padding-top:0px;
margin-bottom:10px;
}
.ConteneurCVG .BlocCVG h4 .FlashFleche {
position:absolute; top:0; left:0px;
}
html>body .ConteneurCVG .BlocCVG h4 {

}

.ConteneurCVG .BlocCVG h4 a {
color:#4e4e4c;
}
.ConteneurCVG .Grille {
margin-top:15px;
}

.ConteneurCVG .Grille li { position:relative; list-style:none; width:378px; height:67px; margin-bottom:10px; }
.ConteneurCVG .Grille li { background:url('../image/cvg/fond.grille.png') no-repeat; }
html>body .ConteneurCVG .Grille li { min-height:67px; height:auto; }

.ConteneurCVG .Grille .AnnexeGrille { position:absolute; top:4px; left:70px; width:400px; }
.ConteneurCVG .Grille .AnnexeGrille h1 { padding-left:10px; font-size:12px; }
.ConteneurCVG .Grille .AnnexeGrille .GrillePJ  { position:relative; margin-left:5px; padding-left:18px; float:left; }
.ConteneurCVG .Grille .AnnexeGrille .GrillePJ  { width:60px; height:41px; margin-top:5px; font-size:11px; }
html>body .ConteneurCVG .Grille .AnnexeGrille .GrillePJ  { width:50px; margin-left:10px; }


.ConteneurCVG .Grille .AnnexeGrille .GrillePJ span {
position:absolute;
top:0;left:0;
}
.ConteneurCVG .Grille .AnnexeGrille .GrillePJ a {
color:#4e4e4c;
font-weight:normal;
}
.ConteneurCVG .Annexe {
position:absolute;
right:35px;
top:23px;
height:400px;
width:221px;
}
html>body .ConteneurCVG .Annexe {
min-height:400px;
height:auto;
}

.ConteneurCVG .Annexe h5 span { display:none; }
.ConteneurCVG .Annexe h5 { text-align:center;margin-bottom:5px; }

.ConteneurCVG .HeaderAnnexe {
background:url('../image/cvg/header.annexe.png') no-repeat;
height:64px;
}
.ConteneurCVG .ListeAnnexe {
height:250px;
background:url('../image/cvg/footer.annexe.png') #FFF no-repeat left bottom;
}
html>body .ConteneurCVG .ListeAnnexe {
min-height:250px;
height:auto;
}
.ConteneurCVG .ListeAnnexe ul {
padding-top:10px;
}
.ConteneurCVG .ListeAnnexe li {
list-style:none;
background:url('../image/cvg/puce.png') no-repeat;
padding-left:20px;
margin-left:10px;
margin-right:10px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #c3c3c3;
}
.ConteneurCVG .ListeAnnexe li a {
color:#4e4e4c;
font-weight:normal;
}

/**
COMMUNIQUÉS
*/
.ConteneurCom {
width:470px;
margin-top:11px;
background:url('../image/fond/fond.com.jpg') #FFF no-repeat left bottom;
height:400px;
padding-bottom:10px;
}

html>body .ConteneurCom {
min-height:500px;
height:auto;
}
.ConteneurCom h2 {
color:#02b6da;
padding-left:20px;
margin-bottom:15px;
font-size:14px;
padding-top:10px;
}
.ConteneurCom .Texte {
padding-left:35px;
padding-right:40px;
font-size:11px;
width:90%;
color:#666664;
}

.BarreFleche {
margin-left:15px;
height:41px;
}
.BarreFleche .FlecheFlash {
float:left;
position:relative;
left:25px;
top:9px;
}
.BarreFleche a {
position:relative;
top:12px;
left:30px;
font-size:10px;
color:#4e4e4c;
}

/**
CONTENEUR EMPLOI
*/
.ConteneurEmploi {
background:url('../image/fond/fond.emploi.jpg') no-repeat;
width:756px;
height:463px;
margin-bottom:10px;
}
.ConteneurEmploi .Bloc {
padding-top:10px;
padding:20px;
}
.ConteneurEmploi .BlocEmploi {
float:left;
margin-right:15px;
border:1px solid #c5c5c5;
}
.ConteneurEmploi h2 {
background:url('../image/emploi/header.png') no-repeat;
width:341px;
font-size:16px;
color:#FFF;
padding-top:7px;
padding-bottom:7px;
text-align:center;
text-transform:uppercase;
}

.ConteneurEmploi .BlocEmploi ul {
margin-top:-3px;
}
.ConteneurEmploi .BlocEmploi li {
position:relative;
border-top:1px solid #c5c5c5;
list-style:none;
height:60px;
}
.ConteneurEmploi .BlocEmploi .EmploiFond1 {
background:url('../image/emploi/fond1.liste.png') #FFF no-repeat left bottom;
}
.ConteneurEmploi .BlocEmploi .EmploiFond2 {
background:url('../image/emploi/fond2.liste.png') #e7e4e4 no-repeat 2px 2px;
}


.ConteneurEmploi .BlocEmploi .InfoEmploi {
padding-top:6px;
margin-left:85px;
width:240px;
}
.ConteneurEmploi .BlocEmploi h1 {
font-size:11px;
color:#202021;
}
.ConteneurEmploi .BlocEmploi h1 a { 
color:#202021;
}
.ConteneurEmploi .BlocEmploi h3 {
color:#48474a;
font-weight:normal;
font-size:10px;
}
.ConteneurEmploi .DateEmploi {
position:absolute;
font-weioght:bold;
top:7px;
left:10px;
color:#ababaa;
font-size:11px;
}

.ConteneurEmploiSeul {
background:url('../image/fond/fond.emploi2.png') no-repeat;
width:756px;
height:568px;
margin-bottom:10px;
}
.ConteneurEmploiSeul .Bloc {
padding-top:10px;
padding:20px;
}
.ConteneurEmploiSeul h2 {
background:url('../image/emploi/header.png') no-repeat;
width:341px;
font-size:16px;
color:#FFF;
padding-top:7px;
padding-bottom:7px;
text-align:center;
text-transform:uppercase;
}

.BlocEmploiSeul {
float:left;
width:341px;
margin-right:15px;
border:1px solid #c5c5c5;
height:150px;
background-color:#FFF;
}

html>body .BlocEmploiSeul { min-height:150px; height:auto; }
.BlocEmploiSeul h1 { margin-top:0; margin-bottom:5px; text-align:center; font-size:12px; }
.BlocEmploiSeul .Annonce { padding:10px; padding-top:5px; }

/**
LIEN&LOGOS
*/
.ListeLL li { float:left; width:309px;list-style:none;margin-right:50px;}
.ListeLL li h1 {font-size:13px;color:#4e4e4c;}
.ListeLL li h2 { margin-top:5px; margin-bottom:10px; font-size:12px; }
.ListeLL .FooterLL { background:url('../image/fond/fond.footer.LL.png') no-repeat; width:309px; height:61px; }
.ListeLL .FooterLL div { margin-left:10px; color:#4e4e4c; padding-top:5px; }
.ListeLL .FooterLL h3, .ListeLL .FooterLL h4 { font-size:10px; text-transform:uppercase; }
.ListeLL .FooterLL h4 { color:#a7a7a7; }
.ListeLL .FooterLL h5 { margin-top:2px; width:309px; }
.ListeLL .FooterLL h5 a { color:#4e4e4c; font-size:10px; }
.ListeLL .FooterLL .FlecheFlash { float:left; position:relative; left:0px; top:0px; }

/***
PLAN DU SITE
*/
.PlanDuSite { padding:20px; }
.PlanDuSite a {color:#4e4e4c; }
.PlanDuSite h1 { color:#4e4e4c;font-size:11px;margin-bottom:5px;text-transform:uppercase; }
.PlanDuSite ul { padding-left:25px; }
.PlanDuSite li { margin-bottom:5px; }
.PlanDuSite li li a { font-weight:normal; }

/***
FAQ
*/
.Faq { overflow:auto; height:390px; margin:20px; color:#4e4e4c; }
.Faq li { margin-bottom:10px; background:url('../image/picto/puce.png') no-repeat 3px 5px; }
.Faq li { padding-left:15px; }
.Faq li h3 { cursor:pointer; font-size:11px; }
.Faq li h3 a { color:#333; }
.Faq li p { display:none; margin-top:15px; padding-left:15px; }