/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2024 | 12:28:45 */
@media (max-width: 980px) {
  .et_header_style_left #logo {
    max-width: 100%;
    margin-top: 10px;
  }
	
#menu-item-802 a, #menu-item-1662 a, #menu-item-1663 a, #menu-item-830 a, #menu-item-1022 a, #menu-item-1084 a, #menu-item-1349 a, #menu-item-1452 a, #menu-item-1453 a, #menu-item-1454 a, #menu-item-1459 a, #menu-item-1861 a, #menu-item-2040 a, #menu-item-1350 a, #menu-item-2286 a, #menu-item-2502 a { 
border-top: none !important;
  border-bottom: 1px solid #b2b2b2 !important;
  line-height: 16px;
  display: inline;
}
}

@media only screen and ( min-width: 1405px ) { 
	.et-fixed-header .logo_container a {width: 300px !important; top: -10px;}
}

@media only screen and ( min-width: 1151px ) and ( max-width: 1300px ) { 
	#top-menu li a {
		font-size:13px!important;
	}		
	.logo_container a {
		width: 200px !important;
    margin-top: 20px !important;
	}
}

@media only screen and ( min-width: 1300px ) and ( max-width: 1400px ) { 
#top-menu li { padding-right: 15px!important;}
.logo_container a {width: 200px !important;   margin-top: 20px !important;}	
}

@media only screen and ( min-width: 981px ) and ( max-width: 1150px ) { 	
	.logo_container a {
		width: 220px!important;
		margin-top: 20px!important;
	}
	#top-menu li {
		padding-right: 10px;
	}
	#top-menu li a {
		font-size:11px!important;
	}
	
	.titre_immersion { width: 100% !important; left: 0px !important;}
	.titre_immersion h1 {font-size:30px!important;}
	.titre-i {font-size:35px!important;}
	.titre-2eme {font-size:20px!important;}
	.titre-lyon {font-size:20px!important;}
	
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {	
	
	.titre_immersion { width: 100% !important; left: 0px !important;}
	.titre_immersion h1 {font-size:30px!important;}
	.titre-i {font-size:35px!important;}
	.titre-lyon {font-size:16px!important;} 

}

@media only screen and ( min-width: 480px) and ( max-width: 767px ) {	
	
	.titre_immersion { width: 100% !important; left: 0px !important;}
	.titre_immersion h1 {font-size:20px!important;}
	.titre-i {font-size:25px!important;}
	.titre-lyon:before{ content: "\a";  white-space: pre;}
	.titre-lyon { font-size:16px!important;}
	.titre-2eme{font-size:16px!important;}
	.titre-promo {font-size:20px!important;}
}

@media only screen and ( max-width: 479px ) {
.et_header_style_left #logo { max-width: 80%; margin-top: 20px; }	
.image-partenaire-mobile img {width:75px !important}
	.titre_immersion { width: 100% !important; left: 0px !important;}
	.titre_immersion h1 {font-size:20px!important;}
	.titre-i {font-size:25px!important;}
	.titre-lyon:before{ content: "\a";  white-space: pre;}
	.titre-lyon { font-size:16px!important;}
	.titre-2eme{font-size:16px!important;}
	.titre-promo {font-size:20px!important;}	
	.texte-temoignages h3 {font-size:20px;}
	.titre-jeune-unifi h1 {font-size:16px !important;}
}

@media only screen and ( min-width: 320px) and ( max-width: 478px ) {	
.boite_fondation_videos { height: 270px !important;}
.image-fondation { width: 60% !important;}	
.bouton-fondation {font-size: 16px !important;}	
.texte-temoignages h3 {font-size:16px!important;}	
}

@media only screen and ( min-width: 240px) and ( max-width: 320px ) {	
	.boite_fondation_videos { height: 270px !important;}
.texte-temoignages h3 {font-size: 12px !important; padding-left: 10px; padding-right: 10px;}	
}