/* MOINS de 1024 */
body{
	min-width:auto;
}
#mobile-button {
	  background-color: #203f63;
}
#mobile-button.is-hidden{
    background-color: #fff;
    padding: 10px;
}
   
header.main #mobile-menu{
	top:92%;
	right:0;
	 -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;

	
}
.post-type-archive-soireebenefice #mobile-menu .menu .menu-item-has-children.evenements a, .post-type-archive-congres #mobile-menu .menu .menu-item-has-children.evenements a, .post-type-archive-colloquesparents #mobile-menu .menu .menu-item-has-children.evenements a, .single-congres #mobile-menu .menu-item-has-children.evenements a, .single-colloquesparents #mobile-menu.menu-item-has-children.evenements a, .single-soireebenefice #mobile-menu .menu-item-has-children.evenements a,
#mobile-menu.current-page-ancestor.menu-item-has-children ul li a {background: transparent!important;}
 #mobile-menu .menu .current_page_parent a, #mobile-menu .current-page-ancestor.menu-item-has-children a{
	 background: transparent!important;
 }

 
.btn-arrow ,  #mobile-menu .menu .current_page_parent a.btn-arrow, #mobile-menu .current-page-ancestor.menu-item-has-children a.btn-arrow, #mobile-menu.current-page-ancestor.menu-item-has-children ul li a.btn-arrow,
.post-type-archive-soireebenefice #mobile-menu .menu .menu-item-has-children.evenements a.btn-arrow, .post-type-archive-congres #mobile-menu .menu .menu-item-has-children.evenements a.btn-arrow, .post-type-archive-colloquesparents #mobile-menu .menu .menu-item-has-children.evenements a.btn-arrow, .single-congres #mobile-menu .menu-item-has-children.evenements a.btn-arrow, .single-colloquesparents #mobile-menu.menu-item-has-children.evenements a.btn-arrow, .single-soireebenefice #mobile-menu .menu-item-has-children.evenements a.btn-arrow
 {
  background: url(img/sprite-arrows.png) 18px 12px no-repeat!important;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 1em;
}
.btn-arrow:hover {
  background-position: -17px 12px;
}
.btn-arrow.is-open {
  background-position: 18px -22px;
}
.btn-arrow.is-open:hover {
  background-position: -17px -22px;
}
.btn-arrow.small {
  background-position: 8px -62px;
  width: 25px;
  height: 15px;
}
.btn-arrow.small:hover {
  background-position: -27px -62px;
}
.btn-arrow.small.is-open {
  background-position: 8px -96px;
}
.btn-arrow.small.is-open:hover {
  background-position: -27px -96px;
}
.btn-arrow span {
  display: none;
}
header.main #mobile-menu li{
	position:relative;
}
  #mobile-menu ul .btn-arrow {
  position: absolute;
  top: 0;
  right: 0;
}

  #mobile-menu .deeper {
  position: relative;
}

 #mobile-menu ul > li > a:not(.btn-arrow) {
  display: block;
  font-family: 'Verlag', Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  padding: 0.4em 45px 0.4em 0;
}
  #mobile-menu .liens ul > li > a{
	margin:0.5em auto;
	padding:0 45px 0 0;
	font-size:0.75em !important;
	
}
  #mobile-menu .sub-menu a:not(.btn-arrow) {
  padding-right: 45px;
}

  #mobile-menu ul.sub-menu  a:not(.btn-arrow)  {
  display: block;
  font-size: 0.75em;
  padding: 0.4em 0;
}

@media (max-device-width: 1023px) {
	 section.sub-sub-menu {
	   display:block!important;
   }
 #mobilecss .logo a img , .logo a img{
       position: absolute;
    width: 304px;
	    margin-top: 5px;
    clip: rect(0px,92px,200px,0px);
 }
  #mobilecss .is-sticky header#logo-nav .logo a img, .is-sticky header#logo-nav .logo a img{
    width: 120px; 
 }
  #mobilecss header.main .logo, header.main .logo {
	 width:100px;
	 overflow:hidden;
 }
 
}
@media (max-device-width: 910px) {
 header.top .right .email {
    display: block;
}
	 #mobilecss .is-sticky header.top{
		display:none;
	}
	 #mobilecss header.main #mobile-button {
    display: block;
	
	}
	 #mobilecss .fa-th-list:before{
	content:"\f0c9";
	}
	 #mobilecss header.main #mobile-button.is-hidden .fa {
    font-size: 45px;
    color: #203f63;	
	background-color:#fff;
	}
	#mobilecss header.main #mobile-button .fa {
    font-size: 45px;
    color: #fff;	
	background-color:#203f63;
	}
 #mobilecss #slider .slides li .text2{
	display:none;
}
 #mobilecss header.main #mobile-menu li a{
border-bottom:1px solid #5a7494;
padding-left:20px;
padding-right:20px;
}
 #mobilecss header.main #mobile-menu li:last-child a{
	 border-bottom:none;
 }
 #mobilecss header.main #mobile-menu li li a {
	 border-bottom:none;
padding-left:30px;
 }
  #mobilecss header.main #mobile-menu li a.btn-arrow {
	 border-bottom:none;
	 padding-left:0px;
padding-right:0px;
 }
 #mobilecss header.main #mobile-menu li a{
	    color: #6ecddd;
		text-transform:uppercase;
		    font-weight: 400;
		    font-size: 17px;
    line-height: 25px;
}
 #mobilecss header.main #mobile-menu ul ul li a {
    font-size: 15px;	
	text-transform:none;
	color:#fff;
	    font-weight: 400;
}
 #mobilecss header.main #mobile-menu ul ul {
    margin-bottom: 10px;
}
 #mobilecss header.main #mobile-menu li a:hover{
	    color: #fff;
	
}

 #mobilecss #mobile-menu{
	background-color:#203f63;
	padding:0;
	z-index:999;
	padding-top:10px;
	width:300px;
	border:1px solid #203f63;
}
 #mobilecss header.main #mobile-button{
	width:67px;
	height:45px;
	right:0;
	padding:10px;
	margin-top:0;
}
	 
	 #mobilecss #paszonecont_213 {
		margin:15px auto 0;
    float: none;
	}
  #mobilecss  header.main .logo {
	 width:304px;
	 margin-top:0;
 }
 #mobilecss  header.main .logo {
	 position:static;
	 float:none;

 }
  #mobilecss .logo a img {
     
    clip: auto;
 }
   #mobilecss .logo a img {

	 margin-left:0px;
  }
    #mobilecss .is-sticky header.main .center{
		height:80px;
	}
	#mobilecss .is-sticky  header.main #mobile-button{
	 margin-top:-27px!important;
	 padding:6px!important;
 }
}

@media (max-device-width: 768px) {
	 header.top .right .email {
    display: block;
}
	 #mobilecss #paszonecont_213 {
		display:none;
	}
	 #mobilecss header.main .center{
		height:83px;
	}
	#mobilecss .home-2-blog {
    padding: 40px 0 59px 0;
}
	#mobilecss .logo a img{
		width:50%;
	}
  #mobilecss header.main #mobile-button{
	 margin-top:-30px!important;
 }
 #mobilecss .is-sticky  header.main #mobile-button{
	 margin-top:-27px!important;
	 padding:6px!important;
 }
  #mobilecss .is-sticky header.main .center{
		height:60px;
	}
	  #mobilecss .is-sticky header#logo-nav .logo a img{
		 margin-top:0;
	 }
 #mobilecss .is-sticky 	header.main #mobile-button .fa {
    font-size: 40px;
    color: #2d4f7c;	
	}
	 #mobilecss #slider{
		display:none;
	}
	
 #mobilecss .home-4-actus .slider .slides li article{
	margin-bottom:20px;
}
 #mobilecss .home-2-blog .wrapper > h2, #mobilecss #fondateurs h2, #mobilecss #aider h2, #mobilecss .home-4-actus h2{
	    font-size: 30px;
}
 #mobilecss .home-2-blog .slides li article .bottom{
	text-align:left;
	padding:0 10px;
}
 #mobilecss .home-2-blog .slides li article .bottom .string{
	text-align:left;
}

#mobilecss #fondateurs .col-2i {
    width: 49%;
}
#mobilecss #fondateurs .col-2i :nth-child(2){
	margin-left:2%;
}
#mobilecss #aider{
	font-size:18px;
}

#mobilecss footer aside{
	width:100%;
		padding-bottom:30px;

}
#mobilecss footer aside:nth-child(2){
	margin-left:0;
}
 #mobilecss .home-2-blog .slides li article .bottom{
	height:auto;
}
 #mobilecss .home-2-blog .slider{
	width:100%;
}
 #mobilecss .home-2-blog .slides li article .top{
	padding-top:0;
	
}

 #mobilecss .home-2-blog .slides li article .top h3{
	font-size:25px;
	font-weight:bold;
}
#mobilecss .home-2-blog .slides li article .bottom .string p, .home-2-blog .slides li article .bottom a{
	text-align:left;
}
#mobilecss  .home-2-blog .slides li article .top{
	padding:0;
	text-align:left;
}
#mobilecss .home-2-blog .slides li article .top h3{
	text-align:left;
}
#mobilecss #wrapVedette article{
margin-bottom:40px;
}
#mobilecss .header-search-toggle{
	display:none;
}
}
 /* IPAD */
@media (max-device-width: 736px) and (min-device-width: 200px) {
	#mobilecss header.main nav, header.top .right .email,
 #mobilecss header.main nav, header.top .right .video	 {
    display: none;
`}
	 .template-troubles article{
	 
	 width:100%!important;
 }
	#mobilecss .logo a img {
   
}
 #mobilecss #fondateurs .col-2i {
    width: 100%;
}
#mobilecss #fondateurs .col-2i :nth-child(2){
	margin-left:0%;
}
.template-congre article, .template-colloquesparents article, .template-soireebenefice article{
		 width:100%!important;

}

}
@media (max-device-width: 736px) and (min-device-width: 200px) and (orientation : landscape) {
		#mobilecss .logo a img {
    width: 25%;
}
#mobilecss #fondateurs .col-2i {
    width: 49%;
}
#mobilecss #fondateurs .col-2i :nth-child(2){
	margin-left:1%;
}
}

@media (max-device-width: 768px) and (orientation : portrait) {
	#mobilecss .logo a img{
		width:25%;
	}
	 #mobilecss #slider{
		display:block;
	}
	 #mobilecss .home-4-actus .slider .slides li article .text {
 
  display:none;
}

}


@media (max-device-width: 767px) and (orientation : portrait) {
	 #mobilecss .home-4-actus .slider .slides li article {
    width: 100%;
    margin-right: 0%;
}

	#mobilecss .logo a img{
		width:50%;
	}
	#mobilecss #slider{
		display:none;
	}
	.home-4-actus .slider .slides li article .text{
		display:none;
	}
	.home-4-actus .slider .slides li article .image{
		background:none!important;
	}
	.home-4-actus .slider .slides li article h3 {
    position: static!important;
    color: #000!important;
	text-align:left!important;
	    padding-left: 72px!important;
    background: transparent!important;
	}
	.home-4-actus .slider .slides li article .image{
		height:auto!important;
	}
	#mobilecss .home-4-actus .slider .slides li article{
		margin-bottom:0!important;
	}
	.home-4-actus .slider .slides li article .image a{
		opacity:1!important;
	}
	.home-4-actus .slider .slides li article .image a span{
		margin-left:0!important;
		    top: 12%!important;
			border:1px solid #f2741f;
	}
	.home-4-actus .slider .slides li article .image a:after,
	.home-4-actus .slider .slides li article .image a:before{
		background:none!important;
	}
}

@media (max-device-width: 767px) and (orientation : landscape) {
	#mobilecss #slider{
		display:none;
	}
}
@media (max-width: 736px) and (min-width: 200px) and (orientation : landscape) { 
	 .template-troubles article{
	 
	 width:47%!important;
 }
 .template-congre article, .template-colloquesparents article, .template-soireebenefice article{
		 width:47%!important;

}
 .template-troubles article:nth-child(3) {
    margin-right: 3%!important;
}
.template-troubles article:nth-child(2) {
    margin-right: 0%!important;
}
}
 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
 .template-troubles article{
	 
	 width:47%!important;
 }
 .template-troubles article:nth-child(3) {
    margin-right: 3%!important;
}
.template-troubles article:nth-child(2) {
    margin-right: 0%!important;
}

}


 /* IPHONE 6 */
 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 


/* STYLES GO HERE */}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

 /* IPHONE 6 PLUS */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

 /* IPHONE 5 */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

 /* IPHONE OLD */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ }