/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 13px;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style-type: none;
list-style-image: none;
list-style-position:outside;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}
th {
font:normal normal 16px Georgia, Arial, Helvetica, serif;
text-align:left;
text-indent:4px;
}
/*-----------------------------------------------------------------------------
[CSS - layout.css]
Feuille de style du layout
1. Header
1.1 Bandeau supérieur
1.2 Nav
1.3 Subnav
2. Breadcrumb
3. Content
4. Sidebar
5. Footer
6. datepicker.css
7. squeezebox.css
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[1. Header]
*/
#header {
overflow:hidden;
padding:0 0 15px;
}
/*---------------------------------------------------------------------------
[1.1 Bandeau supérieur] -- */
#logo
{
float:left;
margin: 0 0 0 29px;
overflow:hidden;
text-indent:-10000px;
display:block;
}
#logo img
{
display:block;
}
#adherer {
display:block;
float:right;
height:93px;
text-indent:-10000px;
overflow:hidden;
width:224px;
margin:0 18px;
}
/*---------------------------------------------------------------------------
[1.2 Nav] -- */
#nav {
clear:both;
display:block;
font-family:Georgia, Arial, Helvetica, sans-serif;
line-height:36px;
height:36px;
text-transform:uppercase;
width:100%;
padding:0;
}
#nav li {
border-left:2px solid #FFF;
display:block;
float:left;
margin:0;
width:171px;
}
#nav #homepage,
#nav #help,
#nav #rss_feeds {
border:0;
width:auto;
}
#nav a {
display:block;
height:36px;
text-align:center;
width:100%;
}
#nav #homepage a {
width:36px;
}
#nav #help a {
width:24px;
}
#nav #rss_feeds a {
display:block;
height: 21px;
margin:7px;
overflow:hidden;
text-indent:23px;
width:22px;
}
#nav a:hover {
text-decoration:none;
}
#nav #homepage span,
#nav #help span,
#nav #rss_feeds span {
display:none;
}
/* TODO: dépalcer cette classe */
.rss_icon {
display:block;
height: 21px;
text-indent:23px;
overflow:hidden;
}
/*---------------------------------------------------------------------------
[1.3 Subnav] -- */
.subnav {
display:block;
text-transform:uppercase;
margin:4px 4px 4px 52px;
}
.subnav li {
display:block;
float:left;
}
.subnav a {
display:block;
padding:0 15px;
}
.subnav a:hover {
text-decoration:none;
}
.subnav li:first-child a {
border:0;
padding-left:0;
}
.subnav a span {
font-size:11px;
font-family: Georgia, Arial, Helvetica, sans-serif;
}
/*-----------------------------------------------------------------------------
[2. Breadcrumb]
*/
.breadcrumb {
clear:both;
display:inline;
float:left;
font-family:Georgia, Arial, Helvetica, serif;
margin:10px 0 0 36px;
padding:2px 10px;
width:auto;
white-space:nowrap;
}
.breadcrumb li {
display:inline;
white-space:nowrap;
}
.breadcrumb li a,
.breadcrumb li span {
font-size:11px;
letter-spacing:-1px;
}
/*-----------------------------------------------------------------------------
[3. Content]
*/
#page {
padding-bottom:6px;
}
#container {
/* overflow:hidden;*/
}
#container,
#footer #links,
#footer-block {
margin:0 auto;
width:965px;
}
#content {
clear:both;
/* overflow:hidden;*/
padding-top:5px; /* pour afficher les ombres au dessus des images */
}
.section {
border-right:1px solid #C9C59F;
float:left;
min-height:500px;
padding:0 14px 10px 47px;
width:643px;
}
#content .imageContainer {
border:none;
padding-right:0;
width:658px;
}
.imageContainer .image-top{
float:none;
width:663px;
margin:0 0 15px -11px;
}
.pageContainer{
border-right:1px solid #C9C59F;
padding-right:14px;
width:643px;
}
/*-----------------------------------------------------------------------------
[4. Sidebar]
*/
#sidebar {
float:left;
padding-left:27px;
width:202px;
}
#sidebar_search {
margin-bottom:8px;
}
#sidebar .sidebarElement{
margin: 25px 0;
clear:both;
width: 202px;
}
#sidebar ul, #sidebar ol {
margin:5px 0;
}
#sidebar .links {
margin:25px 0;
list-style-type:none;
}
#my-space, #contact-us {
padding-left:30px;
font-size:18px;
}
#sidebar .date .year {
display:none;
}
#sidebar .list-categories li {
margin: 3px 0;
}
#sidebar .list-categories li a{
font-weight: bold;
margin-left: -2px;
}
/*-----------------------------------------------------------------------------
[5. Footer]
*/
#footer {
height:128px;
width:100%;
}
#footer #links a {
font-size:11px;
}
#footer #links {
display:block;
font:normal 11px/21px Georgia, Arial, Helvetica, sans-serif;
text-align:center;
}
#footer #links li {
display:inline;
}
#footer-notices {
float: left;
font-size:11px;
line-height:14px;
margin-top:30px;
padding:0 14px 0 47px;
width: 658px;
}
#footer-notices p {
font-size: 10px;
}
#powered-by {
display:block;
float:right;
margin-top:20px;
overflow:hidden;
}
#powered-by.small {
height:32px;
text-indent:-10000px;
width:54px;
}
/*-----------------------------------------------------------------------------
[6. datepicker.css]
Feuille de style du datepicker
1. Frame
2. Header
3. Body
4. Time
5. Days
6. Months
7. Years
8. Global
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[1. Frame]
*/
.datepicker_window {
background: url(/assets/datepicker/frame.png) no-repeat;
color: #000;
position: absolute;
font-size: 10px;
font-family: Tahoma, sans-serif;
line-height: normal;
width: 193px;
height: 161px;
padding: 14px;
z-index: 1000;
}
/*-----------------------------------------------------------------------------
[2. Header]
*/
.datepicker_window .header {
position: relative;
height: 15px;
margin-bottom: 5px;
padding-top: 1px;
}
.datepicker_window .header .title {
text-align: center;
margin: 0 18px 0 18px;
}
.datepicker_window .header .titleText {
color:#FFF;
font-size:12px;
}
.datepicker_window .header .previous,
.datepicker_window .header .next,
.datepicker_window .header .closeButton {
background-image: url(/assets/datepicker/buttons.png);
position: absolute;
cursor: pointer;
text-indent: -40px;
overflow: hidden;
width: 12px;
height: 12px;
top: 2px;
background-position: left top;
background-repeat: no-repeat;
}
.datepicker_window .header .previous {
left: 4px;
}
.datepicker_window .header .previous:hover {
background-position: left bottom;
}
.datepicker_window .header .next {
right: 4px;
background-position: -13px top;
}
.datepicker_window .header .next:hover {
background-position: -13px bottom;
}
.datepicker_window .header .closeButton {
display: none;
right: 0px;
top: 0px;
background-position: right top;
}
.datepicker_window .header .closeButton:hover {
background-position: right bottom;
}
/*-----------------------------------------------------------------------------
[3. Body]
*/
.datepicker_window .body {
position: relative;
top: 5px;
left: 11px;
width: 168px;
height: 112px;
overflow: hidden;
}
/*-----------------------------------------------------------------------------
[4. Time]
*/
.datepicker_window .time {
position: relative;
width: 100%;
height: 100%;
}
.datepicker_window .time .hour,
.datepicker_window .time .separator,
.datepicker_window .time .minutes {
background: #FFF;
border: 1px solid #ccc;
width: 50px;
font-size: 32px;
position: absolute;
top: 10px;
text-align: center;
padding: 2px;
}
.datepicker_window .time .hour {
left: 15px;
}
.datepicker_window .time .separator {
background: transparent;
border: 0px;
width: 10px;
left: 76px;
}
.datepicker_window .time .minutes {
left: 95px;
}
.datepicker_window .time .ok {
position: absolute;
top: 65px;
width: 136px;
left: 15px;
font-size: 20px;
}
/*-----------------------------------------------------------------------------
[5. Days]
*/
.datepicker_window .days .day {
float: left;
text-align: center;
overflow: hidden;
width: 23px;
height: 15px;
margin: 0 1px 1px 0;
}
.datepicker_window .days .titles {
border-bottom: 1px solid #e0e0e0;
color:#300000;
font-weight:bold;
height: 15px;
margin-bottom: 1px;
}
.datepicker_window .days .day0 {
margin-right: 0;
}
.datepicker_window .days .week5 .day {
margin-bottom: 0;
}
.datepicker_window .days .week .day {
color:#300000;
cursor: pointer;
}
.datepicker_walu .days .week .day:hover {
background-color:#857757;
color: #FFF;
}
.datepicker_walu .days .week .otherMonth {
color: #baa880;
}
/*-----------------------------------------------------------------------------
[6. Months]
*/
.datepicker_window .months .month {
float: left;
color:#300000;
cursor: pointer;
text-align: center;
padding-top: 6px;
width: 55px;
overflow: hidden;
height: 21px;
margin: 0 1px 1px 0;
}
.datepicker_walu .months .month:hover {
background-color:#857757;
color: #FFF;
}
.datepicker_window .months .month3,
.datepicker_window .months .month6,
.datepicker_window .months .month9,
.datepicker_window .months .month12 {
margin-right: 0;
}
.datepicker_window .months .month10,
.datepicker_window .months .month11,
.datepicker_window .months .month12 {
margin-bottom: 0;
}
/*-----------------------------------------------------------------------------
[7. Years]
*/
.datepicker_window .years .year {
float: left;
color:#300000;
cursor: pointer;
text-align: center;
padding-top: 6px;
width: 32px;
overflow: hidden;
height: 21px;
margin: 0 1px 1px 0;
}
.datepicker_walu .years .year:hover {
background-color:#857757;
color: #FFF;
}
.datepicker_window .years .year4,
.datepicker_window .years .year9,
.datepicker_window .years .year14,
.datepicker_window .years .year19 {
margin-right: 0;
}
.datepicker_window .years .year15,
.datepicker_window .years .year16,
.datepicker_window .years .year17,
.datepicker_window .years .year18,
.datepicker_window .years .year19 {
margin-bottom: 0;
}
/*-----------------------------------------------------------------------------
[8. Global]
*/
.datepicker_window .unavailable {
background: none !important;
color: #fbb !important;
cursor: default !important;
}
/* [7. squeezebox.css]*/
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.1 rc4
*
* @license MIT-style license
* @author Harald Kirschner
* @copyright Author
*/
#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
zoom: 1;
}
#sbox-window {
position: absolute;
background-color: #fff;
text-align: left;
overflow: visible;
padding: 10px;
/* invalid values, but looks smoother! */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sbox-btn-close {
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(/assets/squeezebox/closebox.png) no-repeat center;
border: none;
}
.sbox-window-ie6 #sbox-btn-close {
background-image: url(/assets/squeezebox/closebox.gif);
}
.sbox-loading #sbox-content {
background: url(/assets/squeezebox/spinner.gif) no-repeat center;
}
#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}
#sbox-image {
display: block;
}
.sbox-content-image img {
display: block;
width: 100%;
height: 100%;
}
.sbox-content-image#sbox-content,
.sbox-content-iframe#sbox-content {
overflow: visible;
}
/* Hides scrollbars */
.body-overlayed {
overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
visibility: visible;
}
/* Shadows */
.sbox-bg {
position: absolute;
width: 33px;
height: 40px;
}
.sbox-bg-n {
left: 0;
top: -40px;
width: 100%;
background: url(/assets/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
right: -33px;
top: -40px;
background: url(/assets/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
right: -33px;
top: 0;
height: 100%;
background: url(/assets/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
right: -33px;
bottom: -40px;
background: url(/assets/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
left: 0;
bottom: -40px;
width: 100%;
background: url(/assets/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
left: -33px;
bottom: -40px;
background: url(/assets/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
left: -33px;
top: 0;
height: 100%;
background: url(/assets/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
left: -33px;
top: -40px;
background: url(/assets/squeezebox/bg_nw.png) no-repeat;
}
/*-----------------------------------------------------------------------------
[CSS - Typography]
Default font settings.
1. Font-family
1.1 Body
1.2 Géorgia
1.3 Exeption au géorgia
2. Heading
3. Le reste
-> Couleurs:
brown: #5D4F35
blue: #203561
darkgray: #616161
gray: #A4A4A4
lightgray: #C6C6C6
d3d1c6
b2a06e
darkbronze: #857757
bronze: #A59A6D
lightbronze: #C9BB86;
link: #2D4B83
footer: #817654
The font-size percentage is of 16px. (0.75 * 16px = 12px)
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[1. Font-family]
*/
/*---------------------------------------------------------------------------
[1.1 Body] -- */
body {
font:100%/1.125em Arial, Helvetica, sans-serif;
}
/*---------------------------------------------------------------------------
[1.2 Géorgia] -- */
/* Balies */
label,
button,
blockquote,
h1, h2, h3, h4, h5,
/* Classes génériques */
.top,
.date,
.infos,
.button,
/* Boutons */
.arrow,
.arrow-cancel,
.input_search,
.select-box,
.buttonbox span,
.buttonbox input,
/* Liste de fichiers */
.list_files li a,
/* Paragraphes Contenu */
.content p.p2,
.content p.p3,
.content p.p4,
/* Sidebar */
#sidebar_login input,
#sidebar .list_old_survey,
/* ezforum */
.new-topic,
#forums-left,
.cgu-left span,
.cgu-bottom span,
#full-forum_cgu .sommaire,
.layout-forums .name .title,
/* ezuser */
#settings,
#my-space,
#contact-us,
#user-welcome,
a.shop-history,
.sticky-contacts,
#user-preferences,
.deploy .promotion,
#customConfirmBox .title,
#user-shop-history tr .number,
#user-contacts .user-listfriend span.label,
/* wa_gallery */
#add-album,
/* ezevent */
#full-event .event_date,
/* ezsurvey */
#full-survey #intro p,
#full-survey .questions .nbr
/* Enfin les propriétés CSS o_0 */
{
font-family:Georgia, Arial, Helvetica, sans-serif;
font-weight:normal;
}
/*---------------------------------------------------------------------------
[1.3 Exeption au géorgia] -- */
/* sidebar */
#sidebar .date,
#sidebar_surveys h3,
#sidebar_login .button,
/* ezuser */
.editing fieldset label,
#user-order-history button.file span,
/* ezcomment */
.nb_comments,
.comments .date,
.comments .new-comment h2,
/* ezforum */
.layout-forums .infos,
#full-topic h1 .reply-icon,
#full-topic .new-reply fieldset h2,
/* ezrss */
.popin_rss p,
/* sitemap */
#full-sitemap h3
/* Les propriétés */
{
font-family:Arial, Helvetica, sans-serif;
}
/*-----------------------------------------------------------------------------
[2. Heading]
*/
h1, h1 a, h1 a:hover {
clear:both;
margin:0 0 13px 0;
text-decoration:none;
font-size:18px;
line-height:25px;
}
h1 a {
padding-right: 20px;
}
h1 {
border-bottom:2px solid #A59A6D;
}
#sidebar h2, #popin h1, .layout-forums h1, #sidebar h2 a, #popin h1 a, .layout-forums h1 a {
border:0;
margin:0;
}
h2, h3, h4, h5 {
font-size:12px;
margin:12px 0;
line-height:15px;
}
h2, h2 a {
clear:both;
font-size:17px;
line-height:20px;
text-decoration:none;
}
h4 {
font-weight:bold;
}
h2.title, #sidebar h2, h2.title a, #sidebar h2 a, h2.title a:hover #sidebar h2 a:hover {
clear:both;
margin:0 0 13px 0;
text-decoration:none;
font-size:18px;
line-height:25px;
}
h2.title a, #sidebar h2 a {
padding-right: 20px;
}
#sidebar h2 {
margin:0;
}
#sidebar h3 {
margin:6px 0;
}
h2.title {
border-bottom:2px solid #A59A6D;
}
h1.noborder, h2.noborder {
border:none;
margin-bottom:0;
}
/*-----------------------------------------------------------------------------
[3. Le reste]
*/
p {
margin:0 0 1em;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
cursor:pointer;
}
blockquote {
font-size:20px;
}
cite {
font-style:italic;
display:inline;
}
address {
font-style:normal;
}
#sidebar {
font-size:12px
}
.clear-more {
clear:both;
display:block;
float:left;
margin:0;
width:100%;
}
.more {
clear:both;
float:right;
font-style:italic;
white-space:nowrap;
}
.more:hover {
font-style: italic;
text-decoration: underline
}
.underline {
text-decoration:underline;
}
.center {
text-align:center;
}
/*-----------------------------------------------------------------------------
[CSS - forms.css]
Feuille de style des élèments de formulaire
1. Générique
2. Recherche
3. Selectbox
4. Boutons
4.1 Généal
4.2 Arrows
2.3 Files
4.4 Radio
4.5 Delete & move
-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
[1. Générique]
*/
legend {
font-family:Georgia;
}
.block {
clear:both;
float:left;
margin:0 0 15px 0;
width:100%;
}
.block label {
display:block;
margin:0 0 2px 0;
}
.column_50,
.column_66,
.column_33 {
float:left;
}
.column_50 {
width:50%;
}
.column_66 {
width:66%;
}
.column_33 {
width:33%;
}
label {
font-weight:normal;
}
input {
height:20px;
}
input.zipcode {
width:auto;
}
input, textarea {
font:normal normal normal 13px/17px Arial, Helvetica, sans-serif;
overflow:auto;
}
input[type=text], input[type=password] {
height:20px;
padding:0 4px;
width:98.5%;
}
textarea {
width:98.5%;
padding:4px;
}
/*---------------------------------------------------------------------------
[2. Recherche]
*/
/* Champ de recherche */
input.input_search,
input.input_searching
{
border:1px solid #A4A4A4;
border-right:0;
float:left;
font-family: Georgia;
font-size:13px;
height:18px;
padding:2px 4px;
width:164px;
}
input.top_search {
font-size:16px;
line-height:16px;
height:20px;
border:none;
padding:3px 4px;
}
/* Bouton rechercher */
.button_search, .button_top_search {
display:block;
height:24px;
margin:0;
padding:0;
overflow:hidden;
text-indent:10000px;
width:24px;
float:left;
border:1px solid #A4A4A4;
border-left:none;
}
.button_top_search {
border:none;
width:28px;
height:26px;
}
/*---------------------------------------------------------------------------
[3. Selectbox]
*/
select {
height:26px;
}
select,
.select-box {
line-height:22px;
margin:0 5px 0 0;
}
select,
.select-box,
.select-box-options {
border: 1px solid #C6C6C6;
}
.select-box {
height:22px !important;
cursor:default;
display:block;
float:left;
padding:0;
width:192px;
}
.select-box a {
display:block;
font-size:13px;
overflow:hidden;
white-space:nowrap;
padding:0 4px;
}
.select-box a:hover {
text-decoration:none;
}
.select-box-options {
list-style: none;
position: absolute;
overflow-y: auto;
z-index: 690;
}
.select-box-options li {
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
}
.select-box-options li.optgroup>span {
font-size: 105%;
font-style: italic;
}
.select-box-options li>span {
display: block;
padding: 2px 5px;
}
.select-box-options ul {
margin:0;
padding:0;
}
.optgroup {
margin: 4px 0 0 !important;
}
.select-box-options-group li>span {
padding-left: 22px !important;
width: auto;
}
/*---------------------------------------------------------------------------
[4. Boutons]
*/
/*---------------------------------------------------------------------------
[4.1 Général] -- */
input.button {
height: 28px;
}
button, .button {
padding: 5px 12px;
border:0;
cursor:pointer;
font-family: Arial;
font-weight:bold;
font-size:13px;
line-height:25px;
}
/*---------------------------------------------------------------------------
[4.2 Arrows] -- */
/* Box */
.rect,
.arrow ,
.buttonbox,
.arrow-cancel,
.arrow_inverse {
display:block;
float:left;
overflow:hidden;
padding:0 16px 0 0;
text-decoration:none;
white-space:nowrap;
margin:0;
height:28px;
border:none;
cursor:pointer;
}
.rect {
padding:0 7px 0 5px;
}
.arrow-cancel,
.arrow_inverse {
padding:0 0 0 16px;
}
div.arrow {
float:right;
}
.buttonbox {
float:none;
padding-right:6px;
}
a.arrow:hover,
a.buttonbox:hover,
a.arrow-cancel:hover {
text-decoration:none;
}
/* span */
.rect span,
.arrow span,
.arrow input,
.buttonbox span,
.buttonbox input,
.arrow-cancel span,
.arrow_inverse span {
display:block;
line-height:28px;
padding:0 5px 0 11px;
height:28px;
border:none;
cursor:pointer;
}
.buttonbox span,
.buttonbox input {
padding-left:6px;
padding-right:0;
font-size:12px;
}
.buttonbox input {
width:100%;
}
.arrow-cancel span {
padding:0 11px 0 5px;
}
/*---------------------------------------------------------------------------
[4.3 Files] -- */
button.file {
padding:0;
margin-top:19px;
}
button.file img,
button.file span {
float:left;
}
button.file img{
position:relative;
top:0;
right:0;
z-index:10;
}
button.file span {
line-height:20px;
margin:11px 0;
padding:6px 15px 6px 20px;
position:relative;
top:0;
right:5px;
z-index:1;
font-weight:normal;
}
/*---------------------------------------------------------------------------
[4.4 Radio & checkbox] -- */
.radioButton {
width:17px;
height:16px;
cursor:pointer;
}
span.checkbox,
span.radio {
width:19px;
height:25px;
padding:0 5px 0 0;
display:block;
clear:left;
float:left;
}
/*---------------------------------------------------------------------------
[4.5 Delete & move] -- */
.button-move,
.button-delete,
.button-edit,
.button-delete-comment,
.button-edit-comment {
display: inline-block;
height: 15px;
overflow: hidden;
padding: 0;
text-indent: 15px;
width: 15px;
}
.button-move:hover {
cursor: move;
}
.button-move span,
.button-delete span {
display:none;
}
/*-----------------------------------------------------------------------------
[CSS - content.css]
Feuille de style du contenu
0. styles par défaut eZ Publish
1. Lien
2. Puces
3. Tableaux
4. Paragraphes
5. Quotes
6. Arrow span
7. Important
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[0. styles par défaut eZ Publish]
*/
.content .clear {
clear: both;
}
/*-----------------------------------------------------------------------------
[1. Lien]
*/
.content h2, .content h3, .content h4, .content h5{
margin: 12px 0 0;
}
.content img {
margin: 15px 15px 10px 0;
}
.content .object-right img {
margin: 15px 0 10px 15px;
}
.content a {
text-decoration: underline;
font-weight: bold;
}
/*-----------------------------------------------------------------------------
[2. Puces]
*/
.content ul,
.content ol {
margin:10px 0;
padding-left:35px;
}
.content ul {
list-style-type:square;
}
.content ol {
list-style-type:decimal;
}
.content ul li,
.content ol li {
line-height:15px;
font-size:12px;
margin-bottom:5px;
}
.content ol li {
margin-bottom:2px;
}
/*-----------------------------------------------------------------------------
[3. Tableaux]
*/
.content table {
width:100%;
margin:10px 0;
clear: both;
}
.content table td {
vertical-align:middle;
padding:10px 5px;
}
.content table td p {
margin:0;
padding:0;
}
.content td.text-right p {
text-align:right;
}
/*-----------------------------------------------------------------------------
[4. Paragraphes]
*/
.content p {
margin:0;
padding:10px 0;
line-height:19px;
text-align:justify;
}
.content p.p3,
.content p.p4 {
padding:10px 20px;
font-size:12px;
}
blockquote p,
.content p.p2 {
font-size:12px;
}
p.text-justify {
text-align: justify;
}
p.text-left {
text-align: left;
}
p.text-right {
text-align: right;
}
p.text-center {
text-align: center;
}
.object-left {
float: left;
}
.object-right {
float: right;
}
.object-center {
margin: 0 auto;
text-align: center;
}
.object-left iframe {
margin: 15px 15px 10px 0;
}
.object-right iframe {
margin: 15px 0 10px 15px;
}
/*-----------------------------------------------------------------------------
[5. Quotes]
*/
blockquote {
padding:0 20px;
}
.quote {
padding:0 35px;
}
.quote p {
position:relative;
top:-8px;
padding:0;
}
.quote .openQuote, .quote .closeQuote {
display:block;
text-indent:-1000px;
overflow:hidden;
position:relative;
right:33px;
width:22px;
height:17px;
margin:0 5px;
top:10px;
}
.quote .closeQuote {
float:right;
right:-33px;
top:-25px;
}
/*-----------------------------------------------------------------------------
[6. Arrow span]
*/
.content a.arrow {
text-decoration: none;
}
.content a.arrow span p {
line-height:28px;
padding: 0;
}
/*-----------------------------------------------------------------------------
[7. Important]
*/
.content .important {
margin-bottom: 20px;
padding: 10px 13px 1px 13px;
}
/*-----------------------------------------------------------------------------
[CSS - common.css]
Feuille de style générique
1. Pages
2. Popin
3.
4. Boite de confirmation
5. Pagination
6. Tooltip
7. Liste de fichiers
8. Ombre
9. Framed date
10. Scrollbar
11. Autres classes
11.1 author
11.2 lien top
11.3 lien retour
11.4 loader
11.5 tips
11.6 génériques
11.7 join-and-share
11.8 nb_items
11.9 datepicker
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[1. Pages]
*/
#full-network .content .arrow {
float: right;
margin-right: 10px;
}
#full-network .content {
padding-left:25px;
}
/*-----------------------------------------------------------------------------
[2. Popin]
*/
#sbox-window {
padding:0 !important;
}
#sbox-window.sbox-window-ie6 {
/* Comme il n'y a pas d'ombre pour ie6:*/
border:1px solid #000;
}
.iframe {
background:none;
}
#popin {
width: 536px;
height: 376px;
border:1px solid #A59A6D;
font-family: Georgia, Arial, Helvetica, sans-serif;
position:absolute;
top:0px;
}
#popin h1 {
font-size: 30px;
height: 65px;
line-height:65px;
padding: 0;
margin: 0;
border: 0;
text-indent: 65px;
}
#popin p {
height: 39px;
font-size: 14px;
padding: 20px 0 0 25px;
margin: 0;
}
#popin .field {
height: 311px;
padding: 0;
margin: 0;
}
#popin .field ul {
padding-left: 10px;
list-style-position: inside;
margin:5px auto 30px;
}
#popin .select-box ul {
padding-left: 0;
}
#popin .form,
#popin .popinform {
clear: both;
float: none;
height: 236px;
padding: 0;
margin: 0 21px 0 21px;
}
#popin .popinform label {
padding: 10px 0 5px 0;
display: block;
text-indent: 26px;
}
#popin .popinform input {
text-indent: 10px;
font-family: Georgia, Arial, Helvetica, serif;
padding: 0;
margin: 0 14px 0 24px;
}
#popin .popinform textarea {
height:70px;
}
#popin .popinform select {
font-family: Georgia, Arial, Helvetica, serif;
padding: 0;
margin: 0 24px 0 26px;
}
#popin .popinform button,
#popin .popinform .button {
margin: 15px 24px 0;
padding: 2px 10px;
}
#popin .end {
clear: both;
}
#sbox-window #sbox-btn-close {
display:block;
height:10px;
position:absolute;
top:10px;
right:15px;
}
/*-----------------------------------------------------------------------------
[4. Boite de confirmation]
*/
#customConfirmOverlay, #customAlertOverlay {
opacity:0.7;
}
#customConfirmBox, #customAlertBox {
height:135px;
}
#customConfirmBox .title, #customAlertBox .title{
padding:13px;
height:19px;
font-size:17px;
text-indent:20px;
}
#customConfirmBox .title .icon-confirm, #customAlertBox .title .icon-confirm {
width:45px;
height:28px;
display:block;
float:left;
}
#customCloseButton{
display:block;
float:right;
width:21px;
height:21px;
text-indent:100px;
overflow:hidden;
}
#customButtonBox{
margin:20px auto;
padding:10px;
width:70%;
}
#customAlertBox #customButtonBox {
margin:auto;
}
/*-----------------------------------------------------------------------------
[5. Pagination]
*/
.navigator {
list-style:none;
margin:25px 0;
width:100%;
}
/* Simple */
.simple a {
display:block;
padding:0 9px 0 18px;
height:24px;
line-height:24px;
margin:10px 0;
}
.simple a:hover {
text-decoration: underline;
}
.simple .next,
.simple .next a {
float:right;
}
.simple .next a {
padding:0 18px 0 9px;
}
.simple .prev,
.simple .prev a {
float:left;
}
/* Google */
.navigator.google {
clear: both;
float:left;
}
.google li {
display:inline-block;
float: left;
margin:5px 2px;
padding:6px 10px;
white-space:nowrap;
}
.google a {
display:inline;
padding:1px;
}
.google span {
padding: 1px;
}
.google .next span,
.google .prev span {
display:inline;
padding: 0 1px;
}
/*-----------------------------------------------------------------------------
[6. Tooltip]
*/
.tool-tip {
max-width:250px;
width:auto;
padding:10px;
}
.tip-title {
font-family:Georgia, Arial, Helvetica, serif;
font-weight:bold;
}
.tip-text {
font-style:italic;
}
.tip-text p {
margin:0;
}
.tip-text ul {
font-size: 12px;
margin:1em 0 0 0;
}
/*-----------------------------------------------------------------------------
[7. Liste de fichiers]
*/
.list_files h3{
font-family:Arial;
font-size:12px;
font-weight:bold;
margin: 10px 0 5px;
}
.list_files ul {
list-style:none;
}
.list_files li {
clear: both;
padding: 5px;
}
.file {
clear: both;
margin:10px 0;
}
.file-type {
clear:both;
float:left;
margin-right:5px;
}
.file-type img {
margin: 0;
}
.file-type.small {
margin-top:3px;
}
.list_files .file-link {
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.file-infos {
font-size:12px;
}
/*-----------------------------------------------------------------------------
[8. Ombre]
*/
.shadow {
border:4px solid #FFF;
box-shadow: 0px 0px 10px #A59A6D;
-webkit-box-shadow:0 0 10px #A59A6D;
-moz-box-shadow: 0 0 10px #A59A6D;
margin:0 0 10px;
}
#full-simple_article .content .shadow {
margin:0 10px 0 0;
}
.shadow img{
display:block;
}
.shadow .sb-shadow {
background:#C8BB86;
border:1px solid red;
}
/*-----------------------------------------------------------------------------
[9. Framed date]
*/
.section .framed_date {
clear:both;
float:left;
font-family:Georgia, Arial, Helvetica, serif;
height:56px;
padding:0;
position:relative;
text-align:center;
width:42px;
}
.section .framed_date span {
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.section .framed_date .day,
.section .framed_date .month {
font-size:26px;
line-height:21px;
}
.section .framed_date .month {
font-size:17px;
line-height:65px;
}
.section .framed_date .year {
font-size:10px;
line-height:94px;
}
/*-----------------------------------------------------------------------------
[10. Scrollbar]
*/
.scrollable, .slider {
position:relative;
}
.scrollbar {
height:100%;
position:absolute;
right:0;
top:0;
width:15px;
}
#slider-content {
display: none;
}
/*-----------------------------------------------------------------------------
[11. Autres classes]
*/
/*---------------------------------------------------------------------------
[11.1 author] -- */
.author {
font-weight:normal;
font-size:14px;
}
/*---------------------------------------------------------------------------
[11.2 lien top] -- */
.top {
display:block;
width:100%;
margin:10px 0;
text-align:right;
text-decoration:none;
}
.content .top {
text-decoration:none;
}
.top span {
font-size:10px;
padding-left:6px;
}
/*---------------------------------------------------------------------------
[11.3 lien retour] -- */
.back {
float:left;
font-family:Georgia, Arial, Helvetica, serif;
padding:0 9px 0 18px;
text-decoration:none;
height:24px;
line-height:24px;
margin:10px 0;
}
.back:hover {
text-decoration: underline;
}
/*---------------------------------------------------------------------------
[11.4 loader] -- */
#loading {
background: url(../images/loading.gif) no-repeat center center;
}
/*---------------------------------------------------------------------------
[11.5 tips] -- */
.tips {
margin:10px 0;
padding:10px;
text-align:left;
}
/*---------------------------------------------------------------------------
[11.6 génériques] -- */
.clear {
clear:both;
display:block;
}
.hide {
display:none;
}
.left, .column {
float:left;
}
.right {
float:right;
}
.bloc {
display: block;
float: none;
}
/*---------------------------------------------------------------------------
[11.7 join-and-share] -- */
#full-homepage #join-and-share li {
float:left;
}
#join-and-share li a {
display:block;
font-size:10px;
height:55px;
padding:55px 15px 15px;
text-align:center;
width:120px;
margin:4px;
font-style:italic;
line-height:8px;
clear:none;
}
#join-and-share li a:hover {
text-decoration:none;
}
#join-and-share li a span{
display:block;
font-size:20px;
line-height:30px;
font-style:normal;
}
/*---------------------------------------------------------------------------
[11.8 nb_items] -- */
.nb_items {
bottom:1px;
display: inline;
font-weight:bold;
font-size:12px;
margin:0;
position:relative;
padding:3px 0 3px 12px;
text-align:center;
}
.nb_items span {
padding:2px 6px 2px 0;
}
/*---------------------------------------------------------------------------
[11.9 datepicker] -- */
.nodatepicker {
font-style:italic;
}
.datepicker {
background:url("/assets/button_calendar.png") no-repeat scroll 0 0;
display: block;
overflow: hidden;
text-indent: 14px;
width: 14px;
float:left;
margin:4px;
}