541 lines
No EOL
17 KiB
CSS
541 lines
No EOL
17 KiB
CSS
/* Général */
|
|
body { margin: 0; padding: 0; color: #000; background: transparent url('img/bg.jpg') left top repeat; font: normal 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
|
form { margin: 0; padding: 0; display: block; }
|
|
a{ text-decoration: none; color: #4A9BAC; outline: 0 none; list-style-type: none;}
|
|
a:hover{ text-decoration: underline; }
|
|
a:link, a:visited { color: #4a9bac; }
|
|
a:hover, a:active { color: #4a9bac; }
|
|
div#container { background: transparent url('img/bg-container.png') center 34px repeat-x; }
|
|
.info-publi{font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;text-transform: uppercase;color: #B6B6B6;}
|
|
h1.h1{color: #4A9BAC; font: bold 24px/28px Vollkorn,serif; background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent; border-top: 1px solid; border-top-color: #EAEAEA; margin: 0 0 10px; padding: 6px 0 12px 0;}
|
|
blockquote.spip {border:none;}
|
|
abbr{border:none;}
|
|
|
|
|
|
/* Formulaire */
|
|
|
|
.formulaire_spip input.text {border: 1px solid #EAEAEA; height: 1.8em; padding: 0 0 0 8px; margin:5px 0 0 0;}
|
|
.formulaire_spip textarea {border: 1px solid #EAEAEA;}
|
|
form p.input input {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD;color: #000000;}
|
|
form small {color: #B7B7B7;}
|
|
form textarea, .formulaire_spip textarea {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD; color: #000000;}
|
|
div#formulaire_forum fieldset legend{color: #41403B; font: bold 14px/18px Vollkorn,serif;}
|
|
|
|
|
|
|
|
/* Divs Principales */
|
|
|
|
div#contenu{
|
|
width: 640px;
|
|
float:left;
|
|
}
|
|
|
|
div#barrecote{
|
|
width: 250px;
|
|
float:right;
|
|
}
|
|
|
|
div#navigation{
|
|
float: right;
|
|
margin: 0;
|
|
width: 250px;
|
|
}
|
|
|
|
.no-display { display: none; }
|
|
.clear { clear: both; }
|
|
|
|
/* Menu Principale */
|
|
|
|
div#menubar { position: relative; height: 33px; top: -122px; }
|
|
div#menubar { border-bottom: 1px solid; }
|
|
div#menubar .pad { width: 962px; margin: 0 auto; height: 33px; }
|
|
div#menubar h3 { display: none; }
|
|
div#menubar ul { display: block; margin: 0 -10px 0 0; padding: 0; list-style: none; height: 33px; float: right; }
|
|
div#menubar ul li { display: block; margin: 0; padding: 0 0 0 1px; float: left; height: 33px; }
|
|
div#menubar ul ul { position: absolute; display: none; width: 180px; float: none; margin: 1px 0 0 0; height: auto; z-index: 9999999;}
|
|
div#menubar ul li a { display: block; margin: 0; padding: 0 10px; }
|
|
div#menubar ul li a span.sf-sub-indicator { display: block; float: right; padding: 0 0 0 5px; }
|
|
div#menubar ul li:hover ul, div#menubar ul li.hover ul { display: block; z-index: 999999; }
|
|
div#menubar ul ul li { padding: 0; margin: 0 5px; float: none; width: auto; height: auto; }
|
|
div#menubar ul ul li a { border-bottom: 1px solid; padding: 0 5px; margin: 0; float: none; width: auto; height: auto; }
|
|
div#menubar ul ul ul { margin: -28px 0 0 175px; }
|
|
|
|
div#menubar { background: #151313 none; border-bottom-color: #2b2b2b; }
|
|
div#menubar ul li { background: transparent url('img/bd-menubar-item-1.png') left center no-repeat; }
|
|
div#menubar ul li a { color: #646464; }
|
|
div#menubar ul li:hover a { color: #a1a1a1; }
|
|
div#menubar ul li.current-menu-item a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul, div#menubar ul li.hover ul { background: #2b2b2b none; }
|
|
div#menubar ul li:hover ul li a, div#menubar li.hover ul li a { color: #646464; background: #2b2b2b none; border-bottom-color: #3a3a3a; }
|
|
div#menubar ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul li.li-current-menu-item a, div#menubar ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul li.current_page_item a, div#menubar ul li.hover ul li.current_page_item a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul li:hover ul li a, div#menubar ul li.hover li.hover li a { color: #646464; }
|
|
div#menubar ul li:hover ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover ul li.hover a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul li:hover ul li.current-menu-item a, div#menubar ul li.hover ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
|
|
div#menubar ul li:hover ul li:hover ul li.current_page_item a, div#menubar ul li.hover li.hover ul li.current_page_item a { color: #a1a1a1; }
|
|
|
|
div#menubar ul li { font: bold 10px/33px 'Helvetica Neue', Helveticam Arial, sans-serif; text-transform: uppercase; }
|
|
div#menubar ul li a { font-weight: bold; text-decoration: none; }
|
|
div#menubar ul ul li { line-height: 27px; }
|
|
|
|
/* Header */
|
|
div#header .pad { background: transparent url('img/bg-header.png') center bottom no-repeat; }
|
|
div#header .box-search input { color: #666; text-shadow: 1px 1px #000; background: transparent url('img/input-search.png') left top no-repeat; }
|
|
div#header .formulaire_recherche input.submit { color: #4a4a4a; text-shadow: 1px 1px #fff; background: transparent url('img/button-search.png') left top no-repeat;}
|
|
div#header .box-search input { font: italic 12px/12px Vollkorn, serif; }
|
|
div#header .formulaire_recherche input.submit { font: normal 12px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
|
div#header { position: relative; height: 122px; top: 34px; }
|
|
div#header .pad { width: 960px; margin: 0 auto; padding: 0 5px 25px 5px; }
|
|
div#header h3 { display: none; }
|
|
div#header .box-masthead { height: 97px; float: left; }
|
|
div#header .box-masthead .accueil{margin: 10px 0 0 0}
|
|
div#header .box-masthead .accueil strong a{font: normal 42px/44px Vollkorn, serif;color: #EAEAEA; text-decoration: none; }
|
|
div#header .title { display: block; margin: 0; padding: 0; color:#b7b7b7 }
|
|
div#header .title a { display: block; margin: 0; padding: 0; width: 326px; height: 97px; text-indent: -999999px; }
|
|
div#header .description { display: none; }
|
|
div#header .box-search { float: right; margin: 30px 0 0 0; }
|
|
div#header .box-search label { display: none; }
|
|
div#header .box-search input { width: 198px; padding: 11px; margin: 0; border: 0 none; float: left; }
|
|
div#header .formulaire_recherche input.submit { margin: 0; padding: 0; width: 70px; height: 34px; text-align: center; border: 0 none; float: left; }
|
|
|
|
/* Body */
|
|
|
|
div#body { width: 920px; margin: 0 auto; padding: 0px 20px 25px 20px; position: relative; }
|
|
div#body div#content { width: 590px; margin: 0; float: left; }
|
|
div#body { background: transparent url('img/bg-common.png') center center repeat-y; }
|
|
|
|
/* Footer */
|
|
div#footer .pad { width: 920px; margin: 0 auto; padding: 10px 25px; position: relative; }
|
|
div#footer p { display: block; margin: 0; padding: 0; }
|
|
div#footer { background: #000 none; color: #3a3a3a; }
|
|
div#footer p { font: normal 10px/14px Verdana, sans-serif; }
|
|
div#footer p a { text-decoration: none; }
|
|
div#footer p a:hover { text-decoration: underline; }
|
|
|
|
|
|
/* Fonts */
|
|
|
|
/* Bold Face
|
|
-----------------------------------------*/
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url('fonts/vollkorn-bold.eot');
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url(//:) format('no404'), url('fonts/vollkorn-bold.woff') format('woff'), url('fonts/vollkorn-bold.ttf') format('truetype'), url('fonts/vollkorn-bold.svg#webfontJV84zI5j') format('svg');
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Italic Face
|
|
-----------------------------------------*/
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url('fonts/vollkorn-italic.eot');
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url(//:) format('no404'), url('fonts/vollkorn-italic.woff') format('woff'), url('fonts/vollkorn-italic.ttf') format('truetype'), url('fonts/vollkorn-italic.svg#webfontW736jsGt') format('svg');
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Bold Italic Face
|
|
-----------------------------------------*/
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url('fonts/vollkorn-bolditalic.eot');
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url(//:) format('no404'), url('fonts/vollkorn-bolditalic.woff') format('woff'), url('fonts/vollkorn-bolditalic.ttf') format('truetype'), url('fonts/vollkorn-bolditalic.svg#webfontksAiltW2') format('svg');
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Normal
|
|
-----------------------------------------*/
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url('fonts/vollkorn-normal.eot');
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Vollkorn';
|
|
src: url(//:) format('no404'), url('fonts/vollkorn-normal.woff') format('woff'), url('fonts/vollkorn-normal.ttf') format('truetype'), url('fonts/vollkorn-normal.svg#webfontJOWxQLX2') format('svg');
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Divs Secondaires */
|
|
|
|
/* Sommaire */
|
|
.page_page.page_sommaire .contenu-principal{display:none}
|
|
|
|
/* liste articles sommaire */
|
|
.page_sommaire .liste.articles.sommaire{float: left; margin: 0 30px 0 0; width: 360px; }
|
|
.page_sommaire .liste.articles.sommaire h2.h2{display: none;}
|
|
a.nb_commentaires{ color: #A04140; }
|
|
.page_sommaire img.spip_logos { border: 0 none; float: right; margin: 40px 0 10px; padding: 0 0 0 10px; }
|
|
.page_sommaire .liste ul.liste-items{padding:0;list-style: none; margin: 0;}
|
|
.page_sommaire .liste ul.liste-items li{margin: 0 0 20px;}
|
|
.page_sommaire .liste ul.liste-items li.item h3.h3{
|
|
font: bold 16px/18px Vollkorn,serif;
|
|
background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;
|
|
border-top: 1px solid;
|
|
border-top-color: #EAEAEA;
|
|
color: #4A9BAC;
|
|
display: block;
|
|
margin: 0 0 10px;
|
|
padding: 6px 0 12px;
|
|
}
|
|
|
|
/* Formulaire de recherche */
|
|
div#formulaire_recherche { position:absolute; top:-90px; float:right; height: 36px; width: 290px; right: 0;}
|
|
div#formulaire_recherche input {
|
|
color: #666666;
|
|
text-shadow: 1px 1px #000;
|
|
background: transparent url('img/input-search.png') left top no-repeat;
|
|
border: 0 none;
|
|
float: left;
|
|
margin: 0;
|
|
padding: 11px;
|
|
width: 198px;
|
|
font: italic 12px/12px Vollkorn,serif;
|
|
}
|
|
div#formulaire_recherche input.submit {
|
|
background: url("img/button-search.png") no-repeat scroll left top transparent;
|
|
color: #4A4A4A;
|
|
text-shadow: 1px 1px #FFFFFF;
|
|
border: 0 none;
|
|
float: left;
|
|
height: 34px;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 70px;
|
|
}
|
|
div#formulaire_recherche label {display: none;}
|
|
|
|
/* menu rubriques */
|
|
.menu.rubriques { margin:0 0 20px; }
|
|
.menu.rubriques h2{
|
|
background: url("img/bg-sidebar-title.gif") no-repeat scroll left bottom #D1E2E9;
|
|
text-shadow: 1px 1px #FFFFFF;
|
|
color: #000000;
|
|
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
color: #41403B;
|
|
border-top: 1px solid;
|
|
border-top-color: #A1BFCB;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 8px 10px 13px;
|
|
font: bold 14px/18px Vollkorn,serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.menu.rubriques ul {display: block; margin: 0; padding: 5px 10px 10px;background: none repeat scroll 0 0 #F6FBFD; list-style: none;}
|
|
.menu.rubriques ul li {background: url("img/bullet-list-item-sidebar.png") no-repeat scroll left 10px transparent; border-bottom: 1px solid; border-bottom-color: #D5E4EB; display: block; margin: 0 0 5px; padding: 0 0 5px;}
|
|
|
|
/* Formulaire inscription */
|
|
div#formulaire_inscription{
|
|
width: 250px;
|
|
float: right;
|
|
clear: right;
|
|
background: none repeat scroll 0 0 #CFE7E9;
|
|
}
|
|
div#formulaire_inscription legend{
|
|
background: url("img/bg-sidebar-subscription-title.gif") no-repeat scroll left bottom #B3D0D2;
|
|
border-top: 1px solid;
|
|
color: #3A888B;
|
|
font: bold 14px/18px Vollkorn,serif;
|
|
padding: 8px 10px 13px;
|
|
text-shadow: 1px 1px #FFFFFF;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
width: 230px;
|
|
}
|
|
|
|
|
|
div#formulaire_inscription fieldset{display: block; margin: 0; background: none repeat scroll 0 0 #CFE7E9;}
|
|
div#formulaire_inscription p{ margin: 5px 10px}
|
|
div#formulaire_inscription ul{margin: 0.5em 0.5em;}
|
|
|
|
/* Commentaires, Articles Syndic, Liste Articles, Bréves */
|
|
.page_sommaire .liste.forums{
|
|
width: 250px;
|
|
overflow: hidden;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.liste.syndic_articles{
|
|
float: left;
|
|
width: 250px;
|
|
margin:0 0 20px;
|
|
|
|
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
.page_article .liste.articles, .page_breve .liste.breves{
|
|
width: 250px;
|
|
overflow: hidden;
|
|
margin-bottom:20px;
|
|
margin-right: 0;
|
|
float:right;
|
|
clear:none
|
|
}
|
|
|
|
.liste.syndic_articles h2,.page_sommaire .liste.forums h2, .page_article .liste.articles h2, .page_breve .liste.breves h2{
|
|
background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;
|
|
|
|
color: #666666;
|
|
font: bold 14px/18px Vollkorn,serif;
|
|
text-transform: uppercase;
|
|
border-top: 1px solid;
|
|
border-top-color: #EAEAEA;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 8px 10px 12px;
|
|
font: bold 14px/18px Vollkorn,serif;
|
|
text-transform: uppercase;
|
|
}
|
|
.liste.syndic_articles ul, .page_sommaire .liste.forums ul, .page_article .liste.articles ul, .page_breve .liste.breves ul{
|
|
display: block;
|
|
margin: 0;
|
|
padding: 5px 0px 10px;
|
|
}
|
|
.liste.syndic_articles ul li, .page_sommaire .liste.forums ul li, .page_article .liste.articles ul li, .page_breve .liste.breves ul li{
|
|
border-bottom: 1px solid; border-bottom-color: #EAEAEA;
|
|
display: block; margin: 0 0 5px; padding: 0 10px 5px 10px;
|
|
color: #B6B6B6;
|
|
font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.liste.syndic_articles ul li a, .page_sommaire .liste.forums ul li a, .page_article .liste.articles ul li a, .page_breve .liste.breves ul li a{
|
|
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
text-transform: none;
|
|
}
|
|
|
|
|
|
|
|
/* Mots clés */
|
|
|
|
.liste.mots, .liste.groupes_mots{
|
|
float: right;
|
|
width: 250px;
|
|
margin:0 0 20px;
|
|
text-shadow: 1px 1px #FFFFFF;
|
|
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
.liste.mots h2, .liste.groupes_mots h2{
|
|
background: url("img/bg-box-tabs-title.gif") no-repeat scroll left bottom #A6A497;
|
|
color: #000000;
|
|
border-top: 1px solid;
|
|
border-top-color: #EAEAEA;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 8px 10px 13px;
|
|
font: bold 14px/18px Vollkorn,serif;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.liste.mots ul, .liste.groupes_mots ul {display: block; margin: 0; background: none repeat scroll 0 0 #B9B7AB;
|
|
padding: 5px 10px 10px;}
|
|
|
|
.liste.mots ul li, .liste.groupes_mots ul li {
|
|
border-bottom: 1px solid #A6A497;
|
|
color: #000000;
|
|
display: block;
|
|
margin: 0 0 5px;
|
|
padding: 0 0 5px;
|
|
}
|
|
|
|
.liste.mots ul li a, .liste.groupes_mots ul li a {color: #000000;}
|
|
|
|
|
|
|
|
|
|
/* contenu-principal */
|
|
|
|
.contenu-principal{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
|
|
.notes.surlignable{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
div#conteneur p.repondre{
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
color: #666666;
|
|
font: bold 16px/18px Vollkorn,serif;
|
|
}
|
|
|
|
.liste.articles{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
padding: 0;
|
|
float:left;
|
|
border: 0 none;
|
|
clear: both;
|
|
}
|
|
|
|
div#contenu h2{
|
|
color: #4A9BAC;
|
|
border-bottom: 1px dashed #CCCCCC;
|
|
display: block;
|
|
font: bold 24px/28px Vollkorn,serif;
|
|
margin: 0 0 20px;
|
|
padding: 0 0 7px;
|
|
}
|
|
|
|
.ajaxbloc{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
div#signatures{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
|
|
div#formulaire_site{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
|
|
.formulaire_signature{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
|
|
/* Commentaires */
|
|
div#comments{
|
|
width: 640px;
|
|
margin: 0 20px 20px 0;
|
|
float:left;
|
|
}
|
|
|
|
div#comments ul {
|
|
padding:0;
|
|
margin:0 0 0 40px;
|
|
display:block;
|
|
}
|
|
div#comments li {
|
|
padding: 0 0 20px;
|
|
list-style-type: none;
|
|
display:block;
|
|
}
|
|
|
|
div#comments .comment-message{
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: #cccccc;
|
|
display: block;
|
|
min-height: 140px;
|
|
margin: 0 0 15px;
|
|
}
|
|
div#comments p.repondre{
|
|
clear: both;
|
|
color: #666666;
|
|
display: block;
|
|
float: right;
|
|
font: bold 12px/16px Vollkorn,serif;
|
|
margin: 0 10px 10px;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
|
|
div#comments span.comment-author{
|
|
float: left;
|
|
clear:both;
|
|
}
|
|
div#comments .comment-meta{
|
|
width: 170px;
|
|
|
|
display:block;
|
|
padding: 10px 0 0;
|
|
float: left;
|
|
}
|
|
|
|
div#comments .comment-content p.hyperlien{
|
|
float:left;
|
|
clear: both;
|
|
}
|
|
|
|
div#comments .comment-content{
|
|
border-left: 1px dashed;
|
|
border-left-color: #cccccc;
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 10px 0 0 20px;
|
|
min-height: 140px;
|
|
}
|
|
div#comments .comment-content .comment-texte{
|
|
float: left;
|
|
height: 100%;
|
|
min-height: 100px;
|
|
}
|
|
div#comments .comment-meta abbr{
|
|
border: 0 none;
|
|
clear: both;
|
|
float: left;
|
|
color: #B6B6B6;
|
|
font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
|
|
margin: 0 0 6px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Liste article autre */
|
|
|
|
div#contenu .liste.articles img.spip_logos {
|
|
border: 1px solid #DDDDDD;
|
|
float: right;
|
|
margin: 0 10px 10px;
|
|
padding: 10px;
|
|
}
|
|
div#contenu .liste.articles ul li{margin: 0 0 20px;}
|
|
div#contenu .liste.articles ul{
|
|
list-style: none;
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
div#contenu .cartouche .spip_logos {
|
|
border: 1px solid #DDDDDD;
|
|
float: right;
|
|
margin: 60px 0 10px 10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
p.surtitre{
|
|
color: #666666;
|
|
font: bold 20px/22px Vollkorn,serif;
|
|
}
|
|
|
|
p.soustitre{
|
|
color: #41403B;
|
|
font: bold 16px/20px Vollkorn,serif;
|
|
} |