/*
Theme Name: Theme Benoit de Bretagne
Description: Theme Benoit de Bretagne version 1.0
Author:  prestadata
Template: twentytwelve
*/
 /** code pour importer le css du theme parent**/
@import url("../twentytwelve/style.css");
/*font*/
@font-face {
font-family: 'chopinscript';
src: url('fonts/chopinscript-webfont.eot');
src: local('chopinscript'),
url('fonts/chopinscript-webfont.eot?iefix') format('eot'),
url('fonts/chopinscript-webfont.woff') format('woff'),
url('fonts/chopinscript-webfont.ttf') format('truetype'),
url('fonts/chopinscript-webfont.svg#webfontnTz28sxq') format('svg');
font-weight: normal;
font-style: normal;
}
/**Modif nivoslider**/
.theme-default .nivoSlider {
	background:black;
	box-shadow:none;
}
/**Modif ML SLIDER**/
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	width:75%;
}
.metaslider .caption {
	text-align:center;
}

/***** zone de test up ******/
/*
	@media only screen and (max-width: 640px){
		#headLut{
			font-size:12px;
		}
		#divTxt{width:35%;}
		#divImg{
			width:65%;
		}
		#divTxt2{font-size:12px;}
	} */
/***** zone de test down ******/
#guitareVideo{
	float:left;
	height:440px;
	width:720px;
}

/**** article : class pour 2 colonnes contenu guitare slide+texte ****/
#rowSlider{
	position: relative; float: left;margin:0 10px 50px 0;width:50%;
}
#rowTxt{
	width:45%;
	/* clear: none */; display: block; float: right;
}
#test{clear:both;}

.entry-header {
	margin-bottom: 30px;
	border-bottom:1px solid white;
}
.entry-header .entry-title {
	font-size: 25px;
	line-height: 1;
	font-weight: normal;
	color:white;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.nav-previous, .previous-image {
    float: left;
	padding:0;
    margin: 0 0 10px 0;
    width: 50%;
}
/*File d'ariane**/
.nav-single a{
	color:#6A6A6A;
	text-decoration:none;
}
/*** footer info ***/
.site-info {
    margin: 0 auto;
    max-width: 1024px;
	padding:0;
}
#footerInfo{
	text-align:center;
	color:grey;
	position:relative;
	width:100%;
	padding:5px 0 0 0;
}
#footerInfo a{
	text-decoration:none;
}
#footerInfo a:hover{
	color:black;
}
/**** structure du site ****/
a{color:white;}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: white;
	background-color:black;
}
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content { width: 900px; margin-left:150px; }
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: black;
}
.site-content {
	margin:0 auto;
	margin-top:5%;
	float: left;
	width:100%;
}
#main{
	margin:0 auto;
}
/****  slider ****/
#sliderMain{
	margin:3% 0 0 0; padding:0;
}
li.jcarousel-item {
	border-right: 1px solid rgb(46,46,46);
}
li.jcarousel-item img:hover {
	opacity: 0.8;
	cursor: pointer;
	zoom: 1.02; /* all browsers */
    -moz-transform: scale(1.02);  /* Firefox */ 
}
li.jcarousel-item:hover {
	cursor: pointer;
	background:rgba(64,64,64, 1);

}
/**** Header ****/

.flexslider a :hover{	zoom: 1.02; /* all browsers */
    -moz-transform: scale(1.02);  /* Firefox */ }

/**** search form widget ****/
#searchform input[type=text]{
	width:75%; height:22px;
	background:#ffffff; 
	padding: 0 0 0 0;
	border:none;
}
#searchform  input[type=submit]{
	background:url(img/loupe.png) center no-repeat;
	margin:1px 1px 1px 1px; 
	width:18%;	height:100%;
	cursor:pointer;
	border:none;
	font-size:0px;
	padding:7% 2% 2% 2%;
}
.widget-area {
	padding:0;
	float:right;
	margin:0;
	width:100%;
}
/*outil recherche dans le header*/
.widget-area .widget {
    -moz-hyphens: auto;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}
#search-3{
	height:35px;
	padding:0; margin:0;
	line-height:35px;
	}
#search-3 #searchform {height:35px; padding:0; line-height:35px;}

@media only screen and (max-width: 640px){
	#searchform {text-align:right;}
	#searchform input[type=text]{width:50%;}
	#searchform  input[type=submit]{
		width:18%; height:100%;
		padding:0;margin:0;line-height:35px;
	}
}
.menu-menu-container{
	padding:0; margin:0 auto;
	height:50px; width:100%;
}
button, input, textarea {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-family: inherit;
    padding: 0.428571rem;
}

/*css langue*/
#qtranslate-2{
	width:100%;
	height:100%;
	padding: 10% 0 0 0;
}
#qtranslate-2 ul li{
	display: inline-block;
	width:30px;
	float:right;
}
#headerRight{
	float:right;
	width:25%;
	height:55%;
}
/**Div Réseau sociaux**/
#rezSoc{width:100%;margin:5px 0 0 0;height:40%;}
#fb{
	background:url('img/fb.png') no-repeat center;
	background-size:100% 100%;
	width:12.44%;height:28px;
	margin-right:5px;
	float:left;
	}
#fb a {
	display:block;
	width:100%;height:28px;
}
#fb a:hover{
	cursor:pointer;
}
#gPlus{
	background:url('img/google.png') no-repeat center;
	background-size:100% 100%;
	width:12.44%;height:28px;
	float:left;
	margin-right:5px;
	}
#gPlus a {
	display:block;
	width:100%;height:28px;
}
#gPlus a:hover{
	cursor: pointer;
}
#followUs{
	float:left;
	margin-right:5px;
	width:35%;
	height:28px;
	margin-left:2%;
	line-height:100%;
	padding:0;
	margin-top:3%;
	}

.site-header {
	padding:0 0 0 0;
	background: url("img/titreHeader2.png") no-repeat center top;
	background-size:100% 100%;
	height:147px;
	position:relative;
	margin:0 auto;
	margin-top:5px;
	width:100%;
}

.site-header h1,
.site-header h2 {
	display:block;
	float:left;
}
.site-header h1{
}
.site-header h1 a img {
	width:100%;
}
.site-header h1 a {
	width:100%;	height:100%;
}	
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	text-align:left;
	width:38%;
	margin-top:1%;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image { margin-top: 24px; margin-top: 1.714285714rem; }
body .site {
	padding:0;
	margin: 0 auto;
	max-width: 900px;
	max-width: 85,35714235rem;
	overflow: hidden;
	box-shadow:none;
	}
/* Footer */
#colophon{
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.5rem;
	max-width: 1195px;
	max-width: 85,35714235rem;
	margin:0 auto;
	height:100px;}
	footer[role="contentinfo"] {
	border-top: none;
	}
/* menu footer */
.menu-footer{text-align:center;}
.menu-footer a {text-decoration:none;color:#695332;}

.menu-footer ul {
	list-style: none;
	margin:0;
	padding: 0;
	display: inline-block;
}
.menu-footer ul li a { padding:0 0 0 10px;}
.menu-footer ul li {
	float:left;
	text-align: left;
	padding:0 0 0 0;
	font-size: 12px;
	display: block;
	font-style: normal;
	width:80px;
	margin:0 0 0 2px;
}
.menu-footer ul ul{ padding:1px 0 0 0; }
.menu-footer ul ul li{ width:100px;	padding:0 0 0 2px;}
.menu-footer li a:hover { color: white;}
/************************ end menu footer **************************/

/* fil d'ariane */
#fil_ariane{
	margin:2% 0 0 0;
	text-align:left;
	padding:0; 
}
/** structure des artilces à afficher**/
.site-content article {
	border-bottom: none;
	margin-bottom: 4px;
	padding-bottom: 6px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}	

/**image pour les articles des cours du soir**/
.excerpt-thumb{margin:0 0 0 5px;}
#divArticle{height:100%;}
#divArticle a{text-decoration:none;}
.abTitle{border-bottom:1px solid #695332;margin:2% 2% 1% 2%;}
.abTitle a {color:#695332;}
.ArticleBox{
	border:1px solid #695332;
	height:50%;
	width:48.5%;
	float:left;
	margin:0 10px 10px 0;
	}
.abSuiteActu{margin:15px 0 0 0;color:grey;}
.abSuiteActu a {color:grey;}
.abExcerpt{margin:15px 10px 0 0;text-align: justify;}

/** css pour la zone d'actualité en page d'accueil **/
.haImg{
	margin:0 auto;
	text-align:center;
	margin-top:2%;
	margin-bottom:2%;
}

#actuAccueil{
	height:100%; width:100%;
	float:left;
	color: #b4b4b4;
	margin:0 auto;
}

.actuBloc{
	border:1px solid #695332;
	height:100%;width:32%;
	float:left;
	margin:0 1% 1% 0;
	padding:0;
	background-color: #101010;
	}
.titleAB{
	border-bottom:1px solid #695332;
	line-height:20px;
	color:#695332;
	width:96%;
	margin:0 2% 0 2%;
}
.titleAB a {text-decoration:none; color:#695332;}
	
.home-actu{
	display:block;
	float:left;
	width:100%; height:100%;
	padding:5px;
	margin:0 0 0 0;
}
.home-actu span{
	font-weight:12px;
	display:block;
	margin:10px 0 0 0;
	text-align:center;
}
.home-actu .imageThumb{
	width:150px;
	height:150px;
	margin:0 0 0 25%;
	}
.home-actu .titre-actu a{
	color:#695332;
	text-decoration:none;
}
.home-actu .titre-actu{
	margin: 4% 0 4% 0;
	width:97%;
	text-transform:uppercase;
	color:white;
	text-align:center;
	font-size:12px;
}
.home-actu .date-actu {text-align:left; margin:2% 0 2% 0;}
.home-actu  .intro-actu{
	text-align:justify;
	font-size:14px;
	padding:0 15px 0 15px;
}
.home-actu .suite-actu { text-align:right; 	margin:0 10px 0 0; }
.home-actu .suite-actu a{
	font-size:12px;
	color:#898989;
	text-decoration:none;
	font-weight:bold;
}
.home-actu .suite-actu a:hover { color:#535353; }

/********************** MENU Responsive *****************************/
#menuNav{
	}
/**********************************************************************/
/* Navigation */
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul { display: inline-block !important; text-align: right; width: 100%;	}
	.main-navigation ul { margin: 0; text-indent: 0; }
	.main-navigation li a,.main-navigation li {
		display: inline-block;
		text-decoration: none;
		width:100px;
		text-align:center;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 1.5;
		text-transform: uppercase;
	}
	.main-navigation li a:hover { color: white;	}
	.main-navigation li { margin: 0 1px 0 0; position: relative; }
	
	/**Tous les sous menus**/
	.main-navigation li ul { position: absolute; z-index: 6;}
	.main-navigation li ul ul { top: 0; /* left: 100%; */}
	.main-navigation ul li:hover > ul { border-left: 0; display: block; }
	.main-navigation ul ul ul { margin:0 0 0 0;	}
	/*cat > sous cat > sous cat*/
	.main-navigation ul ul ul li{ margin:0 0 0 0;}
	.main-navigation ul ul ul li a{	margin:0 0 0 0; }
	.main-navigation li ul li ul li a:hover { color: #444;}
	.main-navigation li ul li a:hover { color: white;}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a { color: white;	font-weight: normal; background-color:#282828; }
/**********************************************************************/

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
 
.clearfix ul:before,
.clearfix ul:after { content: " "; display: table; }
.clearfix ul:after { clear: both; }
.clearfix ul { *zoom: 1; }
 .container { }
/* Basic Styles */
div .main-navigation li ul li a { background: #a0a0a0;}
.main-navigation nav { height: 53px; width: 100%; font-size: 10pt; top: 0; }
.main-navigation nav ul { padding: 0; margin: 0; height: 40px; }
.main-navigation nav li { display: inline; float: left; width:100px;}
.main-navigation nav li a{width:100px;}
.main-navigation nav li a:hover {background:#444;}
.main-navigation nav li ul li{
	background: #a0a0a0;
	float:left;
	border-bottom:1px solid #262626;
	text-align:left;
	font-size: 8pt;
	}
.main-navigation nav li ul{display:none;}
.main-navigation nav li:hover > ul{display:block;}
.main-navigation nav li ul li a:hover{background:#444444;}	
.main-navigation nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	padding:10px 0;
}
.main-navigation nav a#pull { display: none;}


/******** tuner ********/
#tuner{
	border:1px solid black;
	background:url('img/tuner.jpg') no-repeat center;
	background-size:100% 100%;
	width:12.44%;height:28px;
	margin-right:5px;
	float:left;
}
#tuner a { display:block; width:100%;height:28px; }
#tuner a:hover{ cursor:pointer; }
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: black;
	padding: 20px;
	border: 5px solid white;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close { float: right; margin: -55px -55px 0 0; }
/*--Gérer la position fixed pour IE6--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }

@media only screen and (max-width: 360px) {
	#headerRight{ float:right; width:55%; height:60%; }
	#followUs{ font-size: 0.6em; }
	#gPlus{
		background:url('img/google.png') no-repeat center;
		background-size:75% 75%;
		width:12.44%;height:28px;
		float:left;
		margin-right:5px;
		border:1px solid red;
	}
	#fb{
		background:url('img/fb.png') no-repeat center;
		background-size:75% 75%;
		width:12.44%;height:28px;
		margin-right:5px;
		float:left;
	}
}
@media screen and (max-width: 800px) {
	.excerpt-thumb{width:40%;height:100%;}
	.ArticleBox{font-size:0.6rem;width:45.85%;}
}
@media screen and (max-width: 800px) {
	.home-actu .titre-actu{width:90%;}
	.home-actu{font-size:0.6rem;margin:0;}
	.home-actu  .intro-actu{font-size:0.6rem;}
	.home-actu .suite-actu { font-size:0.6rem;}
	.home-actu .suite-actu a{ font-size:0.6rem;	}
	.haImg{width:50%;height:100%;}
	.actuBloc{width:31%;}
	.titleAB{width:90%;font-size:0.6rem;}
}
@media screen and (max-width: 800px) {
	.main-navigation nav li li a {font-size:12px;text-indent:6%;font-weight:normal;}
	.main-navigation nav li a {font-size:14px;}
	.main-navigation nav { width: 100%; height: auto; border-bottom: 0;	}
	.main-navigation nav ul { display: none; height: auto; }
	.main-navigation nav li { width: 100%; float: left; position: relative; border-bottom: 1px solid #262626; }
	.main-navigation nav li a {width:100%;}
	.main-navigation li ul { position: relative; }
	.main-navigation nav a { text-align: left; width: 100%; text-indent: 25px; background: #2e2e2e; }
	.main-navigation nav a:hover { background:#444; }
	.main-navigation nav a#pull { display: block; background-color: #262626; width: 100%; position: relative; line-height:20px; }
	.main-navigation nav a#pull:after {
		content:"";
		background: url(img/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		color: #FFF;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}
@media only screen and (max-width: 640px){
	#rowTxt{font-size:8px;}
	#rowSlider{width:40%;}
	#rowTxt{width:55%;}
}