/* the taller picturesque content top */
#content-wide .aboutProductsAndServicesTall {
min-height: 273px;
height:auto !important;
height: 273px;
background: url("15122008_partimoineInfos_visu.png") no-repeat scroll -3px top transparent;
margin-top: -3px;
z-index: 1;
float: left;
width:100%;
}
/* the shorter picturesque content top */
#content-wide .aboutProductsAndServicesShort {
min-height: 273px;
height:auto !important;
height: 273px;
background: transparent url(partimoineInfosShort.png) no-repeat scroll top;
margin-top: -3px;
z-index: 1;
width:100%;
}
/* IE stuff */
*+html #content-wide .aboutProductsAndServicesTall {
margin-top: 0 !important;
}
*+html #content-wide .aboutProductsAndServicesShort {
margin-top: 0 !important;
}
* html .aboutProductsAndServicesShort {
margin-top: 0 !important;
}
* html .aboutProductsAndServicesTall {
margin-top: 0 !important;
}
/* external content container to hold design elements for the taller pict heading */
.aboutProductsAndServicesTall .containAll {
margin-left:29px;
margin-top:120px;
width:655px;
z-index:15;
}
/* external content container to hold design elements for the shorter pict heading */
.aboutProductsAndServicesShort .containAll {
margin-left:29px;
margin-top: 86px;
width:655px;
z-index:15;
}
.sideBorders {/* the name explains */
background: url(15122008_contBack_visu.png) repeat-y top;
text-align: center;
width: 100%;
}
/* when there is additional content after gradiend container */
.singleBottom {
background: url(15122008_singleBottom_visu.gif) no-repeat left top;
clear: both;
height: 5px;
margin: 0;
padding: 0;
width: 655px;
}
/* when there is nothig after gradiend container */
.doubleBottom {
background: url(15122008_doubleBottom_visu.gif) no-repeat left top;
clear: both;
height: 8px;
margin: 0;
padding: 0;
width: 655px;
}
/*
Because of designers' beloved gradients
here are two version of containers for them.
*/
.gradTall {
background: url(15122008_beigeBtall_visu.png) repeat-x bottom;
margin: 0 auto;
width: 649px;
}
.gradShort {
background: url(15122008_beigeBshort_visu.png) repeat-x bottom;
margin: 0 auto;
width: 649px;
}
/* the gradiend container's bottom when it's followed by more stuff */
.beigeBottom {
background: ur(beigeBottom.gif) no-repeat left top;
clear: both;
height: 4px;
margin: 0;
padding: 0;
width: 649px;
}
/* wider left column in two columns content */
.narrowMain {
/*background-color: aqua;*/
float: left;
text-align: left;
width: 445px;
}
/* inside the wider left column a leftside norrow block */
.narrowInternalL {
display: block;
float: left;
margin: 0;
padding-right: 9px;
width: 153px;
}
* html .narrowInternalL {
width: 150px;
}
/* inside the wider left column a leftside norrow block */
.narrowInternalR {
display: block;
float: left;
margin: 0;
width: 283px;
}
.sideContent {
/*background-color: fuchsia;*/
float: left;
margin: auto auto auto 17px;
text-align: left;
width: 176px;
}
/* for single column content */
.wideHeading {
display: block;
font-size:9px;
height: 32px;
margin: auto auto auto 0;
overflow: hidden;
text-indent: -9999px;
width: 636px;
}
.leftColHeading {
display: block;
font-size:9px;
height: 32px;
margin: auto 0 auto auto;
overflow: hidden;
text-indent: -9999px;
width: 438px;
}
.leftColHeading * {
font-size: 9px;
}
.aLaUne {
background: url(15122008_a-la-une_visu.gif) no-repeat left top;
}
.rightColHeading {
display: block;
font-size:9px;
height: 34px;
overflow: hidden;
text-indent: -9999px;
width: 176px;
}
.rightColHeading * {
font-size: 9px;
}
.rightBlockCont {
background: url(15122008_right-col-bord_visu.gif);
margin: 0 0 0 4px;
padding: 0;
text-align: left;
width: 172px;
}
.rightBlockBottom {
background: url(15122008_right-col-bottom_visu.gif) no-repeat left top;
height: 4px;
margin: 0 0 14px 4px;
width: 172px;
}
.enjeauxDePatrimoine {
background: url(15122008_enjeaux-de-patrimoine_visu.gif) no-repeat left top;
}
.enjeauxDePatrimoineWide {
background: url(15122008_enjeaux-de-patrimoine-wide_visu.gif) no-repeat left top;
}
.projetssolutionsWide {
background: url(18032010_desprojetsetdessolutions_wide_visu.gif) no-repeat left top;
}
.dossiersConeils {
background: url(15122008_dossiers-coneils_visu.gif) no-repeat left top;
}
.vosQuestions {
background: url(15122008_vos-questions_visu.gif) no-repeat left top;
}
.projets {
background: url(22022010_projets_solutions_visu.gif) no-repeat left top;
}

/* typography */
.dateRed {
color: #e9030a;
font: normal bold 11px Arial, Helvetica, sans-serif;
margin: 7px auto 3px 13px;
}
/* wide content side margins are 27px */
.wideP {
margin-left: 27px;
margin-right: 27px;
text-align: left;
}
.narrowMain h4 {
font: normal bold 11px Arial, Helvetica, sans-serif;
margin: 13px auto 16px 14px;
}

.txtJump1 {
font: italic bold 18px Arial, Helvetica, sans-serif;
}
.narrowMain p {
font: normal normal 11px Arial, Helvetica, sans-serif;
margin: 7px auto 3px 14px;
text-align: left;
}
.goTo {
background: url(15122008_small_arrow_bullet_visu.gif) no-repeat left bottom;
color: black;
display: inline;
float: left;
font: normal normal 11px Arial, Helvetica, sans-serif;
height: 13px;
margin: 7px 0 9px auto;
padding: 0 0 0 9px;
text-decoration: underline;
}
.goTo2 {
background: url(15122008_small_arrow_bullet_visu.gif) no-repeat left bottom;
color: black;
display: inline;
float: right;
font: normal normal 11px Arial, Helvetica, sans-serif;
height: 13px;
margin: 7px 0 9px auto;
padding: 0 0 0 9px;
text-decoration: underline;
}
/* commons */
.darkGray {
color: #4f4f4f;
}
.black {
color: black !important;
}
.italics {
font-style: italic !important;
}
.hruler {
clear: both;
background-color: #4f4f4f;
display: block;
height: 1px;
margin: 5px 0 13px 14px;
visibility: visible !important;
}
* html .hruler {
border-style: none;
font-size: 0px;
height: 1px !important;
line-height: 0;
padding: 0;
}
.rightBlockCont p {
font: normal normal 11px Arial, Helvetica, sans-serif;
margin: 0 16px 6px 16px;
padding: 6px 0 0 0;
}
.rightBlockCont .goTo {
margin-right: 13px;
}
* html .rightBlockCont .goTo {
margin-right: 8px;
}
.rightBlockCont ul {
list-style: outside url(15122008_small_arrow_bullet_visu.gif);
margin: 0 16px 0 16px;
padding: 6px 0 6px 12px;
}


/* <Page 02 > */

div#page2 .enjeauxDePatrimoineWide h3 {
background-image: url('15122008_a-la-une_visu.gif');
}
div#page2 p.date {
color: #c00418;
font-size: 11px;
text-align: left;
font-weight: bold;
padding-left: 27px;
font-family: Arial, Helvetica, sans-serif;
}
div#page2 h3.title_news, div#page3 h3.title_news {
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #4f4f4f;
line-height: 22px;
text-align: left !important;
margin: 13px auto 8px 28px !important;
}
div#page2 h3.title_news span {
color: #c00418;
}
div#page2 div.right_part {
border: 1px solid #ebeae9;
background: #f8f7f6 url('15122008_back_right_part_visu.gif') repeat-x bottom;
float: right;
margin: 20px;
margin-top: 0px;
}
div#page2 div.right_part p {
color: #c00418;
font-size: 9px;
margin: 10px 5px;
width: 147px;
text-align: left;
}
div#page2 div.right_part p b {
font-size: 11px;
}
div#page2 .wideP {
font-size: 11px;
}
div#page2 div.bottom_nav, div#page3 div.bottom_nav {
padding: 5px 27px;
}
div#page2 a.arrows_left, div#page3 a.arrows_left {
background: transparent url('15122008_arrow_left_visu.gif') no-repeat left center;
padding-left: 24px;
display: block;
float: left;
font-size: 10px;
text-decoration: underline;
}
div#page2 a.arrows_right, div#page3 a.arrows_right {
background: transparent url('15122008_arrow_right_visu.gif') no-repeat right center;
padding-right: 24px;
display: block;
float: right;
font-size: 10px;
text-decoration: underline;
}
div#page2 a.middle, div#page3 a.middle {
background: transparent url('15122008_puce_visu.png') no-repeat left center;
padding-left: 10px;
display: block;
font-size: 10px;
float: left;
text-decoration: underline;
}
div#page2 p.middle_center, div#page3 p.middle_center {
width: 220px;
float: left;
margin-top: 0px;
text-align:center;
padding-left: 140px;
}
div#page2 div.gradShort {
background: #fefdfd url('15122008_main_back_visu.gif') repeat-x bottom;
padding-bottom: 5px;
margin-bottom: 5px;
}

/* </Page 02> */

/* <Page 03> */

div#page3 .enjeauxDePatrimoineWide {
background-image: url('15122008_enjeux_visu.gif');
}
div#page3 p.black_txt {
color: #000000;
font-size: 11px;
margin: 0px 27px;
text-align:left;
font-weight: bold;
}
div#page3 h3.title_news {
margin-top: 10px;
margin-bottom: 2px;
}
div#page3 div.txt_plus_img {
margin: 10px 27px;
}
div#page3 div.txt_plus_img img {
float: left;
margin: 15px;
margin-top: 0px;
margin-left: 0px;
}
div#page3 div.txt_plus_img p {
text-align: left;
font-size: 11px;
}
div#page3 p.right {
float: none;
margin: 0px;
}
div#page3 p.right a {
float: right;
}
.dossiersConeilsWide {
background: url(15122008_dossiers-coneils_wide_visu.gif) no-repeat left top;
}
#ques_rep {
}

#ques_rep h4 {
display: block;
margin-left:27px;
margin-right:27px;
text-align:left;
background: url(15122008_red_box_visu.gif) no-repeat left top;
padding-left:15px;
font: normal bold 12px Arial, Helvetica, sans-serif;
}
.cyclamen-text {
color:#c00418;
}
.bold-text {
font-weight:bold !important;
}
.italic-text {
font-style:italic !important;
}
#ques_rep p {
font:normal 11px Arial, Helvetica, sans-serif;
text-align:justify;
}
#ques_rep p.notes3 {
font:italic 10px Arial, Helvetica, sans-serif;
}
#ques_rep a {
background:url(puce.png) no-repeat left;
padding-left:10px;
}
div#page4 div.bottom_nav {
padding: 5px 27px;
}
div#page4 a.arrows_left {
background: transparent url('15122008_arrow_left_visu.gif') no-repeat left center;
padding-left: 24px;
display: block;
float: left;
font-size: 10px;
text-decoration: underline;
}
div#page4 a.arrows_right {
background: transparent url('15122008_arrow_right_visu.gif') no-repeat right center;
padding-right: 24px;
display: block;
float: right;
font-size: 10px;
text-decoration: underline;
}
div#page4 a.middle {
background: transparent url('15122008_puce_visu.png') no-repeat left center;
padding-left: 10px;
display: block;
font-size: 10px;
float: left;
text-decoration: underline;
}
div#page4 p.middle_center {
width: 220px;
float: left;
margin-top: 0px;
text-align:center;
padding-left: 140px;
}
.vosQnR {
background: url(15122008_vos-questiones-nos-reponses_visu.gif) no-repeat left top;
}
.archive {
background : url(15122008_archives_visu.gif) no-repeat left top;
}
.webtv {
background: url("webtv.gif") no-repeat scroll left top transparent;
}