html{
background:#CCCCCC;
}
body{
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background: url(bg_html.jpg) repeat-x top center #FFFFFF
}
body.bodyaccueil{
position:relative;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background: url(bg_largeur_accueil.gif) repeat-x top center #ACCA57;
}
body.bodyaccueil #background{
background: url(bg_body_accueil.gif) no-repeat top center;
overflow:hidden;
}
body.bodyaccueil #background2{
background: url(bg_footer_content.gif) no-repeat bottom center;
overflow:hidden;
}
#background{
background: url(bg_body.jpg) no-repeat top center;
overflow:hidden;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:block;
font-size: 0px;
color: #ffffff;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.bodyaccueil #header_container {
background: url(bg_header_accueil.jpg) no-repeat top center;
height:286px;
}
body.bodyaccueil #header{
position:relative;
background: url(bg_header_accueil.jpg) no-repeat top center;
height:286px;
width:980px;
margin:auto;
}
#header_container {
background: url(bg_header.jpg) no-repeat top center;
height:166px;
}
#header{
position:relative;
background: url(bg_header.jpg) no-repeat top center;
height:166px;
width:980px;
margin:auto;
}
#logo{
width:164px;
margin:auto;
}
body.bodyaccueil #logo_accueil{
position:absolute;
top:-3px;
left:388px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
}
.racnavig,
.raccontenu,
.raccontenu,
.racrecherche,
.raccontact{
display:none;
}
.racplan a{
position:absolute;
top:5px;
right:260px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bg_plan_site.gif) no-repeat left center;
}
.racaide a{
position:absolute;
top:5px;
right:140px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bg_aide.gif) no-repeat left center;
}
.racbreton a{
position:absolute;
top:5px;
right:80px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bg_breton.gif) no-repeat left center;
}
.racplan_breton a{
position:absolute;
top:5px;
right:235px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bg_plan_site.gif) no-repeat left center;
}
.racaide_breton a{
position:absolute;
top:5px;
right:115px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bg_aide.gif) no-repeat left center;
}
.racbreton_breton a{
position:absolute;
top:5px;
right:50px;
font-size:xx-small;
text-decoration:none;
padding:1px 0px 1px 20px;
background:url(bout_france.gif) no-repeat left center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
body.bodyaccueil #recherche {
position:absolute;
top:285px;
right:80px;
width:185px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche {
position:absolute;
top:157px;
right:60px;
width:185px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #0F5BFF;
vertical-align: middle;
width: 120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label {
position:absolute;
top:-5000px;
}
#recherche legend{
display:none;
position:absolute;
top:-5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:980px;
float:left;
}
#content {
width:980px;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
width:530px;
float:left;
font-size:x-small;
padding: 35px 0px 10px 0px;
}
body.bodyaccueil #filariane{
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter{
position:relative;
width:640px;
float:left;
padding: 0px 0px 0px 0px;
min-height:300px;
height:auto !important;
height:300px
}
body.bodygenerique #inter {
width:640px;
float:left;
padding: 0px 0px 60px 60px;
}
#inter {
width:460px;
float:left;
padding: 0px 0px 60px 0px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
background-repeat: no-repeat;
background-position: left 2px;
padding-left:23px;
}
body.bodygenerique #inter ul li,
body.bodylien01 #inter ul li  {
background-image: url(puce_lien01_01.gif);
}
body.bodygenerique #inter ul li ul li ,
body.bodylien01 #inter ul li ul li {
background-image: url(puce_lien01_02.gif);
}
body.bodygenerique #inter ul li ul li ul li
body.bodylien01 #inter ul li ul li ul li{
background-image: url(puce_lien01_03.gif);
}
body.bodygenerique #inter ul.listeplan02 li,
body.bodylien02 #inter ul li {
background-image: url(puce_lien02_01.gif);
}
body.bodygenerique #inter ul.listeplan02 li ul li,
body.bodylien02 #inter ul li ul li {
background-image: url(puce_lien02_02.gif);
}
body.bodygenerique #inter ul.listeplan02 li ul li ul li,
body.bodylien02 #inter ul li ul li ul li{
background-image: url(puce_lien02_03.gif);
}
body.bodygenerique #inter ul.listeplan03 li,
body.bodylien03 #inter ul li{
background-image: url(puce_lien03_01.gif);
}
body.bodygenerique #inter ul.listeplan03 li ul li,
body.bodylien03 #inter ul li ul li {
background-image: url(puce_lien03_02.gif);
}
body.bodygenerique #inter ul.listeplan03 li ul li ul li,
body.bodylien03 #inter ul li ul li ul li{
background-image: url(puce_lien03_03.gif);
}
body.bodygenerique #inter ul.listeplan04 li,
body.bodylien04 #inter ul li{
background-image: url(puce_lien04_01.gif);
}
body.bodygenerique #inter ul.listeplan04 li ul li ,
body.bodylien04 #inter ul li ul li {
background-image: url(puce_lien04_02.gif);
}
body.bodygenerique #inter ul.listeplan04 li ul li ul li,
body.bodylien04 #inter ul li ul li ul li{
background-image: url(puce_lien04_03.gif);
}
body.bodygenerique #inter ul.listeplan05 li,
body.bodylien05 #inter ul li {
background-image: url(puce_lien05_01.gif);
}
body.bodygenerique #inter ul.listeplan05 li ul li,
body.bodylien05 #inter ul li ul li {
background-image: url(puce_lien05_02.gif);
}
body.bodygenerique #inter ul.listeplan05 li ul li ul li,
body.bodylien05 #inter ul li ul li ul li{
background-image: url(puce_lien05_03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
#themeactu{
width:460px;
top: 0px;
left: 0px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#themeactu p{
color:#007ac0;
margin:0px 0px 0px 0px;
float:left;
width:460px;
}
#themeactu span{
color:#809e2a;
font-weight:bold;
}
#themeactu span.topics {
color:#000000;
font-size: x-small;
font-weight:normal;
}
/*--  ACTUS THEMATIQUES SUR PAGE D'ACCUEIL  --*/
body.bodyaccueil h2{
position:absolute;
top:17px;
left:42px;
font-size:x-large;
font-weight: normal;
color:#666666;
padding: 0px 25px 0px 0px;
margin: 0px 0px 0px 0px;
background:url(bg_actus_h2.gif) no-repeat 112px 5px;
}
body.bodyaccueil #inter #themeactu {
position:absolute; 
top:50px;
left: 185px;
width: 500px;
clip:rect(0, 500px, 250px, 0);
height: auto;
padding: 0;
background: none;
}
body.bodyaccueil #inter #themeactu p {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 10px;
width: 495px;
height: 115px;
overflow: hidden;
color:#007ac0;
margin:0px 0px 10px 0px;
float:left;
}
body.bodyaccueil #inter div.commandes {
position: absolute;
top: 20px;
left: 370px;
width: 124px;
height: 7px;
margin-top:300px;
padding: 5px 0px 5px 0px;
}
body.bodyaccueil #inter div.commandes a {
margin: 0;
}
body.bodyaccueil #inter div.commandes img {
margin: 0px 0px 0px 0px;
float: left;
}
#flux{
position:absolute;
top: 113px;
/*bottom:-2px;*/
left:15px;
float:left;
background:url(bg_flux.gif) no-repeat left center;
width:140px;
height:240px;
}
body.bodyaccueil #inter p.filrss,
body.bodyaccueil #inter p.toutesactus {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
}
.filrss a{
display:block;
background:url(bg_rss.gif) no-repeat 0px 5px;
padding:5px 0px 8px 32px;
margin:13px 0px 7px 11px;
text-decoration:none;
width:95px;
color:#809e2a;
font-weight:bold;
font-size:small;
line-height: 1em;
}
.toutesactus a{
display:block;
background:url(bg_touteactu.gif) no-repeat 0px 5px;
padding:5px 0px 0px 32px;
margin:0px 0px 0px 11px;
text-decoration:none;
width: 95px;
color:#809e2a;
font-weight: bold;
font-size:small;
line-height: 1em;
}
body.actualite #inter .filrss a{
float:right;
display:block;
border:#DDDDDD 1px solid;
background:#D1F078 url(bg_rss.gif) no-repeat 5px 5px;
padding:5px 0px 8px 37px;
margin:13px 0px 7px 11px;
text-decoration:none;
width:105px;
color:#666666;
font-weight:bold;
font-size:small;
line-height: 1em;
}
.actuLigne{
margin: 0px 0px 10px 0px;
}
.actuLigne strong a,
#themeactu strong a{
font-size:medium;
color:#333;
}
.actuLigne strong a:hover,
#themeactu strong a:hover{
font-size:medium;
color:#DDAA39;
text-decoration:none;
}
body.actualite #inter #form01 #paratheme,
body.actualite #inter #form01 div.submit input,
body.actualite #inter #form01 div.submit,
body.actualite #inter #form01 div.footer{
margin: 0px ;
padding:0px;
}
body.actualite #inter #form01{
margin: 0px ;
padding: 0px 0px 20px 0px;
}
body.actualite #inter #form01 div.submit{
margin: 0px ;
padding: 2px 0px 0px 0px;
}
body.actualite #inter #form01 div.entry label{
display:none;
}
/*--  ACTUS THEMATIQUES LIEES PAR RUBRIQUES  --*/
body.bodylien01 #inter #contentActus,
body.bodylien02 #inter #contentActus,
body.bodylien03 #inter #contentActus,
body.bodylien04 #inter #contentActus,
body.bodylien05 #inter #contentActus {
width:440px;
padding: 10px 10px 0px 10px;
margin: 0px 0px 10px 0px;
float: left;
}
body.bodylien01 #inter #themeactu,
body.bodylien02 #inter #themeactu,
body.bodylien03 #inter #themeactu,
body.bodylien04 #inter #themeactu,
body.bodylien05 #inter #themeactu {
width:440px;
padding: 0px 0px 0px 0px;
margin: -10px 0px 0px 0px;
}
body.bodylien01 #inter #themeactu p,
body.bodylien02 #inter #themeactu p,
body.bodylien03 #inter #themeactu p,
body.bodylien04 #inter #themeactu p,
body.bodylien05 #inter #themeactu p {
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #CCCCCC;
}
body.bodylien01 #inter #themeactu p strong a,
body.bodylien02 #inter #themeactu p strong a,
body.bodylien03 #inter #themeactu p strong a,
body.bodylien04 #inter #themeactu p strong a,
body.bodylien05 #inter #themeactu p strong a {
color:#000;
font-size:small;
text-decoration:none;
}
body.bodylien01 #inter #contentActus  {
border: 1px solid #007AC0;
}
body.bodylien01 #inter #themeactu p strong a{
border-bottom:#007AC0 1px solid;
color: #007AC0;
}
body.bodylien02 #inter #contentActus  {
border: 1px solid #748960;
}
body.bodylien02 #inter #themeactu p strong a{
border-bottom:#748960 1px solid;
color: #748960;
}
body.bodylien03 #inter #contentActus  {
border: 1px solid #DDAA39;
}
body.bodylien03 #inter #themeactu p strong a{
border-bottom:#DDAA39 1px solid;
color: #DDAA39;
}
body.bodylien04 #inter #contentActus  {
border: 1px solid #C9503D;
}
body.bodylien04 #inter #themeactu p strong a{
border-bottom:#C9503D 1px solid;
color: #C9503D;
}
body.bodylien05 #inter #contentActus  {
border: 1px solid #719096;
}
body.bodylien05 #inter #themeactu p strong a{
border-bottom:#719096 1px solid;
color: #719096;
}
body.bodylien01 #inter #themeactu p strong a:hover,
body.bodylien02 #inter #themeactu p strong a:hover,
body.bodylien03 #inter #themeactu p strong a:hover,
body.bodylien04 #inter #themeactu p strong a:hover,
body.bodylien05 #inter #themeactu p strong a:hover{
border-bottom:#999 1px solid;
color: #999999;
}
body.bodylien01 #inter #themeactu p,
body.bodylien02 #inter #themeactu p,
body.bodylien03 #inter #themeactu p,
body.bodylien04 #inter #themeactu p,
body.bodylien05 #inter #themeactu p {
color: #000000;
width: 440px;
}
/*--  ABONNEMENT AUX FLUX THEMATIQUES  --*/
#listTopics {
padding: 0px 0px 0px 10px;
}
#listTopics label {
display: block;
clear: both;
}
#listTopics label input {
margin-right: 8px;
}
#listTopics div.submit {
padding: 20px 0px 0px 0px;
text-align: center;
}
#listTopics div.submit input {
width: 180px;
background:transparent url(bout_marche.jpg) no-repeat scroll -100px 7px;
border:1px solid #DDDDDD;
color:#333333;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight:bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
body.bodypopup #inter_popup h2,
body.bodypopup #inter_popup h3,
body.bodypopup #inter_popup h4,
body.bodypopup #inter_popup h5,
body.bodygenerique #inter h2,
body.bodygenerique #inter h3,
body.bodygenerique #inter h4,
body.bodygenerique #inter h5,
body.bodylien01 #inter h2,
body.bodylien01 #inter h3,
body.bodylien01 #inter h4,
body.bodylien01 #inter h5{
color:#007AC0;
}
body.bodylien02 #inter h2,
body.bodylien02 #inter h3,
body.bodylien02 #inter h4,
body.bodylien02 #inter h5{
color:#748960;
}
body.bodylien03 #inter h2,
body.bodylien03 #inter h3,
body.bodylien03 #inter h4,
body.bodylien03 #inter h5{
color:#C89138;
}
body.bodylien04 #inter h2,
body.bodylien04 #inter h3,
body.bodylien04 #inter h4,
body.bodylien04 #inter h5{
color:#C9503D;
}
body.bodylien05 #inter h2,
body.bodylien05 #inter h3,
body.bodylien05 #inter h4,
body.bodylien05 #inter h5{
color:#719096;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right{
width:260px;
float:right;
padding-top: 45px;
}
#right {
width:245px;
float:right;
}
body.bodyaccueil #menu_droit{
/*margin-top:45px;*/
}
#menu_droit ul li a{
display:block;
text-decoration:none;
height:34px;
padding:8px 0px 10px 70px;
text-transform:uppercase;
color:#6e6e6e;
font-size:small;
}
li.fonds_docu a{
background:url(bout_fonds.jpg) no-repeat 0px 0px;
}
li.fonds_docu a:hover{
background:url(bout_fonds.jpg) no-repeat 0px -52px;
}
li.la_lettre a{
background:url(bout_lettre.jpg) no-repeat 0px 0px;
}
li.la_lettre a:hover{
background:url(bout_lettre.jpg) no-repeat 0px -52px;
}
li.location a{
background:url(bout_salle.jpg) no-repeat 0px 0px;
}
li.location a:hover{
background:url(bout_salle.jpg) no-repeat 0px -52px;
}
li.marches_publics a{
background:url(bout_marche.jpg) no-repeat 0px 0px;
}
li.marches_publics a:hover{
background:url(bout_marche.jpg) no-repeat 0px -52px;
}
#right #menu_droit ul li.cig a{
padding:7px 0px 6px 70px;
height:36px;
background:url(bout_cig.jpg) no-repeat 0px -4px;
}
#right #menu_droit ul li.cig a:hover{
background:url(bout_cig.jpg) no-repeat 0px -68px;
}
#right #menu_droit ul li.concours a{
padding:7px 0px 6px 70px;
height:36px;
background:url(bout_concours.jpg) no-repeat 0px -4px;
}
#right #menu_droit ul li.concours a:hover{
background:url(bout_concours.jpg) no-repeat 0px -56px;
}
li.emploi a{
background:url(bout_emploi_territorial.jpg) no-repeat 0px 0px;
}
li.emploi a:hover{
background:url(bout_emploi_territorial.jpg) no-repeat 0px -64px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
body.bodyaccueil #contentPostIt{
top: 0px;
}
#contentPostIt{
position:relative;
left:-10px;
top: -20px;
}
#contentPostIt h3{
margin:0px 0px 0px 1px;
padding:0px 0px 0px 0px;
height:45px;
}
#contentPostIt h3 span{
position:absolute;
top:-5000px;
}
#interPostIt{
background:url(postit_content.gif) repeat-y; 
padding:0px 18px 18px 18px;
width:180px;
}
#interPostIt h4{
font-size: medium;
font-weight: normal;
margin: 0px 0px 10px 0px;
}
#interPostIt ul{
margin: 5px 0px 10px 0px;
padding: 0;
list-style: none;
}
#interPostIt ul li {
background-repeat: no-repeat;
background-position: left 1px;
padding-left:23px;
background-image: url(puce_lien04_03.gif);
}
#bg_bottomPostIt{
background:url(postit_bottom.gif) no-repeat;
height:10px;
}
body.bodyfonddoc #interPostIt {
padding:0px 18px 0px 5px;
width:193px;
}
body.bodyfonddoc #interPostIt p {
padding:0px 20px 0px 15px;
margin: 0px 0px 0px 0px;
}
#interPostIt #recentdocs {
font-size: x-small;
}
#interPostIt #recentdocs ul {
font-size: x-small;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#interPostIt #recentdocs ul li a{
color:#007AC0
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INFO ACCUEIL---*/
#contentInfoAccueil{
display:inline;
background:#F4E39B;
margin:60px 13px 0px 0px;
padding:0px 7px 5px 7px;
width:403px;
float:right;
position:relative;
min-height:100px;
}
#contentInfoAccueil h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
top:-40px;
left:-19px;
}
#contentInfoAccueil h2 span{
position:absolute;
top:-5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer_container {
background:url(bg_footer.gif) top center repeat-x #ccc;
float:left;
width:100%;
}
#footer{
position:relative;
width:700px;
margin:auto;
padding:40px 10px 10px 10px;
text-align:center;
}
#footer ul li {
display:inline;
}
#footer ul li a{
text-decoration:none;
font-weight:bold;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage{
display:none;
}
#hautpage {
position:absolute;
top:-40px;
left:240px;
width:130px;
}
#hautpage a {
text-decoration:none;
background:url(bg_haut.gif) no-repeat right center;
padding:0px 20px 0px 0px;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display:none;
}
#imprimpage {
position:absolute;
top:177px;
right:345px;
width:100px;
height:15px;
}
#imprimpage a {
text-decoration:none;
font-size:x-small;
padding:0px 0px 0px 20px;
background:url(bg_imprimer.gif) no-repeat left center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PRESTATION ---*/
#inter ul.bouton_prestation {
margin-left:0px;
}
#inter ul.bouton_prestation li{
float:left;
background-image:none;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#inter ul.bouton_prestation li a {
display:block;
height:96px;
width:90px;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 20px;
text-decoration:none;
background-repeat:no-repeat;
background-position:-5px -174px;
}
#inter ul.bouton_prestation li a:hover{
background-position: -5px 0px;
}

li.tarifs_presta a{
background-image:url(tarifs_presta.jpg);
color:#3b4b10;
}
li.references_presta a{
background:url(references_presta.jpg);
color:#044063;
}
li.pratiques_presta a{
background:url(pratiques_presta.jpg);
color:#3b4b10;
}
li.contacter_preta a{
background:url(contacter_presta.jpg);
color:#044063;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopup{
background:url(bg_body_popup.jpg) repeat-x #FFFFFF;
}
#header_popup{
position:relative;
background:url(header_popup.jpg) no-repeat top left;
width:650px;
height:95px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:auto;
}
#header_popup #logo_popup{
position:absolute;
top:0px;
left:235px;
}
#inter_popup{
background:url(inter_popup.jpg) no-repeat top left #fff;
width:530px;
margin:0px 0px 0px 0px;
padding:0px 60px 20px 60px;
margin:auto;
}
#inter_popup h2{
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
color:#007EC0;
}
#inter_popup  p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter_popup  ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter_popup  ul li {
background:url(puce1.jpg) left 7px no-repeat;
padding-left:18px;
}
#inter_popup  ul ul li {
background:url(puce2.jpg) left 7px no-repeat;
padding-left:18px;
}
#footer_popup{
border-top:#007EC0 5px solid;
background:#FFFFFF;
width:650px;
margin:auto;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C9503D;
}
div.coul02, .bleu, .coul02 {
color: #007AC0;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #748960;
}
div.coul06, .marron, .coul06 {
color: #C89138;
}
div.coul07, .rouge2, .coul07 {
color: #CC0000;
}
div.coul08, .bleu2, .coul08 {
color: #0F5BFF;
}
div.coul09, .vert2, .coul09 {
color: #809E2A;
}
div.coul10, .marron2, .coul10 {
color: #663333;
}
div.coul11, .marron2, .coul11 {
color: #666666;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #C9503D;
}
img.bord02, .bordureBleue {
border: 1px solid #007AC0;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #748960;
}
img.bord06, .bordureMarron {
border: 1px solid #C89138;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #1D88C8;
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: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: small;
}
html div.prec a {
display: block;
padding: 2px 2px 2px 2px;
color: #017AC1;
background:#f2f2f2;
}
html div.suiv {
float: right;
font-size: small;
}
html div.suiv a {
display: block;
padding: 2px 2px 2px 2px;
color: #017AC1;
background:#f2f2f2;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- CONTACT --*/
#contact_right,
#contact_left{
width:300px;
float:left;
}
#contact_left{
border-right:#007AC0 1px solid;
}
#contact_right{
padding-left:20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #1D88C8;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
background:#f2f2f2;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3.plan01 {
border:#D3E4F8 1px solid;
}
#plandusite h3.plan01 a{
color:#007ac0;
}
#plandusite h3.plan02 {
border:#92C261 1px solid;
}
#plandusite h3.plan02 a{
color:#748960;
}
#plandusite h3.plan03 {
border:#F7D63A 1px solid;
}
#plandusite h3.plan03 a{
color:#DDAA39;
}
#plandusite h3.plan04 {
border:#E15A3E 1px solid;
}
#plandusite h3.plan04 a{
color:#C9503D;
}
#plandusite h3.plan05 {
border:#6BA9B4 1px solid;
}
#plandusite h3.plan05 a{
color:#719096;
}

#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAU DECLARER EMPLOI PERMANENT ---*/
table#declarer_emploi_permanent{
width:100%;
margin:20px 0px 0px 0px;
font-weight:bold;
border:none;
border-collapse:collapse;
}
table#declarer_emploi_permanent td{
vertical-align:middle;
text-align:center;
height:46px;
border:none;
padding:0px 0px 0px 0px;
}
table#declarer_emploi_permanent td.cellule_verte{
background-image:url(fond_cell_grise.gif);
width: 209px;
}
table#declarer_emploi_permanent td.fleche{
background:url(fond_cell_fleche.gif) no-repeat top center;
}
table#declarer_emploi_permanent td.rouge_mission{
background:url(fond_cell_rouge_mission.gif) no-repeat left center;
padding: 0px 20px 0px 40px;
}
table#declarer_emploi_permanent td.rouge_conseil{
background:url(fond_cell_rouge_conseil.gif) no-repeat left center;
padding: 0px 20px 0px 40px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAU LOCATION SALLE---*/
#location_salle div.entry label{
width:220px;
height:20px;
font-weight:normal;
}
#location_salle legend{
font-size:large;
font-weight:bold;
color:#007AC0;
margin:0px 0px 30px 0px;
}
#location_salle div.entry .titre_liste_cocher {
font-weight:bold;
color:#007AC0;
margin: 20px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#liste_cocher_01,
#liste_cocher_02{
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
width:525px;
float:left;
}
#liste_cocher_01 label,
#liste_cocher_02 label{
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#location_salle div.absolute01,
#location_salle div.absolute02,
#location_salle div.absolute03,
#location_salle div.absolute04,
#location_salle div.absolute05,
#location_salle div.absolute06{
position:absolute;
right:0px;
width:290px;
}
#location_salle div.absolute07{
position:absolute;
right:0px;
width:405px;
}
#location_salle div.absolute01 label,
#location_salle div.absolute02 label,
#location_salle div.absolute03 label,
#location_salle div.absolute04 label,
#location_salle div.absolute05 label,
#location_salle div.absolute06 label{
width:220px;
}
#location_salle div.absolute07 label{
width:100px
}
#location_salle div.absolute01 input,
#location_salle div.absolute02 input,
#location_salle div.absolute03 input,
#location_salle div.absolute04 input,
#location_salle div.absolute05 input,
#location_salle div.absolute06 input{
width:60px;
}
#location_salle label.collation,
#location_salle label.rafraichissement{
padding-bottom:50px;
}
#location_salle label.autre{
padding-bottom:100px;
}
#location_salle div.absolute01{
top:211px;
}
#location_salle div.absolute02{
top:331px;
}
#location_salle div.absolute03{
top:358px;
}
#location_salle div.absolute04{
top:410px;
}
#location_salle div.absolute05{
top:437px;
}
#location_salle div.absolute06{
top:490px;
}
#location_salle div.absolute07{
top:240px;
}
#location_salle #soussigne,
#location_salle #assurance{
margin-top:20px;
}
#location_salle #soussigne #text_soussigne {
clear:both;
}
#location_salle #assurance label{
float:left;
width:100%;
}
#location_salle #assurance input{
float:right;
margin-right:95px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAU DIVERS---*/
table#tarif_emploi_non_permanent th.mission{
width:150px;
}
table#tarif_emploi_non_permanent th.tarifs{
width:85px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px;
}
.minus{
text-transform: none;
}
.decimal{
list-style-type:lower-latin;
}
dt{
font-weight:bold;
margin:0px 0px 5px 0px;
}
dd{
margin:0px 0px 5px 0px;
}
/*
form div.decal {
padding-left: 180px;
}
*/
form div.decal label {
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeon, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeon li ul {
display:none;
}
ul.accordeon li ul li ul{
display:block;
}
#inter ul.accordeon li {
background-repeat: no-repeat;
background-position: left 3px;
cursor:pointer;
font-weight:bold;
}
#inter ul.accordeon li ul li{
background-repeat: no-repeat;
background-position: left 1px ;
cursor:default;
font-weight:normal;
}
body.bodylien01 #inter ul.accordeon li {
background-image: url(plus_bleu.gif);
}
body.bodylien01 #inter ul.accordeon li ul li {
background-image: url(puce_lien01_02.gif);
}
body.bodylien01 #inter ul.accordeon li ul li ul li{
background-image: url(puce_lien01_03.gif);
}
body.bodylien02 #inter ul.accordeon li {
background-image: url(plus_vert.gif);
}
body.bodylien02 #inter ul.accordeon li ul li {
background-image: url(puce_lien02_02.gif);
}
body.bodylien02 #inter ul.accordeon li ul li ul li{
background-image: url(puce_lien02_03.gif);
}
body.bodylien03 #inter ul.accordeon li {
background-image: url(plus_jaune.gif);
}
body.bodylien03 #inter ul.accordeon li ul li {
background-image: url(puce_lien03_02.gif);
}
body.bodylien03 #inter ul.accordeon li ul li ul li{
background-image: url(puce_lien03_03.gif);
}
body.bodylien04 #inter ul.accordeon li {
background-image: url(plus_rouge.gif);
}
body.bodylien04 #inter ul.accordeon li ul li {
background-image: url(puce_lien04_02.gif);
}
body.bodylien04 #inter ul.accordeon li ul li ul li{
background-image: url(puce_lien04_03.gif);
}

body.bodylien05 #inter ul.accordeon li {
background-image: url(plus_bleu_clair.gif);
}
body.bodylien05 #inter ul.accordeon li ul li {
background-image: url(puce_lien05_02.gif);
}
body.bodylien05 #inter ul.accordeon li ul li ul li{
background-image: url(puce_lien05_03.gif);
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.bodyfonddoc #inter {
padding:0px 0px 0px 0px;
margin:0px 0px 50px 0px;
width:700px;
}
body.bodyfonddoc #inter #col_g{
float:left;
width:340px;
padding:0px 5px 0px 5px;
}
body.bodyfonddoc #inter #treelist{
width:340px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.bodyfonddoc #inter #form01{
width:340px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.bodyfonddoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.bodyfonddoc #inter #form01 label,
body.bodyfonddoc #inter #form01 input,
body.bodyfonddoc #inter #form01 select,
body.bodyfonddoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.bodyfonddoc #inter #msgResult,
body.bodyfonddoc #inter #resultat ul li a{
color:#007AC0;
}
body.bodyfonddoc #inter #resultat{
float:right;
width:320px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
#inter #resultat ul li .typedoc {
font-size: x-small;
font-weight: bold;
}

div.tableauRSS {
padding:20px 20px 20px 20px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- EXTRANET --*/
#logextranetForum p.msgLog {
text-align: center;
padding-top: 20px;
}
#logextranetForum p.msgLog a {
padding: 0px 0px 0px 15px;
color:#1D88C8;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- FORUM --*/
#inter #entetemessages a.newmessa,
#inter #entetemessages a.closemessa,
#inter #entetesujets a.newsujet,
#inter #entetesujets a.closesujet,
#inter a.retourpage {
padding: 0px 0px 0px 15px;
margin-right: 30px;
color:#1D88C8;
font-weight: bold;
}
#inter #entetemessages a.newmessa,
#inter #entetesujets a.newsujet {
background: url(ajout-forum.gif) no-repeat left center;
}
#inter #entetemessages a.closemessa,
#inter #entetesujets a.closesujet {
background: url(forum-clos.gif) no-repeat left center;
}
#inter a.retourpage {
background: url(retour-forum.gif) no-repeat left center;
}
#inter table.tableforum {
width: 460px;
margin-top: 10px;
}
#inter table.tableforum caption {
text-align: left;
font-weight: bold;
position: relative;
top: 0px;
left: 0px;
}
#inter table.tableforum th {
text-align: left;
}
#inter table.tableforum td.colEtat {
width: 90px;
}
#inter table.tableforum td.colEtat a {
display: block;
font-weight: bold;
color: #1D88C8;
font-size: x-small;
}
#inter table.tableforum td.colModere {
width: 70px;
text-align: center;
font-weight: bold;
}
#inter table.tableforum td.colNomForum a {
font-weight: bold;
color: #1D88C8;
}
#inter table.tableforum td.colNom {
width: 120px;
color: #1D88C8;
}
#inter table.tableforum td.colCrea {
width: 70px;
font-size: x-small;
}
#inter table.tableforum td.colMessage,
#inter table.tableforum td.colSujet {
width: 340px;
}
#inter table.tableforum td.colMessage span.titremsg {
display: block;
font-weight: bold;
}
#inter table.tableforum td.colMessage div.inresponse {
width: 320px;
margin: auto;
padding: 10px;
background-color: #ececec;
}
#inter table.tableforum td.colMessage div.inresponse span {
font-weight: bold;
color: #1D88C8;
padding: 0px 5px 0px 5px;
}
body.forum form div.footer {
padding:10px 0px 0px 0px;
}
body.forum form div.submit {
border:medium none;
clear:both;
margin-left:0px;
padding-top:10px;
}
body.forum form div.submit input {
margin:0px 135px 0px 0px;
}

body.forum form#logintra div.entry label  {
width: 100px;
}
body.forum form#logintra div.entry input  {
width: 220px;
}
body.forum form#logintra div.submit  {
padding-left: 240px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/

body.bodylien01, .cdg29{}
body.bodylien02, .jeSuisEluLocal{}
body.bodylien03, .jeGereLesRh{}
body.bodylien04, .agentServicePublic{}
body.bodylien05, .jeVeuxTravailler{}