/*
Theme Name:     Cervera
Theme URI:      http://www.sete-graphisme.fr/
Description:    Theme enfant de Twenty eleven.
Author:         Sète Graphisme
Template:       twentyeleven
Version:        1.0.0
Text Domain:    twentyeleven

*/
@import url('../twentyeleven/style.css');


.image-expo img {float:left; width: 100px!important; height:auto!important; max-width:100px; margin:5px 10px 10px 0px;}
.text-expo {float: left; width: 80%;}
.separateur {clear:both;}
h3.exposition-name {font-weight:500; font-size:1.2em;}



/* Generalités */
    /* global */
body {font-size:15px; font-family:futura,sans-serif;color:#303D5D;}
p {margin-bottom: 0.8em;}
#main {padding:0px;}
.singular.page .hentry {padding: 0px;}
#page {margin: 10px auto;}
.singular .entry-header, .singular footer.entry-meta, .singular #comments-title {width:100%;}
.entry-content {padding-top:0px;}
.left-sidebar #content, .singular #content.peint-post {margin: 0px 7.6% 0px 30%; width: 65.4%;}
.hentry, .no-results {border-bottom: none;}
ul {list-style: circle;}
.bio p {margin-bottom:2em; text-align:justify;}
#branding {border: none;}
#access a {line-height: 2.8em;}
#access, #colophon {box-shadow:0px 11px 47px rgba(0, 0, 0, 0.4);}
#page {max-width: 1280px;}

.entry-content td {border-top:0;}
.entry-content table {border-bottom:0;}

.wp-caption .wp-caption-text, .gallery-caption {color: #666;font-family: inherit;font-size: 12px;}

    /* menu */
#branding .only-search + #access div {padding-right: 0px;}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {background: transparent;color: #DEC18F;}
    #access {text-align:center;}
    #access ul {display:inline-block;}
    #access div {margin:0;}

    /* images */
pre {background: transparent;}
#site-generator img {max-width:40px;}
.wp-caption {background-color:transparent;text-align:right;}
.wp-caption .wp-caption-text::before {content:none;}

    /*titres*/
.singular .entry-title {padding:1em 0 0.5em 0; line-height:1em; font-size:25px; font-style:italic;}
h2.exposition-name {font-weight:800; font-size:1.2em;}
.widget-title {
    color: #303D5D;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 2.9em;
    text-transform: none;
    font-style:italic;
    }
.entry-title {font-size: 1.6em; font-weight:300; padding: 2.6em 0 0 0;font-style:italic;}
.singular .entry-title {font-weight:normal;}
h2.bio {font:italic 1.6em;margin:1.9em 0px 0px;}


/* fonds et images de fond */

#page,#primary {background:#F7F4EE;}
#access, #site-generator {background:#303D5D;}
#site-generator p {color:#ddd;}
#site-generator a {color:#fff;}
#site-generator {padding:1.2em 7.7em;text-align:right;}

/*options*/
#vers-admin a {display:block; position:fixed; width:30px; height:30px; bottom:0px; left:0px;}

/*lightbox*/
#swipebox-slider .slide.current img {max-height:80%;}

/*miniatures grossissent au passage de la souris*/
@media (min-width: 650px) {
    .gallery-icon {height:165px;}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: 95%; width: auto;
    box-shadow: 2px 2px 5px #999;
    background:#fff;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: transparent;
	border: none;
        height:100%;
        width:auto;
        max-width:100%;
}
}
#content .gallery .gallery-icon img {padding:0px; border:0;}

/* menu boutton */
#bouton-menu {background:transparent;border:none;display:block;}
#menu-toggle {margin:0 20px;cursor:pointer;overflow:hidden;}
#menu-toggle li {margin:1em 0;}
@media (min-width: 801px) {#widget_header {display:none;} #secondary {display:block;}}
@media (max-width: 800px) {#widget_header {display:block;} #secondary {display:none;}}
@media (min-width: 400px) {
#menu-toggle ul li {display: list-item;margin-left:3%;width: 46%;float: left;}}
@media (max-width: 400px) {#menu-toggle ul li{margin-left:14px;}}

/*contacts*/
.commentsblock div {margin:0 0 20px;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"] {display:block; width: 300px; max-width:90%;}
textarea {width:100%; max-width:100%; max-height:250px; resize:none;}
@media (min-width: 999px){
    .contacts {float:right;text-align:center; margin-top:20px;}
}

/* responsive */

@media (max-width: 800px){
    /* correction menus */
    #access div {margin: 0 1% 0 4%;}
    #access a {padding: 0px 0.7em;}
    /* mise en page */
    .entry-title {padding: 15px 0;}
}

@media (max-width: 650px){
.alignleft, .alignright {margin-left: auto;margin-right: auto;background-color:#fff;box-shadow: 2px 2px 5px #999;}
}

@media (max-width: 592px){
    /* mise en page */
    #page {margin:0;}
    .text-expo {width:100%;text-align:center;}
    .image-expo img {display:block;margin:0 auto;float:none;}
    body {background:transparent;padding:0;}
}

button:after {margin-left:5px;content: "\25BC"; font-size:0.6em;}