/*
Theme Name:     Twenty Fourteen Child
Theme URI:      http://www.bdreportage.com/
Description:    Thème enfant pour le thème Twenty Fourteen
Author:         Raphaelle Vannay
Template:       twentyfourteen                             
Version:        0.1.0
*/

@import url("../twentyfourteen/style.css");

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    min-height: 410px;
}
.copyright_raph {
font-family:Lucida grande, verdana;
font-size:0.65em;
color:#bbb;
text-align:center;
text-transform:none;
margin-top:20px;
}
.copyright_raph a {
font-family: Lucida grande !important;
font-size:0.7em;
color:#cc0000;
text-align:center;
text-transform:uppercase;
}

.primary-sidebar .widget a {
    font-family: impact, Lucida grande;
    text-transform: uppercase;
font-size:1.1em;
}
.pagechappatte {
    padding-bottom: 10px;
  display:inline-block;
  min-height:555px;
}
.site {
    background-color: #fff;
    max-width: 1224px;
    position: relative;
}
.txtdroite {
    float: left;
    font-size: 1em;
    padding-top: 0;
    width: 100%;
}


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 240px) {	
.content-sidebar {
    margin-left: 0;
    width: 100%;
}
.site-content {
    
	padding: 0 0 15px 0;
	
}
.teaser {
    margin-right: 5px;
    width: 250px;
}

.content-sidebar {
    box-sizing: border-box;
    color: #767676;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 20px;
}
	
}

@media screen and (min-width: 320px) {	
.content-sidebar {
    margin-left: 0;
    width: 100%;
}
.site-content {
    margin-right: 0;
	padding:0;
}
.teaser {
    margin-right: 5px;
    width: 250px;
}
	
    .site-navigation li {
    border-top: 0 solid #333;	
}

}


@media screen and (min-width: 480px) {	
.content-sidebar {
    margin-left: 0;
    width: 100%;
}
.site-content {
    margin-right: 0%;
}
.teaser {
    margin-right: 5px;
    width: 250px;
}
.txtdroite {
    width: 41%;
}
}

@media screen and (min-width: 735px) {
.content-sidebar {
    margin-left: -35%;
    width: 31%;
}
.site-content {
    margin-right: 35%;
}
.teaser {
    margin-right: 5px;
    width: 250px;
}
.txtdroite {

    width: 41%;
}}

@media screen and (min-width: 1009px) {
#secondary {	
    min-height: 560px;
}}

@media screen and (max-width: 1005px) {
.secondary-navigation {
    background-color: #ffffff;
    font-size: 13px;
	margin: 0 0 20px 0;
	border-top:1px solid #333;
	border-bottom:2px solid #333;
}	
.primary-sidebar .widget a {
    font-family: impact, Lucida grande;
    text-transform: uppercase;
	font-size:1.4em;
}
  .site-navigation li {
    border-top: 0 solid #333;
	float:left; /*pour IE*/
	margin-left:20px;	
	list-style: disc outside none;
}
#secondary, #supplementary {
    padding: 0;
width:100%;
} 
}



@media screen and (max-width: 1020px) {
.bonus {
    display:;
}
.copyright_raph {
    display:;
}
.secondary {
    display:;
}
body {
    background-color:#333;
}
}


@media screen and (min-width: 1020px) {

.content-sidebar {
    margin-left: -35%;
    width: 31%;
}
.site-content {
    margin-right: 35%;
}
.teaser {
    margin-right: 5px;
    width: 250px;
}
.txtdroite {
    width: 41%;
}

.pagechappatte {
    background-color: #333333;
}

}


@media screen and (min-width: 1124px) {
#secondary {
    width: 122px;
background-color: #ffffff;
    background-image: url("http://www.bdreportage.com/wp-content/uploads/2014/01/logo_gauche2.png");
color: #333333;
    float: left;
    margin-bottom: 0;
    margin-left: -100%;
    margin-right: 0;
    margin-top: 0;
    padding-top: 400px;
}

.site-content {
    margin-right: 28.3%;
}
.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
    padding-left: 15px;
}
.content-sidebar {
    margin-left: -28%;
    width: 28%;
}
.pagechappatte {
    background-color: #333333;
background-repeat:no-repeat;
    background-image: url("http://www.bdreportage.com/wp-content/uploads/2014/01/backchapp710x550.jpg");
min-height:550px;
}
.txtdroite {
    width: 48%;
}
.teaser {
    margin-right: 10px;
    width: 250px;
}	

  .article {
padding-left:15px;
}
    .bonus {
padding-left:15px;
}
}

@media screen and (min-width: 1220px) {
.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
    padding-left: 15px;
}
.site-content, .site-main .widecolumn {
    margin-left: 183px;
}
.content-sidebar {
    margin-left: -27%;
    width: 25%;
}
.site-content {
    margin-right: 27.3%;
}
.txtdroite {
    max-width: 370px;
	width:58%;
}
.teaser {
    margin-right: 15px;
    width: 250px;
}
  .article {
padding-left:15px;
}
    .bonus {
padding-left:15px;
} 
}