/*
Theme Name: Gospel Aujourd'hui
Theme URI: http://www.gospel-aujourdhui.com
Description: WordPress Gospel Theme
Version: 1.0
Author: NicoGaudin
Author URI: http://www.nicogaudin.net
Tags: gospel, simple, red, black, fullscreen background


*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}

/* Balises block */
.post-content h1{ }
.post-content h2{ }
.post-content h3{ }
.post-content h4{ }
.post-content h5{ }
.post-content h6{ }
.post-content p{ }
.post-content ul{ }
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */
.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************************** fin du reset Meyer **************************************/
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 126px; /* bottom = footer height */
	background:#000;
	color:#fff;
	font-size:12px;
	font-family:"dax", arial, sans-serif;
}
@font-face
{
font-family: dax;
src: url('dax-regular.ttf'),
     url('dax-regular.eot'); /* IE9 */
}

@font-face
{
font-family: dax-bold;
src: url('dax-bold.ttf'),
     url('dax-bold.eot'); /* IE9 */
}

@font-face
{
font-family: dax-italic;
src: url('dax-italic.ttf'),
     url('dax-italic.eot'); /* IE9 */
}


header {
	z-index:9;
	position:relative;
	height:104px;
	background: #d80202 url("img/header-bg.png") repeat-x center;
	background-size: 100% 100%;
	*background: #d80202;
	background: #d80202\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/header-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
	header {
			background: #d80202 url("img/header-bg.svg");
			background-image: linear-gradient(
				top,
				#d80202,
				#fe0000 50%,
		#d80202
			);
		}
	}
	
.container{
	width:940px;
	margin:0 auto;
	z-index:9;
	position:relative;
}

h1{
	background: url(img/logo-gospel-aujourdhui.png) no-repeat;
	height:71px;
	width:116px;
	text-indent:-9999px;
	margin-top:16px;
	float:left;
}

header ul{
	float:right;
	color:#fff;
	font-size:1.3em;
}

header ul li{
	float:left;
	width:130px;
	text-align:center;
}

header ul li a{
	padding-top:40px;
	display:block;
	height:50px;
	color:#fff;
	text-decoration:none;
}

header ul li a:hover{
	text-shadow: 0px 0px 4px #fff;
	background:#d80202;
	color:#eee;
}

.current-menu-item a{
	text-shadow: 0px 0px 1px #ccc;
	background:#d80202;
	color:#000;
}


img.bg {
  /* Set rules to fill background */
  height: 100%;
  max-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
	/* Set up positioning */
  position: fixed;
  bottom: 126px;
  z-index:0;
}

img.chefs{
  right: 0;
  position:fixed;
  bottom:0;
  max-width:1280px;
}

img.bg-choeurs, img.bg-contact{
  left: 0;
  position: fixed;
  bottom: 0px;
  max-width: 1280px;
  
}
img.bg-photos{
  left: 0;
  position: fixed;
  bottom: 0px;
  max-width: 1080px;
  
}
img.bg-agenda{
  left: 0;
  position: fixed;
  bottom: 0px;
  max-width: 1080px;
  
}

#qui, #president{
	width:670px;
	float:right;
	padding:25px;
	font-size:1.3em;
	line-height:1.4em;
	margin-top:80px;
	background-color: rgb(22, 22, 22); /* alternative solide */
    background-color: rgba(22, 22, 22, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80161616,endColorstr=#80161616);
      zoom: 1;
	  border-radius: 10px;
}

div#president{
	margin-top:30px;
	margin-bottom:30px;
	clear:both;
}
div#lettre-president{
	width:670px;
	float:right;
	padding:25px;
	font-size:1.3em;
	line-height:1.4em;
	margin-top:0px;
	background-color: rgb(255, 0, 0); /* alternative solide */
    background-color: rgba(255, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80161616,endColorstr=#80161616);
      zoom: 1;
	  border-radius: 10px;
	margin-bottom:150px;
	text-align:center;
	}
div#lettre-president a{
	color:#fff;	
	}
	div#lettre-president a:hover{
	color:#fe0000;	
	}

div#president img{padding-right:15px;}


div#qui h3{
	margin-top:15px;
	font-size:1.3em;
	color:#fe0000;
	margin-bottom:5px;
}

div#qui a{
	color:#fe0000;
	text-decoration:none;
	font-size:0.8em;
}


div#qui a:hover{
	color:#fe0000;
	text-decoration:underline,
	font-style:italic;
}

h2{
	font-weight:bold;
	font-family:"dax-bold", arial, sans-serif;
	font-size:1.8em;
	width:100%;
	text-align:center;
	margin-bottom:15px;
}


/*******************************************Chefs de choeur***************************************************/


.portrait-chef{
	width:278px;
	padding: 40px 12px 20px 12px;
	float:left;
	margin-top:40px;
	margin-bottom:150px;
	margin-right:17px;
	background-color: rgb(0, 0, 0); /* alternative solide */
    background-color: rgba(0, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80161616,endColorstr=#80161616);
      zoom: 1;
	border-radius: 10px;
	text-align:center;
	transition: all .5s;
}

.portrait-chef img{
	display:block;
	margin:0 auto;
	width:225px;
	height:225px;
	border:12px solid #161616;
	margin-bottom:15px;
	border-radius:225px;
}

span#ando{
	background:url(img/ando-rajoelina-nb.jpg) no-repeat;
}

span#giovanni{
	background:url(img/giovanni-thevenin-nb.jpg) no-repeat;
}

span#taia{
	background:url(img/taia-kronborg-nb.jpg) no-repeat;
}

.portrait-chef h3{
	font-size:1.3em;
}
.portrait-chef h4{
	font-size:1.3em;
	color:#fe0000;
	text-transform:uppercase;
	margin-bottom:10px;
}
div.portrait-chef:hover{
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
}
div.portrait-chef:hover img{
	width:225px;
	height:225px;
	border:12px solid #fe0000;
	margin-bottom:15px;
	border-radius:225px;
}
div.portrait-chef:hover h3{
	font-size:1.3em;
	color:#fe0000;
}
div.portrait-chef:hover h4{
	font-size:1.3em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:10px;
}
div.portrait-chef:hover span#ando{
	background:url(img/ando-rajoelina.jpg) no-repeat;
}

div.portrait-chef:hover span#giovanni{
	background:url(img/giovanni-thevenin.jpg) no-repeat;
}

div.portrait-chef:hover span#taia{
	background:url(img/taia-kronborg.jpg) no-repeat;
}
.portrait-chef p{
	border-top:1px solid #161616;
	padding-top:10px;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:10px;
}
.last{
	margin-right:0;
}

/********************************************************************Nos choeurs*************************************************/

span#tgc{
	background:url(img/tours-gospel-choir-nb.jpg) no-repeat;
}

span#rejoice{
	background:url(img/rejoice-nb.jpg) no-repeat;
}

span#acapella{
	background:url(img/a-capella-nb.jpg) no-repeat;
}


.portrait-chef:hover span#tgc{
	background:url(img/tours-gospel-choir.jpg) no-repeat;
}

.portrait-chef:hover span#rejoice{
	background:url(img/rejoice.jpg) no-repeat;
}

.portrait-chef:hover span#acapella{
	background:url(../img/a-capella.jpg) no-repeat;
}

/***************************************************      Evenements       **********************************************/

.evenements, .article, .form-comm, .comments{
	width:900px;
	padding:20px;
	margin-top:40px;	
	background-color: rgb(0, 0, 0); /* alternative solide */
    background-color: rgba(0, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80161616,endColorstr=#80161616);
      zoom: 1;
	border-radius: 10px;
	float:left;
	transition: all .5s;
}

.comments{margin-bottom:20px;}

.evenements:hover{
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
}

.last-evt{
	margin-bottom:150px;

}

.retour{
	color:#fff;
	font-size:1.1em;
	margin-top:30px;
	display:block;
}
.retour:hover{
	color:#fe0000;
	font-style:italic;
	font-family:"dax-bold", verdana, arial, sans-serif;
}

.retour-bottom{margin-bottom:150px;}

.evenements img, .article img{
	width:200px;
	height:200px;
	border-radius:200px;
	border:12px solid #161616;
	float:left;
	margin-right:30px;
	opacity:0.5;
}

.article img{opacity:1;}

.evenements:hover img, .article:hover img{
	border:12px solid #fe0000;
	opacity:1;
}

.nb-comm{
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:40px;
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
    float:left;
    margin-left:-200px;
    margin-top:80px;
	font-size:1.1em;
}

.evenements:hover .nb-comm{
	background:#161616;
	font-style:italic;
}

.evenements h4 a, .article h4 a{
	width:640px;
	font-family:"dax", verdana, arial, sans-serif;
	font-size:1.1em;
	color:#fe0000;
	float:left;
}

.evenements:hover h4 a{color:#000;}
.left, .text-wrap{
	float:left;
}
.form-comm h4, .comments h4{
	font-size:1.5em;
	font-family:"dax-bold", verdana, arial, sans-serif;
	margin-bottom:25px;
}
.form-left label, .form-right label, .ninja-forms-form-wrap label{
	font-size:14px;	
}
.form-comm input[type="text"], .ninja-forms-form-wrap input[type="text"]{
	width:420px;
	height:30px;
	border-radius:5px;
	background:#161616;
	border:none;
	margin:5px 0 15px 0;
	color:#fff;
	padding-left:10px;
}

.form-comm input[type="text"]:focus, .form-comm textarea:focus, .ninja-forms-form-wrap input[type="text"]:focus, .ninja-forms-form-wrap textarea:focus{
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
	 outline: none;
}

.form-right{
	float:right;
	width:420px;
}

.form-right textarea{
	width:420px;
	height:150px;
	border-radius:5px;
	background:#161616;
	border:none;
	margin-top:5px;
	outline: none;
	color:#fff;
	padding-left:10px;
}

.form-right input{
	float:right;
	width:200px;
	padding:12px;
	border-radius:5px;
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
	font-size:1.2em;
	line-height:1.2em;
	color:#fff;
	margin-top:20px;
	text-align:center;
	transition: all .5s;
	border:none;
	text-decoration:underline;
}

.form-right input:hover{
	font-style:italic;
	text-decoration:none;
	color:#000;
	background:#fff;
}

.infos-contact{
	float:left;
	width:100%;
}

.infos-contact p{
	height:38px;
	line-height:38px;
	font-size:1.3em;
}

.infos-contact p a{
	color:#fff;
	text-decoration:none;
}

.infos-contact p a:hover{
	color:#fe0000;
	text-decoration:underline;
}

.infos-contact img{
	float:left;
	margin-right:15px;
}

.form-contact{
	margin-bottom:100px;
}

.contact-form{margin-bottom:20px;}
.form-infos{margin-top:0;}
.evenements h3 a, .article h3 a, .article h3, .form-comm h3{
	width:640px;
	font-family:"dax-bold", verdana, arial, sans-serif;
	font-size:1.6em;
	color:#fff;
	margin-top:10px;
	margin-bottom:15px;
	float:left;
}


.evenements p, .article div{
	width:640px;
	float:left;
	font-size:1.1em;
	line-height:1.3em;
}

.article div{min-height:200px;}

.article div, .article h3, .article h4{float:right;}
.article p{margin-top:10px; float:left; width:640px;}
.evenements span{
	float:left;
	margin-top:40px;
	font-size:1.1em;
}

.article span{
	float:left;
	display:block;
	width:224px;
	text-align:center;
	margin-top:15px;
	font-size:1.1em;
}

.evenements a{
	display:block;
	float:right;
	width:138px;
	height:18px;
	padding:12px;
	border-radius:10px;
	background-color: rgb(254, 0, 0); /* alternative solide */
    background-color: rgba(254, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fe0000,endColorstr=#80fe0000);
      zoom: 1;
	font-size:1.2em;
	color:#fff;
	margin-top:40px;
	text-align:center;
	transition: all .5s;
}

.evenements a:hover{
	background:#fff;
	color:#000;
	font-style:italic;
}


.evenements h3 a, .evenements h4 a{
	display:inline;
	width:50%;
	float:left;
	background:none;
	text-decoration:none;
	text-align:left;
	margin-top:0px;
	padding:0;
}
.evenements h3 a:hover, .evenements h4 a:hover{
	display:inline;
	width:50%;
	float:left;
	background:none;
	font-style:normal;
	text-decoration:underline;
	text-align:left;
}
.evenements h3 a:hover{
	color:#fff;
}
.evenements h4 a:hover{
	color:#000;
}

.comm{
	width:900px;
	float:left;
	font-size:1.1em;
	margin-bottom:40px;
}

.comm img{
	width:93px;
	height:93px;
	border-radius:93px;
	border: 6px solid #161616;
	float:right;
}

.date-comm{
	float:left;
}

.info-comm{
	float:left;
	width:750px;
	margin-bottom:10px;
}

.info-comm a{
	text-decoration:none;
	color:#fff;
}

.pseudo a{
	font-size:1.5em;
	font-family:"dax-bold", verdana, arial, sans-serif;
	color:#fe0000;
	display:inline-block;
	margin-right:10px;
	text-decoration:none;
}

.pseudo a:hover, .info-comm a:hover{text-decoration:underline;}



.comm p{
	border-top:1px solid #666;
	width:750px;
	float:left;
	padding-top:20px;
}

.photo{
	width:270px;
	height:240px;
	float:left;
	margin:35px 35px 0 0;
	border-radius:10px;
	background:#161616;
	font-size:1.1em;
}

.photo:hover{background:#fe0000;}

.photo p{
	margin:10px;
}

.photo p span{
	display:inline-block;
	margin-top:10px;
	font-size:1.4em;
	font-family:"dax-bold", verdana, arial, sans-serif;
}

.last-photo{
	margin-bottom:150px;
}

#prochain{
	background:#fff;
	color:#000;
	border-top:4px solid #fe0000;
	height:65px;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 124px;
    width: 100%;
	background:#161616;
	font-size:1.1em;
}
footer p{
	width:100%;
	text-align:center;
	margin-top:50px;
	background:url(img/separation-footer.jpg) no-repeat;
	height:70px;
	line-height:70px;
}


.bold{
	font-weight:bold;
	font-family:"dax-bold", arial, sans-serif;
}
footer a{
	color:#fe0000;
	text-decoration:none;
}

footer a:hover{
	text-decoration:underline;
}