/*
Theme Name: VRAC
Author: Genaro Studio
Author URI: http://www.genaro-studio.com/
Description: VRAC est un thème développé sur-mesure pour l'association VRAC.
Version: 1.0
License: Private
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vrac

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/





/*
rouge : #D30040
jaune moutarde : #D9B500

*/



/*vrac.css*/

/*Made by Thibault Claisse*/
/*http://www.thibaultclaisse.com*/




@font-face {
    font-family: 'roboto_regular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg#../font/roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_bold';
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.ttf') format('truetype'),
         url('font/roboto-bold-webfont.svg#../font/roboto_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/* BODy*/
html,
body {
    height: 100%;
	font-family: 'roboto_regular', sans-serif;
	line-height:1.7em;
}
body {
    overflow:hidden;
}
strong {
	font-family: 'roboto_bold', sans-serif;
}




hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}


ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}



dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

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

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

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

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}


/**
 * 5.0 - Forms
 */

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #1a1a1a;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}

/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}







/*HEADER LOGO SIDEBAR*/

.side_panel {
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	padding:0;
	height:100%;
}
.side_panel .logo{
	background:#fff;
	margin:0 auto;
	padding:30px 30px 0 30px;
	border-bottom: solid 1px #d50042;
	height:20%;
	width:100%;
	float:left;
	border-right:1px solid #D30040;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.side_panel .logo img{
	width:150px;
	height:auto;
	display:block;
	margin:0 auto;
					-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.side_panel .logo:hover img{
	opacity:0.7;
}

/*menu*/
nav.primary {
	display:block;
    padding:0;
	width:100%;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
	border-right: solid 1px #d50042;
	background:#fff;
}
.primary ul.primary-menu{
	float:left;
    padding:0 0 0 0;
	list-style:none;
	width:100%;
}

.primary ul.primary-menu li a {
    position: relative;
    display: block;
    padding: 14px 15px;
	width:100%;
	float:left;
	font-weight:normal;
	font-size:1.18em;
	color:#3d3d3d;
	border-bottom:1px solid #efefef;
	background:#fff ;
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgb(255,255,255) 5px, rgb(255,255,255) 9px);
	/*http://lea.verou.me/css3patterns/#diagonal-stripes*/
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	cursor:pointer;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.primary ul.primary-menu li.current-menu-item a {
	color:#3d3d3d;
	background:#f4dd77 ;
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgb(255,255,255) 5px, rgb(255,255,255) 9px);
}
.primary ul.primary-menu li.current-menu-item a:hover {
	color:#3d3d3d;
	background:#ffeb9e ;
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgb(255,255,255) 5px, rgb(255,255,255) 9px);
	}

.primary ul.primary-menu li a:hover, 
.primary ul.primary-menu li a:focus {
	color:#3d3d3d;
	background:#efefef ;
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgb(255,255,255) 5px, rgb(255,255,255) 9px);
    padding: 14px 10px 14px 20px;
	}


.primary ul.primary-menu li a.menu-parent::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	background:transparent;
	border-right:3px solid #D30040;
	border-bottom:3px solid #D30040;
	float:right;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin:3% 0 0 0;
}

/*sous menu*/

.primary ul.primary-menu li ul.sub-menu::first-child:before{
	content:"<li class="retour"><a href="#">Retour</a></li>";
	display:block;
}
.primary ul.primary-menu li ul.sub-menu{
	position:absolute;
	z-index:200;
	padding: 0;
	margin:0;
	left:-800px;
	height:100%;
	width:100%;
	float:left;
	list-style:none;
	display:block;
	background:#fff;
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;
	
	border-right:1px solid #D30040;
}
.primary ul.primary-menu li ul.sub-menu.affiche{
	left:0px !important;
	
}
.primary ul.primary-menu li ul.sub-menu li.retour a{
	background:#D30040;
	color:#fff;
	background-image: none;
	border-bottom:1px solid #cecece;
	padding-left:50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.primary ul.primary-menu li ul.sub-menu li.retour a:hover{
	padding-left:20px;
}


.primary ul.primary-menu li ul.sub-menu li.retour a::after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	background:transparent;
	border-left:3px solid #fff;
	border-bottom:3px solid #fff;
	float:left;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin:2.5% 2.5% 0 0;
}

.primary ul.primary-menu li ul.sub-menu li.current-menu-item a,
.primary ul.primary-menu li ul.sub-menu li a:hover,
.primary ul.primary-menu li ul.sub-menu li a:focus {
	
}

	

/*MENU*/
#nav-bouton{
	width:100%;
	padding:0;
	margin:0 ;
	height:50px;
	display:block;
	float:left;
	background:#fff;
	border-right:1px solid #D30040;
	border-bottom:1px solid #D30040;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
#nav-bouton.cross{
	padding:0 0 1000px 0;
}
.bouton-menu{
	width:40px;
	display:block;
	margin:0 auto 20px auto;
	padding:5px;
	cursor:pointer;
	position:relative;
}
.bouton-menu .icon-bar {
	display:block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #d50042;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.bouton-menu .icon-bar.one {
		margin:10px 0 0 0;
}
.bouton-menu .icon-bar.two {
		margin:5px 0 0 0;
}
.bouton-menu .icon-bar.three {
		margin:5px 0 0 0;
}

/*--*/
.cross .bouton-menu .icon-bar.one {
	margin:15px 0 0 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cross .bouton-menu .icon-bar.two {
	opacity:0;
}
.cross .bouton-menu .icon-bar.three {
	margin:-12px 0 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*
.fleche .bouton-menu .icon-bar.one {
	margin:9px 0 0 0;
		-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.fleche .bouton-menu .icon-bar.two {
	margin:5px 0 0 5px;
}
.fleche .bouton-menu .icon-bar.three {
	margin:5px 0 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/




/*contenu */


h1, h2, h3, h4, h5, h6 {
    font-family: 'roboto_regular';
}

h1 {
	font-size:2.4em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.6em;
}
h5 {
	font-size:1.4em;
}
h6 {
	font-size:1.2em;
}

a {
    color: #3d3d3d;
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:#D30040;
}

/*--home--*/
.container_home {
	position:absolute;
	bottom:59px; /*taille du footer -1*/
	padding:0;
	display:flex;
	align-items: bottom;
}

.content_home {
	background:#d50042;
	color:#fff;
	padding:10px 40px 0px 40px;
}

.content_home h1 {
	color:#e4ca4d;
	margin: 20px 0 45px 0;
	padding:0;
}
.content_home h1:after {
	content:"";
	display:block;
	width:70px;
	height:5px;
	background:#e4ca4d;
	position:relative;
	top:20px;
}

/*bloc event sur la home*/

.content_event {
	background:#fff;
	color:#666;
	margin-top:70px;
	
	padding:10px 40px 0px 40px;
}
.content_event h3{
	color:#d50042;
	margin: 20px 0 45px 0;
	padding:0;
}
.content_event h3::after{
	content:"";
	display:block;
	width:70px;
	height:5px;
	background:#d50042;
	position:relative;
	top:20px;
}
.content_event h4{
	color:#d50042;
}
.content_home a.bouton-rond {
	margin:-40px -70px 20px 0;
	width:60px;
	height:60px;
	border-radius:50%;
	display:block;
	float:right;
	position:relative;
	background:#e4ca4d;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.content_home a.bouton-rond:hover{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity:1;
}
.content_home a.bouton-rond span {
	display:none;
}
.content_home a.bouton-rond:before{
	content:"";
	display:block;
	width:45px;
	height:5px;
	background:#d50042;
	position:relative;
	text-indent:-999em;
	top: 28px;
    left: 8px;

}
.content_home a.bouton-rond:after{
	content:"";
	width:5px;
	height:45px;
	display:block;
	background:#d50042;
	position:relative;
	text-indent:-999em;
	top: 3px;
    left: 27px;
}


/*--autres pages--*/
.container {
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
}
.content_page {
	position:relative;
	height:100%;
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
	overflow-y:auto ;
	padding:0;
}

.entry-header {
	display:block;
	float:left;
	width:100%;
	height:20%;
	min-height:100px;
	max-height:150px;
	background:#D30040;
	padding:0 0 0 10%;
	margin:0;
	position:absolute;
}
.entry-header h1{
	color:#fff;
	padding:8% 0 0 0;
	margin:0;
	font-weight:bold;
}

.entry-header::after{
	content:"";
	display:block;
	position:absolute;
	background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 5px, rgb(228,202,77) 5px, rgb(228,202,77) 9px);
	width:115px;
	height:20px;
	top:92%;
	right:73%;
}

.entry-content {
	background:#fff;
	margin: 0 0 0 40px;
	padding:22% 10% 20% 5%;
	display:block;
	float:left;
	width:100%;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	color:#D30040
}

/*pages événements*/
.entry-content .event {
width:100%;
display:block;
background:#efefef;
padding:2%;
margin:0 0 30px 0;
}
.entry-content .event h4{
padding:0 0 10px 0;
margin:0;
}


.entry-footer {
	width:100%;
	float:left;
	padding:40px 0 0 0;
}

/*footer*/

footer {
	height:60px;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	z-index:1000;
	margin:0;
	padding:0;
	background:#fff url(img/bgf.png) top right no-repeat;
	border-top: solid 1px #d50042;
}
footer ul {
list-style:none;
margin:0;
padding:0;
}
footer .menu-item a{
	    width:8.3%;
	font-size:14px;
	padding:25px 0;
	float:left;
	color:#999999;
	line-height:1em;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

footer .fb_link {
	margin:15px 0 0 0;
}
footer .fb_link a{
	color:#d50042;
	padding:15px 0 0 0;
	font-weight:bold;
}
footer .fb_link a:hover{
	color:#D9B500;
}
footer .fb_link img{
	width:30px;
	height:30px;
	float:left;
}
footer .fb_link span{
	margin:5px 0 0 0;
	float:left;
}
footer a:hover{
	color:#3d3d3d;
}


/*--SURCOUCHE PLUGINS*/
.fwb_fromthis {display:none}


.masterslide {
background:#D9B500;
}



/*----------------------------------------------------------|||----------------------------------------------------------------*/
/*----------------------------------------------------------|||----------------------------------------------------------------*/
/*----------------------------------------------------------|||----------------------------------------------------------------*/
/*----------------------------------------------------------|||----------------------------------------------------------------*/
/*----------------------------------------------------------|||----------------------------------------------------------------*/
/*----------------------------------------------------------|||----------------------------------------------------------------*/

/*-- RESPONSIVE--*/


@media (max-width: 1280px) {
	.side_panel .logo img {
	width:100px;
		height:auto;
	}	
	.side_panel .logo, .entry-header {
		height:100px;
	}
	footer .fb_link a span{display:none}
	footer .fb_link a img{display:block;}
}


@media (max-width: 992px) {

	.side_panel {width:25%;}
		.container_home, .container {height:100%;display:block; float:right;width:75%; z-index:2000;}
	.container_home {right:0;}
	.entry-content{ margin: 0;     padding: 20% 5% 20% 5%;}
	.entry-header {padding-left:5%;}
	
	.primary ul.primary-menu li a {
    font-weight: normal;
	}
	.container_home, .content_home {	top:0;	overflow:auto;	}
	.content_home, .content_event {display:block; float:left; width:100%; padding:5%; margin:0;}
	.content_home a.bouton-rond {margin: 5%;}

	nav.primary {	display:block; 	padding-bottom:1000px;}
	.cross#nav-bouton {	display:none;	}
	footer{width:25%; border:none; background:transparent; padding:0}
	footer .fb_link img{display:block;}
	footer a{display:none}
	footer .fb_link{margin:0 auto;}
	footer .fb_link a{display:block}
	
}




@media (max-width: 768px) {

	.side_panel .logo {
    background: #fff;
    margin: 0 auto;
	}
	.cross#nav-bouton {	
		height:50px;
	}
	
.bouton-menu{
	position:relative
}
	nav.primary {
		display:block;
		padding-bottom:1000;
	}
	.primary ul.primary-menu li a {
    padding: 10px 15px;
    font-weight: normal;
    font-size: 1em;
	}
	.primary ul.primary-menu li ul.sub-menu li.retour a::after {
    margin: 6.5% 2.5% 0 0;
	}
	.primary ul.primary-menu li a.menu-parent::after {
		margin: 8% 0 0 0;
	}
	.primary ul.primary-menu li a:hover, .primary ul.primary-menu li a:focus {
    padding: 10px 15px;
	}
	

	.bouton-menu .icon-bar.one {
			margin:10px 0 0 0;
	}
	.bouton-menu .icon-bar.two {
			margin:5px 0 0 0;
	}
	.bouton-menu .icon-bar.three {
			margin:5px 0 0 0;
	}

	/*--*/
	.cross .bouton-menu .icon-bar.one {
		margin:15px 0 0 0;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cross .bouton-menu .icon-bar.two {
		opacity:0;
	}
	.cross .bouton-menu .icon-bar.three {
		margin:-12px 0 0 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

		.entry-content {
    padding: 30% 5% 20% 5%;
	}
	
	.primary ul.primary-menu li ul.sub-menu li.retour a,
	.primary ul.primary-menu li ul.sub-menu li.retour a:hover{
    padding-left: 5%;
	}
	
}



@media screen and (max-width: 550px) {

	
	.side_panel {
		width:100%; 
		z-index:3000;
		height:auto;
	}
	nav.primary {
		display:none;
		padding-bottom:1000;
	}
	.cross#nav-bouton {	
		display:block;
		padding:0;
		height:0;
	}
	
.bouton-menu{
	width:40px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:10px 10px 0 15px;
	cursor:pointer;
}
	.primary ul.primary-menu li ul.sub-menu {
		padding-bottom:1000px;
	}
	
	.side_panel .logo {
		background: #fff;
		margin: 0 auto;
		padding: 10px 0 0 0;
		height:65px;
	}
	.side_panel .logo a {
    padding: 0;
    width: 80px;
    margin: 0 auto;
    display: block;
}
	.side_panel .logo img{
		width:80px;	
	}
	.primary ul.primary-menu li a, 
	.primary ul.primary-menu li a:hover,
	.primary ul.primary-menu li a:focus {
		font-weight: normal;
	}
	
	
	.primary ul.primary-menu li ul.sub-menu li.retour a::after {
    margin: 2% 2.5% 0 0;
	}
	.primary ul.primary-menu li a.menu-parent::after {
		margin: 2% 0 0 0;
	}	

	.bouton-menu .icon-bar.one {
	margin:15px 0 0 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
	.bouton-menu .icon-bar.two {
	opacity:0;
	}
	.bouton-menu .icon-bar.three {
	margin:-12px 0 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}


	/*--*/
	.cross .bouton-menu .icon-bar.one {
	-moz-transform: rotate(-0);
	-webkit-transform: rotate(-0);
	-o-transform: rotate(-0);
	-ms-transform: rotate(-0);
	transform: rotate(-0);
		margin:10px 0 0 0;

	}
	.cross .bouton-menu .icon-bar.two {
	margin:5px 0 0 0;	
	opacity:1;
	}
	.cross .bouton-menu .icon-bar.three {
	margin:5px 0 0 0;
	-moz-transform: rotate(-0);
	-webkit-transform: rotate(-0);
	-o-transform: rotate(-0);
	-ms-transform: rotate(-0);
	transform: rotate(-0);
	}

	
	
	
	
	
	
	.container_home, .container {
		width:100%;
		z-index:2000;
		padding:50px 0 0 0;  
	}
	
	.entry-content{    
		padding: 0 10px 50px 10px;
		display:block;
	float:left;
	position:relative;
	}
	.entry-header {padding-left:5%;
	display:block;
	float:left;
	
	position:relative;}
	
/*	.entry-header::after {z-index:3002}*/
	
	.container_home, .content_home {
		top:0;
		overflow:auto;
	}
	
	
	.entry-content ul{    
		padding: 0;
		margin:0 0 0 15px
	}
	footer {
		display:none;
	}
}