html, body {
    height: 100%;
    text-align: center; 
    margin: 0 auto; 
}

html {
    overflow-x: hidden; 
    overflow-y: scroll; 
    font-size: 100%; 
}

body {
    min-width:1024px;
    margin:0;
    color:#231f20;
    font:12px Arial, Helvetica, sans-serif;
    line-height:1.4em;
    background:#fff url(../images/bg-body.gif) repeat-x;
    text-align:center;
}

h2 {
    margin: 0.5em 0 1em 0;
    font-size: 18px;
    line-height: 1.2em;
}

h3 {
    margin: 0.5em 0 1em 0;
    font-size: 14px;
    line-height: 1.2em;
}

body#op {
    min-width:0px;
    margin:0;
    color:#231f20;
    font:12px Arial, Helvetica, sans-serif;
    line-height:1.4em;
    background:#fff url(../images/bg-body.gif) repeat-x;
    text-align:center;
}

img { border-style:none;}
a {
    text-decoration:none;
    color:#808285;
}

a:hover { text-decoration:underline;}
textarea,
select,
input {
    font:100% Arial, Helvetica, sans-serif;
    vertical-align:middle;
}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
#pagewidth {
    width:100%;
    overflow:hidden;
    margin:0 0;
    /* background:url(../images/bg-pagewidth.gif) no-repeat 50% 0; */
    background: none no-repeat scroll 50% 0 transparent;
    /* background:url(../images/bg.jpg) no-repeat scroll 50% 0; */
}
#pagewidth-op {
    margin:0;
    overflow:hidden;
    width:600px;
    position: absolute; 
    left: 0;
}

/* main */
#main {
    width:1024px;
    margin:0 auto;
    overflow:hidden;
    background: none repeat scroll 0 0 #fff;
}
#main-op {
    width:600px;
    margin:5px;
    overflow:hidden;
}

/* header */
#header {
    width:950px;
    min-height:205px;
    margin:0 auto;
    background: #C4C4C4 url(../images/bg-header.jpg) no-repeat;
    position:relative;
}
* html #header {
    height:205px;
    overflow:visible;
}

#header-op {
    width:600px;
    height:200px;
    background:transparent url(../images/bg-header-operations-blank.jpg) no-repeat scroll 0 0;    
    position: relative;
}
#header-op img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 200px;
}
#header-box{
/* margin-top:40px; */
float:left;
height:30px;    
}
#header-titre-op {
position: absolute;
z-index: 2;
background:#000000;
padding:2px 10px 0px 10px;
text-align:left;
}

#header-titre-op h1{
color:#ffffff;
text-transform:uppercase;
margin:0 0 0 0;
font-size:23px;
line-height: 1.2em;
}

/* logo */
.logo {
margin:0;
/*float:left;*/
text-indent:-9999px;
overflow:hidden;
position:absolute;
z-index: 9;
top: 0;
left: 0;
}
.logo a {
display:block;
width:306px;
height:37px;
overflow:hidden;
background:url(../images/logo.gif) no-repeat;
}
#header_flash {
position: absolute;
top: 0;
left: 0;
}
#header ul {
list-style:none;
margin:0;
padding:7px 5px 0 0;
float:right;
}
#header ul li { display:inline;}
#header ul img { vertical-align:middle;}

/* language */
#header .language {
margin:22px 0 0 280px;
padding:0;
/*float:left;*/
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 138px;
line-height: 0;
font-size: 0;
text-align: left;
}
#header .language li {
display:block;
}
#header .language li.francais {
width:70px;
padding:3px 0 2px 42px;
margin:0 0 0 26px;
background:#56a0d3;
}
#header .language li.anglais {
width:64px;
padding:2px 0 3px 33px;
background:#bc9dca;
}
#header .language li a {
display:block;
height:10px;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
}
#header .language li.francais a {
width:58px;
background-image:url(../images/bg-francais.gif);
}
#header .language li.anglais a {
width:52px;
background-image:url(../images/bg-anglais.gif);
}

/* content-area */
#content-area {
width:100%;
overflow:hidden;
}
#content-area-op {
width:100%;
overflow:hidden;
}
#content-area ul {list-style:none;}
ul.nav-line {
margin:0;
padding:3px 0 4px 27px;
font-size:12px;
line-height:1.1em;
text-align:left;
}
ul.nav-line li {
display:inline;
color:#58595b;
padding:0 0 0 13px;
background:url(../images/bg-separatot-nav-list.gif) no-repeat 3px 4px;
}
ul.nav-line li:first-child { background-image:none;}
ul.nav-line li a { color:#58595b;}

/* content-box */
.content-box {
width:100%;
overflow:hidden;
display:inline;
}
.content-box-op {
width:100%;
overflow:hidden;
display:inline;
}

#menu_flash{
display: block;
width: 250px;
height: 200px;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
left: -55px;
z-index: 2;
}

#menu_noscripts {
position: absolute;
top: 225px;
margin: 0 0 0 -2px;
display: none;
width: 195px;
height: 200px;
z-index: 3;
}

#menu_noscripts .menu {
    clear: both;
    text-align: right;
    width: 195px;
    height: 200px;
}

#menu_noscripts .menu li {
    clear: both;
    width: 195px;
    height: 22px;
}

/* nav-sidebar */
.nav-sidebar {
    width:200px;
    float:left;
    overflow-x: hidden;
}
.nav-sidebar-op{
    width:200px;
    margin-left: 0;
    float:left;
    overflow-x: hidden;
    text-align: left;
    font-size: 11px;
    line-height: 1.3em;
}
.nav-sidebar-op p {
    margin: 0;
    padding: 0;
}
.carousel-op {
    width:200px;
    height:200px;
}
.beforeafter-op {
    width:200px;
    /*height:125px;*/
}
.beforeafter-op img {
    vertical-align: middle;
}
.chiffrescle-op{
margin: 10px 0 0 10px;
}
.chiffres-op {
/* width:200px; */
/* margin:0; */
padding: 5px;
border: 1px solid #DDD;
}
.chiffres-op p {
    margin: 0;
    padding: 0;
}

/* menu */
.menu {
    width:197px;
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
}
.menu li {
    width:100%;
}
.menu li a {
    float:right;
    clear:both;
    height:22px;
    text-indent:-9999px;
    overflow:hidden;
}
.menu li.architecture a {
    width:164px;
    background:#828d52 url(../images/bg-architecture.gif) no-repeat 55px 6px;
}
.menu li.mer a {
    width:160px;
    height:23px;
    background:#3bafbd url(../images/bg-mer.gif) no-repeat 126px 6px;
}
.menu li.logements a {
    width:197px;
    background:#d5d838 url(../images/bg-logements.gif) no-repeat 109px 6px;
}
.menu li.emploi a {
    width:145px;
    background:#fcb02a url(../images/bg-emploi.gif) no-repeat 89px 6px;
}
.menu li.economie a {
    width:120px;
    background:#99afb3 url(../images/bg-economie.gif) no-repeat 42px 4px;
}
.menu li.culture a {
    width:180px;
    background:#d60d8c url(../images/bg-culture.gif) no-repeat 115px 6px;
}
.menu li.espare-vert a {
    width:136px;
    background:#7ec352 url(../images/bg-espare-vert.gif) no-repeat 46px 7px;
}
.menu li.transport a {
    width:193px;
    height:23px;
    background:#bc9dca url(../images/bg-transport-deplacement.gif) no-repeat 1px 5px;
}
.menu li.qualite a {
    width:176px;
    background:#acb18b url(../images/bg-qualite-de-vie.gif) no-repeat 68px 4px;
}


.menu li.architecture_en a {
    width:164px;
    background:#828d52 url(../images/bg-architecture.gif) no-repeat 55px 6px;
}
.menu li.mer_en a {
    width:160px;
    height:23px;
    background:#3bafbd url(../images/bg-mer.gif) no-repeat 126px 6px;
}
.menu li.logements_en a {
    width:197px;
    background:#d5d838 url(../images/bg-logements.gif) no-repeat 109px 6px;
}
.menu li.emploi_en a {
    width:145px;
    background:#fcb02a url(../images/bg-emploi.gif) no-repeat 89px 6px;
}
.menu li.economie_en a {
    width:120px;
    background:#99afb3 url(../images/bg-economie.gif) no-repeat 42px 4px;
}
.menu li.culture_en a {
    width:180px;
    background:#d60d8c url(../images/bg-culture.gif) no-repeat 115px 6px;
}
.menu li.espare-vert_en a {
    width:136px;
    background:#7ec352 url(../images/bg-espare-vert.gif) no-repeat 46px 7px;
}
.menu li.transport_en a {
    width:193px;
    height:23px;
    background:#bc9dca url(../images/bg-transport-deplacement.gif) no-repeat 1px 5px;
}
.menu li.qualite_en a {
    width:176px;
    background:#acb18b url(../images/bg-qualite-de-vie.gif) no-repeat 68px 4px;
}

/* quo-sommes-box */
ul.quo-sommes-box {
    float:right;
    width:160px;
    margin:0;
    padding:0;
    clear:both;
    /*padding-top:200px;*/
}
ul.quo-sommes-box li {
    width:155px;
    padding:10px 5px 6px 0;
    border-bottom:1px solid #c9cacb;
    vertical-align:top;
}
ul.quo-sommes-box li.last {
    border-bottom:0px solid #c9cacb;
}
ul.quo-sommes-box ul {
    margin:0;
    padding:0;
    text-align:right;
}
ul.quo-sommes-box ul li {
    padding:0;
    border:none;
}
ul.quo-sommes-box ul li a {
    font-size:12px;
}
ul.quo-sommes-box h4 {
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0 0 2px;
}
ul.quo-sommes-box h4 a,
ul.quo-sommes-box h4 span {
    height:13px;
    float:right;
    clear:both;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
}
ul.quo-sommes-box h4.quo-sommes_en a,
ul.quo-sommes-box h4.quo-sommes_en span,
ul.quo-sommes-box h4.quo-sommes a,
ul.quo-sommes-box h4.quo-sommes span {
    width:118px;
    height:16px;
    background-image:url(../images/bg-qui-sommes-nous.gif);
}
ul.quo-sommes-box h4.quo-sommes_en a,
ul.quo-sommes-box h4.quo-sommes_en span {
    background-image:url(../images/en/bg-qui-sommes-nous.gif);
}
ul.quo-sommes-box h4.les-operations_en,
ul.quo-sommes-box h4.les-operations {
    margin:-3px 0 2px;
}
ul.quo-sommes-box h4.les-operations_en a,
ul.quo-sommes-box h4.les-operations_en span,
ul.quo-sommes-box h4.les-operations a,
ul.quo-sommes-box h4.les-operations span {
    width:90px;
    height:16px;
    background-image:url(../images/bg-les-operations.gif);
}
ul.quo-sommes-box h4.les-operations_en a,
ul.quo-sommes-box h4.les-operations_en span {
    background-image:url(../images/en/bg-les-operations.gif);
}
ul.quo-sommes-box h4.vie-quartier { padding:0;}
ul.quo-sommes-box h4.vie-quartier span,
ul.quo-sommes-box h4.vie-quartier a {
    width:91px;
    height:15px;
    background-image:url(../images/bg-vie-de-quartier.gif);
}
ul.quo-sommes-box h4.renover_en,
ul.quo-sommes-box h4.renover,
ul.quo-sommes-box h4.investir_en,
ul.quo-sommes-box h4.investir,
ul.quo-sommes-box h4.s-implanter_en,
ul.quo-sommes-box h4.s-implanter {
    padding:0;
}
ul.quo-sommes-box h4.renover_en span,
ul.quo-sommes-box h4.renover_en a,
ul.quo-sommes-box h4.renover span,
ul.quo-sommes-box h4.renover a {
    width:54px;
    height:15px;
    background-image:url(../images/bg-renover.gif);
    padding: 5px 0 6px 0;
}
ul.quo-sommes-box h4.renover_en span,
ul.quo-sommes-box h4.renover_en a {
    background-image:url(../images/en/bg-renover.gif);
}
ul.quo-sommes-box h4.investir_en span,
ul.quo-sommes-box h4.investir_en a,
ul.quo-sommes-box h4.investir span,
ul.quo-sommes-box h4.investir a {
    width:52px;
    height:15px;
    background-image:url(../images/bg-investir.gif);
    padding: 5px 0 6px 0;
}
ul.quo-sommes-box h4.investir_en span,
ul.quo-sommes-box h4.investir_en a {
    background-image:url(../images/en/bg-investir.gif);
}
ul.quo-sommes-box h4.s-implanter_en span,
ul.quo-sommes-box h4.s-implanter_en a,
ul.quo-sommes-box h4.s-implanter span,
ul.quo-sommes-box h4.s-implanter a {
    width:76px;
    height:15px;
    background-image:url(../images/bg-s-implanter.gif);
    padding: 5px 0 6px 0;
}
ul.quo-sommes-box h4.s-implanter_en span,
ul.quo-sommes-box h4.s-implanter_en a {
    background-image:url(../images/en/bg-s-implanter.gif);
}
/* dev-economiqe */
.dev-economiqe {
    width:159px;
    float:right;
    clear:both;
    border:1px solid #919090;
    overflow:hidden;
}
.dev-economiqe h4 {
    margin:0;
    width:159px;
    height:38px;
    text-indent:-9999px;
    overflow:hidden;
    background:#0064ae url(../images/bg-developement-economique.gif) no-repeat 39px 2px;
}
.dev-economiqe img { display:block;}

/* content-area */
.content-holder {
    /*display:inline;*/
    width:584px;
    float:left;
    margin:0 18px;
    padding:0;
    text-align:left;
    overflow-x: hidden; 
    min-height:1px;
    height: auto !important;
    height: 1px;

}
.content-holder-op{
    float:left;
    text-align:justify;
    width:380px;
    float:left;
    display:block;
    margin:10px;
    overflow-x: hidden; 
}
.content-holder h3 {
    /*height:22px;*/
    min-height:22px;
    height: auto !important;
    height: 22px;
    margin:0;
    /* #text-indent:-9999px; */
    overflow:hidden;
}
.content-holder .emplois-box h3 {
    min-height:0;
    height: auto !important;
    height: 0;
}
.content-holder .csc-textpic-text {
    text-align: justify;
}
.csc-searchResult,
.csc-searchResultHeader {
    width: 584px;
}

/* content */
.content {
    width:290px;
    float:left;
    overflow:hidden;
}
.edito {
    padding:0 0 13px;
    font-size:13px;
    line-height:1.5em;
    color:#808285;
    text-align:justify;
    min-height: 260px;
    height: auto !important;
    height: 260px;
    border-style: solid;
    /* MODIF PA : masque temporairement le bloc edito */
    /* border-color: #231F20; */
    border-color: #FFFFFF;
    border-width: 0 1px 1px 1px;
}
.edito h3 {
    margin:0 0 12px;
    /* MODIF PA : masque temporairement le bloc edito */
    /* background:#231f20 url(../images/bg-edito.png) no-repeat 5px 0px; */
}
.edito p {
    margin: 0;
    padding: 0 5px;
}
.edito div.csc-textpic,
.edito div.csc-textpic dl.csc-textpic-image {
    margin: 0; 
    padding: 0;
}

/* carte */
.carte_en h3,
.carte h3 {
    margin:0;
    background:#231f20 url(../images/bg-carte-interactive.png) no-repeat 4px 0px;
}
.carte_en h3 {
    background:#231f20 url(../images/en/bg-carte-interactive.png) no-repeat 4px 0px;
}
.carte_en a,
.carte a {
    display:block;
    border:1px solid #919090
}
.carte_en a img,
.carte a img {display:block;}

/* news-holder */
.news-holder {
    width:274px;
    float:right;
}

/* video-holder */
.video-holder_en,
.video-holder {
    width:100%;
    overflow:hidden;
    margin: 0;
}
.video-holder_en h3,
.video-holder h3 {
    margin:0;
    background:#231f20 url(../images/bg-le-president.png) no-repeat 5px 3px;
    /* background:#231f20 url(../images/bg-jpo.png) no-repeat -2px -1px; */
}
.video-holder_en h3 {
    background:#231f20 url(../images/en/bg-le-president.png) no-repeat 5px 3px;
}
.video-holder_en img,
.video-holder img {
    display:block;
}

/* actualities */

#news_wrapper {
    position: relative;
    background: transparent none repeat scroll 0 0;
    height: 213px;
    width: 584px;
    display: block;
}

#toutes-actus-wrapper {
    position: absolute;
    height: 26px;
    white-space: nowrap;
    overflow: hidden;
}
.actualities #toutes-actus-wrapper {
    width: 424px;
    margin: 3px 0 0 160px;
}
.actualities_en #toutes-actus-wrapper {
    margin: 3px 0 0 110px;
    width: 474px;
}

.news_box {
    display: none;
    height: 213px;
    width: 584px;
}

a.news_nav_link {
    text-decoration:none;
}

.actualities_en .news_title,
.actualities .news_title {
    position: absolute;
    z-index: 9;
    left: 0;
    /* margin: -23px 0 0 105px; */
    margin: 2px 0 0 105px;
    width: 477px;
    height: 20px;
    overflow: hidden;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    vertical-align: top;
    background: transparent;
}
.actualities .news_title {
    width: 477px;
    margin: 2px 0 0 105px;
}
.actualities_en .news_title {
    width: 517px;
    margin: 2px 0 0 65px;
}

.actualities_en .news_image,
.actualities .news_image {
    margin: 33px 0 0 0;
    position: absolute;
    text-align: center;
    width: 292px;
    height: 174px;
    overflow: hidden;
    background: #FFF;
}
.actualities_en .news_image img,
.actualities .news_image img {
    margin: 0 auto;
}

.actualities_en .news_text_content,
.actualities .news_text_content {
    margin: 33px 0 0 302px;
    position: absolute;
    width: 282px;
    height: 194px;
    overflow: hidden;
    background: white;
    line-height: 1.4em;
}

.actualities_en .news_text_content p,
.actualities .news_text_content p {
    margin: 0.8em 0;
    padding: 0;
}

.actualities_en .news_text_content strong,
.actualities .news_text_content strong {
    font-size: 1.2em;
    line-height: 1.1em;
}

.actualities_en .news_text_content p a,
.actualities .news_text_content p a,
.actualities_en .news_text_content strong a,
.actualities .news_text_content strong a {
    color: black;
}
.actualities_en .news_text_content p a:hover,
.actualities .news_text_content p a:hover,
.actualities_en .news_text_content strong a:hover,
.actualities .news_text_content strong a:hover {
    text-decoration: none;
}
.actualities_en .news_text_content .news_link a,
.actualities .news_text_content .news_link a,
.actualities_en .news_text_content .news_link,
.actualities .news_text_content .news_link {
    width:84px;
    height:15px;
}
.actualities_en .news_text_content .news_link a,
.actualities .news_text_content .news_link a {
    display: block;
    text-indent: -9999px;
    background: url(../images/bg-lire-article.png) no-repeat;
}
.actualities_en .news_text_content .news_link a {
    background: url(../images/en/bg-lire-article.png) no-repeat;
}

.actualities-nav {
    position: absolute;
    z-index: 9;
    margin: -30px 0 0 500px;
    width: 90px;
    height: 23px;
}

#prev,
#pause,
#next {
    display: block;
    width: 30px;
    height: 23px;
    float: left;
}

#prev {
    background: url(../images/prev.png) no-repeat;
}
#pause {
    background: url(../images/pause.png) no-repeat;
}
#pause.play {
    background: url(../images/play.png) no-repeat;
}
#next {
    background: url(../images/next.png) no-repeat;
}

.actualities_en,
.actualities {
    padding: 0;
    /*
    border-style: solid;
    border-color: #231F20;
    border-width: 0 1px 0 1px;
    */
}
.actualities_en h3,
.actualities h3 {
    margin:0;
    background: transparent url(../images/bg-actualites.png) no-repeat 0 0;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #E4E5E6;
    padding: 0 0 3px 0;
    position: absolute;
    z-index: 99;
    width: 584px;
    height: 20px;
}
.actualities_en h3 {
    background: transparent url(../images/en/bg-actualites.png) no-repeat 0 0;
}

.evenements_en h3,
.evenements h3 {
    margin:0;
    padding:0 0 1px;
    background:#231f20 url(../images/bg-agenda.png) no-repeat 4px 1px;
    border: solid #FFF 1px;
    border-width: 10px 0 0;
    color: #FFF;
    font-weight: normal;
    text-indent:-9999px;
}
.evenements_en h3 {
    background:#231f20 url(../images/en/bg-agenda.png) no-repeat 4px 1px;
}

.actualities_en img,
.actualities img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.actualities-main {
    overflow:hidden;
    background:#231f20;
    color:#fff;
    padding:5px 6px 5px 6px;
    width:262px;    
}
.actualities-main p { margin:0;}
.actualities-main ul {
    width:146px;
    margin:0 auto;
    padding:18px 0 12px;
    overflow:hidden;
}
.actualities-main ul li { float:left;}
.actualities-main ul li .lire {
    float:left;
    width:84px;
    height:15px;
    margin: 0;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/bg-lire-article.png) no-repeat;
}

/* articles-box */
ul.articles-box {
    margin:0;
    padding:0;
    border: solid transparent 1px;
    /* border-width: 10px 0 0; */
    border-width: 0;
    color:#fff;
    font-size:11px;
    line-height:12px;
    height:102px;
    background:#231F20 url(../images/bckgnd_evts.gif) repeat-x 0 100%;
    overflow:hidden;
}
ul.articles-box strong {
    width:100%;
    display:block;
}
ul.articles-box li {
    width:269px;
    padding:4px 0 6px 5px;
    overflow:hidden;
    position:relative;
    vertical-align:top;
}
ul.articles-box li.article-1 { background:#4c4c4e url(../images/bg-article-box-1.gif) repeat-x 0 100%;}
ul.articles-box li.article-2 { background:#6d6e71 url(../images/bg-article-box-2.gif) repeat-x 0 100%;}
ul.articles-box li.article-3 { background:#8a8c8e url(../images/bg-article-box-3.gif) repeat-x 0 100%;}

ul.articles-box li div.txt  span div p.bodytext{
    margin:0px;
}

ul.articles-box li {
    height:24px;
    overflow:hidden;
}

ul.articles-box li .txt {
    width:174px;
    line-height: 1.2em;
    float:left;
}
ul.articles-box li a {
    display:block;
    width:93px;
    height:10px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    position:absolute;
    bottom:6px;
    right:7px;
}
ul.articles-box li.article- a { background-image:url(../images/bg-article-1.gif);}
div.evenements_en ul.articles-box li.article- a { background-image:url(../images/en/bg-article-1.gif); width: 103px; }
ul.articles-box li.article-1 a { background-image:url(../images/bg-article-1.gif);}
ul.articles-box li.article-2 a { background-image:url(../images/bg-article-2.gif);}
ul.articles-box li.article-3 a { background-image:url(../images/bg-article-3.gif);}

/* toutes-actus */
h4.toutes-actus_en,
h4.tout-lagenda_en,
h4.toutes-actus,
h4.tout-lagenda {
    margin: 0;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
}
h4.toutes-actus_en,
h4.toutes-actus {
    text-align: center;
    text-transform: uppercase;
    border-style: solid;
    border-color: #C9CACC;
    border-width: 0 0 1px 0;
    padding: 0 0 7px 0;
    background: transparent url(../images/bg-toutes-les-actus.png) no-repeat scroll 0 0;
}
h4.toutes-actus_en {
    background: transparent url(../images/en/bg-toutes-les-actus.png) no-repeat scroll 0 0;
}
h4.toutes-actus_en a,
h4.toutes-actus a {
    font-weight: normal;
    letter-spacing: -1px;
    color: #000 !important;
    text-decoration: none;
}
h4.tout-lagenda {
    background:#d1d3d4 url(../images/bg-tout-lagenda.png) no-repeat center 2px;
}
h4.tout-lagenda_en {
    background:#d1d3d4 url(../images/en/bg-tout-lagenda.png) no-repeat center 2px;
}
h4.toutes-actus_en a,
h4.tout-lagenda_en a,
h4.toutes-actus a,
h4.tout-lagenda a {
    display:block;
    width:100%;
    height:100%;
}

h4.toutes-actus_en,
h4.toutes-actus {
    margin: 0 0 10px 0;
}
.toutes-actus-link {
    display: none;
    font-size: 1.2em;
}

/* inner-navbar */
.inner-navbar {
    /*display:inline;*/
    width:172px;
    margin:0 32px 0 0;
    float:left;
    text-align:left;
    overflow: hidden; 
}
.inner-navbar h4 {
    margin:0;
    text-indent:-9999px;
    overflow:hidden;
}
.inner-navbar h4.rechercher_en,
.inner-navbar h4.rechercher {
    height:13px;
    margin:6px 0 0;
    background:url(../images/bg-rechercher.gif) no-repeat 6px 0;    
}
.inner-navbar h4.rechercher_en {
    background:url(../images/en/bg-rechercher.gif) no-repeat 6px 0;    
}
.inner-navbar fieldset {
    width:166px;
    padding:3px 0 0 1px;
    overflow:hidden;
    float:left;
}
.tx-kesmallads-pi1-searchbox-sword,
.inner-navbar fieldset input {
    width:127px;
    padding:2px 4px 4px 4px;
    border:solid #c9cacc;
    border-width:1px 0 1px 1px;
    font-size:10px;
    color:#58595b;
    background:#fff;
    float:left;
}
.inner-navbar fieldset input.ok {
    width:30px;
    height:21px;
    padding:0;
    border:none;
    cursor:pointer;
}

/* euromediter-box */
ul.euromediter-box {
    width:166px;
    margin:9px 0 0;
    padding:0 0 0 1px;
    float:left;
}
ul.euromediter-box li {
    width:161px;
    padding:10px 0 6px 5px;
    border-bottom:1px solid #c9cacc;
    vertical-align:top;
}
ul.euromediter-box li:first-child {
    border:solid #c9cacc;
    border-width:1px 0;
}
ul.euromediter-box ul {
    margin:0;
    padding:0;
    text-align:left;
}
ul.euromediter-box ul li {
    padding:0;
    border:0 !important;
}
ul.euromediter-box ul li a {
    font-size:12px;
}
ul.euromediter-box h4 {
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0 0 3px;
}
ul.euromediter-box h4 a {
    display:block;
    float:left;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
}
ul.euromediter-box h4.travaux-a7 a {
    height:28px;
    width:120px;
    background-image:url(../images/bg-travaux-a7.gif);
}
ul.euromediter-box h4.travaux-a7_en a {
    height:28px;
    width:120px;
    background-image:url(../images/en/bg-travaux-a7.gif);
}
ul.euromediter-box h4.concertation_parc_stcharles a {
    height:28px;
    width:115px;
    background-image:url(../images/bg-parc-stcharles.gif);
}
ul.euromediter-box h4.concertation_parc_stcharles_en a {
    height:28px;
    width:115px;
    background-image:url(../images/en/bg-parc-stcharles.gif);
}
ul.euromediter-box h4.journees-decouverte a {
    height:28px;
    width:120px;
    background-image:url(../images/bg-jour-decouv-euro.png);
}
ul.euromediter-box h4.suivi_chantiers a {
    height:28px;
    width:120px;
    background-image:url(../images/bg-suivi-chantiers.png);
}
ul.euromediter-box h4.euromediter-anime a {
    height:28px;
    width:120px;
    background-image:url(../images/bg-euro-animee.gif);
}
ul.euromediter-box h4.euromediter-anime_en a {
    height:28px;
    width:120px;
    background-image:url(../images/en/bg-euro-animee.gif);
}
ul.euromediter-box h4.projet-classe-1 a {
    width:121px;
    height:30px;
    background-image:url(../images/bg-presentation-classe-1.gif);
}
ul.euromediter-box h4.projet-classe-1-en a {
    width:121px;
    height:30px;
    background-image:url(../images/bg-presentation-classe-1-uk.gif);
}
ul.euromediter-box h4.la-parole a {
    width:100px;
    height:28px;
    background-image:url(../images/bg-la-parole.gif);
}
ul.euromediter-box h4.la-parole_en a {
    width:100px;
    height:28px;
    background-image:url(../images/en/bg-la-parole.gif);
}
ul.euromediter-box h4.la-parole_en,
ul.euromediter-box h4.la-parole {
    padding:0 0 4px;
}
ul.euromediter-box h4.inscrivez a {
    width:122px;
    height:29px;
    background-image:url(../images/bg-inscrivez-news.gif);
}
ul.euromediter-box h4.inscrivez_en a {
    width:122px;
    height:29px;
    background-image:url(../images/en/bg-inscrivez-news.gif);
}
ul.euromediter-box h4.inscrivez_en,
ul.euromediter-box h4.inscrivez {
    padding:0 0 4px;
}
ul.euromediter-box h4.services {
    display:block;
    width:103px;
    height:13px;
    margin:0 0 0 1px;
    background-image:url(../images/bg-services-en-ligne.gif);
    background-repeat: no-repeat;
}
ul.euromediter-box h4.services_en {
    display:block;
    width:103px;
    height:13px;
    margin:0 0 0 1px;
    background-image:url(../images/en/bg-services-en-ligne.gif);
    background-repeat: no-repeat;
}
ul.euromediter-box h4.services_en,
ul.euromediter-box h4.services {
    margin:-1px 0 1px;
}

/* nav-sidebar-2 */
ul.nav-sidebar-2 {
    margin:0;
    padding:2px 0 0 1px;
    clear:both;
    line-height:0;
    font-size:0;
    text-align:left;
}
ul.nav-sidebar-2 li {
    padding:6px 0 6px 5px;
    overflow:hidden;
}
ul.nav-sidebar-2 li a {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
}
* html ul.nav-sidebar-2 li a {
    height:1%;
    overflow:visible;
}
ul.nav-sidebar-2 li.multimedia_en,
ul.nav-sidebar-2 li.multimedia {
    padding:6px 0 6px 5px;
}
ul.nav-sidebar-2 li.multimedia_en a,
ul.nav-sidebar-2 li.multimedia a {
    width:110px;
    height:13px;
    background-image:url(../images/bg-videos-multimedia.gif);
}
ul.nav-sidebar-2 li.multimedia_en a {
    background-image:url(../images/en/bg-videos-multimedia.gif);
}
ul.nav-sidebar-2 li.vos-questions_en,
ul.nav-sidebar-2 li.vos-questions {
    padding:7px 0 6px 5px;
}
ul.nav-sidebar-2 li.vos-questions_en a,
ul.nav-sidebar-2 li.vos-questions a {
    width:89px;
    height:13px;
    background-image:url(../images/bg-vos-question.gif);
}
ul.nav-sidebar-2 li.vos-questions_en a {
    background-image:url(../images/en/bg-vos-question.gif);
}
ul.nav-sidebar-2 li.nous-contacter_en,
ul.nav-sidebar-2 li.nous-contacter {
    padding:6px 0 6px 6px;
}
ul.nav-sidebar-2 li.nous-contacter_en a,
ul.nav-sidebar-2 li.nous-contacter a {
    width:101px;
    height:10px;
    background-image:url(../images/bg-nous-contacter.gif);
}
ul.nav-sidebar-2 li.nous-contacter_en a {
    background-image:url(../images/en/bg-nous-contacter.gif);
}
ul.nav-sidebar-2 li.espare-prese_en,
ul.nav-sidebar-2 li.espare-prese {
    padding:7px 0 6px 6px;
}
ul.nav-sidebar-2 li.espare-prese_en a,
ul.nav-sidebar-2 li.espare-prese a {
    width:82px;
    height:10px;
    background-image:url(../images/bg-espace-prese.gif);
}
ul.nav-sidebar-2 li.espare-prese_en a {
    background-image:url(../images/en/bg-espace-prese.gif);
}
ul.nav-sidebar-2 li.telechargements_en,
ul.nav-sidebar-2 li.telechargements {
    padding:5px 0 6px 5px;
}
ul.nav-sidebar-2 li.telechargements_en a,
ul.nav-sidebar-2 li.telechargements a {
    width:110px;
    height:13px;
    background-image:url(../images/bg-telechargements.gif);
}
ul.nav-sidebar-2 li.telechargements_en a {
    background-image:url(../images/en/bg-telechargements.gif);
}
ul.nav-sidebar-2 li.liens-utiles_en,
ul.nav-sidebar-2 li.liens-utiles {
    padding:7px 0 6px 6px;
}
ul.nav-sidebar-2 li.liens-utiles_en a,
ul.nav-sidebar-2 li.liens-utiles a {
    width:70px;
    height:10px;
    background-image:url(../images/bg-liens-utiles.gif);
}
ul.nav-sidebar-2 li.liens-utiles_en a {
    background-image:url(../images/en/bg-liens-utiles.gif);
}

a.perimetre_en,
a.perimetre {
    padding:5px 0 6px 5px;
    width:128px;
    height:13px;
    background: transparent url(../images/bg-plan-perimetre.gif) no-repeat 6px 5px;
    display: block;
}
a.perimetre_en {
    background: transparent url(../images/en/bg-plan-perimetre.gif) no-repeat 6px 5px;
}
a.cartetravaux_en,
a.cartetravaux {
    padding:5px 0 6px 5px;
    width:138px;
    height:13px;
    background: transparent url(../images/bg-carte-travaux.gif) no-repeat 6px 5px;
    display: block;
}
a.cartetravaux_en {
    background: transparent url(../images/en/bg-carte-travaux.gif) no-repeat 6px 5px;
}

a.flux_rss_en,
a.flux_rss {
    padding:5px 0 6px 5px;
    width:161px;
    height:30px;
    background: transparent url(../images/bg-suivre-actus.jpg) no-repeat 6px 18px;
    display: block;
}
a.flux_rss_en {
    background: transparent url(../images/en/bg-suivre-actus.jpg) no-repeat 6px 18px;
}

/* footer */
#footer {
    width:100%;
    overflow:hidden;
}
#footer ul {
    width:100%;
    list-style:none;
    margin:7px 0 15px;
    padding:0;
    overflow:hidden;
    text-align:center;
    font-size:10px;
}
#footer ul li {
    display:inline;
    padding:0 7px;
    background:url(../images/bg-footer-link.gif) no-repeat 0 6px;
}
#footer ul li:first-child { background-image:none;}
#footer ul li a {
    color:#58595b;
}
#footer a img {
    border: solid #FFF 1px;
    border-width: 10px 3px 3px 3px;
}

/* inner-1 page */



h3.title {
    margin:0;
    background:#000000;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:17px;
    padding-left:5px;
    text-indent:0px;
}
.content-txt p,.content-txt div {
    margin:8px 0;
    text-align:justify;
}

div.titre_page{
    margin-top:3px; 
    margin-left:5px; 
    margin-bottom:0px;
    margin-right:0px;
    color:#FFF;
}

/* txt-main */
.txt-main {
    width:100%;
    overflow:hidden;
}
.txt-main p { margin:8px 0;}
.txt-box {
    width:281px;
    float:left;
    text-align:justify;
}
.link,
.txt-box a {
    color:#0064ae;
    text-decoration:underline;
}
.link:hover,
.txt-box a:hover { 
    text-decoration:none;
}
.emplois-box {
    display:inline;
    width:282px;
    float:left;
    margin:0 0 0 21px;
}
.emplois-box p {
    text-align: justify;
}
.emplois-box a {
    text-decoration: underline;
    color: #FFF;
}
.emplois-box a:hover {
    text-decoration: none;
}
.txt-box h1,
.emplois-box h1,
.txt-box h5,
.emplois-box h5 {
    margin:0;
    font-size:15px;
    color:#231f20;
    text-align: left;
}
.txt-box ul li {
    list-style-type:disc;
}
.colorise { color:#58595b;}
h3.emplois-crees {
    height:36px;
    margin:2px 0 0;
    background:#231f20 url(../images/bg-emplois-crees.gif) no-repeat 21px 6px;
}

h3.chiffre_clef {
    height:auto;
    margin:0;
    padding: 0;
    text-align: center;
    background:#231f20;
    text-transform: uppercase;
    line-height: 0;
}

h3.chiffre_clef div {
    line-height: 0;
    padding: 0;
    margin: 0;
}

h3.chiffre_clef div p {
    line-height: 1.2em;
    padding: 5px;
    margin: 0;
    text-align: center;
}

h3.logement {
    margin:0;
    background:#d5d838 url(../images/bg-logement-title.gif) no-repeat 6px 6px;
}

h3.black_simple {
    margin:0;
    background:#000000;
}

h3.architecture_simple {
    margin:0;
    background:#828d52;
}

h3.chiffre_clef  div.chiffre_architecture{
    color:#828d52;
    font-size:16px; 
}

h3.mer_simple {
    margin:0;
    background:#3bafbd;
}
h3.chiffre_clef  div.chiffre_mer{
    color:#3bafbd;
    font-size:16px; 
}


h3.logement_simple {
    margin:0;
    background:#d5d838;
}

h3.chiffre_clef  div.chiffre_logement{
    color:#D5D838;
    font-size:16px; 
}

h3.emploi_simple {
    margin:0;
    background:#fcb02a;
}

h3.chiffre_clef  div.chiffre_emploi{
    color:#fcb02a;
    font-size:16px; 
}


h3.economie_simple {
    margin:0;
    background:#99afb3;
}
h3.chiffre_clef  div.chiffre_economie{
    color:#99afb3;
    font-size:16px; 
}


h3.culture_simple {
    margin:0;
    background:#d60d8c;
}
h3.chiffre_clef  div.chiffre_culture{
    color:#d60d8c;
    font-size:16px; 
}

h3.espace_simple {
    margin:0;
    background:#7ec352;
}
h3.chiffre_clef  div.chiffre_espace{
    color:#7ec352;
    font-size:16px; 
}


h3.transport_simple {
    margin:0;
    background:#bc9dca;
}
h3.chiffre_clef  div.chiffre_transport{
    color:#bc9dca;
    font-size:16px; 
}


h3.qualite_simple {
    margin:0;
    background:#ACB18B;
}
h3.chiffre_clef  div.chiffre_qualite{
    color:#ACB18B;
    font-size:16px; 
}

.emplois-box img {
    display:block;
    padding:0;
    margin:0;
    border: solid #FFF 1px;
    border-width: 10px 0;
}
.emplois-box ul,
div.emploi-box div.image_text div.qualite ul,
#content-area div.image_text div ul  {
    margin:0 0 0 5px;
    padding:4px 0 5px;
    list-style-position:inside;
    list-style-type:disc;
}
* html .emplois-box ul {
    height:1%;
    overflow:visible;
}
.emplois-box ul li,
div.emploi-box div.image_text div.qualite ul li,
#content-area div.emploi-box div.image_text div.qualite ul li {
    vertical-align:middle;
    overflow:hidden;
    font-size:14px;
    color:#FFF;
    padding:5px 4px 6px 6px;
    text-align:left;
}

div.emplois-box div.image_text dd {
    font-size: 11px;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    font-style: italic;
    position: relative;
    top: -8px;
}

/* Boites "Le saviez vous" */
div.architecture,
div.mer,
div.logement,
div.emploi,
div.economie,
div.culture,
div.espace,
div.transport,
div.qualite {
    padding:0;
    margin:0;
}

div.architecture h1,
div.mer h1,
div.logement h1,
div.emploi h1,
div.economie h1,
div.culture h1,
div.espace h1,
div.transport h1,
div.qualite h1 {
    border: solid white 1px;
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

div.architecture h1,
div.architecture p,
div.mer h1,
div.mer p,
div.logement h1,
div.logement p,
div.emploi h1,
div.emploi p,
div.economie h1,
div.economie p,
div.culture h1,
div.culture p,
div.espace h1,
div.espace p,
div.transport h1,
div.transport p,
div.qualite h1,
div.qualite p {
    margin:0;
    padding: 8px;
    color:#FFF;
    text-align:left;
    font-size:16px;
}

div.architecture p,
div.mer p,
div.logement p,
div.emploi p,
div.economie p,
div.culture p,
div.espace p,
div.transport p,
div.qualite p {
    font-size:13px;
}



* html .emplois-box ul li {
    height:1%;
    overflow:visible;
}
.emplois-box ul li strong,.emplois-box ul li b {
    padding:0 4px 0 0;
}
*+html .emplois-box ul li strong { padding:0 1px 0 0;}
* html .emplois-box ul li strong { padding:0 1px 0 0;}
.emplois-box ul li span {
    display:inline;
    overflow:hidden;
}
* html .emplois-box ul li span {
    height:1%;
    overflow:visible;
}

/* inner-2 page */
/* espace-box */
.espace-box {
    width:100%;
    overflow:hidden;
}

/* espace-box-title */
.espace-box-title {
    width:100%;
    overflow:hidden;
    margin:0 0 5px;
    background:#231f20;
}

.espace-box-bottom-title {
    width:100%;
    overflow:hidden;
    margin:0 0 5px;
    background:#231f20;
    height:29px;
}
.espace-box-bottom-title h3.bottom-title {
    margin:6px 0 0 5px;
    height:23px;
    color:#FFFFFF;
}
.espace-box-bottom-title h3.bottom-title a {
    color:#FFFFFF;
    text-transform:uppercase;
}
.espace-box-title h3.content_title {
    height:23px;
    float:left;
    margin:6px 0 0 5px;
    color:#FFFFFF;
}

.espace-box-title h3.espare-prese-title {
    display:inline;
    height:23px;
    float:left;
    margin:6px 0 0 5px;
    color:#FFFFFF;
}
.espace-box-title h3.acces-title {
    margin:6px 0 0 5px;
    width:135px;
    display:inline;
    height:23px;
    float:right;
    color:#FFFFFF;
}
.espace-box-title h3.acces-title  a{
    color:#FFFFFF;
    text-transform:uppercase;
}

.espace-box-title h3.tipafriend, .espace-box-title div.tipafriend {
    margin:6px 15px 0 5px;
    display:inline;
    height:23px;
    float:right;
    color:#FFFFFF;
}
.espace-box-title h3.tipafriend  a{
    color:#FFFFFF;
    text-transform:uppercase;
    border:0px;
}

.espace-box-title h3.print, .espace-box-title div.print {
    margin:6px 15px 0 5px;
    display:inline;
    height:23px;
    float:right;
    color:#FFFFFF;
}
.espace-box-title h3.print a{
    color:#FFFFFF;
    text-transform:uppercase;
    border:0px;
}

.espace-box-title h3.pdf, .espace-box-title div.pdf {
    margin:6px 15px 0 5px;
    display:inline;
    height:23px;
    float:right;
    color:#FFFFFF;
}
.espace-box-title h3.pdf a{
    color:#FFFFFF;
    text-transform:uppercase;
    border:0px;
}

/* espace-holder */
.espace-holder {
    width:100%;
    padding:3px 0 6px;
    overflow:hidden;
    background:url(../images/bg-espace-holder.gif) no-repeat 100% 100%;
}
.espace-holder img {
    float:left;
    border:1px solid #ccced0;
}
.espace-holder h5 {
    margin:11px 0 18px;
    font-size:15px;
}
.espace-holder p {
    margin:0;
    color:#58595b;
}
.espace-txt {
    overflow:hidden;
    padding:0 0 0 7px;
}
* html .espace-txt {
    height:1%;
    overflow:visible;
}
.telecarger-link,.telecarger-link-left {
    float:right;
    display:inline;
    padding:26px 0 0;
    background:url(../images/bg-link-pdf.gif) no-repeat 50% 0;
    font-size:11px;
    margin:14px 9px 0 30px;
}

.telecarger-link-left {
    float: left;
    margin-left: 190px;
}

.espace-txt .telecarger-link-left {
    margin-left: 163px;
}

.telecarger-link a,.telecarger-link-left a {
    text-decoration:underline;
    color:#6d6e71;
}
.telecarger-link a:hover,.telecarger-link-left a:hover{ text-decoration:none;}

/* espace-row */
.espace-row {
    overflow:hidden;
    padding:9px 0 6px 8px;
    background:url(../images/bg-espace-row.gif) no-repeat;
}
* html .espace-row {
    height:1%;
    overflow:visible;
}
.first-row { background:none;}
.espace-row h3 {
    margin:0;
    text-indent:0;
    font-size:17px;
}
.espace-row .telecarger-link { margin:2px 8px 0 35px;}
.espace-row .telecarger-link-left { margin:2px 8px 0 0px;}
.espace-row .alone-link { margin:2px 129px 0 0;}

/* espace-info */
.espace-info {
    width:295px;
    float:left;
}
.espace-info p {
    margin:0;
    line-height:1.6em;
    /* color:#939598; */
    color:#58595B;
}
h3.tous-les {
    margin:8px 0 0;
    height:22px;
    background:#231f20 url(../images/bg-title-tous-les.gif) no-repeat 3px 3px;
}

.align-left{
    text-align:left;
}
.align-center{
    text-align:center;
}
.align-right{
    text-align:right;
}
.align-justify{
    text-align:justify;
}
.annonce_entete{
    height:23px;
}

.annonce_view{
    float:left;
    width:290px;
    color:#000;
    font-weight:bold;
    height:23px;
}
.annonce_view a{
    color:#000;
}

.annonce_add{
    float:left;
    width:290px;
    color:#000;
    font-weight:bold;
    text-align:right;
    height:23px;
}
.annonce_add a{
    color:#000;
}


div.content-chiffres-clefs p.bodytext{
  /* display:inline; */
}

div.op-content_en div.op-title,
div.op-content div.op-title {
    font-size:12px;
    font-weight:bold;
    padding-left:13px;
    margin:3em 0 5px 0;
    cursor: pointer;
    text-decoration: none;
    text-indent:-9999px;
    display:block;
    height:24px;
    /*background:transparent url(../../../typo3conf/ext/irfaq/res/plus.gif) no-repeat left 4px;*/
}
div.op-content div.architecture {
    background:transparent url(../images/plus-architecture.jpg) no-repeat left 0;
}
div.op-content div.mer {
    background:transparent url(../images/plus-mer.jpg) no-repeat left 0;
}
div.op-content div.logement {
    background:transparent url(../images/plus-logement.jpg) no-repeat left 0;
}
div.op-content div.emploi {
    background:transparent url(../images/plus-emploi.jpg) no-repeat left 0;
}
div.op-content div.economie {
    background:transparent url(../images/plus-economie.jpg) no-repeat left 0;
}
div.op-content div.culture {
    background:transparent url(../images/plus-culture.jpg) no-repeat left 0;
}
div.op-content div.espace {
    background:transparent url(../images/plus-espace.jpg) no-repeat left 0;
}
div.op-content div.transport {
    background:transparent url(../images/plus-transport.jpg) no-repeat left 0;
}
div.op-content div.qualite {
    background:transparent url(../images/plus-qualite.jpg) no-repeat left 0;
}
/* en */
div.op-content_en div.architecture {
    background:transparent url(../images/en/plus-architecture.jpg) no-repeat left 0;
}
div.op-content_en div.mer {
    background:transparent url(../images/en/plus-mer.jpg) no-repeat left 0;
}
div.op-content_en div.logement {
    background:transparent url(../images/en/plus-logement.jpg) no-repeat left 0;
}
div.op-content_en div.emploi {
    background:transparent url(../images/en/plus-emploi.jpg) no-repeat left 0;
}
div.op-content_en div.economie {
    background:transparent url(../images/en/plus-economie.jpg) no-repeat left 0;
}
div.op-content_en div.culture {
    background:transparent url(../images/en/plus-culture.jpg) no-repeat left 0;
}
div.op-content_en div.espace {
    background:transparent url(../images/en/plus-espace.jpg) no-repeat left 0;
}
div.op-content_en div.transport {
    background:transparent url(../images/en/plus-transport.jpg) no-repeat left 0;
}
div.op-content_en div.qualite {
    background:transparent url(../images/en/plus-qualite.jpg) no-repeat left 0;
}

div.op-content-ouvert div.architecture {
    background:transparent url(../images/moins-architecture.jpg) no-repeat left 0;
}
div.op-content-ouvert div.mer {
    background:transparent url(../images/moins-mer.jpg) no-repeat left 0;
}
div.op-content-ouvert div.logement {
    background:transparent url(../images/moins-logement.jpg) no-repeat left 0;
}
div.op-content-ouvert div.emploi {
    background:transparent url(../images/moins-emploi.jpg) no-repeat left 0;
}
div.op-content-ouvert div.economie {
    background:transparent url(../images/moins-economie.jpg) no-repeat left 0;
}
div.op-content-ouvert div.culture {
    background:transparent url(../images/moins-culture.jpg) no-repeat left 0;
}
div.op-content-ouvert div.espace {
    background:transparent url(../images/moins-espace.jpg) no-repeat left 0;
}
div.op-content-ouvert div.transport {
    background:transparent url(../images/moins-transport.jpg) no-repeat left 0;
}
div.op-content-ouvert div.qualite {
    background:transparent url(../images/moins-qualite.jpg) no-repeat left 0;
}
/* en */
div.op-content_en-ouvert div.architecture {
    background:transparent url(../images/en/moins-architecture.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.mer {
    background:transparent url(../images/en/moins-mer.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.logement {
    background:transparent url(../images/en/moins-logement.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.emploi {
    background:transparent url(../images/en/moins-emploi.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.economie {
    background:transparent url(../images/en/moins-economie.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.culture {
    background:transparent url(../images/en/moins-culture.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.espace {
    background:transparent url(../images/en/moins-espace.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.transport {
    background:transparent url(../images/en/moins-transport.jpg) no-repeat left 0;
}
div.op-content_en-ouvert div.qualite {
    background:transparent url(../images/en/moins-qualite.jpg) no-repeat left 0;
}


div.op-content_en div.op-list div.concept_titre, div.op-content_en div.op-list div.concept_titre a,
div.op-content div.op-list div.concept_titre, div.op-content div.op-list div.concept_titre a{
    font-weight:bold;
    margin-top:10px;
    color:#000;
    text-decoration:none;
}

div.op-content_en div.op-list div.concept_titre a:hover,
div.op-content div.op-list div.concept_titre a:hover {
    text-decoration: underline;
}

div.op-content_en div.op-list,
div.op-content div.op-list {
    display: none;
}

div.op-content_en div.op-list div.operation_titre,
div.op-content div.op-list div.operation_titre {
    /* text-indent:10px; */
    padding-left: 10px;
}


#content-area  ul.error{
    color:red;
    list-style-type:disc;
}

a#hd_gallery{
    font-size:24px;
    color:#0078ad;
    text-decoration:none;
}

a#hd_gallery:link{text-decoration:none;}
a#hd_gallery:visited{text-decoration:none;}
a#hd_gallery:hover{text-decoration:underline;}
a#hd_gallery:active{text-decoration:underline;}




div.record_box_title{
    display:inline;
    float:left;
    width:100%;
}
div.record_box_title h3.record_title{
    /*margin:6px 0 0 5px;*/
    color:#000000;
    text-transform:uppercase;
    font-size:17px;
    /*padding-left:5px;*/
    text-indent:0px;
    float:left;
}
div.record_box_title div.tipafriend, div.record_box_title div.print{
    display:inline;
    float:right;
    margin:6px 0 0 5px;
}


.clear{
    clear:both;
}

/* marches publics */

.emarchespublics_listemarches h1.inter {
    font-size: 1.4em;
}

.emarchespublics_listemarches table {
    width: 100%;
}
div.emarchespublics_listemarches th, 
div.emarchespublics_listemarches td {
    border:solid #CCC 1px;
    border-width:1px 0 0 0;
    font-size:11px;
    vertical-align:top;
    padding:0 0 10px 0;
}

div.emarchespublics_listemarches th {
    color: #808285;
}

div.image-box {
    text-align: justify;
}
div.image-box div.image img {
    /* float: left;*/
    padding: 0 10px 10px 0;
}

div.indent {
    padding-left: 110px;
}

div.news-single-backlink a {
    font-size: 12px;
}

div.image-box div.image div.news-single-files img {
    padding: 0 1em 0 0;
    margin: 0;
}

div.image-box div.image div.news-single-files {
    margin: 1em 0;
}

td.align-right {
    text-align: right;
}

div.csc-header {
    position: relative;
    clear: both;
    padding: 0 0 0 250px;
    width: 350px;
}
div.csc-header h1 {
    top: 8px;
    font-size: 12px;
    position: absolute;
    display: block;
    width: 350px;
}

pre.rgmediaimages-caption,
div.rgmediaimages-caption {
    font-family: Arial,Helvetica,sans-serif;
    clear: right;
    padding: 3em 0 0 250px;
    left:0;
    position:absolute;
    width:350px;
}
div.rgmediaimages-media span {
    float: left;
    /* background: transparent url(../images/bg-fw.png) no-repeat left top; */
}
div.rgmediaimages-media {
    border: 1px solid #CCC;
    border-width: 1px 0 0 0;
    position:relative;
}
.tx-rgmediaimages-pi1 {
    clear: both;
    padding: 10px 0 0 0;
}
.mm-dam-row-container td.col-prevcontainer {
    vertical-align: middle;
}
div.video-holder_en .tx-rgmediaimages-pi1,
div.video-holder .tx-rgmediaimages-pi1 {
    padding: 1px 0 0 0;
    background: #231F20;
}
div.video-holder_en .tx-rgmediaimages-pi1 .rgmediaimages-media,
div.video-holder .tx-rgmediaimages-pi1 .rgmediaimages-media {
    border: 0;
}
span.rgmediaimages-player {
    display: block;
    min-height:200px;
    height: auto !important;
    height: 200px;
    min-width:240px;
    width:expression(document.body.clientWidth < 240? "240px": "auto" );
}

/* bannieres */
.marseile-banner, .marseile-banner-left {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.marseile-banner img, 
.marseile-banner-left img {
    display: block;
    /* border: 2px solid #c7c9cb; */
    border: 0;
}
.marseile-banner {
    margin: 8px 0 0 0;
}
.marseile-banner-left {
    margin-left: -12px;
}

.news-list-item h3 {
    background: transparent;
}

/* Pour mettre la croix de fermeture de shadowbox en haut a droite */
#sb-info {
    position: absolute;
    top: 0;
    right: 0;
}

.tx-t3unity3d-pi1 {
    text-align: left !important;
}
#supersized-loader {
    display: none;
}