/* =Mobile Menu
-------------------------------------------------------------- */

#header-search {
	display: block;
}
#header-mobile-menu { 
	float: right; 
	display: none; 
}
#secondary-mobile-menu {
    display: none;
}
.mobile-menu-bar {
    color: #0d277c;
    display: block;
    height: 20px;
    padding: 5px;
    text-align: center;
    width: 20px;
	margin-right: 10px;
}
.mobile-menu-bar:hover {
	
}
.fixed-header .mobile-menu-bar:before {
	top: -6px;
}
.mobile-menu {
	position: fixed; 
	left: 0; 
	top: 40px;
	padding: 5%; 
	background: #0d277c; 
	width: 100%; 
	visibility: visible; 
	opacity: 1; 
	overflow-x: scroll;
	display: none; 
	z-index: 9999;
	border-top: 3px solid #c8eaea; 
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
	bottom: 0;
}
.admin-bar .mobile-menu { 
	top: 98px; 	
}
.mobile-menu li a { 
	font-size: 16px; 
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	
	border-bottom: 1px solid #0b226b;
	color: #FFF;
	padding: 10px 5%;
	width: 90%; 
	display: block;
}
.mobile-menu li a:hover { 
	color: #0d277c; 
	background-color: #c7e9e8; 
	text-decoration: none; 
}
.mobile-menu li ul {
   
    padding-left: 10px;
    visibility: visible !important;
}
.mobile-menu li li { 
	padding-left: 5%;
}
.mobile-menu .menu-item-has-children > a {
    
}
/* =Mobile accordeon sub menu ----------------------- */

.sub-toggle {
   
background: #0d277c;
color: #fff;
cursor: pointer;
display: inline;
height: 46.4px;
line-height: 43px !important;
padding-left: 20px;
position: absolute;
right: 0px;
top: 0px;
width: 28px;

	
}
.sub-toggle .angle-right::before {
    content: "\f501";
	position: relative;
top: 3px;
	
}
.open+.sub-toggle .angle-right::before {
    content: "\f502";
    position: relative;
    top:9px;
    left: -6px;
	
}
.mobile-menu li {position:relative}

/* =Screen Size Max 1920px
-------------------------------------------------------------- */
@media screen and (max-width: 1920px) {
	.jury-item p {font-size: 18px;}
	 }
	
/* =Screen Size Max 1680px
-------------------------------------------------------------- */
@media screen and (max-width: 1680px) {
	.jury-item p {font-size: 16px;} }
	
/* =Screen Size Max 1600px
-------------------------------------------------------------- */
@media screen and (max-width: 1600px) {
	.jury-item p {font-size: 15px;} }

/* =Screen Size Max 1344px
-------------------------------------------------------------- */
@media screen and (max-width: 1344px) {
	
	.jury-item p {font-size: 15px;} .jury-item {height:600px}
	.single-post h1.entry-title {font-size:50px; line-height:54px;}
	
.headertext-title {font-size:38px;line-height: 42px;}
p.headertext-text {font-size:16px}
#header-right .widget ul.menu li::after {font-size:20px}
#header-right .widget ul.menu a {font-size:20px}
#site-logo img {max-height: 70px;}
#header-right #header-search-widget {top:2px}
#header-right .widget {margin-top:3px}	
.scrollcontainer {display:none}
	.container {
		width: 1160px;
	}
	body,
button,
input,
select,
textarea,
#header-right .widget .menu li {
	font-size: 18px;
}	
}


/* =Screen Size Max 1280px
-------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
	.page-template-liste-partenaires .entry-content {
    height: 220px;}
	.licorne-left p {font-size:16px}
	.entry-cat-title {font-size:26px;line-height:30px}
	#main-slider .entry-container {width:45%}
	.galerie-titre {font-size: 22px;line-height: 26px;}
	.jury-item {padding: 3% !important;width: 39%; height:480px}
	#header-right .widget ul.menu li::after {font-size:18px}
#header-right .widget ul.menu a {font-size:18px}
#site-logo img {max-height: 60px;}
#header-right .widget {margin-top:-3px}
	.container {
		width: 1080px;
	}
	
}


/* =Screen Size Max 1152px
-------------------------------------------------------------- */
@media screen and (max-width: 1152px) {
	.page-template-liste-partenaires .featured-image img {max-width:200px}
	
	.container {
		width: 960px;
	}
	
	.galerie-logo img {max-width:200px}
	.galerie-description {font-size: 14px;}
	#header-right .widget ul.menu li {padding-right: 10px;padding-left: 0px;}
	#header-right #header-search-widget {width:140px}
.facebook, .twitter, .linkedin { margin: 0 2px;}
#header-search::before {padding-right:10px}
}


/* =Screen Size Max 1024px
-------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	.single-post h1.entry-title {font-size:48px; line-height:52px;}
	
	#subsection-boutons form {width:100%} #subsection-boutons .hentry #bouton1 {margin-bottom:20px}
	.headertext {padding: 2%;}
#header-right .widget {margin-top:-2px}
p.headertext-text {font-size:14px}
h2.section-title {font-size: 38px;line-height: 40px;}
	
	.container {
		width: 920px;
	}
		
	#secondary-menu ul.menu a {
		line-height: 40px;		
		padding: 0 10px;		
	}	
	.header-sidebar .widget ul.menu ul, 
	#secondary-menu ul.menu ul	{
		top: 40px;
		width: 188px;
	}	
	.header-sidebar .widget ul.menu ul a, 
	#secondary-menu ul.menu ul a {
		padding: 5px 10px;
	}	
	/* Font Sizes */
	body,
	button,
	input,
	select,
	textarea,
	#homepage-message p {
		font-size: 16px;
	}	
	#site-title,
	#slider-nav .slide-previous:before,
	#slider-nav .slide-next:before {
		font-size: 22px;
	}	
	#main-slider .entry-header .entry-title,
	.entry-header .entry-title, 
	#featured-heading h2,
	#homepage-message .right-section a, 
	#featured-post #feature-heading,
	.comments-title,
	#reply-title,
	.entry-content h2,
	.comment-content h2 {
		font-size: 34px;
line-height: 38px;
	}	
	#homepage-message h2, 
	.widget-title {
		font-size: 16px;	
	}
	.entry-content h1,
	.comment-content h1 {
		font-size: 22px;
	}
	.entry-content h3,
	.comment-content h3 { 
		font-size: 16px;
	}
	.entry-content h4,
	.comment-content h4 { 
		font-size: 15px;
	}
	#main-slider .entry-content,
	.entry-content h5,
	.comment-content h5 { 
		font-size: 14px;
	}
	.entry-content h6,
	.comment-content h6 { 
		font-size: 13px;
	}	
	#homepage-message .right-section a {
		padding: 5px 20px;	
	}	
}


/* =Screen Size Max 980px
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
	.jury-item p {font-size: 14px;} .jury-item{height:550px}
	.page-template-liste-partenaires .featured-image img {max-width:250px}
	.page-template-liste-partenaires .entry-content p {
    font-size: 16px;}
	.page-template-liste-partenaires .entry-content {height: 160px;}
	.headertext-text {display:none}
	.related-item {width: 46%;padding: 2%; margin-bottom:20px;height:440px }
	.single-post h1.entry-title {font-size:46px; line-height:50px;}
	.break-twitter {display: inline;}
	.entryhome {padding-top: 0px;padding-left: 20px;}
	span.wpcf7-list-item {font-size: 14px;}
	.left-twitter {width:100%;margin:20px 0} .right-twitter {width: 100%;}
	.licorne-left p {font-size:14px}
	.licorne-right img {margin-top:80px}
	.galerie-item {padding: 3% !important;width: 43%;}
	.galerie-titre { font-size: 20px;line-height: 24px;}
	.galerie-logo img {max-width:250px}
	#header-right #header-search-widget { top: 0px;}
	#header-search::before {padding-right:0; border:none}
	.headertext {width: 92%;position: relative;left: 0;padding: 4%; padding-top:2%;background-color:rgb(13, 39, 124, 1)}
	.headertext-title {padding:2%}
	#header-featured-image svg {height: 5vw;}
	.social {display:none} .social-mobile {display: block;text-align: center;margin-top: 20px;}
	#header-right #header-search-widget {width:20px}
	.archive.category-actualites article, .page-template-liste-partenaires article, .home #content article {padding: 0 2.4% !important;width: 45.2%;}
	.archive.category-actualites article .featured-image img ,  .home #content article .featured-image img {width:100%}
		
	.container {width: 90%;}
	#primary, 
	#site-generator .copyright,
	#site-generator .powered {
		width: 100%;
	}
	#header-right .widget {
		display: none;
	}
	#homepage-message .left-section {
		width: 540px;	
	}	
	#masthead.fixed-header #header-left {
		padding-bottom: 0;
	}	
	#homepage-message .right-section {
		width: 150px;
	}
	#featured-post.layout-four .featued-content-wrap,
	#featured-post.layout-three .featued-content-wrap{
		margin-left: -30px;
	}	
	#featured-post.layout-four .post,
	#featured-post.layout-three .post {
		margin-left: 30px;
		width: 345px;
	}
	#featured-post.layout-four .post:nth-child(2n+1),
	#featured-post.layout-three .post:nth-child(2n+1),
	#secondary .widget:nth-child(2n+1) {  
		clear: both;
	}
	#featured-post.layout-three .post:nth-child(3n+1) {
		clear: none;
	}
	#primary {
		
		margin-bottom: 30px;
	}	
	#secondary {
		margin-left: -30px;
		width: 750px;
	}
	#secondary .widget {
		display: inline;
		float: left;
		margin-left: 30px;
		padding: 20px;
		width: 305px;
	}
	#secondary .widget.widget_adventurous_social_widget {
		padding: 10px 11px 5px;
	}	
	#site-generator .powered {
		padding-top: 5px;		
	}	
	#hgroup-wrap img {
		display: inline-block;
	}
	#header-right,
	.fixed-header #header-right {
   		padding-top: 0;		
	}	
	.header-sidebar .menu, 
	.header-sidebar .widget_text {
		float: none;
		text-align: center;
	}
	#header-right #header-search-widget {
		padding: 0;
	}
	#supplementary.four .widget-area {
		width: 48%;
		margin-left: 4%;
	}	
	#supplementary.four #third.widget-area {
		clear: both;
		margin-left: 0;
	}
	#site-generator .site-info {
		font-size: 12px;
		padding: 20px 0;
	}
	#site-generator .copyright,
	#site-generator .powered {
		text-align: center;		
	}
	#masthead,
	#masthead.fixed-header {
		padding-top: 6px;
		padding-bottom: 4px;
		min-height: 29px;
	}
	#header-left {
		padding-bottom: 0;
	}
	#site-title,
	#masthead.fixed-header #site-title {
		font-size: 16px;
		line-height: 1.1;
	}
	#site-description,
	#masthead.fixed-header #site-description{
		font-size: 11px;
		line-height: 1;
	}
	#masthead #site-logo img,
	#masthead.fixed-header #site-logo img {
		max-height: 55px;
		max-width: 100%;
	}
	#header-left {
		width: 80%;
	}
	#header-right {
		width: 20%;
		float: right;
		margin-top: 10px;
	}
	#header-right .header-search-wrap,
	.fixed-header #header-right .header-search-wrap {
		right: -23PX;
	}
	.fixed-header #hgroup.logo-enable {
		display: none;
	}
	#header-search {
		padding: 6px 0PX;
position: relative;
right: 5px;
	}	
	/* Menu */
	#header-mobile-menu {
		display: block;
	}
	#secondary-mobile-menu {
		display: inline-block;
		float: left;
		margin-right: 5px;
	}
	#header-right .widget_nav_menu,
	#secondary-menu {
		display: none;
	}	
	.header-sidebar .widget.widget_nav_menu {
		width: 100%;
	}
	.widget.widget_nav_menu .sb-holder {
		background-color: #21759b;
		color: #fff;
		clear: both;
		display: block;
		width: 100%;
	}
	.widget.widget_nav_menu .sb-holder a,
	.widget.widget_nav_menu .sb-holder a:hover {
		color: #fff;
	}	
	a#scrollup {
		font-size: 20px;
		padding: 3px;
	}		
	#second .widget_text {
    border-left:none;
    border-right:none;
}
}



/* =Screen Size Max 782px
-------------------------------------------------------------- */
@media screen and (max-width:782px) {
	.page-template-liste-partenaires .entry-content {height: 180px;}
	.admin-bar #masthead.fixed-header {
		top: 46px;
	}
	.admin-bar .mobile-menu { 
		top: 112px; 
	}
}


/* =Screen Size Max 767px
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {	

.page-template-liste-partenaires .featured-image img {max-width:200px}
.page-template-page-partenaire .featured-image img {height:auto;width: 100%;}
.single-post .entry-content, #subsection p {text-align: left;}
.related-item {height:400px }
.crp_related h3 {font-size:24px;  padding: 10px}
.single-post h1.entry-title {font-size:42px; line-height:46px;}
.gallery-cell {width: 44%;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"] {width:80%}
.ctf-header, #ctf .ctf-item {width: 80% !important;padding: 20PX 10% !important;}
#main-slider input[type="submit"] {display:none}
#main-slider .entry-header .entry-title {margin-bottom:0;}

.galerie-description {font-size: 12px;}
.galerie-logo img {max-width:200px}
.jury-item {
    padding: 5% !important;
    width: 70%;
	height: auto;
}
	.galerie-text-en-avant {font-size: 22px;}
	#featured-post, 
	#content-sidebar, 
	#footer-sidebar	{
		padding-top: 20px;
	}
	#content article, 
	#secondary .widget, 
	#comments {
		padding: 20px;
	}	
	
	.hentry,
	.comments-area article,
	#homepage-message { 
		padding-bottom: 20px;
	}	
	#homepage-message {
		padding: 20px 0;
	}
	#main-slider .entry-header .entry-title {
		
	}
	#main-slider .entry-container .entry-content {
		display: none;
	}
	#homepage-message .left-section	{
		width: 430px;
	}
	#featured-post {
		padding-bottom: 0;
	}
	#featured-post.layout-four .featued-content-wrap,
	#featured-post.layout-three .featued-content-wrap {
		margin-left: -20px;
		width: 620px;
	}	
	#featured-post.layout-four .post,
	#featured-post.layout-three .post {
		margin-left: 20px;
		width: 290px;
	}
	#featured-heading {
		padding-bottom: 10px;
		width: 90%;
	}
	#primary,
	.page-links,
	.widget,
	blockquote,
	#content article,
	#content .site-navigation,
	#content .author-info,
	#infinite-handle,
	#comments,
	.hentry.sticky .featured-sticky,
	.page-header,
	.entry-header,
	p,
	.featured-image,
	.entry-content table,
	.comment-content table,
	#content .searchform,
	.page-link,
	.single-attachment .entry-attachment img,
	#reply-title,
	.comments-title,
	.mejs-container,
	.breadcrumb {
		margin-bottom: 20px;
	}
	#secondary {
		margin-left: -20px;
		width: 620px;
	}
	#secondary .widget {
		margin-left: 20px;
		width: 250px;
	}
	#content .hentry, 
	#secondary .widget,
	#comments {
		padding: 20px;
	}
	#main-slider .entry-header {
		margin-bottom: 0;
	}
	#slider-nav a {
		font-size: 18px;
		line-height: 1.4;
		padding: 0 5px;
	}
	.entry-header .entry-title,
	#homepage-message,
	.comments-title, #reply-title {
		font-size: 30px;
		line-height:34px
	}
	.commentlist .children {
		margin-left: 0;
	}	
	.woocommerce #content ul.products li {
		margin-right: 0;
		width: 100%;
	}
	.woocommerce #content .product a.added_to_cart {
		clear: both;
		display: block;
	}
	#main .woocommerce .col-1,
	#main .woocommerce .col-2 {
		width: 100%;
	}
	#footer-sidebar #supplementary .widget-area {
		width: 100%;
		margin-right: 0;
	}
	
}	


/* =Screen Size Max 640px
-------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.page-template-liste-partenaires .featured-image img {max-width:250px}
	.page-template-liste-partenaires .entry-content {height:auto;}
	.hentry ul li::before {margin-right: 10px;margin-left:0px;}
	.hentry ul li {line-height:18px; margin-bottom:20px}
	
	.related-item {width: 96%;padding:2%; height:auto;margin-bottom:40px}
	.gallery-cell { width: 94%;}
	.flickity-prev-next-button.previous {left: -18%;}
.flickity-prev-next-button.next {right: -18%;}
	
	.licorne-right { width: 100%; float:left; margin-bottom:20px; }
	.licorne-right img {margin-top:0}
	.licorne-left {width:100%}
	.licorne-left form {text-align:center}
	
	.archive.category-espace-presse .featured-image {width:100%;margin-bottom:20px}
	.archive.category-espace-presse .featured-image img { margin: 0 auto; width: 100%;}
	.archive.category-espace-presse .entry-container {width: 100%;margin-left: 0%;}
	.archive.category-actualites article, .page-template-liste-partenaires article, .home #content article {padding: 4% !important;width: 92%;}
	.entry-cat-header {height: auto;overflow:visible;}
	
	#hgroup.logo-enable {
		display: none;
	}
	#homepage-message .left-section {
		width: 360px;
	}	
	#homepage-message .right-section {
		width: 140px;
	}	
	#homepage-message .right-section a {
		display: inline-block;
		margin: 0 auto;
	}
	#featured-post.layout-four .featued-content-wrap, 
	#featured-post.layout-three .featued-content-wrap,
	#secondary {
		width: 540px;			
	}
	#featured-post.layout-four .post,
	#featured-post.layout-three .post {
		width: 250px;
	}	
	#secondary .widget {
		width: 210px;
	}
	
} 


/* =Screen Size Max 600px
-------------------------------------------------------------- */
@media screen and (max-width:600px) {
	
	.admin-bar #masthead.fixed-header {
		top: 0;
	}
	.admin-bar #masthead.fixed-header .mobile-menu {
		top: 66px;
	}
.galerie-logo img {max-width:180px}
}


/* =Screen Size Max 560px
-------------------------------------------------------------- */
@media screen and (max-width: 560px) {
	
	
	.single-post h1.entry-title {font-size:38px; line-height:42px;}
	.entry-header .entry-title, #homepage-message, .comments-title, #reply-title {
    font-size: 26px;
    line-height: 30px;
}
	.page-id-10 .galerie-logo {
    height: auto;
}
	
	#subsection-home.plogos h2.section-title {margin-bottom:40px}
	#main-slider .entry-container {width: 100%;position: relative;}
	#controllers { bottom: 40%;}
	#main-slider .entry-header .entry-title {margin-bottom:0; font-size:30px;line-height:34px}
		.galerie-item {padding: 0% !important;width: 100%;margin-bottom: 40px;}
		.galerie-logo img {max-width:250px}
		.galerie-logo {
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    height: auto; box-shadow:none
}
.galerie-logo img {
    position: inherit;}
	
	#homepage-message .left-section,
	#homepage-message .right-section {
		width: 100%;
	}
	#homepage-message .left-section,
	#homepage-message .left-section h2 {
		padding-bottom: 10px;
	}
	#featured-post.layout-four .featued-content-wrap, 
	#featured-post.layout-three .featued-content-wrap,
	#featured-post.layout-four .post,
	#featured-post.layout-three .post,
	#secondary {
		margin-left: 0;
		width: 100%;
	}	
	#secondary .widget {
		margin-left: 0;
		padding: 10px 4%;
		width: 91%;
	}
}





/* =Screen Size Max 480px
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.page-template-liste-partenaires .featured-image img {max-width:200px}
	.licorne-left p {text-align:left;}
	.cookie-notice-container {width: 90%;} #cn-notice-text {font-size:14px;line-height:20px} #cookie-notice .cn-button {font-size:16px}
	.single-post h1.entry-title {font-size:30px; line-height:34px;}
	.sep {display:none}
	.break {display:block; text-align:center}
	
	.item1-3blocks, .item2-3blocks, .item3-3blocks { width: 100%; height:auto;margin:5px 0}
	.item1-3blocks img, .item2-3blocks img, .item3-3blocks img {width:100%; height:auto}
	
	
#main-slider .entry-header .entry-title { font-size:22px;line-height:26px;text-align:center}
#main-slider .entry-container {padding:4% 0}
	h2.section-title {font-size: 30px;line-height: 32px;}
	.galerie-text-en-avant {font-size: 20px;}
	.jury-item {
    padding: 7% !important;
    width: 80%;
  
}
		
	#header-left {
		width: 80%;
	}
	#header-right {
		width: 20%;
	}	
	#homepage-message .left-section,
	#homepage-message .right-section {
		width: 100%;
	}
	#homepage-message .left-section,
	#homepage-message .left-section h2 {
		padding-bottom: 10px;
	}
	#featured-post.layout-four .featued-content-wrap, 
	#featured-post.layout-three .featued-content-wrap,
	#featured-post.layout-four .post,
	#featured-post.layout-three .post,
	#secondary {
		margin-left: 0;
		width: 100%;
	}	
	#secondary .widget {
		margin-left: 0;
		padding: 10px 4%;
		width: 91%;
	}	
	
	#slider-nav .slide-previous:before,
	#slider-nav .slide-next:before {
	  font-size: 16px;
	}
	
}


/* =Screen Size Max 479px
-------------------------------------------------------------- */
@media screen and (max-width: 479px) {
	
}


/* =Screen Size Max 400px
-------------------------------------------------------------- */
@media screen and (max-width: 400px) {
		
}


/* =Screen Size Max 360px
-------------------------------------------------------------- */
@media screen and (max-width: 360px) {
	.item1-3blocks h3 {bottom:13%}
	.container-3blocks h3{ font-size:30px; line-height:34px;}
	.galerie-logo img {max-width:200px}
	.photo-jury { float: none; margin: auto; margin-bottom: 10px;}
	.head-jury { margin-bottom: 20px; height: auto;text-align: center;}
	.galerie-text-en-avant {font-size: 18px;}
	.container {
		width: 94%;
	}	
	#header-left {
		width: 75%;
	}
	#header-right {
		width: 25%;
	}	
}