/*
Theme Name: Ardephwerk 2011
Site WEB: http://www.ardephwerk.fr
Description: Website by Ardephwerk Rachael Hampton
Version: 4
Author: Ardephwerk Rachael Hampton
Author URI: http://www.ardephwerk.fr
*/
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;
}
html, body {
height: 100%;
}
*{margin: 0; padding:0;}
/* Body E0E6E6 d1d4d3 f7f7f7 fcfbfb
-------------------------------------------------------------------*/
html {
background:url(images/bg2.gif) repeat;
}
body {font-family: Century gothic, Verdana, Arial, Tahoma,sans-serif; font-size:14px;
color:#712843; margin: 0px auto; background: url(images/bg-haut.png)top center no-repeat ; margin: 0; padding:0;}
.linetopleft
{
float:left;
margin: 15px 0px 0px 0px;
border:none;
}
/* Header
-------------------------------------------------------------------*/
h1,h2,h3,h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal; }
h1 { font-size: 4.5em; line-height: 1; margin-bottom: 0.1em; color:#673b15; font-weight:bold; text-transform: uppercase; }
h2 { font-size: 30px; letter-spacing: 1px;
color:#c53d84; font-weight:bold; text-transform: uppercase; line-height: 1.4em;
}
h3 { font-size: 2.5em; line-height: 1; margin-bottom: 10px;
font-style: normal; color:#c53d84; font-weight: normal; letter-spacing: normal; line-height: 1.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: .5em; text-transform: uppercase; color:#c53d84; font-style: bold; font-weight: normal; letter-spacing: normal; }
h5 {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em; }
h6 { font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
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", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 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; }
.retourhaut{ margin-top: 200px; }
.center {text-align:center; }
.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:15px; }
.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; }
.bordernone {border:none;}
.imgtag { position:absolute; float:right; left: 880px; top: 15px; z-index:999; }
.imgpages { position:absolute; float:right; left: 930px; top: 120px; z-index:999; }
.socialicons {padding: 15px 0px 10px 5px; width:208px; }
/* tables
-------------------------------------------------------------------*/
#table { display: table; margin: 0px 0px 5px 0px; padding: 5px 5px 5px 5px; background-color:#e7f2f3; }
#tr { display: table-row; margin: 0 ; padding: 0;}
#thead { display: table-header-group; }
#tbody { display: table-row-group; }
#tfoot { display: table-footer-group; }
#col { display: table-column; }
#colgroup { display: table-column-group; }
#pack { display: table-cell; width: 300px; padding: 0px 5px 0px 5px; height:auto; }
#th { display: table-cell; width: 214px; padding: 8px 0px 0px 0px; height:50px; }
#td { display: table-cell; width: 214px; padding: 0px 5px 0px 5px; height:auto; }
caption { display: table-caption; }
.borderright { border-right: thin #CCCCCC dashed; }
.bottomtable { border-bottom: thin #CCCCCC dashed;}
.temo1 {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em; }
.temo2 {font-size: 20px; letter-spacing: 1px;
color:#712843; font-weight:bold; text-transform: uppercase; line-height: 1.4em; margin-left:auto; margin-right:auto;}
/* 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;
}
/* 3 col guide */
#lastestwork-1 {
float: left;
width: 290px;
}
#lastestwork-2 {
float: left;
width: 595px;
}
#lastestwork-3 {
float: left;
width: 900px;
}
/* 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:290px;
height:auto;
float:left;
padding:0px 0px 0px 0px;
margin: 10px 0px 10px 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:270px;
}
#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 0px; width:931px; 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: 645px;
width: 205px;
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: 870px;
width: 35px;
height: 30px;
background: transparent;
border: none; color:#FFFFFF; font-weight:bold;
}
/* Newsletters
-------------------------------------------------------------------*/
#framenewsen {margin: 30px 0px 0px 20px; width:931px; 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;
}
/* porfolio
-------------------------------------------------------------------*/
/* Portfolio Posts */
#portfolio {
padding:0 0 40px;
float:left;
position:relative;
width:685px;
}
#portfolio .portfolio-item {
width:215px;
height:175px;
background-color:#000;
border:1px solid #ccc;
float:left;
margin:0 15px 15px 0;
}
#portfolio .last {
margin-right:0px;
}
#portfolio .thumb {
display:block;
width:215px;
height:175px;
}
#portfolio .nothumb {
display:block;
width:195px;
height:85px;
padding:80px 10px 10px 10px;
font-weight:bold;
text-align:center;
}
#portfolio a.nothumb:hover {
text-decoration:none;
}
#portfolio a.title-overlay {
position:absolute;
padding:5px 10px;
height:165px;
margin-top:-165px;
width:195px;
z-index:1;
display:block;
font-size:18px;
font-weight:bold;
color:#fff;
}
#portfolio a.title-overlay:hover {
text-decoration:none;
}
/* Increase the size of the content area for templates without sidebars */
.full-width #content,
#portfolio.full-width {
width: 980px;
}
#portfolio.full-width .portfolio-item {
width:308px;
height:220px;
}
/* Pagination / WP-Pagenavi */
/* If you're using PageNavi you should turn the css in its settings page */
.wp-pagenavi {
clear:both;
font-size:12px;
padding:10px 15px;
border:1px solid #ddd;
border-width:1px 0 1px;
}
.menu ul-entries a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, .wp-pagenavi span.extend, .wp-pagenavi span.pages {
display: block;
font:italic 12px/16px Georgia, serif;
color:#777;
text-decoration:none;
padding:0;
}
.menu ul-entries a:hover {
text-decoration:underline;
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
display: inline;
text-decoration: none;
background: #fff;
background:rgba(fff, 0, 0, 0.1);
color: #666;
padding: 3px 7px;
border:1px solid #ddd;
border:1px solid rgba(0, 0, 0, 0.2);
margin-left:10px;
}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {
display:inline;
padding: 3px 7px;
background: #fff;
background:rgba(fff, 0, 0, 0.5);
border:1px solid #bbb;
margin-left:10px;
}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {
display:inline;
background:none;
border:none;
color:#666;
}
#content nav, #portfolio nav {
clear:both;
display: block;
overflow: hidden;
}
#content nav .nav-previous, #portfolio nav .nav-previous {
float: left;
width: 50%;
}
#content nav .nav-next, #portfolio nav .nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-below {
margin: 1em 0 0 0;
}
.page-link {
margin: 0 0 1em 0;
}
/* Reverse order on single-portfolio pages */
.single-portfolio #content nav .nav-previous {
float: right;
text-align: right;
width: 50%;
}
.single-portfolio #content nav .nav-next {
float: left;
text-align: left;
width: 50%;
}
/* 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; }