body {
margin: 0;
padding: 0;
background: url(fond.jpg) no-repeat top center #f8e7b3;
font-family: Arial;
font-size:16px;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENEUR ---*/
#centrage {
width: 960px;
margin: 0 auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 960px;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
float: left;
width: 185px;
height: 140px;
}

.logo {
float: left;
margin: 0;
padding: 0;
width: 185px;
height: 140px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
z-index: 1000;
width: 775px;
height: 140px;
float: left;
/*background: url(fond_menu.png) no-repeat 0 70px;*/
margin: 0;
}
#menu ul {
width:769px;
padding-left:6px;
z-index: 1000;
}
#menu ul ul {
width:180px;
z-index: 1000;
}
#menu ul li {
display:block;
z-index: 1000;
}
#menu ul li a {
display:block;
z-index: 1000;
}
.navig {
 margin: 0;
 padding: 75px 0 0 0;
 list-style: none;
z-index: 1000;
float:right;
}
.navig li {
 float: left;
 position: relative;
 margin: 0;
 padding: 0;
z-index: 1000;
 /*background-image: url(transp.gif);*/ /*cette image n'existe pas mais cela limite le clignotement des boutons sir IE*/
}
/*---------- styles liens menu ----------*/
#menu ul li a {
text-decoration:none;
margin:0px;
padding: 0px;
float: left;
display: block;
height: 65px;
}
#menu ul li a span {
display:none;
}

#menu ul li.li_emploi a {
background: url(boutonemploi.png) no-repeat 0 0;
width: 99px;
}
#menu ul li.li_emploi a:hover,
#menu ul li.li_emploi.on a {
background: url(boutonemploi.png) no-repeat 0 -65px;
width: 99px;
}

#menu ul li.li_orientation a {
background: url(boutonorientation.png) no-repeat 0 0;
width: 130px;
}
#menu ul li.li_orientation a:hover,
#menu ul li.li_orientation.on a {
background: url(boutonorientation.png) no-repeat 0 -65px;
width: 130px;
}

#menu ul li.li_sante a {
background: url(boutonsante.png) no-repeat 0 0;
width: 89px;
}
#menu ul li.li_sante a:hover,
#menu ul li.li_sante.on a {
background: url(boutonsante.png) no-repeat 0 -65px;
width: 89px;
}

#menu ul li.li_logement a {
background: url(boutonlogement.png) no-repeat 0 0;
display: block;
width: 106px;
}
#menu ul li.li_logement a:hover,
#menu ul li.li_logement.on a {
background: url(boutonlogement.png) no-repeat 0 -65px;
display: block;
width: 106px;
}

#menu ul li.li_documentation a {
background: url(boutondocumentation.png) no-repeat 0 0;
width: 149px;
}
#menu ul li.li_documentation a:hover,
#menu ul li.li_documentation.on a {
background: url(boutondocumentation.png) no-repeat 0 -65px;
width: 149px;
}

#menu ul li.li_aide a {
background: url(boutonaide.png) no-repeat 0 0;
width: 192px;
border-right: none;
}
#menu ul li.li_aide a:hover,
#menu ul li.li_aide.on a {
background: url(boutonaide.png) no-repeat 0 -65px;
width: 192px;
border-right: none;
}

#menu ul li a:hover,
#menu ul li a.lv1Over,
#menu ul li.on a,
body.bodyaccueil #menu ul li.lienaccueil a {
/*background-position: right -100px;*/
}
#menu ul li a:hover span,
#menu ul li a.lv1Over span,
#menu ul li.on a span,
body.bodyaccueil #menu ul li.lienaccueil a span {
/*background-position: left -100px;*/
}
/*---------- Styles sous menus ----------*/
#menu ul li ul {
display: none;
}
#menu ul li ul.flip {
display: block;
position: absolute;
top: 65px;
left: 1px;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li ul.flip li ul.flip {
top: 0px;
left: 170px;
}
#menu ul li ul li a {
color:#fff;
text-decoration:none;
font-size:0.7em;
font-weight: normal;
height: auto;
width: 155px;
clear: both;
display: block;
margin: 0;
padding: 5px 0px 5px 5px;
text-decoration: none;
border: 1px solid #fff;
}
#menu ul li ul li a:hover { 
background:none;
}
#menu ul li.li_emploi ul li a,
#menu ul li.li_orientation ul li a,
#menu ul li.li_sante ul li a,
#menu ul li.li_logement ul li a,
#menu ul li.li_documentation ul li a,
#menu ul li.li_aide ul li a,
#menu ul li ul li a:hover,
#menu ul li ul li a.lv1Over {
background: none;
}
#menu ul li.li_emploi ul li a,
#menu ul li.li_emploi.on ul li a,
#menu ul li.li_emploi ul li a.lv1Over {
background-image:none;
background-color: #67A3B6;
background-opacity:0.7;
}
#menu ul li.li_emploi ul li a:hover,
#menu ul li.li_emploi.on ul li a:hover,
#menu ul li.li_emploi ul li a.lv1Over {
background-image:none;
background-color: #37798e;
background-opacity:0.7;
}

#menu ul li.li_orientation ul li a,
#menu ul li.li_orientation ul li a:hover,
#menu ul li.li_orientation ul li a.lv1Over {
background-color: #C88DE9;
}
#menu ul li.li_sante ul li a,
#menu ul li.li_sante ul li a:hover,
#menu ul li.li_sante ul li a.lv1Over {
background-color: #ED9946;
}
#menu ul li.li_logement ul li a,
#menu ul li.li_logement.on ul li a,
#menu ul li.li_logement ul li a.lv1Over {
background-color: #9ACE40;
background-image:none;
}
#menu ul li.li_logement ul li a:hover,
#menu ul li.li_logement.on ul li a:hover,
#menu ul li.li_logement ul li a.lv1Over {
background-color: #688e27;
background-image:none;

}

#menu ul li.li_documentation ul li a,
#menu ul li.li_documentation ul li a:hover,
#menu ul li.li_documentation ul li a.lv1Over {
background-color: #398AA4;
}
#menu ul li.li_aide ul li a,
#menu ul li.li_aide ul li a:hover,
#menu ul li.li_aide ul li a.lv1Over {
background-color: #B971DE;
}

#menu ul li ul li ul li a {
font-size:0.8em;
font-weight: normal;
padding: 6px 0px 6px 15px;
}
#menu ul li ul li ul li ul li a {
font-size:0.8em;
font-weight: normal;
padding: 6px 0px 6px 25px;
background-image: none;
height: auto;
width: 145px;
color:#000;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BANNIERE ---*/
#banniere {
float:left;
width:960px;
height:255px;
background: url(banfond.jpg) no-repeat 0 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
width: 580px;
padding: 0;
margin: 20px 0 0 0;
font-size: 14px;
float: none;
}
body.bodyAccueil #filariane {
display:none;
}
#filariane ul {
list-style: none;
padding: 0;
margin: 0;
}
#filariane ul li {
color: #374b5a;
display: block;
float: left;
padding: 0 9px 0 0;
margin: 0;
background: url(fil.png) no-repeat right ;
}
#filariane ul li.fil2 {
color: #2e6d8d;
display: block;
float: left;
padding: 0;
margin: 0 0 0 3px;
background: none;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/



/*--- CONTENT ---*/
#content {
float: left;
width: 960px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float:left;
width:580px;
}
body.bodyAccueil #inter {
float:left;
width:950px;
}
body.bodyAccueil #home {
float:left;
width:415px;
}
body.bodyAccueil #inter p {
width:415px;
}


#inter p {
margin: 0;
padding: 0;
font-size: 16px;
/*border-bottom: #e3d29e;*/
}
#inter p {
font-weight: normal;
/*float:left;*/
/*width:560px;*/
margin: 5px 0 0 5px;
color: #000;
text-align: justify;
font-style: normal;
}


body.bodyAccueil #inter p.tete {
padding: 5px 0 5px 0;
font-size: 16px;
font-style: italic;
color: #1c72c7;
border-bottom: #e3d29e solid 1px;
}

body.bodyAccueil #inter p.p_1 {
padding: 5px 0 5px 0;
border-bottom: #e3d29e solid 1px;
}


body.bodyAccueil #inter p.p_1 a {
font-size: 16px;
color: #1c72c7;
font-weight: bold;
}

body.bodyAccueil #inter ul {
list-style: none;
padding: 0px 0 0 10px;
margin: 0;
}

body.bodyAccueil #inter ul li {
padding: 0;
margin: 0;
font-size: 16px;
}

body.bodyAccueil #inter ul li a {
background: url(flechecontent.png) no-repeat 0 4px;
color: #1c72c7;
font-weight: bold;
padding-left: 13px;
}

body.bodyAccueil #inter ul li.inscrire {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: bold;
color: #1c72c7;
}

body.bodyAccueil #inter ul li.content_contact {
padding: 10px 0 0 0;
margin: 0;
}

body.bodyAccueil #inter ul li.content_contact span {
padding-left: 13px;
}



#inter h2 {
float:left;
width:580px;
font-size: 20px;
font-weight: bold;
border-bottom: solid 2px #dfcd9c;
padding: 0;
margin: 20px 0 30px 0;
}
 
#inter h3 {
float:left;
width:560px;
font-size: 20px;
font-weight: normal;
padding: 0 0 0 20px;
}

#inter h4 {
float:left;
width:560px;
font-size: 16px;
font-weight: bold;
padding: 0 0 0 20px;
background: url(flechepage.png) no-repeat 0 3px;
margin-top:20px;
}

 
#inter p {
font-weight: normal;
/*float:left;*/
/*width:560px;*/
margin: 10px;
color: #000;
text-align: justify;
font-style: normal;
}

#inter p.present {
font-style: italic;
}

#inter p.normal {
font-style: normal;
}
 
#inter ul {
float:left;
width:580px;
list-style: none;
padding: 0;
margin:0;
}
 
#inter ul li {
margin: 0;
padding: 0;
}

#inter ul.liste {
float:left;
width:580px;
}
#inter ul.liste li {
background: url(fond_liste.png) no-repeat 0 9px; 
color: #000;
padding: 0 0 0 10px;
margin: 5px 0 5px 50px;
font-weight: normal;
font-size:15px;
width:520px;
}

#inter ul.liste li a {
color: #000;
}

body.bodyEmploi #inter h2,
body.bodyEmploi #inter h3,
body.bodyEmploi #inter h4
{
color: #2e6d8d;
}



/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
float:right;
width: 340px;
padding: 0;
margin:0;
}
body.bodyAccueil #totem {
display:none;
}

#totem2 {
float:left;
width: 340px;
padding: 0;
margin:0;
}
#jeunes {
margin-top: 80px;
width: 311px;
height: 127px;
background: url(fond_jeune.png);
}
#jeunes p { 
margin: 0 0 0 160px; 
font-size: 16px; 
padding-top: 75px;
padding-left: 20px;
color:#fff;
}
#jeunes p a {
background: url(flechejeune.png) no-repeat 0 4px; 
padding-left: 10px;
color: #fff;
text-decoration: none;
font-weight :bold;
}
body.bodyJeunes #employeurs,
body.bodyJeunes #plaquette_entreprises {
display:none;
}
body.bodyEntreprises #jeunes,
body.bodyEntreprises #plaquette_jeunes {
display:none;
}
body.offres #jeunes,
body.offres #employeurs,
body.offres #plaquette_jeunes {
display:none;
}
body.listeoffres #jeunes,
body.listeoffres #employeurs,
body.listeoffres #plaquette_entreprises {
display:none;
}

#employeurs {
margin-top: 60px;
width: 311px;
height: 127px;
background: url(fond_emploi.png);
}
#employeurs p { 
margin: 0 0 0 160px; 
font-size: 16px; 
padding-top: 75px;
padding-left: 20px;
color:#fff;
}
#employeurs p a {
background: url(flechejeune.png) no-repeat 0 4px; 
padding-left: 10px;
color: #fff;
text-decoration: none;
font-weight :bold;
}
#totem #logos ul li {
display:block;
float:left;
margin-right:10px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- COORDONNEES ---*/
#coordonnees {
float:right;
width: 160px;
margin: 20px 0 0 19px;
padding: 96px 0 0 16px;
background: url(coord.png) no-repeat;
}

body.bodyAccueil #inter #coordonnees ul {
list-style: none;
width: 160px;
background-color:#fff;
}

body.bodyAccueil #inter #coordonnees ul li {
display: block;
float: left;
width: 140px;
padding:5px 0 0 20px;
border-bottom: solid #e5e2dc 1px ;
font-size: 12px;
background: url(flechecoord.png) no-repeat 5px 5px;
font-weight: normal;
color: #000;
}

body.bodyAccueil #coordonnees ul li.route {
color: #a840e4;
}

body.bodyAccueil #coordonnees ul li strong {
color: #a840e4;
}

body.bodyAccueil #coordonnees ul li a {
font-size: 10px;
background:none;
background-image:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
clear:both;
width: 100%;
font-size: 11px;
background-color: #fff;
margin-top:50px;
min-height:50px;
}
.footer-content {
margin:0 auto;
width:950px;
height:100px;
text-align:center;
}

.footer-content a {
text-decoration: none;
}

.footer-content ul {
width: 950px;
padding:20px 0 0 0;
}
.footer-content ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 215px;
}
body.bodygenerique #hautpage {
float: left;
padding-left: 15px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 10px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0099CC;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/

/*--- ACTUS ---*/
#inter #contentActus {
float: left;
width: 240px;
padding: 15px 0px 0px 0px;
}

/*** UNE ACTUS DEROULANTE ***/
#actus {
/*float: left;*/
width: 250px;
padding: 15px 0 0 0;
margin: 0;
height: 200px;
position: relative;
}
#actus h2 {
background: url(actualites.png) no-repeat 0 0;
height: 15px;
width: 230px;
padding: 0;
margin: 0 0 0 20px;
}
#actus h2 span {
display: none;
}
#actus div {
float: left;
padding: 0;
margin: 0;
width: 240px;
}
#actus div.commandes {
float: left;
width: 108px;
height: 7px;
margin-top:10px;
padding: 5px 0px 5px 0px;
}
#actus div.commandes a {
margin: 0;
}
#actus div.commandes img {
margin: 0px 0px 0px 0px;
float: left;
}
#actus div #actuList {
position:absolute; 
top:85px;
width: 250px;
clip:rect(0, 250px, 120px, 0);
/*height: 120px;*/
padding: 0;
background: none;
}
#actus div #actuList p {
float: left;
clear: both;
overflow: hidden;
width:200px;
padding: 0 0 0 20px;
margin: 10px 0 0 30px;
color: #fff;
font-size: 15px;
background: url(flecheactus.png) no-repeat 0 4px;
text-align:justify;
}
#actus div #actuList p img {
margin: 5px 10px 0px 0px;
float: right;
}
#actus div #actuList p a {
text-decoration: none;
color:#fff;
}
#actus div #actuList p strong a {
color: #fecf00;
text-decoration: none;
}
#actus div #actuList p strong a:hover {
text-decoration: underline;
}
p.toutesactus {
float: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
p.toutesactus a.voiractus {
color: #fff;
font-size: x-small;
font-style: italic;
text-decoration: none;
padding: 0px 0px 0px 40px;
}
p.toutesactus a.voiractus:hover {
text-decoration: underline;
}
div.actuLigne {
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #d3de97;
}
div.actuLigne strong a {
text-decoration: none;
color: #a4c300;
}
div.actuLigne strong a:hover {
text-decoration: underline;
}
/*----------------------------------------*/

/*
#actus {
width: 240px;
height: 240px;
padding-top:15px;
}
#actus h2 {
background: url(actualites.png) no-repeat 0 0;
height: 15px;
width: 220px;
padding: 0;
margin: 0 0 0 20px;
}
#actus h2 span {
display: none;
}
#actus p {
width:190px;
padding: 0 0 0 20px;
margin: 60px 0 0 30px;
color: #fff;
font-size: 16px;
background: url(flecheactus.png) no-repeat 0 4px;
}
#actus p strong {
margin-bottom:20px;
}
#actus p a {
color: #fecf00;
}
#actus p.toutesactus {
background:none;
display:none;
}*/

/*--------------------------------------------------------------------------------------------------------------*/

/*-- FORM DEPOT OFFRES --*/
body.offres #inter p.titre-form {
font-size:24px;
background-color:#ccc;
width:530px;
float:left;
margin:0 30px 20px 0;
padding:10px;
}
body.offres #inter label {
font-size:12px;
text-align:right;
margin-right:10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible, #raccourcis {
display: none;
}
#map { 
border:1px solid #000; 
width:578px;
margin:7px 0px 7px 0px;
float:left;
height:400px;
}
#map .marqueurs h5 { margin:5px 0 5px 0; font-size:16px; color:#2e6d8d; }
#map .marqueurs p { margin:5px 0 5px 0; font-size:14px; }
#totem #logos ul {
text-align:center;
margin-top:30px;
}