/*

Theme Name:     Twenty Twelve Fracas 2014

Description:    Thème enfant du Twenty Twelve pour Fracas 2014

Author:         Fred CAZAUX

Template:       twentytwelve                             

Version:        0.1.0

*/



/* Import du CSS du thème parent */

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





/* NON AFFICHAGE DES FEATURED IMAGES EN DEBUT D ARTICLE */

.attachment-post-thumbnail {

	display: none;

}



/* Fond de la page Opacité à 90% pour laisser apparaître l'image de fond */

#page {

	background-color: rgba(255, 255, 255, 0.95);

	text-shadow: 1px 1px 2px #FFF;

}



.entry-content {

	text-shadow: 1px 1px 2px #FFF;

}



/* Transition des changements de Background */

body {

	transition: background-image 3s, background-position 3s;

	-webkit-transition: background-image 3s, background-position 3s;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

}





/* Ajout de l'image du titre au dessus du Menu de Navigation */

.site-header:before {

	content: "";

	display: inline-block;

	background: url("titre.png") no-repeat;

	background-size: contain;

	width: 100%;

	height: 150px;

	opacity: 0.75;

}





/*-- move sidebar to the left --*/

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

    .site-content {

	float: right;

	width: 75%;

    }

    .widget-area {

	float: left;

	width: 20%;

	border-right: 1px solid #ccc; 

    }

}



/* for IE8 and IE7 ----------------*/

.ie .site-content {

	float: right;

	width: 75%;

}

.ie .widget-area {

	float: left;

	width: 20%;

}





/* Suppression de la marge du haut pour le premier titre des articles */

.entry-content > h1:first-child {

	margin-top: 0;

}



/* Suppression du gras sur les titres */

.entry-content h1, 

.entry-content h2, 

.entry-content h3, 

.entry-content h4, 

.entry-content h5,

.entry-content h6 {

	



}



.entry-content h1, 

.comment-content h1, 

.entry-content h2, 

.comment-content h2, 

.entry-content h3, 

.comment-content h3, 

.entry-content h4, 

.comment-content h4, 

.entry-content h5, 

.comment-content h5, 

.entry-content h6, 

.comment-content h6 {

	margin: 6px 0;

	margin: .4285714285rem 0; 

	font-weight: normal;

}



.entry-content p, 

.entry-summary p, 

.comment-content p, 

.mu_register p {

	margin: 0 0 6px;

	margin: 0 0 .4285714285rem;

	/* line-height: 1.714285714; */

	text-align: justify;

}



.entry-content embed, 

.entry-content iframe, 

.entry-content object, 

.entry-content video {

	margin-bottom: 6px;

	margin-bottom: .4285714285rem;

}



/* Suppression de la marge du haut sur les premiers éléments enfants */

.entry-content *:first-child {

	margin-top: 0;

}



/* Définition de la taille du titre 1 dans les articles à la même taille que les posts */

.entry-content h1 {

	font-size: 22px;

	font-size: 1.571428571rem;

}



/* Suppression de la double bordure en bas d'article pour le dernier article de la page */

.site-content article:last-of-type {

	border-bottom: none;
	margin-bottom:0;
	

}

/* mODIFICATION DE LA MARGE EN BAS DES ARTICLES */
.site-content article {
	margin-bottom: 14px;
	margin-bottom: 1rem;
	border-bottom-color: #ccc;
}



/* Modification du style des liens dans les articles */

.entry-content a {

	text-decoration: none;

}



.entry-content a:visited, .comment-content a:visited {

	color: #21759b;

}





/* Modification du style des tables dans les articles */

.entry-content table, .comment-content table {

	border: 0;

	color: #000;

	font-size: 13px;

	font-size: 1rem;

	line-height: 1.5rem;

	margin: auto;

	width: 100%;

}



/* Modification du style des td dans les articles */

.entry-content td, .comment-content td {

	border-top: 0;

	padding: 0 10px 0 0;

}



/* Modification du style des img dans les articles */

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {

	border-radius: 3px;

	box-shadow:none;

}



/* Modification du style des hr dans les articles */

.entry-content hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin: 1rem 0;

}



/* Styles de l'agenda */

.agenda-date {



}



.agenda-titre {

	font-size: 15px;

	font-size: 1.2rem;

	line-height: 2rem;

	color: #cc0033;

}

.agenda-titre.residence, .agenda-titre.action_culturelle, .agenda-titre.prive {
	color: #000;
	font-size: 1rem;
}


#fb_events_old_div {

	opacity: .75;

}



/* bordures du menu principal horizontal */

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

	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {

		border-bottom: 1px solid #ccc;

		border-top: 1px solid #ccc;

	}

	.main-navigation li {

		margin: 0 0 0 0;

		padding : 0 20px;

		padding : 0 1.4285714285rem ;

		position: relative;

		float: left;

	}

}



/* Taille du texte des menus Widget */

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {

	font-size : 1.2rem;

	line-height: 1.2rem;

	text-shadow: 1px 1px 2px #FFF;

}



/* Liens du menu vertical */

.main-navigation li a, .widget-area .widget a, .widget-area .widget a:visited {

	text-decoration: none;

	color: #000;

	display: block;

	text-shadow: 1px 1px 2px #FFF;

}



/* Gestion de l'affichage des sous-menus */

.widget-area .widget li > ul.sub-menu {

	display: none;

}



.widget-area .widget .current-menu-item .sub-menu, .widget-area .widget .current-menu-ancestor .sub-menu {

	display: block;

}



/* Couleur des menus et sous-menus en cours ET hover */

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a,

.widget-area .widget .current-menu-item > a, .widget-area .widget .current-menu-ancestor > a, .widget-area .widget .current-page-item > a, .widget-area .widget .current-page-ancestor > a, .main-navigation li a:hover,  .widget-area .widget a:hover {

	color: #21759b;

	font-weight: normal;

}



/* Couleur de fond des menus et sous-menus en cours ET hover*/

.main-navigation .current-menu-item, .main-navigation .current-menu-ancestor, .main-navigation .current_page_item, .main-navigation .current_page_ancestor,

.widget-area .widget .current-menu-item, .widget-area .widget .current-menu-ancestor, .widget-area .widget .current-page-item, .widget-area .widget .current-page-ancestor, .main-navigation li:hover,  .widget-area .widget li:hover{

	background: rgba(33, 117, 155, 0.1); /* #21759b; */

}



/* réglage de la marge des éléments de niveau 1 du menu vertical */

.widget-area .widget .menu > li a {

	padding : .6rem 5px;

	/* margin-top: .6rem; */

	border-top: solid 1px #ccc;

}



/* réglage de la marge des éléments de niveau 1 du menu horizontal*/

.main-navigation > div > ul > li a {

	padding: 0 5px;

}

/* Suppression de la marge du haut pour le premier élément du menu vertical */

.widget-area .widget ul.menu > li:first-of-type a {

	border-top: none;

}



/* réglage de la marge des éléments de niveau > 2 du menu vertical */

.widget-area .widget .sub-menu > li a {

	/* margin-top: .6rem; */

}



/* Descriptions dans le menu vertical */

.menu-description {

	padding-top: .2rem;

	display: block;

	font-size: 1rem;

	font-style: italic;				text-transform: initial !important;				line-height: initial !important;

}

.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul {	display: inline-block !important;}
button.menu-toggle {	display: none !important;}


/* Suppression du titre des pages */

.page .entry-header {

	display: none;

}



/* Suppression du lien "Propulsé par Wordpress" */

.site-info > a {

	display: none;

}



/* Crédits Fracas */

.fracas_credits {

	float: left;

}



/* Lien Admin */

.admin-link {

	float: right;

}

/* Modification de la bordure du footer */
footer[role="contentinfo"] {
	border-top-color: #ccc;
}





/* Suppression des métas de pieds d'articles ("Cette entrée a été publiée dans Non classé le 18 juin 2014 .	 Modifier") */

article footer {

	display: none;

}


/* Formattage de la date et l'auteur ajouté sous le titre d'un article */
.my_post_meta {
	/* font-style:italic; */
	font-size: 0.8rem;
	margin-top: 0.2rem;
}


/* suppresion du span description pour le menu principal horizontal */

/*.main-navigation .menu-description {

	display: none;

}*/





/* Ajout des icones dans le menu principal */

.menu-icon-agenda a {

	padding-left: 30px !important;

	background: url('/wp-content/uploads/icons/ical.png') no-repeat 5px;

}



.menu-icon-fracas a {

	padding-left: 32px !important;

	background: url('/wp-content/uploads/icons/icon-fracas.png') no-repeat 5px;

}
.menu-icon-home a {	padding-left: 32px !important;	background: url('/wp-content/uploads/icons/home-icon.png') no-repeat 5px;}


.menu-icon-contact a {

	padding-left: 33px !important;

	background: url('/wp-content/uploads/icons/mail.png') no-repeat 5px;

}



.menu-icon-presse a {

	padding-left: 30px !important;

	background: url('/wp-content/uploads/icons/news.png') no-repeat 5px;

}



.menu-icon-shop a {

	padding-left: 32px !important;

	background: url('/wp-content/uploads/icons/cart.png') no-repeat 5px;

}



.menu-icon-disc a {

	padding-left: 30px !important;

	background: url('/wp-content/uploads/icons/disc-icon.png') no-repeat 5px;

}



/* Style de la barre des boutons Social Icons */

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

	.shareaholic-canvas {

		position: fixed;

		top: 20%;

		left: 0;

		width: 60px;

	}



	.shareaholic-share-buttons {

		margin: 0 !important !important;

	}



	#enhancedtextwidget-2 {

		margin: 0;

	}

}



/* Styles WooCommerce */

.woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before {

	position: initial !important;

	content: "\e017\00a0" !important;

}



/* Styles du lecteur audio */

.wp-playlist-current-item {

	display: none;

}



.wp-playlist-tracks {

	max-height: 5.5rem;

	overflow-y: scroll;

}



div.wp-playlist-tracks:hover {

	max-height: none;

	overflow-y: scroll;

}



.wp-playlist-light {

	background: none !important;

}



.wp-playlist {

	border: 2px solid #ccc !important;

}



.wp-playlist-light .wp-playlist-playing {

	background: none !important;

}



.wp-playlist-item-length {

	display: none;

}



/* Ajout d'une classe border pour détacher certaines images blanches du background blanc */

.border {

	border: solid 1px #ccc;

}



/* Alignement vertical middle pour les images */

.vmiddle {

	vertical-align: middle;

}/* Responsive page content */

/* Classe pour les "Tiles" (accueil / souvenirs) */

.tile {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px; 
	width: 300px; 
	height: 300px; 
	background-color: #ffffff; 
	vertical-align: top;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	
}
.gallery img:hover {
	/*background: white;*/
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

.em.pixelbones pre, .em.pixelbones blockquote, .em.pixelbones dl, .em.pixelbones figure, .em.pixelbones table, .em.pixelbones p, .em.pixelbones ul, .em.pixelbones ol {
  margin-bottom: 5px !important;
}

.front-card {
	background-color: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px; 
}

.front-card p {
	text-align: center;
}

.entry-content p.has-text-align-right {
	text-align: right;
}

.entry-content p.has-text-align-center {
	text-align: center;
}


.em.em-list {
	grid-gap: 0;
}