/*
Theme Name: BigBang Child
Description: This is a child theme for the BigBang theme.
Author: Pic et Pic
Author URI: http://www.picetpic.com
Template: bigbangwp
*/


/*Balise p 
body #inner-content p {
	font-size: 18px;
	}*/

body p {
	font-size: 13px;
	}
	
body li {
	font-size: 13px;
	}
	
/* TITRES */
body h1.title {
 line-height: 23px;
}

/* FOOTER */
#footer p{
	font-size: 11px;
	}

body #footer ul li{
	font-size: 11px;
	line-height:12px;
	margin:0.5em;
	} 

#footer h3{
	letter-spacing: 1px;
	margin : 0;
	} 
	


/*
***************************************************************
*  COULEURS TK
***************************************************************
Rouge : #c50e1f
Jaune : #f08d00

*/







/*
***************************************************************
*  HEADER ET SIDEBAR
***************************************************************
*/

/* Elargir la sidebar pour que le champ de recherche tienne sur une seule ligne. Initial : 220px */
body #sidebar {
    width: 240px;
}

/* Forcer le menu à s'aligner en bas du header. 
Principe : imbriquer un div en position:absolute dans un div en position:relative
Lire aussi : http://stackoverflow.com/questions/526035/html-css-positioning-float-bottom	 
PROBLEME : ne peut pas constituer une solution car en mode responsive (format smartphone), le menu se retrouve en travers du logo.
#primary-menu {
    position: absolute;
	bottom:0;
	right: 0;
	}
*/

/* Diminuer la hauteur au dessous du menu (Initial padding-bottom: 30px). Forcer le menu à s'aligner sur le bas du logo en ajoutant un padding-top important car la solution ci dessus ne peut pas fonctionner (initial padding-botom:30px)*/	
body #primary-menu ul {
    padding: 65px 0 20px 0;
}	
	
/* Diminuer la marge au dessus du logo (Initial 35px). Ajouter un espace sous le logo (Initial 0px) */
body #logo {
    margin-top: 15px;
	margin-bottom: 10px;
}

/* Diminuer la marge au dessus du logo dans le menu sticky (petit logo) (Initial top : 12px) */
body .fixed .logo2 {
    left: 0;
    position: absolute;
    top: 8px;
}

/*
***************************************************************
*  FORMULAIRE DE CONTACT
***************************************************************
*/
/* Obliger les champs du formulaire de contect de Contact Form 7 à occuper toute la largeur de la colonne.
Voir aussi : http://contactform7.com/styling-contact-form/ 
*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    width: 100%;
}


/*
***************************************************************
*  SLIDER
***************************************************************
*/

/* Diminuer le padding top et bottom des légendes affichées en overlay sur les images d'un slider (initial padding-top et padding-bottom : 14px. padding left et right : 20px*/
body .flex-caption {
    padding: 0 20px 11px 20px;
}

/*
***************************************************************
*  PLUGIN SHORTCODE ULTIMATE : PRESONNALISATION
***************************************************************
*/

/* Tous les éléments du plugin de type "Zone" 
body .su-box {
	margin: 0 0 1.5em 0;
	border-width: 0;
	border-style: none;
}
.su-box .su-box-title {
	display: block;
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: 1.1em;
}
.su-box .su-box-content {
	background-color: blue;
	color: #444;
	padding: 1em;
}
*/

/*
***************************************************************
*  POUR LES TEMOIGNAGES
***************************************************************
*/

.temoignage-bloc{
	border-radius: 0px;
	background-color: #f9f9f9;
	padding: 20px;
}
.temoignage-citation{
	font-family: "Georgia",serif;
	font-size:14px;
	font-style:italic;
	font-weight:300;
	text-align:justify;
}

.temoignage-citation a {
	color:#676767;
}
.temoignage-citation a:hover {
	color:#c50e1f;
}

.temoignage-auteur{
	font-family: "Oswald",sans serif;
	font-size:17px;
	color:#676767;
}
.temoignage-question{
	font-family: "Oswald",sans serif;
	font-size:17px;
	color:#c50e1f;
	font-weight:300;
	line-height:22px;
	letter-spacing:0.03em;
}

/*
***************************************************************
*  POUR LES SOUS MENUS DANS UNE PAGE D'ENTREE DE RUBRIQUE
***************************************************************
*/

/* Centrer les "icones box" dans la page d'entrée d'une rubrique. Width ne doit pas être égal à 100%*/
.center{
		margin-left: auto;
		margin-right: auto;
		width: 95%;
}