/*
Theme Name: Ardephwerk 2010
Site WEB: http://www.ardephwerk.fr
Description: Website by Ardephwerk Rachael Hampton
Version: 4
Author: Ardephwerk Rachael Hampton
Author URI: http://www.ardephwerk.fr
*/
/* Body E0E6E6 d1d4d3 f7f7f7 fcfbfb
-------------------------------------------------------------------*/
body#default {font-family:Century gothic, Verdana, Arial, Tahoma,sans-serif;
color:#712843;
font-size:13px;
margin: 0px auto; background-color:#ffffff; }
body#page{ background: url(images/page-bg.gif) top center no-repeat fixed; font-family:Century gothic, Verdana, Arial, Tahoma,sans-serif;
color:#712843;
font-size:13px;
}
body#template-diff-bg-demo2 { background:url(images/default-bg3.jpg) top center no-repeat #000000; }
.linetopleft
{
float:left;
margin: 15px 0px 0px 0px;
border:none;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
/* Header
-------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif; font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; color:#712843;}
h2 { font-size: 2em; margin-bottom: 0.20em; color:#712843; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* Typography = Text elements
-------------------------------------------------------------- */
p { font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif; margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
.pleft {float:left; width: 200px; height:auto; }
.pright {margin: 0px 0px 10px 230px; width: 200px; height:auto; }
a:hover, a:focus { text-decoration: none; }
a:hover p { border-bottom:thin dotted #712843; }
a { text-decoration: none; color:#712843; }
img { border: none; border-bottom:none; ext-decoration: none;}
a img , a:visited img, a:active img, a:hover img { border: none; text-decoration: none; border-bottom:none; text-transform:none; background:none; }
a.nohover:hover {
background: none;
border: none;
}
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote { margin: 1.6em; color: #675c53; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Typography = Lists
-------------------------------------------------------------- */
ul ,li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ol { list-style-type: none; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
.social {list-style-image:none ; display:inline; padding-right: 0px; float:left; text-align:left; margin: 0px 5px 0px 0px;}
/* Typography = Misc classes #b29fa4;
-------------------------------------------------------------- */
small , .postmetadata, .navigation { font-size: .9em; margin-bottom: .50em; line-height: 1.875em; font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif; }
.pages-header { width: 901px; min-height:20px; }
.bold {font-weight:bold; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.vertclair { background-color: #e5eaea; min-height: 70px; }
.lightgreen {background-color:#e6ebe1; }
.pink { background-color:#f8e5ec; min-height: 85px;}
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background-color:#0099CC; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.linebottom {border-bottom:thin dashed #988f86; }
.first { margin-left:280px; padding-left:0px; }
.last { margin-right:50px; padding-right:50px; }
.top { margin-top:0; padding-top:20px; }
.topfooter { margin-top:0; padding-top:75px; }
.bottom { margin-bottom:30px; padding-bottom:0; }
.inline {display:inline;}
.pright { padding-right:5px;}
.pleft { padding-left:5px;}
.left {float: left;}
.right {float:right; }
.clear {clear: both;}
.paddingtopbottom { padding-top: 20px; padding-bottom: 20px; }
.homeimage{margin: 0px 0px 5px 20px; padding: 0px 0px 0px 0px; }
.home {min-height:400px; }
.imgtag { position:absolute; float:right; left: 900px; top: 60px; z-index:999; }
.socialicons {padding: 15px 0px 10px 5px; width:208px; }
/* Container
-------------------------------------------------------------------*/
#main {width: 931px; height:auto; margin: 0px auto; background-position: center; }
#content-loop { width: 672px; height:auto; float:right; }
#content-loop a:hover { background: #8b8178; color:#FFFFFF;}
#content-loop a { color: #675c53; text-decoration: none; }
#content-loop a img, #content-loop a:hover img { border: none; text-decoration: none; background:none; }
#nn {width:900px; height:auto; margin: 0px auto; float:left;}
/* --- Grid --- */
.white {background:url(images/bg-white.png) center repeat; }
.color-wapper {background-color: #65807f; min-height:5px; margin:0px 0px 15px 0px; }
#wapper{
width: 931px;
margin: 5px auto;
}
#spacer {
float: left;
width: 15px;
height: 1px;
}
#col-1 {
float: left;
width: 214px;
}
#col-2 {
float: left;
width: 443px;
}
#col-3 {
float: left;
width: 672px;
}
#col-4 {
float: left;
width: 901px;
}
/* Navigation
-------------------------------------------------------------------*/
#menu1 ul {
float: left;
width: 901px;
font-size: 98%; padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; position:absolute ; font-family:Century gothic, Verdana, Arial, Tahoma,sans-serif;
}
#menu1 li {
float: left;
margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px;
position: relative; z-index: 99;
}
#menu1 li a:link, #menu1 li a:visited {
float: left;
display: block;
color: #000000;
line-height: 16px;
padding: 0px 0px 0px 15px;
text-decoration: none;
text-transform: uppercase; background: url(images/icon-nav-grey.png) 0px 0px no-repeat;
}
#menu1 li.current_page_item a:link, #menu1 li.current_page_item a:visited,
#menu1 li.current_page_ancestor a:link, #menu1 li.current_page_ancestor a:visited,
#menu1 li a:link:hover, #menu1 li a:visited:hover,
#menu1 li:hover a:link, #menu1 li:hover a:visited {
color: #87122e; background: url(images/icon-nav-tur.png) 0px 0px no-repeat;
padding: 0px 0px 0px 15px;
}
#menu1 li ul {
position: absolute;
left: -1000em;
top: 16px;
width: 150px;
padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px;
font-weight: normal;
}
#menu1 li:hover ul {
left: 0;
}
#menu1 li li { background-color:#FFFFFF;
}
#menu1 li li a:link, #menu1 li li a:visited {
float: none;
background: none;
padding: .25em .75em;
}
#menu1 li li a:link:hover, #menu1 li li a:visited:hover {
background: url(images/icon-nav-mag.png) 0px 0px no-repeat; background-color:#FFFFFF;
}
/* Content
-------------------------------------------------------------------*/
#zonefr{ width: 700px; height:auto; padding: 10px 15px 0px 0px; float: right; }
#zoneen{ width: 700px; height:auto; float: left; padding: 10px 0px 0px 40px;}
#logos{ width: 580px; height:auto; padding: 10px 15px 0px 0px; float: right;}
#booktkts{ width: 250px; height:auto; padding: 5px 0px 0px 20px; float:left;}
.book{ width: 550px; height:auto; padding: 5px 20px 0px 0px; float: right;}
/* images sliders
-------------------------------------------------------------------*/
#slider1 {
width: 901px; /* important to be same as image width */
height: 116px; /* important to be same as image height */
overflow: hidden; /* important */
margin:5px 0px 5px 0px;
}
#slider1Content {
width: 901px; /* important to be same as image width or wider */
top: 0; /* important */
margin-left: 0; /* important */
left: 0px;
border: 0px;
margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}
.slider1Image {
float: left;
display: none;
}
.slider1Image span strong {
font-size: 14px;
}
.sleft {
top: 0;
left: 0;
width: 110px !important;
height: 280px;
}
.sright {
right: 0;
bottom: 0;
width: 110px !important;
height: 290px;
}
/* MINI POST HOME PAGE
-------------------------------------------------------------------*/
#featured {
width:443px;
height:auto;
float:left;
padding:0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
color: #060c4c;
}
#featured p {
font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em; color: #585a5a;
}
#featured .clearfloat {
margin-top:0px;
margin-bottom:0px;
}
#featured .info {
margin:5px 5px 5px 15px;
float:left;
width:430px;
}
#featured .title {
font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .15em;
line-height: 1.5em;
}
#featured .date {
font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.42em; color:#727677;
}
#featured a img {
border:1px thin #00a9d7;
margin:0px 0px 0px 0px;
padding:0px;
}
#featured a:hover, #featured a:active { border-bottom:thin dashed #999999;
}
#featured a, #featured a:visited {
color: #585a5a; text-decoration:none; }
.idees { background-color:#f0f2d5 ;}
.actu {background-color:#dff4f6;}
/* Newsletters dff4f6 e3e8b3 bce9ed
-------------------------------------------------------------------*/
#framenews {margin: 0px 0px 0px 10px; width:900px; min-height: 39px; }
.news { background:url(images/bando-new.png) no-repeat center top ; border: none; }
#formule{
position: relative;
background-color: transparent;
border: none;
}
.saisie{
position: absolute;
display:block;
top: 9px;
left: 610px;
width: 200px;
height: 18px;
background-color: transparent;
border: none;
font: normal normal normal 11px/13px Helvetica, Arial, sans-serif;
color: #000000;
}
.bouton{
position: absolute;
display:block;
top: 5px;
left: 825px;
width: 35px;
height: 30px;
background: transparent;
border: none; color:#FFFFFF; font-weight:bold;
}
/* Newsletters
-------------------------------------------------------------------*/
#framenewsen {margin: 30px 0px 0px 20px; width:900px; min-height: 39px; }
.newsen { background:url(images/bando-news_en.png) no-repeat center top ; border: none; }
#formuleen{
position: relative;
background-color: transparent;
border: none;
}
.saisieen{
position: absolute;
display:block;
top: 7px;
left: 610px;
width: 200px;
height: 18px;
background-color: transparent;
border: none;
font: normal normal normal 11px/13px Century gothic, Verdana, Arial, Tahoma,sans-serif;
color: #000000;
}
.boutonen{
position: absolute;
display:block;
top: 3px;
left: 825px;
width: 35px;
height: 30px;
background: transparent;
border: none; color:#FFFFFF; font-weight:bold;
}
/* Comments
-------------------------------------------------------------------*/
/* Comment + Contact .... Form
-------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {
outline: 0;
}
#contacttkts {width: 200px; height:auto; float:left; margin: 50px 0px 0px 30px; }
#contactcontainer {width: 595px; height:auto; margin: 100px 0px 0px 200px; }
#contactleft {float:left; width: 200px; height:auto; margin: 0px 5px 0px 20px;}
#contactright {float:right; width: 280px; height:auto;}
INPUT { color: #000; }
SELECT { color: #000; }
TEXTAREA { color: #000; }
.txterror { color: black; padding-left: 100px; }
.txtform { font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif; margin: 0 0 1.5em; color:#712843; padding-right:30px; }
.submit-button {width: 100px; float: right; border: 2px solid #ccc;
}
textarea:focus, input:focus {
border: 2px solid #900;
}
/* Footer 89687c #857363; #665546;
-------------------------------------------------------------------*/
#footer {
margin: 0px auto; background-position: center;
height: 500px;
width: 100%;
background: url(images/footer-bg2.png) top no-repeat;
clear:both;}
#footer a { text-decoration: none; color:#a4336e;}
#footer a:hover { text-decoration: none; color:#712843;}
#footer a img , #footer a img:hover { border: none; text-decoration: none; background:none; }
#footer-container {
width: 931px;
height: auto;
margin: 5px auto;}
.footersm { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif;
color:#988f86; letter-spacing:.1em;}
.footerbold {font-weight:bold; font-size:11px; font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif;
color:#988f86; }