/*   
Theme Name: dbzcom
Theme URI: http://db-z.com
Description: Gestion du responsive du site db-z.com
Author: Saiyuke
Author URI: http://db-z.com
Version: 1.0
Tags: Dragon Ball
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@charset "utf-8";

/* _________________________| Au dessous de 960px |_________________________ */

@media (min-width:737px) {
	.parallaxBox1 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil3_01_04.png) no-repeat top center !important; }

	.parallaxBox2 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil4_01_04.png) no-repeat top center !important; }

	.parallaxBox3 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil5_01_04.png) no-repeat top center !important; }

	.parallaxBox4 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil6_01_04.png) no-repeat top center !important; }

	.parallaxBox5 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil7_01_04.png) no-repeat top center !important; }

	.parallaxBox6 { position:relative; margin:0 auto; overflow:hidden; height:325px; background:url(/images/Accueil8_01_04.png) no-repeat top center !important; }

	#parallax { position:absolute; overflow:hidden; width:100%; height:325px; text-align:center; }

	.parallax-layer
	{ position:absolute; top:0px; left:0px; }
}

/* _________________________| Au dessous de 768px |_________________________ */

@media (max-width:768px) {
	
}

/* _________________________| =================== |_________________________ */
/* _________________________| Au dessous de 736px |_________________________ */
/* _________________________|       Iphone 6+     |_________________________ */
/* _________________________| =================== |_________________________ */


@media (max-width:736px) {
	
	h3{
	text-align:left;
	padding:0 15px !important;
	line-height:85%;
	}
	
	#contenu-header h1{
	font-size:40px;
	}

	#contenu_article{
	text-align:initial;
	padding: 0px 15px;
	}
	
	#contenu_article h2, h6{
	text-align:center;
	padding:0 30px;
	line-height:85%;
	}
	
	#contenu_article p{
	padding:10px 0;
	}
	
	#contenu_article img{
	width:100%;
	height:auto;
	}
	
	.container_global {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding:0 0;
	}
	
	blockquote{
	padding:10px 15px;
	}
	
	blockquote p{
	line-height:22px;
	}
	
	p img, a img, p a img{
	max-width:100% !important;
	height: auto !important;
	}
	
	.wp-caption{
	width:97% !important;
	text-align:center;
	}
	
	.wp-caption a img{
	width:96% !important;
	text-align:center;
	}
	
	/* --- Page d'accueil --- */
	[class^="parallaxBox"]{
	width:100%;
	height:200px;
	background:url(/images/dragon-ball-head.jpg) no-repeat top center !important;
	background-size:cover !important;
	}
	
	#parallax{
	display:none;
	}
	
	#bloc_une{
	width:100%;
	margin:40px 0 50px 0;
	padding:0;
	}
	
	#bloc_une_resp{
	width:100%;
	}
	
	#alaune{
	visibility:hidden;
	}
	
	#news_image{
	float:none;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	background:none;
	overflow:hidden;
	}

	#news_image_inner{
	float:none;
	margin:0;
	width:70%;
	height:auto;
	padding:0px;
	text-align:center !important;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #111;
	-moz-box-shadow:  5px 5px 30px rgba(0,0,0,.6);
	-webkit-box-shadow:   5px 5px 30px rgba(0,0,0,.6);
	-box-shadow:   5px 5px 30px rgba(0,0,0,.6);
	overflow:hidden;
	}
	
	#news_image_inner img{
	width:100%;
	}
	
	#news_article{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0px;
	background:rgba(0,0,0,.5);
	}
	
	#news_article h2{
	padding:15px 10px 10px 10px;
	}
	
	#news_article p{
	height:auto;
	padding:0 10px;
	overflow:initial;
	}
	
	#footer-news{
	float:none;
	width:100%;
	}
	
	#footer-news img{
	width:100%;
	}

	.date-heure-alaune {
	width:40%;
	padding:7px 0px 10px 0px;
	}

	.commentaires-alaune {
	width:60%;
	text-align:right;
	padding:7px 0px 10px 0px;
	}
	
	#bloc_central {
	margin-top:0px;
	}
	
	#titre_coeur{
	width:100%;
	text-align:center;
	}
	
	#halo, #boutonTweet, #boutonLike, #reseaux-sociaux {
	display:none;
	}
	
	#contenu-header {
	margin-top:0px;
	margin-bottom:20px;
	}
	
	#content_shadow {
	position: absolute;
	margin-top:262px;
	}
	
	#coeur_droit{
	display:none;
	}
	
	#coeur_gauche {
	float:none;
	width:100%;
	}
	
	.postmetadata{
	font-size:12px;
	padding-bottom:0px;
	}
	
	/* --- Dans le featured --- */
	
	.post {
	float:none !important;
	background-image:none;
	height:auto;
	margin-bottom:20px;
	padding:10px;
	}
	
	.article_image {
	float:none !important;
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
	padding:20px 0 20px 0;
	}
	
	.article_image img{
	border:1px solid #111;
	-moz-box-shadow:  5px 5px 30px rgba(0,0,0,.6);
	-webkit-box-shadow:   5px 5px 30px rgba(0,0,0,.6);
	-box-shadow:   5px 5px 30px rgba(0,0,0,.6);
	}

	.article_container {
	float:none !important;
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
	}
	
	.article_container h2{
	padding:0 10px 10px 10px;
	}
	
	.article_container .post_content{
	padding:0 10px;
	}
	
	#footer-last-news{
	float:none;
	width:100%;
	}
	
	#footer-last-news div img{
	width:100%;
	}
	
	.date-heure {
	width:40%;
	padding:7px 0 10px 0;
	}

	.commentaires {
	width:60%;
	text-align:right;
	padding:7px 0 10px 0;
	}
	
	#nav-article {
	position:relative;
	float:none;
	width:100%;
	margin-bottom:20px;
	}

	.nav-article-gauche {
	float:left;
	width:100px;
	height:100px;
	background-image:url("/images/gauche.png");
	background-repeat:no-repeat;
	background-size:contain;
	}

	.nav-article-droite {
	float:right;
	width:100px;
	height:100px;
	background-image:url("/images/droite.png");
	background-repeat:no-repeat;
	background-size:100%;
	}

	#precedent,#suivant{
	font-size:14px;
	color:black;
	}
	
	#precedent{
	margin-left:3px;
	}
	
	#footer{
	display:none;
	}
	
	#nav_back {
	position: absolute;
	width: 100%;
	height: 62px;
	background:url(/images/nav_shadow.png) repeat-x center top;
	}
	
	#menu {
	display:none;
	position:relative;
	float:left;
	text-align:center;
	margin-left: 0;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,.7) !important;
	}
	
	#bouton-menu{
	display:inherit;
	position:absolute;
	right:0;
	font-family: "LeagueGothicRegular", "Century Gothic", "Trebuchet MS";
	font-size:30px;
	color:rgba(255,255,255,.7);
	line-height:62px;
	text-align:center;
	margin-top: -62px;
	margin-right: 0px;
	height:62px;
	width:62px;
	background:rgba(0,0,0,.7);
	cursor:pointer;
	}
	
	#menu:hover{
	display:block;
	}
	
	#bouton-menu:hover + #menu{
	display:block;
	}

	
	.form-search {
	display:none;
	}

	#logo {
		position:relative;
		max-width: 100%;
		height: auto;
		right:0;
	}
	
	.tiled-gallery {
		margin:15px 0 30px 0 !important;
	}
	
	#contenu_article iframe{
		width:100%;
	}
	
	#contenu_article ul {
		padding:10px 15px;
	}
	
	#nav-article-bg2 {
		padding:0 15px;
	}
}