@charset "utf-8";
/*
Theme Name: Culture(s) en chantier
Description: Culture(s) en chantier par défaut.
Version: 1
Author: alambikdesign
Author URI: http://www.alambikdesign.com
This theme was designed by alambikdesign and built by Christophe Iaïchouchen AKA saturnino,
whose blog you will find at http://www.alambikdesign.com and http://saturnino-freelance.com/
The CSS, XHTML and design is all rights reserved
Copyright : Culture(s) en chantier
*/
/*============================ reset by meyer ===============================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
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;
}
/*============================ reset by meyer ===============================================*/
/*============================ redefinitions ===============================================*/
html {
font-size: 62.5%; /* Évite un bug d'IE 6-7. */
}
body {
color:#6f6f6f;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
margin-top:11px;
background-image: url(../images/body-bg.jpg);
background-repeat: repeat-x;
background-position: 0px 333px;
}
caption, th, td {text-align:left; font-weight:normal;}
strong{font-weight:bold;}
iframe{border:1px solid #FFFFFF;}
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #63DBF5;}
blockquote {margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0;display:block;}
.center {text-align:center;}
hr {display:none;}
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
.clear { clear:both; }
li{background-repeat:no-repeat; background-position:0 0;}
/* links */
a{color:#47150b; text-decoration:none;}
a:hover{color:#47150b; text-decoration:underline;}
/* headings */
h2, h2.ger4ronl{font-size:1.2em; color:#01916e; font-weight:bold;margin-bottom:21px; line-height:1.4em;/*margin-top:38px;*/}
h3{
font-size:1em;
color:#3d150e;
font-weight:bold;
background-image: url(../images/content-h3-bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-top:4px;
padding-bottom:1em;
padding-left:13px;
}
h4{font-size:1.4em; margin-bottom:27px; color:#003566; font-weight:bold;}
h5{font-size:1.2em; margin-bottom:16px; font-weight:bold;}
h5 a{text-decoration:none!important;padding-left:2px;padding-right:2px;}
/* table */
td{padding:4px; font-size:1.2em;}
td.align_right{ text-align:right;}
/* span */
cite{
font-style:italic;
font-size: 2em;
font-family: "Times New Roman",Times,serif;
line-height: 1em;
}
/*============================ structure ===============================================*/
/* container */
#container{ width:980px; margin:0 auto; position:relative;}
/* header */
#header{ width:893px; height:271px!important; margin:0 auto;}
#header h1{
text-indent:-10000px;
}
/* top */
/* Bloc central contenant #left et #content */
#center {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #c3e3cd;
float:left;
width:980px;
background-image: url(../images/content-bg-pictos-left.jpg);
background-repeat: no-repeat;
background-position: 23px 8px;
}
.left #content {
float:left;
width: 560px;
height:100%;
padding-bottom:25px;
padding-left:94px;
padding-right:40px;
padding-top:38px;
}
.right #content {
float:right;
width: 700px;
height:100%;
padding-bottom:25px;
padding-left:30px;
padding-right:50px;
padding-top:38px;
}
#content p,#content li{
margin-top: 0em;
margin-right: 0;
margin-bottom: 0.75em;
margin-left: 0;
font-size:1.1em;
text-align: justify;
line-height: 1.5em;
}
#content ul li{
padding-left: 11px;
background-image: url(../images/puce-h2-news-bg.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
margin-bottom: 0.1em!important;
}
#content ul.works li{
margin-left:0;
background-image:none;
line-height: 1.5em;
margin-bottom: 0.75em!important;
}
/* left */
#left {
float:left;
width:167px;
background-image: url(../images/left-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
min-height:257px;
padding-left:28px;
padding-top:123px;
}
/* right */
#right {
float:right;
width:236px;
background-image: url(../images/right-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
min-height:344px;
padding-left:33px;
padding-right:17px;
padding-top:36px;
}
/* footer */
#footer{
background-image: url(../images/footer-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
clear:both;
width:920px;
text-align: right;
padding-top: 9px;
padding-right: 60px;
padding-bottom: 25px;
color:#b3b2b2;
}
/* credits */
/*============================ structure ===============================================*/
/*============================ top-nav ===============================================*/
#top-nav { width:893px; margin:0 auto; height:50px;}
#top-nav li
{
/*display: inline;*/
font-size:1.2em;
text-transform: uppercase;
float:left;
z-index: 100;
}
#top-nav li a
{
text-decoration: none;
color:#3d150e;
height:23px;
display:block;
width:120px;
margin-left:18px;
padding-top:27px;
z-index: 10;
position: relative;
overflow: hidden;
}
#top-nav li a:hover
{
color:#b4dcc1;
border: none;
}
#top-nav li.current a
{
/*background-image: url(../images/top-nav-bg.gif);
background-repeat: no-repeat;
background-position: right top; */
color:#b4dcc1;
}
#top-nav li.back {
background: url(../images/top-nav-bg.gif) no-repeat right top;
width: 10px;
z-index: 8;
position: absolute;
height:50px;
}
#top-nav li.back .left {
height:50px;
margin-right: 0px; /* 7px is the width of the rounded shape */
background-image: none;
background-repeat: no-repeat;
background-position: left top;
}
/*============================ top-nav ===============================================*/
/*============================ left-nav ===============================================*/
#left-nav{
width:135px;
background-image: url(../images/left-nav-bg.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
padding-left:20px;
}
#left-nav li a{
display:block;
width:115px;
background-image: url(../images/left-nav-li-bg-out.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left:25px;
padding-top:6px;
padding-bottom:6px;
font-size:1.2em;
color:#73c699;
}
#left-nav li.active a{
background-image: url(../images/left-nav-li-bg-over.gif);
}
#left-nav li a:hover{
background-image: url(../images/left-nav-li-bg-over.gif);
color:#487d60;
text-decoration:none;
}
/*============================ left-nav ===============================================*/
/*============================ download-nav ===============================================*/
#download-nav{
width:135px;
background-image: url(../images/download-nav-bg.gif);
background-repeat: repeat-y;
background-position: 31px 0px;
padding-left:9px;
margin-bottom:9px;
}
#download-nav li {
background-image: url(../images/picto-download.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-bottom:6px;
}
#download-nav li a{
display:block;
width:115px;
padding-left:36px;
padding-top:6px;
font-size:1.2em;
color:#481635;
font-style:italic;
}
#download-nav li.active a{
}
#download-nav li a:hover{
color:#cc4799;
text-decoration:none;
background-image: url(../images/download-nav-bg-over.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
/*============================ download-nav ===============================================*/
/*============================ right ===============================================*/
#right h2.news{
background-image: url(../images/actualites.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
height: 24px;
width: 152px;
text-indent: -10000px;
margin-bottom:8px;
}
/*============================ right ===============================================*/
/*============================ news ===============================================*/
#news{
background-image: url(../images/actu-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
min-height:45px;
padding-top:16px;
background-color:#cbe4d3;
width:235px;
margin-bottom:16px;
}
#news li{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
position:relative;
}
#news li.bottom{
background-image: url(../images/actu-bottom-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height:17px;
padding:0;
}
#news h3{
font-size:1.1em;
font-weight: bold;
color: #01916e;
background-image: url(../images/puce-h2-news-bg.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
padding-left: 7px;
margin-bottom:4px;
}
#news h3 a{color: #01916e;}
#news h3 a:hover{ text-decoration:none;}
/*============================ news ===============================================*/
/*============================ contactForm =============================================== */
#contactForm{
padding-right: 22px;
padding-bottom: 16px;
}
#contactForm label{
display:block;
font-size:1.2em;
padding-left:11px;
margin-bottom:4px;
color:#47150b;
font-weight:bold;
background-image: url(../images/puce-h2-news-bg.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
}
#contactForm label span{color:#6f6f6f;font-size:.7em;font-weight:normal;}
#contactForm p.inputs{display:block;width:246px;font-weight:normal; line-height:1; text-align:left;}
#contactForm p.right{float:right!important;margin-left:0;}
#contactForm p.inputs input{
border:1px solid #e9eeeb;
font-size:1.2em;
padding:2px;
width:210px;
height:18px;
background-color: #FFFFFF;
color:#666666;
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif;
}
#contactForm p.comment{clear:left;line-height:1;}
#contactForm textarea,textarea.inputs {
color:#666666;
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif;
font-size:1.2em;
width:466px!important;
height:150px!important;
padding: 2px!important;
border:1px solid #e9eeeb;
}
#edtContactSubmit {
margin:auto;
display:block;
background-color:#01916e;
color:#FFFFFF;
height:22px;
width:100px!important;
border:1px solid #01916e;
font-size:1.2em;
overflow:hidden;
vertical-align:middle;
padding:0;
cursor:pointer;
text-align:center;
}
textarea:focus,input:focus{ border:#47150b 1px solid!important; }
#edtContactSubmit:hover { background-color:#b4dcc1; border:1px solid #b4dcc1;}
.errorlist li{font-weight:bold; width:210px; font-size:.9em!important; padding-left:6px; line-height:.8em!important;}
/*============================ contactForm =============================================== */
/*============================ divers =============================================== */
div.anchorTop
{
display: block;
text-align: right;
}
div.anchorTop a
{
background-repeat: no-repeat;
background-position: right top;
color: #73c699;
padding-top: 12px;
font-style:italic!important;
}
div.anchorTop a
{
background-image: url(../images/anchor-top.gif);
}
address.contact{
font-weight:normal;
font-style: normal;
line-height:1.2em;
}
address .title{
font-size:1.2em;
padding-left:11px;
padding-bottom:10px;
display:block;
width:auto;
color:#47150b;
font-weight:bold;
background-image: url(../images/puce-h2-news-bg.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#footer a,#footer a:hover{color:#b3b2b2;}
/*============================ divers =============================================== */
/*============================ sIFR =============================================== */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}
/*============================ sIFR =============================================== */