/*
Theme Name: Thème Wordpress pour la Galerie Yvart
Theme URI: 
Description: Thème pour le site internet de la Galerie Yvart (Suisse), reconstruit du thème fhi-zin de Nick Van der Vreken. La reconstruction consiste en une adaptation graphique, du nouveau css/html et moins d'AJAX.
Version: 1.0
Author: Nick Van der Vreken, reconstruction Sacha Nicoloff
Author URI: http://www.bydust.com/using-custom-fields-in-wordpress-to-attach-images-or-files-to-your-posts/
Tags: widget downloads custom field fields javascript byDust Dust
*/


/* CSS général */
html,body {height:100%;text-align:center;}
* {padding:0px;	margin:0px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	background:url(images/bkg-container.jpg) bottom #EAEDF2 repeat-x;
}

td,select,form,option,input {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
input{border: 1px solid #AAAAAA;font-size:10px;}
ul {margin-bottom:10px;}
p {margin-bottom:15px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

td {vertical-align:top;}

div {border:0px solid red;}

img {border:0px none #ffffff;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}

h1 {font-size:17px;margin-bottom:0;margin-top:0;color:#636262;font-weight:bold;}
h2 {font-size: 12px;margin-bottom:15px;margin-top:15px;}
h3 {font-size: 13px;}
h4 {font-size: 12px;margin-bottom:5px;margin-top:10px;}

a:link,a:visited {text-decoration:none;color:#5b5b5b;}
a:hover,a:active {text-decoration:underline;color:#000000}

/* Template */
#header {
height:20px;
background:#C9CACE;
z-index:10;
}
#header input {
border:0px;
background:#EBEBED;
}
#sidebar, #header form  {
position:absolute;
top:40px;
right:2px;
width:200px;
text-align:left;
}
#header form  {
top:0px;
width:199px;
}
/*
#header #pictoHome  {
position:absolute;
top:2px;
right:195px;
}
*/
#textTop .post {
font-size:12px;
}
#textTop .post h1 {
padding-bottom:10px;
}

#header #searchsubmit  {
background:none;cursor:pointer;font-size:12px;
}
#containerTop {
position:relative;
width:900px;
margin:auto;
}
#containerTop #colonneGauche {
position:absolute;
left:40px;
top:0;
}
#containerTop #logo {
position:absolute;
left:15px;
top:28px;
z-index:10;
}

#containerBottom {
position:absolute;
left:0;
bottom:164px;
height:55%;
width:100%;
}
#containerBottom #content {
width:900px;
margin:auto;
text-align:left;
position:relative;
height:100%;
}

#subMenuContainer {
position:absolute;
left:0px;
top:-10px;
}

#content #illustration {
position:absolute;
left:40px;
bottom:-50px;
z-index:11;
}

#content #subMenu {
position:absolute;
left:0px;
bottom:0px;
width:200px;
font-size:12px;
}
#content #subMenu li {
list-style-position:inside;
list-style-type:none;
}
#content #subMenu  li a {
border-left:1px solid #CCCCCC;
display:list-item;
padding:5px 10px;
text-decoration:none;
}
#content #subMenu li a:hover {
border-left:1px solid #AAAAAA;
}
#subMenu a:link, #subMenu a:visited {border-left:1px solid #cccccc;padding:10px;}
#subMenu a:hover,#subMenu a:active {border-left:1px solid #AAAAAA;padding:10px;background:#C1C1C1;}

#content .navtop {
position:absolute;
left:310px;
bottom:290px;
width:400px;
}

#content #textContainer {
height:100%;
position:relative;
left:310px;
width:400px;
}

#textTop {
position:absolute;
top:-33px;
left:0px;
width:400px;
padding-left:10px;
padding-right:10px;
}
.navBack {
}

#content #text {
text-align:left;
overflow:auto;
padding-left:10px;
padding-right:10px;
height:100%;
border-left:1px solid #CCCCCC;
font-size:12px;
}
#content #text li {
margin-left:15px;
}

#content #arrondi {
position:absolute;
left:10px;
bottom:-75px;
background:url(images/arrondi.gif) no-repeat;
width:900px;
height:10px;
}

#footer {
position:absolute;
left:0;
bottom:0;
height:90px;
width:100%;
background:url(images/footer.jpg)  center #000000;
} 
#footer #containerInfo {
/*width:900px;*/
margin-left:auto;
margin-right:auto;
position:relative;
width:900px;
}
#containerInfo #info {
position:absolute;
left:320px;
bottom:-65px;
font-size:12px;
color:#5a5a5a;
text-align:left;
}

#credit {
position:absolute;
right:8px;
top:2px;
}
#credit a {
color:#5a5a5a;
font-size:10px;
text-decoration:none;
}

/* Wordpress post */
.postlist {
border-bottom:1px solid #cccccc;
padding-bottom:5px;
margin-bottom:5px;
}
.post {
clear:both;
}
.navigation {
}
.navigation .alignleft {
float:left;
}
.navigation .alignright {
float:right;
padding-right:10px;
}
.entry a  {
text-decoration:underline;
}
.indexPost a:link, .indexPost a:visited  {
text-decoration:none;
font-size:11px;
}
.indexPost a:hover, .indexPost a:active  {
text-decoration:underline;
font-size:11px;
}
.postlist h2, .post h2 {font-size:12px;font-weight:bold;color:#C12A0F;}
.postlist h2 a:link, .postlist h2 a:visited {color:#5b5b5b;margin-bottom:5px;margin-top:10px;color:#C12A0F;}
.postlist h2 a:hover,.postlist h2 a:active {color:#000000;margin-bottom:5px;margin-top:10px;color:#5b5b5b;}
.post h3 {font-size:12px;font-weight:bold;color:#C12A0F;margin-bottom:15px;}

.alignleft {float:left;margin-right:5px;}

/* Navigation */
.current_page_item {
background:#e4e4e4;
}

/* Sidebar */
#sidebar {
z-index:10;
}
#sidebar li {
list-style-position:inside;
list-style-type:none;
}
#sidebar .widget_pages h2 {
display:none;
}
#sidebar li a {
border-left:1px solid #CCCCCC;
display:list-item;
padding:5px 10px;
text-decoration:none;
}
#sidebar li a:hover {
background:#C1C1C1;
border-left:1px solid #AAAAAA;
}

/* Event calendar */
#sidebar .ec3_widget_list h2 {
font-size:12px;font-weight:bold;color:#C12A0F;margin-bottom:5px;margin-top:20px;
}
.ec3_list {
 margin-left:0;
 word-spacing:0;
 letter-spacing:0;
 color:#000000;
}
.ec3_list_day {
margin-top:2px;
}
.ec3_list ul {
margin-top:1px;
margin-bottom:5px;
}
table.ec3_schedule {
border-collapse:separate;
border:1px solid #cccccc;
color:#000000;
}
table.ec3_schedule td {
color:#000000;
}

/* G-Lock optin */
div.gsom-sa-wrapper {
border:0;
padding:0;
text-align:left;
background:none;
}
.gsom-sa-from {
height:170px;
}
div.gsom-sa-placeholder {
width:auto;
overflow:auto;
}
div.gsom-sa-wrapper input {
width:200px;
}
.plugin-support{
display:none;
}