/*
 Theme Name:   	  Chorus
 Theme URI:       http://digitaweb.com/chorus/
 Description:     Chorus Theme
 Author:          Digitaweb
 Author URI:      http://www.digitaweb.com
 Template:        twentyfourteen
 Version:         1.0.0
 License:         GNU General Public License v2 or later
 License URI:     http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:     chorus
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Basic Structure
 * 3.0 - Header
 * 4.0 - Navigation
 * 5.0 - Post Thumbnail
 * 6.0 - Entry Header
 * 7.0 - Entry Meta
 * 8.0 - Acces choriste
 *   8.1 - Page actualites
 * 9.0 - Page concert
 * 10.0 - Page ecoute et voir
 *	 10.1 - Livre d'or
 * 11.0 - Page recrutement
 *   11.1 - Formulaire postuler
 * 12.0 - Page 404
 * 13.0 - Footer
 * 14.0 - Media Queries
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #FFF;
}

a {
	color: #d6293c;
	text-decoration: none;
}


a:focus {
	outline:none;
	text-decoration:none;
}

a:hover,
a:active {
	outline: 0;
	text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 20px;
}

h1 {
	font-size: 26px;
	text-transform: uppercase;
	line-height: 1.3846153846;
	padding-top: 30px;
}

h2 {
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input:focus,
textarea:focus {
	outline: none;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 0 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

iframe {
	max-width: 100%;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #e69091;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #e69091;
	color: #fff;
	text-shadow: none;
}


/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}


/**
 * 2.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	background-color: #fff;
	position: relative;
}

.main-content {
	width: 100%;
}

.block-content {
	margin-bottom: 50px;
}

/* Color title h1, h2, h3, h4 */

.blue,
.skyblue,
.red,
.pink,
.yellow,
.green {
	margin-bottom:35px; 
	position:relative;
}
.blue:after,
.skyblue:after,
.red:after,
.pink:after,
.yellow:after,
.green:after,
.blue:before,
.skyblue:before,
.red:before,
.pink:before,
.yellow:before,
.green:before{
	content:" ";
	display:block;
	width:50px;
	margin-bottom:30px; 
	height: 30px;
	position:absolute;
	bottom:-50px;
}
.blue:before,
.skyblue:before,
.red:before,
.pink:before,
.yellow:before,
.green:before{
	width:200px;
	height: 5px;
	position:absolute;
	bottom: -25px;
    max-width: 100%;
}

h1.blue {
	color: #4c809c;
}
h1.skyblue {
	color: #7acae7;
}
h1.red {
	color: #d6293c;
}
h1.pink {
	color: #ecadc0;
}
h1.yellow {
	color: #f3dd88;
}
h1.green {
	color: #d0e0ac;
}

 
body h2{
	font-size: 20px;
	text-transform: none;
	padding:20px;
	color:#FFF;
	border-radius:5px;
}
h2.blue:after,
h2.skyblue:after,
h2.red:after,
h2.pink:after,
h2.yellow:after,
h2.green:after,
h2.blue:before,
h2.skyblue:before,
h2.red:before,
h2.pink:before,
h2.yellow:before,
h2.green:before{
	content:initial;
}

h2.blue {
	background-color: #4c809c;
}
h2.skyblue {
	background-color: #7acae7;
}
h2.red {
	background-color: #d6293c;
}
h2.pink {
	background-color: #ecadc0;
}
h2.yellow {
	background-color: #f3dd88;
}
h2.green {
	background-color: #d0e0ac;
}
 
h3.blue {
	color: #4c809c;
}
h3.skyblue {
	color: #7acae7;
}
h3.red {
	color: #d6293c;
}
h3.pink {
	color: #ecadc0;
}
h3.yellow {
	color: #f3dd88;
}
h3.green {
	color: #d0e0ac;
}

a:hover{
	text-decoration:none;
}
a h3:hover:after{
	left:170px;
	transition: left 200ms ease-out;
	-webkit-transition: left 200ms ease-out;
	-moz-transition: left 200ms ease-out;
	-ms-transition: left 200ms ease-out;
	-o-transition: left 200ms ease-out;
}
 
a h3:after{
	 left:0;
	transition: left 200ms ease-out;
	-webkit-transition: left 200ms ease-out;
	-moz-transition: left 200ms ease-out;
	-ms-transition: left 200ms ease-out;
	-o-transition: left 200ms ease-out;
}


body #page .seemore:after,
body #page .seemore:before{
	content:initial;
}

.seemore{
	padding:10px 20px;
	border-radius:5px;
	color:#FFF;
	margin:20px 0px;
	text-align: center;
	display:block;
	border:1px solid #FFF;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
}
a.seemore:hover{
	text-decoration:none;
	background:#FFF;
	border:1px solid;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
}
a.blue.seemore:hover {
	border-color:#4c809c;
	color: #4c809c;
}
a.seemore.skyblue:hover {
	border-color:#7acae7;
	color: #7acae7;
}
a.seemore.red:hover{
	border-color:#d6293c;
	color: #d6293c;
}
a.seemore.pink:hover{
	border-color:#ecadc0;
	color: #ecadc0;
}
a.seemore.yellow:hover {
	border-color:#f3dd88;
	color: #f3dd88;
}
a.seemore.green:hover{
	border-color:#d0e0ac;
	color: #d0e0ac;
}

.seemore.blue,
.blue:before,
.blue:after  {
	background-color: #4c809c;
}
.seemore.skyblue,
.skyblue:before,
.skyblue:after {
	background-color: #7acae7;
}
.seemore.red,
.red:before,
.red:after {
	background-color: #d6293c;
}
.seemore.pink,
.pink:before,
.pink:after {
	background-color: #ecadc0;
}
.seemore.yellow,
.yellow:before,
.yellow:after {
	background-color: #f3dd88;
}
.seemore.green,
.green:before,
.green:after {
	background-color: #d0e0ac;
}
	.yellow.bg-right:after,
	.green.bg-right:after,
	.pink.bg-right:after,
	.red.bg-right:after,
	.skyblue.bg-right:after,
	.blue.bg-right:after {
		left:170px;
	}

.bg-right.bg-center:after,
.bg-right.bg-center:before {
	left:calc(50% - 100px);
}
.bg-right.bg-center:after{
	left:calc(50% + 50px);
}




/* Bandeau background dans Concert*/
.bandeau-gray {
	background-color: #f2f2f2;
	display: block;
	height: auto;
    padding: 20px 0;
	margin: 20px 0 0 0;
}
/* Bandeau background dans Concert*/
.bandeau-gray p {
    padding: 20px 0;
	font-weight:900;
	font-size:16px;
}


/**
 * 3.0 Header
 * -----------------------------------------------------------------------------
 */

.bg-mobile {
	background-image: url(./images/degrader.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#logo-header {
	padding-top: 15px;
	position:absolute;
	display:block;
	z-index:99999999999999;
}

#logo-header a{
display: block;
}

#logo-header img {
	height: 70px;
}

.stripe{
	height:20px;
}

.stripe:after,
.stripe:before{
	content:"";
	display:block;
	width:40px;
	height:20px;
	position:absolute;
}

.red5{
	background:#d6293c;
}
.red4{
	background:#d66a6a;
}
	.red4.stripe:after{
		background:#a1becd;
		left:30%;
	}
	.red4.stripe:before{
		background:#ecafc1;
		left:60%;
	}
.red3{
	background:#e69091;
}
.red2{
	background:#e8aeac;
}
	.red2.stripe:after{
		background:#f4dc89;
		left:40%;
	}
	.red2.stripe:before{
		background:#9b75a5;
		left:80%;
	}
.red1{
	background:#fbd4d5;
}
	.red1.stripe:after{
		background:#d1deac;
		left:50%;
	}


/**
 * 4.0 Navigation
 * -----------------------------------------------------------------------------
 */
 
 


/* Menu Acces */
	
	.bg-acces {
		padding: 0;
	}

	.menu-acces {
		font-size: 14px;
		padding: 0;
		position: relative;
		float:right;
		line-height:20px;
	}

	.menu-acces .menu {
		border-bottom: 0;
		display: block;
		margin:0px;
	}

	.menu-acces li {
		border: 0;
		display: inline-block;
		height: 20px;
		line-height: 20px;
		text-align: center;
		position: relative;
		width: auto;
		padding:0px;
	}

	.menu-acces li.bp-login-nav,
	 .menu-acces li.bp-profile-nav {
		background-color: #f28c5b;
	}

	.menu-acces a {
		background-color: transparent;
	    color: #FFF;
	    display: inline-block;
	    white-space: nowrap;
	    width: 100%;
	    padding: 0px 20px;
	}

	.menu-acces ul ul {
		background-color: #999999;
		float: left;
		margin: 0;
		position: absolute;
		top: 30px;
		left: -999em;
		z-index: 99999;
	}

	.menu-acces li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.menu-acces ul ul ul {
		left: -999em;
		top: 0;
	}

	.menu-acces ul ul a {
		padding: 18px 12px;
		white-space: normal;
	}

	.menu-acces li:hover > a,
	.menu-acces li.focus > a {
		background-color: #f28c5b;
		color: #fff;
	}

	.menu-acces ul ul a:hover,
	.menu-acces ul ul li.focus > a {
		background-color: #C7C3C3;
		width: 100%;
	}

	.menu-acces ul li:hover > ul,
	.menu-acces ul li.focus > ul {
		left: auto;
	}

	.menu-acces ul ul li:hover > ul,
	.menu-acces ul ul li.focus > ul {
		left: 100%;
	}

	.menu-acces .menu-item-has-children > a:after,
	.menu-acces .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
	    font: normal 8px/1 Genericons;
	    position: relative;
	    right: -5px;
	    top: 0;
	    vertical-align: text-bottom;
	}

	.menu-acces li .menu-item-has-children > a,
	.menu-acces li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.menu-acces .menu-item-has-children li.menu-item-has-children > a:after,
	.menu-acces .menu-item-has-children li.page_item_has_children > a:after,
	.menu-acces .page_item_has_children li.menu-item-has-children > a:after,
	.menu-acces .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}
	
	
	/* MENU CONNECTE */
	.bg-menu-connecte .col-xs-12 {
		min-height: 0px;
	}

	.bg-menu-connecte {
		background-color: #999999;
	}
	
	.logged-in .bg-menu-connecte {
		min-height:20px;
	}
	
	.menu-connecte a {
		color: #FFF;
		padding: 7px 7px;
		text-decoration: none;
		display:block;
	}
	
	.menu-connecte #menu-menu_connecte{
		margin:0px;
		list-style:none;
		display:none;
		text-align:center;
	}
	.menu-connecte #menu-menu_connecte .sub-menu{
		margin:0px;
		list-style:none;
	}
	
	.menu-connecte.toggled-on #menu-menu_connecte{
		display:block;
	}
	
/* Site Navigation */

.site-navigation ul {
	list-style: none;
	margin: 0;
}

.site-navigation li {
	border-top: 1px solid #000;
}

.site-navigation ul ul {
	margin-left: 20px;
}

.site-navigation a {
	color: #000;
	display: block;
}

.site-navigation a:hover {
	color: #d6293c;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #d6293c;
}

/* Primary Navigation */

.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 14px;
	padding-top: 24px;
}


.primary-navigation.toggled-on {
	padding: 60px 0 0 0;
}

.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: none;
}

.primary-navigation.toggled-on .nav-menu {
	display: block;
	text-align:center;
}

.primary-navigation.toggled-on .nav-menu .sub-menu {
	margin:0px;
}

.primary-navigation a {
	background-color: #e8aeac;
    color: #FFF;
    padding: 7px 7px;
    text-decoration: none;
}

.primary-navigation ul.sub-menu li a {
    background-color: transparent;
    color: #000;
}
.primary-navigation ul.sub-menu li:hover a {
    color: #d6293c;
}
/* Menu toogle */
	.menu-toggle {
		background-color: transparent;
		border-radius: 0;
		border: none;
		cursor: pointer;
		height: 20px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 0px;
		right: 12px;
		text-align: center;
		width: 60px;
		z-index:999;
	}
	
	.menu-toggle:before {
		color: #FFF;
		content: "\f419";
		display: inline-block;
	    font-family: Genericons;
	    font-size: 16px;
	    padding: 2px 20px 2px 20px;;
	}

	.menu-toggle:active,
	.menu-toggle:focus,
	.menu-toggle:hover {
		background-color: #f28c5b;
	}

		.menu-connecte .menu-toggle:active,
		.menu-connecte .menu-toggle:focus,
		.menu-connecte .menu-toggle:hover {
			background-color: #333333;
		}

	.menu-toggle:focus {
		outline: none;
	}
	
	


/**
 * 5.0 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

.img-une {
    padding: 0;
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

.post-thumbnail {
	display: block;
	position: relative;
	overflow: hidden;
	height: 400px;
	width: 100%;
}

.post-thumbnail img {
	height: auto;
	width: 100%;
}



/**
 * 6.0 Entry Header
 * -----------------------------------------------------------------------------
 */

.entry-header {
	position: relative;
	z-index: 1;
}


/**
 * 7.0 Entry Meta
 * -----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	color: #767676;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.entry-meta a:hover {
	color: #41a62a;
}


.cat-links {
	font-weight: 900;
	text-transform: uppercase;
}

.cat-links a {
	color: #2b2b2b;
}

.cat-links a:hover {
	color: #41a62a;
}



/**
 * 8.0 Acces Choriste
 * -----------------------------------------------------------------------------
 */
 
 /*Image de concert*/


.thumbimg {
	display:block;

	/*
	width:100%;
	height:300px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	*/
} 

.thumbimg img {
	width: 100%;
	height: auto;
}

.home .thumbimg{
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}

/**
* 8.1 Page actualité
* ------------------*/

/* Thumbnail */
.block-art {
	margin-bottom: 70px;
	position: relative;
}

.featured .thumb-actualite {
	display: block;
  	overflow: hidden;
  	height: 250px;
}

.thumb-actualite {
	display: block;
  	overflow: hidden;
  	height: 250px;
}

.entry-content{
	margin:20px 0;
}

/* Hover */
.block-art .thumb-art {
	background-color: #4c809c;
  	display: block;
  	overflow: hidden;
  	position: relative;
  	height: auto;
  	width: 100%;
}

.block-art .thumb-art img {
	width: 100%;
}

a.thumb-art:hover img {
	opacity: 0.5;
}

.block-art .thumb-art:hover:after {
  	content: '+';
  	color: #FFF;
	display: block;
	font-size: 75px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	padding: 15%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;	
}

/* Title */
.block-art h3 {
  	height: 50px;
    overflow: hidden;
    margin-top: 10px;
}

.block-art a.title-art {
	color: #4c809c;
	font-size: 20px;
	border-bottom:3px solid;
}

a.title-cat {
	display: inline-block;
  	border-bottom: #000 solid 1px;
  	font-size: 20px;
  	width: 100%;
}
	.block-art a.title-art:hover {
		color: #EF696A;
		text-decoration: none;
	}

/* extrait */
.block-art .extrait {
	bottom: 0;
	position: relative; 
	width: 100%;
	/*width: calc(100% - 30px);*/
}

	.extrait p {
	    font-weight: 100;
	    margin-top: 10px;
	    line-height: 1.2;
	    font-size: 15px;
	    color: #000;
	    overflow: hidden;
  		height: 70px;
	}

/* Lire la suite */

.block-art a.more-link {
    z-index: 999;
  	position: relative;
  	bottom: 0;
}

.block-art a.more-link,
.page-search a.more-link { 
	background: #4c809c;
	border:  1px solid #4c809c;
	border-radius: 5px;
	color: #FFF;
	display: block;
	font-size: 18px;
	line-height: 34px;
	margin-top: 15px;
	text-align: center;
	height: 40px;
	width: 100%;
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-out;
  	-moz-transition: all 100ms ease-out;
  	-ms-transition: all 100ms ease-out;
  	-o-transition: all 100ms ease-out;
}


	.block-art a.more-link:hover,
	.page-search a.more-link:hover {
		background: #FFF;
		color: #4c809c; 
		text-decoration: none;
		transition: all 200ms ease-out;
		-webkit-transition: all 200ms ease-out;
	  	-moz-transition: all 200ms ease-out;
	  	-ms-transition: all 200ms ease-out;
	  	-o-transition: all 200ms ease-out;
	}

/* Cache */
.cache {
	position: absolute;
  	bottom: 0px;
  	width: calc(100% - 30px);
  	height: 45px;
  	margin: 0px;
  	z-index: 99;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 14%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(14%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 14%);
}

/* Pagination */
.pagination-art a {
	background: #4c809c;
	font-size: 35px;
	border:  1px solid #4c809c;
	border-radius: 5px;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: 40px;
	transition: all 100ms ease-out;
	-webkit-transition: all 100ms ease-out;
  	-moz-transition: all 100ms ease-out;
  	-ms-transition: all 100ms ease-out;
  	-o-transition: all 100ms ease-out;
}

	.pagination-art a:hover {
		background: #FFF;
		color: #4c809c; 
		text-decoration: none;
		transition: all 200ms ease-out;
		-webkit-transition: all 200ms ease-out;
	  	-moz-transition: all 200ms ease-out;
	  	-ms-transition: all 200ms ease-out;
	  	-o-transition: all 200ms ease-out;
	}

.next-page {float: right;}
.prev-page {float: left;}

/**
 * 8.5 Block user
 * -----------------------------------------------------------------------------
 */


.blockuser{
	padding:15px;
	border-radius:5px;
	background:#F5F5F5;
	margin:10px 0px
}
	.avatar{
		max-width:100%;
		overflow:hidden;
		height:auto;
		border-radius:5px;
		text-align:center;
	}
	
	.blockuser .contentuser h3{
		padding-top:10px;
		color:#000;
	}
	.blockuser .contentuser h4{
		padding-top:0px;
	}
		.blockuser a.seemore {
			border-color: #F5F5F5;
			margin-bottom:0px;
		}
			.blockuser a.seemore:hover {
				background: #F5F5F5;
			}


	.blockuser a h3:hover:after{
		left:170px;
		transition: left 200ms ease-out;
		-webkit-transition: left 200ms ease-out;
		-moz-transition: left 200ms ease-out;
		-ms-transition: left 200ms ease-out;
		-o-transition: left 200ms ease-out;
	}
	 
	.blockuser a h3:after{
		 left:0;
		transition: left 200ms ease-out;
		-webkit-transition: left 200ms ease-out;
		-moz-transition: left 200ms ease-out;
		-ms-transition: left 200ms ease-out;
		-o-transition: left 200ms ease-out;
	}
/**
 * 9.0 Page Concert
 * -----------------------------------------------------------------------------
 */

.page-concert-venir .post-thumbnail {
	height: auto;
}

 /* Formulaire Etre informe */

.form-etre-informe .gform_heading {
	display: none;
}

.form-etre-informe .gform_wrapper ul li.gfield {
	clear: none;
	padding-left: 0;
}

.form-etre-informe .gform_wrapper .top_label input.large,
.form-etre-informe .gform_wrapper .top_label input.medium,
.form-etre-informe .gform_wrapper .top_label select.large,
.form-etre-informe .gform_wrapper .top_label textarea.textarea {
	border: 1px solid #A6A6A6;
	width: 100%;
}
	/* bouton */
.form-etre-informe .gform_wrapper .gform_footer {
	text-align: center;
	padding: 3em 0 .625em;
}

.form-etre-informe input[type="submit"] {
	background-color: #6b6b6b;
	border: 0;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 100px;
}

.form-etre-informe input[type="submit"]:hover {
	background-color: #A5A3A3;
}

 .post-thumbnail {
	margin: 35px 0;
}

.home .post-thumbnail {
	margin: 0;
}


/**
 * 10.0 Page Ecoute et voir
 * -----------------------------------------------------------------------------
 */

 /* 10.1 Livre d'or : commentaires */

.page-livre-or h2.comments-title {
	display: none;
}

.page-livre-or .intro-comment {
	margin-bottom: 30px;
}

.page-livre-or .comment-author .fn {
	color: #d0e0ac;
	font-size: 18px;
}

.page-livre-or .reply a {
	color: #000;
	font-weight: 700;
}

.page-livre-or .comment-list li {
	margin-bottom: 30px;
}

	/* Formulaire commentaire */

#respond {
	padding-bottom: 30px;
}

#respond h3#reply-title {
	color: #d0e0ac;
	margin-left: 15px;
	margin-bottom: 12px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
}

#commentform input,
.comment-form textarea {
  	border: 1px solid #A6A6A6;
  	padding: 5px 10px;
}

.form-allowed-tags {display: none;}

#commentform input.submit {
	border: 1px solid #999;
    display: inline-block;
  	border: 1px solid #d0e0ac;
  	background-color: #d0e0ac;
  	color: #FFF;
  	margin-top: 20px;
  	text-transform: uppercase;
  	height: 40px;
  	width: 100%;
}

	#commentform input.submit:hover {
		background: #FFF;
		color: #d0e0ac; 
		text-decoration: none;
		transition: all 200ms ease-out;
		-webkit-transition: all 200ms ease-out;
	  	-moz-transition: all 200ms ease-out;
	  	-ms-transition: all 200ms ease-out;
	  	-o-transition: all 200ms ease-out;
	}

/**
 * 11.0 Page Recrutement
 * -----------------------------------------------------------------------------
 */

 /* 11.1 Formulaire Postuler pour une audition*/

.form-postuler .gform_heading {
	display: none;
}

.form-postuler .gform_wrapper ul li.gfield {
	clear: none;
	padding-left: 0;
}

.form-postuler .gform_wrapper .top_label input.large,
.form-postuler .gform_wrapper .top_label input.medium,
.form-postuler .gform_wrapper .top_label select.large,
.form-postuler .gform_wrapper .top_label textarea.textarea {
	border: 1px solid #A6A6A6;
	width: 100%;
}
	/* bouton */
.form-postuler .gform_wrapper .gform_footer {
	text-align: center;
}

.form-postuler input[type="submit"] {
	background-color: #6b6b6b;
	border: 0;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 100px 10px;
}

.form-postuler input[type="submit"]:hover {
	background-color: #A5A3A3;
}



/**
 * 12.0 Page 404
 * -----------------------------------------------------------------------------
 */

.page-404 {
	padding-bottom: 30px;
}

.page-404 .page-header {   
 	border: 0;
}

.page-404 h1.right-red {
    background: url(./images/bottom-right-red.png)no-repeat center 60px;
    color: #d6293c;
    margin-top: 100px;
    margin-bottom: 30px;
    text-align: center;
}

.page-404 .page-content p {   
 	color: #000;
  	text-align: center;
  	font-size: 18px;
  	margin-bottom: 50px;
  	padding-top: 20px;
}

.page-404 form.search-form {
	text-align: center;	
}

.page-404 .screen-reader-text {
  display: none;
}

.page-404 form.search-form label {
	float: left;
  	width: calc(100% - 40px);
}

.page-404 form.search-form input.search-field{
	border: 1px solid #d6293c;
  	padding-left: 5px;
  	height: 35px;
  	width: 100%;	
}


.page-404 form.search-form input.search-submit {
	background-color: #d6293c;
    background-image: url(./images/search.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #d6293c;
    text-indent: -9999px;
    overflow: hidden;
    height: 35px;
    width: 40px;	
}


/**
 * 13.0 Footer
 * -----------------------------------------------------------------------------
 */

/* Footer 1 */
#bg-footer-1 {
    background-color: #79cbe8;
    display: block;
}

	#bg-footer-1 p {
		line-height: 84px;
		text-align: center;
	}

		#bg-footer-1 a {
			color: #FFF;
			display: block;
			text-decoration: none;
		}

			#bg-footer-1 a:hover {
				color: #4c809c;
			}

#bg-footer-2 {
    background-color: #4c809c;
    display: block;
}

	/* Reseau sociaux */
	.social-icons-footer {
		list-style-type: none;
		text-align: center;
		margin-top: 25px;
	}

		.social-icons-footer li {
			background-color: #FFF;
			border-radius: 100%;
			display: inline-block;
			margin-right: 10px;
			padding: 0;	
		}

			.social-icons-footer li a {
		  		display: block;
		  		transition: all .5s;
		  		-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-ms-transition: all .5s;
				-o-transition: all .5s;
		  	}

		
		.social-icons-footer .facebook,
		.social-icons-footer .twitter,
		.social-icons-footer .youtube {
			position: relative;
		}

		.social-icons-footer a:before {
		  	color: #79cbe8;
		  	font-family: FontAwesome;		  	
		  	font-size: 20px;
		  	display: block;
		  	text-align: center;
		  	line-height: 39px;
		  	height: 35px;
		  	width: 35px;
		}

			.social-icons-footer .facebook a:before {
			  	content: "\f09a";
			}

			.social-icons-footer .twitter a:before { 
				content: "\f099";
			}
			
			.social-icons-footer .youtube a:before {
			  	content: "\f16a";
			}

			.social-icons-footer li:after {
				display: none;
			}

			.social-icons-footer .facebook a:hover:before,
			.social-icons-footer .twitter a:hover:before,
			.social-icons-footer .youtube a:hover:before {
			  	color: #4c809c;
			  	text-decoration: none;
			  	transition: all .5s;
			  	-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-ms-transition: all .5s;
				-o-transition: all .5s;
			}

/* Footer 2 */
#bg-footer-2 .footer-info span {
	color: #FFF;
	display: block;
	text-align: center;
	padding: 10px 10px;
}

	#bg-footer-2 .footer-info a {
		color: #FFF;
		text-decoration: none;
	}

		#bg-footer-2 .footer-info a:hover {
			color: #79cbe8;
		}





/**
 * 14.0 Media Queries
 * -----------------------------------------------------------------------------
 */


@media screen and (max-width: 400px) {
	.menu-acces a {
		padding: 0 10px; 
	}
}

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

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

@media screen and (max-width: 673px) {
	iframe {
		width: 100%;
	}
}



@media screen and (min-width: 768px) {
	
	/* Header */
	#site-header .header-main {
		background-size: 100% 100%;
	}
	
	.bg-mobile {
		background-image: none;
	}
	
	#logo-header img {
		height: 100px;
	}
	
	.stripe{
		height:25px;
	}
	
	.stripe:after,
	.stripe:before{
		width:50px;
		height:25px;
	}
		.red4.stripe:after{
			left:20%;
		}

	/* Menu Acces */
	.menu-acces {
		text-align: right;
		/*position: relative;
		bottom: 0;*/
	}
	/*Menu connecte*/
	.menu-connecte #menu-menu_connecte{
		margin:0px;
		list-style:none;
		display:block;
		text-align:center;
	}
	
	

	/* Navigation */

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #fff;
	}

	/* Primary Navigation */

	.primary-navigation {
		float: right;
		font-size: 14px;
		padding-top: 0px;
		text-align: center;
	}

	.primary-navigation .menu-toggle,
	.menu-connecte .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
	}

	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		position: relative;
		width: auto;
   		padding: 0px;
	}

	.primary-navigation a {
		background-color: transparent;
	    color: #FFF;
	    display: inline-block;
	    white-space: nowrap;
	    width: 100%;
	    padding: 0px 15px;
	}

	.primary-navigation ul ul {
		background-color: #f28c5b;
		float: left;
		margin: 0;
		position: absolute;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.primary-navigation ul ul a {
		padding: 18px 12px;
		white-space: normal;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.hover > a,
	.primary-navigation li.focus > a {
		background-color: #f28c5b;
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #F1A986;
		width: 100%;
	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
		width:100%;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	/*.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}*/

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
	    font: normal 8px/1 Genericons;
	    position: relative;
	    right: -5px;
	    top: 0;
	    vertical-align: text-bottom;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}
	
	/*Menu access*/
	.menu-acces li {
		height: 25px;
		line-height: 25px;
	}

	/* MENU CONNECTE */
	.bg-menu-connecte {
		background-color: #999999;
		min-height:0px;
	}

	.menu-connecte {
		font-size: 14px;
		text-align: center;
	}

	.menu-connecte ul {
		margin: 0;
	}

	.menu-connecte li {
		display: inline-block;
		height: 50px;
		line-height: 50px;
		position: relative;
		width: 185px
	}

	.menu-connecte a {
		background-color: transparent;
	    color: #FFF;
	    display: inline-block;
	    white-space: nowrap;
	    width: 100%;
	    padding: 0px;
	    text-decoration: none;
	}

	.menu-connecte ul ul {
		background-color: #B3B2B2;
		float: left;
		margin: 0;
		position: absolute;
		top: 50px;
		left: -999em;
		z-index: 99999;
	}

	.menu-connecte li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.menu-connecte ul ul ul {
		left: -999em;
		top: 0;
	}

	.menu-connecte ul ul a {
		padding: 18px 12px;
		white-space: normal;
	}

	.menu-connecte li:hover > a,
	.menu-connecte li.hover > a,
	.menu-connecte li.focus > a {
		background-color: #B3B2B2;
		color: #FFF;
	}

	.menu-connecte ul ul a:hover,
	.menu-connecte ul ul li.hover > a,
	.menu-connecte ul ul li.focus > a {
		background-color: #999999;
		width: 100%;
	}

	.menu-connecte ul li:hover > ul,
	.menu-connecte ul li.hover > ul,
	.menu-connecte ul li.focus > ul {
		left: auto;
	}

	.menu-connecte ul ul li:hover > ul,
	.menu-connecte ul ul li.hover > ul,
	.menu-connecte ul ul li.focus > ul {
		left: 100%;
	}

	.menu-connecte .menu-item-has-children > a:after,
	.menu-connecte .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
	    font: normal 8px/1 Genericons;
	    position: relative;
	    right: -5px;
	    top: 0;
	    vertical-align: text-bottom;
	}

	.menu-connecte li .menu-item-has-children > a,
	.menu-connecte li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.menu-connecte .menu-item-has-children li.menu-item-has-children > a:after,
	.menu-connecte .menu-item-has-children li.page_item_has_children > a:after,
	.menu-connecte .page_item_has_children li.menu-item-has-children > a:after,
	.menu-connecte .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}
	
	/* PAGE HOME 
	.page-home h1.title-home {
		font-size: 30px;
	    line-height: 32px;
	    top: 210px;
	} */

	/* FOOTER */

		/* Reseau sociaux */
		.social-icons-footer {
			text-align: right;
		}
		
}


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

	#logo-header img {
		height: 120px;
	}
	
	.stripe{
		height:30px;
	}
	
	.stripe:after,
	.stripe:before{
		width:60px;
		height:30px;
	}
	.primary-navigation li {
		height:30px;
		line-height:30px;
	}
	.primary-navigation a {
   		padding: 0px 30px;
	}
		
	
	
	/*Menu access*/
	.menu-acces li {
		height: 30px;
		line-height: 30px;
	}
	/*Menu connecte*/
	.menu-connecte li {
		width: 135px;
	}

}


@media screen and (min-width: 1200px) {	
	.primary-navigation a {
   		padding: 0px 50px;
	}
	
	.menu-connecte li {
		width: 155px;
	}

}