/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.3;} table {border-collapse:separate;border-spacing:12px;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} body {font-size:77%;color:#222; background:#fff; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} a:link, a:visited {text-decoration: none;} a:hover, a:active {text-decoration: underline;} /* @header */ #header {width: 940px; padding: 0 16px 15px 16px; background: #fff url(../img/bg-top.gif) bottom left no-repeat; margin: 0 auto;} #header h1 a {text-indent: -999em; width: 264px; height: 48px; background: transparent url(../img/francoise-dolto.png) bottom left no-repeat; float: left;} #header p.helpers {float: right; margin-top: 35px; text-transform: uppercase; font-size: .8em;} #header .helpers, #header .helpers a {color: #8c8c8c;} /* end */ /* @menu */ #menu {width: 940px; padding: 0 16px; background: #fff url(../img/bg-middle.gif) 0 50px repeat-y; margin: 0 auto;} #menu li {display: inline;} #menu li a {display: block; float: left; background-image: url(../img/menu.png); text-indent: -999em; height: 148px;} /* @qui */ li#qui a:link, li#qui a:visited {width: 85px;} li#qui a:hover, li#qui a:active, li#qui a.selected {background-position: 0 -150px} /* @end */ /* @biblio */ li#biblio a:link, li#qui a:visited {width: 85px;} li#biblio a:hover, li#qui a:active, li#qui a.selected {background-position: 0 -150px} /* @end */ /* @psychanalyse */ li#psychanalyste a:link, li#psychanalyste a:visited {width: 121px; background-position: -85px 0;} li#psychanalyste a:hover, li#psychanalyste a:active, li#psychanalyste a.selected {background-position: -85px -150px;} /* @end */ /* @qui */ li#theoriques a:link, li#theoriques a:visited {width: 156px; background-position: -206px 0;} li#theoriques a:hover, li#theoriques a:active, li#theoriques a.selected {background-position: -206px -150px;} /* @end */ /* @societe */ li#societe a:link, li#societe a:visited {width: 225px; background-position: -362px 0; } li#societe a:hover, li#societe a:active, li#societe a.selected {background-position: -362px -150px;} /* @end */ /* @spirituelle */ li#spirituelle a:link, li#spirituelle a:visited {width: 162px; background-position: -587px 0;} li#spirituelle a:hover, li#spirituelle a:active, li#spirituelle a.selected {background-position: -587px -150px;} /* @end */ /* @documentaire */ li#documentaire a:link, li#documentaire a:visited {width: 143px; background-position: -749px 0;} li#documentaire a:hover, li#documentaire a:active, li#documentaire a.selected {background-position: -749px -150px;} /* @end */ /* @liens */ li#liens a:link, li#liens a:visited {width: 48px; background-position: -892px 0;} li#liens a:hover, li#liens a:active, li#liens a.selected {background-position: -892px -150px;} /* @end */ /* end */ /* @content */ #content {width: 940px; padding: 7px 16px 0 16px; background: #fff url(../img/bg-middle.gif) 0 50px repeat-y; margin: 0 auto;} /* @content accueil */ .accueil #content {height: 300px;} /* @end */ /* @content documentaire */ .documentaire #content {background-color:#f26122;} /* @end */ /* @submenu */ #submenu {width: 361px; float: left; height: 311px; color: #fff;} #submenu h2 {font: normal normal 100 1.2em "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif; text-transform: uppercase;} #submenu li {font: normal normal 100 1.1em/1.5 "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif; text-transform: uppercase;} /* @archives */ .archives #submenu {background: #fff url(../img/submenu_psychanalyste.jpg) no-repeat top left;} .archives #submenu .container {margin-left: 15px; width: 230px;} .archives #submenu .container h2 {width: 130px; margin-top: 26px;} .archives #submenu ul {margin-top: 35px; margin-left: 10px;} .archives #submenu a:link, .archives #submenu a:visited, .archives #submenu li {color: #afebb4} .archives #submenu a:hover, .archives #submenu a:active, .archives #submenu li.selected a, .archives #submenu li.selected {color: #fff;} /* end */ /* @autres */ .autres #submenu .container {margin-left: 85px; width: 215px;} .autres #submenu .container h2 {margin-top: 50px; color:#333;} .autres #submenu ul {margin-top: 50px;} .autres #submenu a:link, .autres #submenu a:visited, .autres #submenu li {color: #666} .autres #submenu a:hover, .autres #submenu a:active, .autres #submenu li.selected a, .autres #submenu li.selected {color: #000;} /* end */ /* @biblio */ .biblio #submenu {background: #fff url(../img/submenu_biblio.jpg) no-repeat top left;} .biblio #submenu .container {margin-left: 30px; width: 115px;} .biblio #submenu .container h2 {margin-top: 26px;} .biblio #submenu ul {margin-top: 50px;} .biblio #submenu a:link, .qui #submenu a:visited, .qui #submenu li {color: #feabab} .biblio #submenu a:hover, .qui #submenu a:active, .qui #submenu li.selected a, .qui #submenu li.selected {color: #fff;} /* end */ /* @qui */ .qui #submenu {background: #fff url(../img/submenu_qui.jpg) no-repeat top left;} .qui #submenu .container {margin-left: 30px; width: 115px;} .qui #submenu .container h2 {margin-top: 26px;} .qui #submenu ul {margin-top: 50px;} .qui #submenu a:link, .qui #submenu a:visited, .qui #submenu li {color: #feabab} .qui #submenu a:hover, .qui #submenu a:active, .qui #submenu li.selected a, .qui #submenu li.selected {color: #fff;} /* end */ /* @psychanalyste */ .psychanalyste #submenu {background: #fff url(../img/submenu_psychanalyste.jpg) no-repeat top left;} .psychanalyste #submenu .container {margin-left: 15px; width: 230px;} .psychanalyste #submenu .container h2 {width: 130px; margin-top: 26px;} .psychanalyste #submenu ul {margin-top: 35px; margin-left: 10px;} .psychanalyste #submenu a:link, .psychanalyste #submenu a:visited, .psychanalyste #submenu li {color: #afebb4} .psychanalyste #submenu a:hover, .psychanalyste #submenu a:active, .psychanalyste #submenu li.selected a, .psychanalyste #submenu li.selected {color: #fff;} /* end */ /* @theoriques */ .theoriques #submenu {background: #fff url(../img/submenu_theoriques.jpg) no-repeat top left;} .theoriques #submenu .container {margin-left: 30px; width: 230px;} .theoriques #submenu .container h2 {width: 130px; margin-top: 26px;} .theoriques #submenu ul {margin-top: 35px; margin-left: 35px;} .theoriques #submenu a:link, .theoriques #submenu a:visited, .theoriques #submenu li {color: #9eddf2} .theoriques #submenu a:hover, .theoriques #submenu a:active, .theoriques #submenu li.selected a, .theoriques #submenu li.selected {color: #fff;} /* end */ /* @societe */ .societe #submenu {background: #fff url(../img/submenu_societe.jpg) no-repeat top left;} .societe #submenu .container {margin-left: 30px; width: 240px;} .societe #submenu .container h2 {margin-top: 40px;} .societe #submenu ul {margin-top: 30px; margin-left: 90px;} .societe #submenu a:link, .societe #submenu a:visited, .societe #submenu li {color: #fdbedc} .societe #submenu a:hover, .societe #submenu a:active, .societe #submenu li.selected a, .societe #submenu li.selected {color: #fff;} /* end */ /* @spirituelle */ .spirituelle #submenu {background: #fff url(../img/submenu_spirituelle.jpg) no-repeat top left;} .spirituelle #submenu .container {margin-left: 160px; width: 140px;} .spirituelle #submenu .container h2 {margin-top: 12px;} .spirituelle #submenu ul {margin-top: 70px;} .spirituelle #submenu a:link, .spirituelle #submenu a:visited, .spirituelle #submenu li {color: #bac0ee} .spirituelle #submenu a:hover, .spirituelle #submenu a:active, .spirituelle #submenu li.selected a, .spirituelle #submenu li.selected {color: #fff} /* end */ /* @societe */ .documentaire #submenu {background: transparent url(../img/submenu_documentaire.jpg) no-repeat top left;} /* end */ /* end */ /* @maincontent */ #maincontent {width: 472px; float: left; padding: 50px 50px 0 56px;} #maincontent p, #maincontent li {font-size: 1.1em;} #maincontent p {color: #4e4e4e; margin-bottom: 2em;} #maincontent h3 {font: normal normal 100 1.6em "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif; margin-bottom: 1em;} #maincontent h4 {padding: 10px; font: normal normal 100 1.1em "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif;} #maincontent p.first {margin-top: 2em;} #maincontent p.first strong {text-transform: uppercase;} #maincontent p.submenu {text-transform: uppercase; font-size: 1em;} #maincontent p.submenu a {color:#4e4e4e;} /* actions */ #maincontent p.actions {font-size: .8em; margin: 3em 0 2em 0; text-align: right; text-transform: uppercase;} #maincontent p.actions .more span {color: #C00;} #maincontent p.actions a:link, #maincontent p.actions a:visited, #maincontent p.actions a:hover, #maincontent p.actions a:active {color: #4e4e4e;} /* end */ /* @archives */ .archives #maincontent .submenu a.selected, .archives #maincontent h3, .archives #maincontent p strong {color: #0076a4;} /* end */ /* @qui */ .qui #maincontent .submenu a.selected, .qui #maincontent h3, .qui #maincontent p strong {color: #fe000b;} /* end */ /* @psychanalyste */ .psychanalyste #maincontent {background: transparent url(../img/maincontent_psychanalyste.jpg) top left no-repeat;} .psychanalyste #maincontent .submenu a.selected, .psychanalyste #maincontent h3, .psychanalyste #maincontent p strong {color: #40a049;} /* end */ /* @spirituelle */ .spirituelle #maincontent .submenu a.selected, .spirituelle #maincontent h3, .spirituelle #maincontent p strong {color: #011287;} /* end */ /* @theoriques */ .theoriques #maincontent .submenu a.selected, .theoriques #maincontent h3, .theoriques #maincontent p strong {color: #0076a4;} /* end */ /* @societe */ .societe #maincontent {background: transparent url(../img/maincontent_societe.jpg) top left no-repeat;} .societe #maincontent .submenu a.selected, .societe #maincontent h3, .societe #maincontent p strong {color: #d01970;} /* end */ /* @documentaire */ .documentaire #maincontent {padding-left: 0;} .documentaire #maincontent h3 {padding-bottom: 7px; color: #fff; text-transform: uppercase; background: transparent url(../img/bg_title_documentaire.gif) bottom left no-repeat;} .documentaire #maincontent ul.documents {margin-left: 230px; margin-bottom: 25px;} .documentaire #maincontent ul.documents li {color: #fedcd1; font: normal normal 100 1.1em/1.5 "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif; text-transform: uppercase;} .documentaire #maincontent a {color: #fedcd1} .documentaire #maincontent p.submenu {margin-left: 220px; color: #000;} .documentaire #maincontent .submenu a {color: #000;} /* end */ /* @liens */ .liens #maincontent {width: 100%; padding: 0; background: #b63b96 url(../img/maincontent_liens.jpg) top right no-repeat;} .liens #maincontent, .liens #maincontent a {color: #fedcd1;} .liens #maincontent h3 {margin-top: 40px; padding: 0 0 7px 150px; color: #fff; text-transform: uppercase; background: transparent url(../img/bg_title_liens.gif) bottom left no-repeat;} .liens #maincontent h4 {text-transform: uppercase;} .liens #maincontent ul {margin: 0 0 0 220px; list-style-type: none; list-style-position: inside;} .liens #maincontent ul ul {margin: 0 0 2em 0; list-style-type: disc;} /* end */ /* end */ /* @end */ /* @footer */ #footer {width: 940px; margin: 0 auto; padding: 20px 16px; background: #fff url(../img/bg-bottom.gif) top left no-repeat;} #footer p {color: #b5b5b5; font-size: .8em; text-align: right; margin-right: 50px; padding-top: 10px;} /* end */ /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix, .container {display: block;}