/* Stylesheet: objectif_css Modified On 2012-04-01 23:33:24 */
@charset "utf-8";
body {
font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #dbdbdb url(http://www.objectif-patrimoine.net/images/bg_body.gif) repeat-x;
margin: 0;
padding: 0;
color: #67574d;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px;
}
table{
padding-left: 15px;
}
table h2{
padding-left: -15px;
margin-left:0px;
}
h1{
color:#433023;
}
h2{
background:url(http://www.objectif-patrimoine.net/images/bg_h2.gif) repeat-x;
margin:0 15px 5px 15px;
}
h3{
color:#dea81d;
}
h4{
font-style:italic;
}
h5{
font-style:italic;
}
h6{
font-color:6a5b51;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #dea81d;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: #dea81d;
text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
}
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 923px;
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.header {
background: #fff url(http://www.objectif-patrimoine.net/images/bg_bandeau.jpg);
height: 161px;
}
.sidebar1 {
float: left;
width: 241px;
background: #fff;
padding-bottom: 10px;
border:0px solid red;
}
.content {
padding: 10px 0;
width: 678px;
float: left;
border:0px solid red;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
/* ~~ The footer ~~ */
.footer {
font-size:1.2em;
background-color:#412e21;
color:#fff;
text-align:center;
padding:1px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.footer a{
color:#fff;
text-decoration:none;
}
.footer2{
text-align:center;
width: 923px;
font-size:0.9em;
padding-top:3px;
margin: 0 auto;
}
.footer2 a{
color:#81756c;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.hdr1{
float:right;
border:0px solid red;
color:#000;
font-size:0.90em;
padding: 5px 10px 0 0;
font-weight:bold;
}
.hdr2{
border:0px solid red;
padding-left:30px;
padding-top:30px;
}
.hdr2 h1{
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:1.82em;
margin-bottom:0;
}
.hdr2 h2{
color:#fff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.3em;
margin-bottom:0;
margin-top:0;
margin-left:0px;
font-weight:normal;
letter-spacing:0.05em;
background:none;
}
.menu1{
border:0px solid blue;
padding:0px;
color:#fff;
margin-top:2px;
float:right;
}
.menu1interne{
float:left;
border-right:1px solid #fff;
color:#fff;
}
.menu1interne a {
display:block;
padding:8px 10px;
color:#fff;
}
div .menu1interne a:hover {
color:#d39a1d;
text-decoration:underline;
}
.menu1interne a:link, .menu1interne a:visited {
color:#362214;
text-decoration:none;
}
.recherche{
border:0px solid red;
float:right;
}
.cadrehaut{
background: url(http://www.objectif-patrimoine.net/images/bg_fond_cadre_gauche.jpg) repeat-y;
border:0px solid blue;
}
.cadrehautinterne{
background: url(http://www.objectif-patrimoine.net/images/fond_cadre_gauche.jpg) no-repeat bottom;
border:0px solid red;
padding-bottom:15px;
}
.newsletter{
width:151px;
height:33px;
background:url(http://www.objectif-patrimoine.net/images/newsletter.jpg) no-repeat;
border:0px solid red;
padding:50px 0 0 90px;
}
.adresse{
width:241px;
height:191px;
background:url(http://www.objectif-patrimoine.net/images/fond_adresse.jpg) no-repeat;
border:1px solid #fff;
}
.adresse h1{
font-size:1.2em;
background-color:#412e21;
color:#fff;
text-align:center;
margin:15px 10px 3px 3px;
padding:0px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
}
.adresse p{
font-size:0.85em;
text-align:center
}
.suite{
background:url(http://www.objectif-patrimoine.net/images/bg_bouton.gif) repeat-x;
padding:0 8px 2px 8px;
color:#fff;
display:inline;
font-size:0.8em;
float:right;
margin:0 10px 0 15px;
}
.suite a{
color:#fff;
text-decoration:none;
}
.cms_textfield{
width:100px;
background:#f5f4f3;
border:none;
color:#7c716a;
padding:2px;
}
.cms_submit{
width:30px;
margin:0 3px;
padding:2px;
background:#554439;
color:#fff;
font-size:0.9em;
cursor:pointer;
border:none;
}
.search-input{
width:100px;
background:#f5f4f3;
border:none;
color:#7c716a;
padding:2px;
margin-top:10px;
}
.search-button{
background:url(http://www.objectif-patrimoine.net/images/loupe.png) no-repeat;
border:0px solid red;
cursor:pointer;
width:26px;
height:17px;
}
.cms_form label{
color:#939291;
}
.cadreprog{
border:1px solid #e6e3e1;
background:#f7f3f1 url(http://www.objectif-patrimoine.net/images/bg_cadre.gif) repeat-x;
margin:15px;
padding:10px;
}
.NewsSummaryLink a{
color:#352113;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
}
.photo{
border:5px solid #fff;
max-width:186px;
margin-right:10px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
float:left;
}
.photocentre{
border:5px solid #fff;
max-width:600px;
margin-right:10px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.texteprog{
padding:15px;
}
.toto{
font-weight:bold;
}
.toto label{
font-weight:normal;
}
.fbsubmit{
width:auto;
padding:3px 10px;
}
.stitre{
color:#dea81d;
font-style:italic;
}
/* Stylesheet: objectif_menu_gauche_css Modified On 2012-02-23 01:45:03 */
/******************** MENU *********************/
#menu_vert {
margin: 0;
padding: 0;
}
#menu_vert ul {
/* remove any bullets */
list-style: none;
/* margin/padding set in li */
margin: 0px;
padding: 0px;
}
/*2e niveau*/
#menu_vert ul ul {
margin: 0;
/* padding right sets second level li in on right from first li */
padding: 0px 0px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
}
#menu_vert li {
/* remove any bullets */
list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
padding: 0px 0px 4px 0px;
/* you can set your own image here */
}
#menu_vert li.currentpage {
padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
margin: 0;
padding: 0px;
/* replaced by image in ul ul */
background: none;
}
#menu_vert li.menuactive ul {
margin: 0;
}
#menu_vert li.activeparent {
margin: 0;
padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
height: 1%;
}
* html #menu_vert li a {
height: 1%;
}
* html #menu_vert li hr {
height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
display: block;
/* some air for it */
padding: 0.2em 0.3em 0.2em 1.5em;
/* this will be link color for all levels */
color: #000;
font-weight:bold;
/* Fixes IE7 whitespace bug */
min-height: 1em;
/* no underline for links */
text-decoration: none;
/* you can set your own image here this is tall enough to cover text heavy links */
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
font-size: 90%;
padding: 0.1em 0.3em 0.1em 2.4em;
font-weight:normal;
color:#6c6b6b;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
padding: 0em 0.3em 0em 3em;
color:#ca9844;
font-style:italic;
background: url(http://www.objectif-patrimoine.net/images/fleche.png) no-repeat 20px 5px;
}
/* hover state for all links */
div#menu_vert a:hover {
background-color: transparent;
text-decoration: underline;
}
div#menu_vert a.activeparent:hover {
color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/liup.gif) no-repeat right -65px;
/* white to contrast with background image */
color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
padding-left: 0.9em;
}
div#menu_vert li a.parent span {
display: block;
margin: 0;
/* adds left padding taken out of "a.parent" */
padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
background: transparent url(http://www.objectif-patrimoine.net/images/active.png) no-repeat 5px center;
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
text-decoration: none;
}
div#menu_vert li a.parent:hover span {
display: block;
margin: 0;
padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
background: transparent url(http://www.objectif-patrimoine.net/images/parent.png) no-repeat 8px center;
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
display: block;
margin: 0;
/* to contrast with non active pages */
font-weight: bold;
padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
text-decoration: none;
color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
display: block;
/* some air for it */
padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
color: #000;
/* instead of the normal font size for */
font-size: 1em;
/* as normally has some margin by default */
margin: 0;
/* you can set your own image here, same as "a" */
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
font-size: 90%;
padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/libk.gif) no-repeat right top;
color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
border-right: none;
padding: 0.8em 0.5em 0.5em 1.5em;
background: transparent url(http://www.objectif-patrimoine.net/images/ngrey/libk.gif) no-repeat right top;
line-height: 1em;
margin: 0;
color: #18507C;
cursor:text;
}
/* separator */
div#menu_vert .separator {
height: 1px !important;
margin-top: -1px;
margin-bottom: 0;
-padding: 2px 0 2px 0;
background-color: #000;
overflow: hidden !important;
line-height: 1px !important;
font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
display: none;
/* this is for accessibility */
}
/* Stylesheet: ticker_css Modified On 2012-04-01 23:29:02 */
/* Container DIV - automatically generated */
.simply-scroll-container {
position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {
position: relative;
overflow: hidden;
z-index: 2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
width: 620px;
height: 200px;
margin-bottom: 1em;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width: 620px;
height: 200px;
}
/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
float: left; /* Horizontal scroll only */
width: 290px;
height: 200px;
}
.simply-scroll p{
padding-left:0px;}