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

#header-search {display: block;}
#header-mobile-menu { position: absolute;height: 40px;width:40px;top: 0;bottom: 0;margin: auto;right: 0;left: 0; display: none; }
#secondary-mobile-menu {display: none;}
.mobile-menu-bar {color: #fff;display: block;padding: 5px;text-align: center;}
.mobile-menu-bar:hover {color: #fff;}


.mobile-menu {
	position: fixed; 
	left: 0; 
	top: 100px;
	padding: 2% 5%; 
	background: #fff; 
	width: 90%; 
	visibility: visible; 
	opacity: 1; 
	overflow-x: scroll;
	display: none; 
	z-index: 9999; 
	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;
}
#masthead.fixed-header .mobile-menu {top: 60px;}
.admin-bar .mobile-menu { top: 132px; 	}
.admin-bar #masthead.fixed-header .mobile-menu {top: 92px;}


.mobile-menu li a { 
	font-size: 14px; 
	-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 #f8f8f8;
	color: #666;
	padding: 10px 5%;
	width: 90%; 
	display: block;
}
.mobile-menu li a:hover { 
	color: #111; 
	background-color: #f8f8f8; 
	text-decoration: none; 
}
.mobile-menu li ul {
    display: block !important;
    padding-left: 10px;
    visibility: visible !important;
}
.mobile-menu li li { 
	padding-left: 5%;
}
.mobile-menu .menu-item-has-children > a {
    font-weight: bold;
}
@media screen and (max-width: 1680px) {
	.homefix {height:22vw}
	#supplementary .widget-area a {color: #fff;font-size: 16px;line-height: 22px;}
	.flickity-viewport {height: 23vw !important;}
	.page-template-accueil article h3, .category article h2, .home article h2,	.yarpp-related .entry-title {font-size:16px;line-height:20px}
   .home #site-description {font-size: 24px;line-height: 26px;}
	
}

@media screen and (max-width: 1500px) {/* 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;
	} }

/* =Screen Size Max 1344px
-------------------------------------------------------------- */
@media screen and (max-width: 1344px) {
	
	
	
	.flickity-viewport {height: 24vw !important;}
	.entry-title-content {font-size:30px}
	.entry-content p {font-size:16px;}
	.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {font-size:16px}
	
	#header-right .widget ul.menu a {font-size:20px}
	
	.page-template-accueil article h3, .category article h2, .home article h2, .yarpp-related .entry-title {
    font-size: 14px;
    line-height: 18px;
}
   }


/* =Screen Size Max 1280px
-------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
	.mc4wp-form input[type="email"] {width:60%}
	.flickity-viewport {height: 25vw !important;}
	.scrollcontainer {display:none}
	.home #site-description {display:none}
	#secondary {width:300px}
	
		
}


/* =Screen Size Max 1152px
-------------------------------------------------------------- */
@media screen and (max-width: 1152px) {
	.homefix {display:none}
		.item-action {width: 98%;margin-right: 1%;height: 300PX;margin-left: 1%;margin-bottom: 20PX;}
		.item-action h2 {font-size:6vw}
	.image-lab {margin-right:0;margin-bottom:30px;float:none}
	.image-lab img {text-align: center;width: 100%; margin: 0 auto;}
	#liste-projets h2 {font-size:22px;}
	#buttonlab {text-align:center}
#liste-projets p {font-size: 16px;font-weight:normal;}
	.page-template-accueil article h3, .category article h2, .home article h2, .yarpp-related .entry-title {
    font-size: 16px;
    line-height: 20px;
}
	.flickity-viewport {height:40vw !important}
	.page-template-accueil article, .category article, .home article, .relatedposts {width: 48%; padding:0 !important; clear:none !important}
	#slidercat.first .raw1 article {padding-left:0%;padding-right:0%; margin-left:1%; margin-right:1%; padding-top:0%;box-shadow: 1px 1px 8px #DDD}
	.entry-summary {
    font-size: 12px;}
	
	#site-logo img {
    float: none;
 transition: all 0.5s ease-in-out 0s;
    width: auto;
}


#main-slider .right-section {
    display: block;
    margin: 0 auto 30px;
    width: 100%;
}
#main-slider .entry-container {
    bottom: 10%;}
	
	
}


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

	#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: 13px;
	}	
	#site-title,
	#slider-nav .slide-previous:before,
	#slider-nav .slide-next:before {
		font-size: 22px;
	}	
	
	.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: 18px;
	}	
	#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;	
	}
	#header-right {
    width: 620px;
}	

}



/* =Screen Size Max 980px
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {	
.travelersmap-container {height:300px !important}
.texte-partenaire {font-size:14PX}
.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		right:0;
		width: 100%;
		height: 100%;
		margin:auto;
	}
	
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;}

.formfield-select--container {margin: 0px auto 30PX auto; display: block;}
.formfield-select--container select {background:#41aeff; border-radius:5px}
.flickity-viewport {height:44vw !important}
#thecontent, .page-template-page-projet-lab-fraternel #main {margin-top:0px}
#slidercat.first .home-title::before {background: #f85711 none repeat scroll 0 0;}
#slidercat.first .home-title {color:#f85711}
.page-template-accueil #masthead, .page-template-page-projet-lab-fraternel #masthead {background-color:#41aeff;position:relative;}
#buttonlab {display:none}
.content-over-video h1 {margin:auto;text-align:center}
.content-over-video form {text-align:center; margin-right:0;float:none}
#supplementary .widget-area, #supplementary .widget-area a {font-size: 16px;line-height: 24px;text-align: center;}
#footer-sidebar #supplementary .widget-area {width: 100%;margin-right: 0;}



	#primary {width: 90%;}
	#site-generator .copyright,
	#site-generator .powered {
		width: 100%;
	}
	#header-right .widget {
		display: none;
	}
	#homepage-message .left-section {
		width: 90%;	
	}	
	#masthead.fixed-header #header-left {
		padding-bottom: 0;
	}	
	#homepage-message .right-section {
		width: 50%;
	}
	#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 {
		float: left;
    margin-left: 0;
    width: 95%;
	}
	#secondary .widget {
		display: block;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
	}
	#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;		
	}
	
	#header-left {
		padding-bottom: 0;
	}
	
	#site-title,
	#masthead.fixed-header #site-title {
		font-size: 16px;
		line-height: 1.1;
	}
	#site-description, .home #site-description,
	#masthead.fixed-header #site-description{
		  font-size: 20px;
    line-height: 24px;
	}

	.fixed-header #hgroup.logo-enable {
		display: none;
	}
		
	
	a#scrollup {
		font-size: 20px;
		padding: 3px;
	}	
	
	

	
	.iconhome a  {
	 background-image: none;
	
    text-indent: 1px;
    width: auto;}
	

.entry-title a { font-size: 16px;}
.home #site-description {display:block;margin-top:0}
#main-slider {display:none}
div .home-title::before, .category h1.page-title:before {display:none}
h2.home-title, .category h1.page-title {
    width: 100%;
    margin: 30px auto;
    font-size: 22px;
    text-align: center;
    padding: 0;
    line-height: 24px;
}
#slidercat.first .raw1 .home-title {
    color:#f85711;
}

}



/* =Screen Size Max 782px
-------------------------------------------------------------- */
@media screen and (max-width:782px) {
	.content-over-video h1 {display:none}
	.membre-gouv {
    width: 42%;
    margin: 4%;}
	
	.bg-img-3 { background-image: url("../images/bg-video-mobile.jpg");}
	
	.content-over-map {width:90%;}
	#liste-projets .content-over-map h2 {font-size:5vw}
	.mc4wp-form {padding: 20PX;text-align: center;}
	.mc4wp-form input[type="email"] { font-size:16px;width: 80%; margin-bottom: 20PX;}
	.mc4wp-form input[type="submit"] {font-size:16px;float:none}

	.flickity-viewport {height:50vw !important}
	.admin-bar #masthead.fixed-header {top: 45px;}
	.admin-bar #masthead.fixed-header .mobile-menu {top: 105px;}
	.admin-bar .mobile-menu { top: 145px; }
	
	.home #site-description {margin-top: 0px;}
}


/* =Screen Size Max 767px
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	
	#liste-projets form {float: none;margin-right: 0px;margin-bottom: 20px;}	
#buttonlab input[type=submit] {font-size:14px}
.entry-title-content {font-size:26px}
.parcours-previous {width:100%;margin-bottom:10px}
.parcours-next {width:100%}

	.container {
		width: 600px;
	}
	#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 {
		font-size: 20px;
		font-weight: normal;
	}
	#main-slider .entry-container .entry-content {
		
	}
	
	
	#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 {
		width:92%}
		
	
	#secondary .widget {
		
	}
	#content .hentry, 
	#secondary .widget,
	#comments {
		padding: 20px;
		clear:both;
		
	}
	#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: 16px;
	}
	.commentlist .children {
		margin-left: 0;
	}	
	
	
}	


/* =Screen Size Max 640px
-------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.img-partenaires {width: 150px; height:150px;box-shadow: 1px 1px 4px#ccc;text-align: center;float:none;margin:auto; position:relative}
	.nom-partenaire {text-align:center;margin-top:20px}
	.flickity-viewport {height:55vw !important}
	.content-over-video h1 {font-size:20px; width:100%}
	.entry-content p {text-align:left; font-size:14px}
	.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {font-size:14px}
	
	
#site-description, .home #site-description { font-size: 18px;
    line-height: 20px;
	left:20%;
    width: 60%;
	top:55%
	}
	
	.featured-image {
    float: none;}
	.container {
		width: 520px;
	}
	#hgroup.logo-enable {
		display: none;
	}
	
	#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
	 {
		width: 540px;			
	}
	#featured-post.layout-four .post,
	#featured-post.layout-three .post {
		width: 250px;
	}	
	#secondary .widget {
		
	}
	.entry-header .entry-title, 
	#homepage-message h2, 
	#homepage-message .right-section a, 
	#featured-post #feature-heading {
		font-size: 16px;		
	}	
	
} 


/* =Screen Size Max 600px
-------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.flickity-viewport {height:60vw !important}
	.admin-bar #masthead.fixed-header {
		top: 0;
	}
	.admin-bar #masthead.fixed-header .mobile-menu {
		top: 60px;
	}
#main-slider .entry-container {width:90%; left:5%; bottom:5%}
#main-slider .right-section a {font-size:14px}
#main-slider .right-section {margin: 0 auto 30px 15px;}


}


/* =Screen Size Max 560px
-------------------------------------------------------------- */
@media screen and (max-width: 560px) {
	#buttonprojet input[type="submit"] {font-size:14px}
	#buttonprojet { margin:40px 0}
	.item-action h2 {font-size:8vw} 
	#header-right #header-search-widget {display:none}
	
	.flickity-viewport {height:85vw !important}
	
	#supplementary .widget-area, #supplementary .widget-area a {font-size: 14px;line-height: 20px;}
	.yarpp-related h3::before {display:none}
	.yarpp-related h3 {font-size: 20px !important; text-align:center;margin: 30px 0 20px 1% !important}
	.relatedposts, .category article, .home article, .page-template-accueil article {float: none;height: AUTO;margin: 0 auto 40px !important;width: 100%;}
	.home #primary .entry-container {width:100%; float:none; margin:0 auto}	
	.container {width: 400px;}
	#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
	{
		margin-left: 0;
		width: 100%;
	}	
	#secondary .widget {
		
	}
	#secondary {width:90%}
}



/* =Screen Size Max 480px
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.membre-gouv {
    width: 96%;
    margin: 2%;}
	#liste-projets .content-over-map h2 {font-size:20px}
	.mc4wp-form input[type="email"] { font-size:14px;}
	.mc4wp-form input[type="submit"] {font-size:14px;}
	#button3pages input[type=submit]  {font-size:14px}
	#header-mobile-menu {left:inherit}
	.flickity-viewport {height:95vw !important}
	.entry-title-content {font-size:22px}
	.page-template-page-formation h1 {font-size: 20px !important;}
	.page-template-page-formation .entry-content h2 {font-size: 22px !important}
	.page-template-page-formation .entry-content h3 {font-size:18px}
	.page-template-page-formation .entry-content h4 { font-size: 16px;}
	a .parcours-previous, a .parcours-next {font-size:14px}
	.parcours-previous .nav-arrow::before, .parcours-next .nav-arrow::after {top:-1px}
	.parcours-item h2 {font-size:16px}
	#site-description, .home #site-description { DISPLAY:none
	}
	.container {
		width: 400px;
	}	

	#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,
	 {
		margin-left: 0;
		width: 100%;
	}	
	
	#slider-nav .slide-previous:before,
	#slider-nav .slide-next:before {
	  font-size: 16px;
	}
	
}


/* =Screen Size Max 479px
-------------------------------------------------------------- */
@media screen and (max-width: 479px) {
	.container {
		width: 360px;
	}
	#homepage-message iframe {max-height:200px}	
	#homepage-message .right-section a {
    font-size: 14px;}
	#homepage-message .right-section {
    margin: 10px auto 0;}
	#secondary {width:87%}
	.widget img {
    height: auto;
    max-width: 40%;
}
#wpp-3 .wpp-list a {font-size: 12px;}
.boutonsociaux {
    display: none;}
	#header-right {
    float: right;
	width:auto;
	}
	.fixed-header #header-right { width: auto;}
.mobile {display:block}
.facebook, .twitter, .instagram, .youtube {border: none}
.home .facebook, .home .twitter, .home .instagram, .home .youtube {
    background: #41aeff;
}
}


/* =Screen Size Max 400px
-------------------------------------------------------------- */
@media screen and (max-width: 400px) {
	
	#buttonlab {display:none}
	.page-template-page-projet-lab-fraternel #buttonlab {display:block}
	.container {width: 320px;}
		
}


/* =Screen Size Max 360px
-------------------------------------------------------------- */
@media screen and (max-width: 360px) {
	.item-action {height:200px}
	.flickity-viewport {height:105vw !important}
	.page-template-accueil article h3, .category article h2, .home article h2, .yarpp-related .entry-title {font-size: 14px;line-height: 18px;}
	.container {width: 94%;}	
	#secondary {width:85%}
	#site-description { top:10%;}
}