@CHARSET "utf-8";


@media all and (max-width:1525px) {
	#global h1, #global h2.h1 {font-size: 55px; line-height: 58px;}
	
	#quoi-y-trouver-gauche { width: 45%;}
	#quoi-y-trouver-droite { width: 55%; margin-top: -204px; }
	#quoi-y-trouver-droite #quoi-y-trouver-droite-haut {padding: 20px 20px 20px 50px;}
	#quoi-y-trouver-droite #slide-logos {padding: 30px 50px;}
}

@media all and (max-width:1365px) {
	#global h1, #global h2.h1 {  font-size: 45px;  line-height: 48px;}
	#global h1 em, #global h2.h1 em {font-size: 35px;line-height: 37px;}
	
	#quoi-y-trouver-droite {margin-top: -188px;}
	#quoi-y-trouver-droite #quoi-y-trouver-droite-haut { padding: 20px 20px 20px 30px;}
	#quoi-y-trouver-droite #slide-logos {padding: 30px 20px 30px 30px;}
	
}

@media all and (max-width:1320px) {
	#bandeau-contact .global { padding: 0 30px;}
}

@media all and (max-width:1259px) {
	#les-intervenants-conteneur .les-intervenants {width: calc(33.333% - 40px);}
	
	
	iframe {width: 100% !important;}
	.iframe-responsive-wrapper {position: relative;}
	#contenu .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
	.iframe-responsive-wrapper .iframe-responsive-iframe {position: absolute;top: 0;left: 0;width: 100% !important; height: 100% !important; }
	.iframe-responsive-wrapper .iframe-responsive-iframe iframe {width: 100% !important; height: 100% !important;}
		
    video {width:100%; height:auto;}
  
}

@media all and (max-width:1230px) {
	#bandeau-contact .global {   padding: 0 20px;}
	#menu .menu-element {margin: 0 15px;}
}

@media all and (max-width:1195px) {
	#bandeau #bandeau-inscription {  width: 165px;}
  
}

@media all and (max-width:1159px) {
	#pied #pied-col-droite { padding: 85px 15px 10px 15px;}
}


@media all and (max-width:1110px) {
	#quoi-y-trouver-droite {  width: 85%;}
	#quoi-y-trouver-gauche { width: 100%;}
	
	
	#les-intervenants-conteneur .les-intervenants {width: calc(50% - 40px);}
}

@media all and (max-width:1070px) {
    .lg {height: 110px;}
    .sm {height: 73px}
  
  	#bandeau {margin: 20px 0 0;}
	#bandeau:not(.sm) #logo {width:100%; float:none; text-align: center; padding: 4px 0 0 1px;}
	#bandeau:not(.sm) #bandeau-inscription {  position: absolute;  right: 10px;  top: 10px; z-index: 11;}
	
	#bandeau:not(.sm) #menu-conteneur {width:100%;}
	#bandeau:not(.sm) #menu {width: 100%; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	
	
	#bandeau.sm #logo img {height: 30px; }
	#bandeau.sm #menu .menu-element > span > span {  font-size: 15px;}
	
	#bandeau.sm #bandeau-inscription {  width: 145px;}
	#bandeau.sm #bandeau-inscription .bouton {font-size: 16px; padding: 5px;}
	#bandeau.sm #bandeau-inscription i {width: 16px;height: 18px;}
}

@media all and (max-width:990px) {
			
	#menu .menu-element {}
	#menu .menu-element > a > span > span, 
	#menu .menu-element > a:visited > span > span, 
	#menu .menu-element > span > span {}
	
	
	#global h1, #global h2.h1 {  font-size: 35px;  line-height: 38px;}
	#global h1 em, #global h2.h1 em {font-size: 30px; line-height: 32px;}
	
	#quoi-y-trouver-droite {margin-top: -138px;}
	#quoi-y-trouver-droite #quoi-y-trouver-droite-haut { padding: 10px 10px 10px 20px;}
	#quoi-y-trouver h1 {  margin-top: 10px;}
	#quoi-y-trouver-droite #slide-logos { padding: 20px 10px 20px 20px;}
	
	#deroulement-journee-liste .deroulement-journee-horaire { width: 150px; }
	#deroulement-journee-liste .deroulement-journee-description {max-width: 570px;  width: calc(100% - 210px);}
	#deroulement-journee-liste .deroulement-journee-element-spe i { width:200px;}
}

@media all and (max-width:930px) {
		
	#bandeau.sm #bandeau-inscription { width: 40px; height:30px;}
	#bandeau.sm #bandeau-inscription .bouton i {margin:0;} 
	#bandeau.sm #bandeau-inscription .bouton span {display:none;}
	#bandeau.sm #menu .menu-element { margin: 0 6px;}
	
	#menu .menu-element > a > span > span, 
	#menu .menu-element > a:visited > span > span, 
	#menu .menu-element > span > span  {font-size:15px;}
		
	#bandeau #bandeau-inscription {width: 145px;}
	#bandeau #bandeau-inscription .bouton {font-size:17px; padding: 5px 10px; }
	#bandeau #bandeau-inscription i {width: 16px;height: 18px;}
}

@media all and (max-width:830px) {
	#pied #pied-col-gauche { width: 55%; padding: 90px 10px 0px;}
	#pied #pied-col-droite { width: 45%;}
}

/* Tablette */
@media all and (max-width:780px) {
	
	body {width:100%;}
	
	#global {min-width:inherit; margin:0 auto; width:auto; }

	.global {padding:0 20px;}
	
	#bandeau.sm #logo {width:100%; height: 35px; float:none; text-align: center; padding: 4px 0 0 1px;}
	#bandeau.sm #bandeau-inscription {  position: absolute;  right: 10px;  top: 10px; z-index: 11;}
	
	#bandeau.sm #menu-conteneur {width:100%; height:calc(100% - 35px) !important;}
	#bandeau.sm #menu {width: 100%; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	
	
	/* Centre */
	#centre {width:auto; margin:0; padding-top:0px;}

	/* Contenu */
	#contenu {width:auto; }
	#contenu img {max-width:100%; max-height:100%;  height:auto; width:auto;  object-fit:contain; -o-object-fit:contain;}
	
	#les-intervenants .global { padding: 20px 20px 40px;}
	#les-intervenants-conteneur { margin-top: 40px; }
	#les-intervenants-conteneur .les-intervenants-nom {font-size:21px;}
	#les-intervenants-conteneur .les-intervenants-texte {font-size:18px;}	
		
	#pied .menu li > span {font-size:19px;}	
				
	#back-to-top {bottom: 43px;right: 6px;}
	
}

@media all and (max-width:767px) {
	
	#bandeau #bandeau-inscription {width: 115px;}
	
	#pied #pied-col-gauche {  width: 100%; padding: 20px 10px 0px;}
	#pied #pied-logo {margin: 10px auto 50px;}
	#pied #pied-col-droite {width:100%; padding: 35px 15px 80px 15px;}
}

@media all and (max-width:680px) {	
	body {font-size:17px;}
	
	#quoi-y-trouver-droite {  width: 95%; margin-top: -125px;}
	
	#les-intervenants-conteneur .les-intervenants {  width: calc(50% - 20px); margin:10px;}
		
	#deroulement-journee-liste .deroulement-journee-horaire { width: 135px; line-height: 27px}
	#deroulement-journee-liste .deroulement-journee-description { width: calc(100% - 150px);}
	#deroulement-journee-liste .deroulement-journee-element-spe .deroulement-journee-description {width: calc(100% - 195px);}
	#deroulement-journee-liste .deroulement-journee-element-spe i {  width: 140px;}
	#deroulement-journee-liste .deroulement-journee-description {font-size:19px; line-height: 30px;}
	#deroulement-journee-liste .deroulement-journee-description::before {top: 6px;height: calc(100% - 11px);}
	#deroulement-journee-liste .deroulement-journee-element-spe span { font-size: 18px;} 
}


@media all and (max-width:615px) {
	.lg { height: 165px;}
	.sm { height:95px;}
	
	#bandeau.sm #logo {display:none;}
	#bandeau.sm #bandeau-inscription { top: 10px;}
  	#bandeau.sm #menu-conteneur {height:100% !important;} 
	
	#bandeau {  margin: 10px 0 0;}
	#bandeau-contact .global {width: calc(100% - 20px); display: block;}
	
	#bandeau:not(.sm) #bandeau #logo {padding:4px 0 0;}
	#bandeau:not(.sm) #bandeau-inscription {height: 30px; top: 45px; }
	
	#menu-conteneur {    height: calc(100% - 70px);    padding-top: 20px;    padding-bottom: 5px;    box-sizing: border-box;}
	#menu .menu-element {height:auto;}
	#menu .menu-element > span > span {padding: 5px 0;}
}

@media all and (max-width:535px) {
	#global h1, #global h2.h1 {  font-size: 29px;  line-height: 32px;}
	#global h2:not(.h1) {font-size:24px;}
	
	
	#les-intervenants-conteneur .les-intervenants {  width:100%; margin:10px 0;}
}

@media all and (max-width:485px) {
    
    #bandeau:not(.sm) #logo {width: 195px;}
    #bandeau:not(.sm) #logo img { width: 150px;  height: auto;}
    #bandeau:not(.sm) #bandeau-inscription { top: 5px; right: 5px;}
    
	#deroulement-journee .global { padding: 20px;}
	
	#deroulement-journee-liste .deroulement-journee-horaire {text-align:center; width:100%;}
	#deroulement-journee-liste .deroulement-journee-description,
	#deroulement-journee-liste .deroulement-journee-element-spe .deroulement-journee-description {width: 100%; padding: 0; margin: 0; text-align: center;} 
	#deroulement-journee-liste .deroulement-journee-description::before { margin: 10px auto; top:unset; left:unset; position: relative; height: 2px;  width: 100%;}
	#deroulement-journee-liste .deroulement-journee-element-spe i { margin-bottom: 10px; width: 100%; background-position: center center !important;}
}
	
/* Smartphone */
@media all and (max-width:435px) {	
	#bandeau.sm #bandeau-inscription {  top: 5px; height: 25px;}
	
	#bandeau-contact .global {  width: calc(100% - 10px);}	
  
	#cookie-message-wrapper { 	padding: 20px 10px 20px 10px;  } 
	#cookie-choix-contenu .cookie-choix span { 	font-size:11px;  } 
	#cookie-consent-form .categorie .titre { 	width: 50%;  }
	#cookie-consent-form .categorie .configuration {	width: 48%;  }
}

@media all and (max-width:410px) {	
	#quoi-y-trouver-droite {  width: 100%;}
	#quoi-y-trouver-droite #quoi-y-trouver-droite-haut { padding: 10px 20px;}
	#quoi-y-trouver h1::after { width: 145px; height: 3px;}
	#quoi-y-trouver-droite #slide-logos { padding: 20px;}
	#quoi-y-trouver .global { padding: 10px 20px 20px;}
}
@media all and (max-width:387px) {
    #menu .menu-element { margin: 0 10px;}
	#quoi-y-trouver-droite {margin-top: -154px;}
	
}

@media all and (max-width:380px) {
	.sm { height: 100px; }
	
	#bandeau-contact .global {width: calc(100% - 5px); padding: 0 10px;}
}

@media all and (max-width:350px) {
    #menu .menu-element { margin: 0 5px;}
    
	#bandeau.sm #bandeau-inscription { width: 30px;}
    
    #bandeau:not(.sm) #bandeau-inscription { width: 85px;}
    #bandeau #bandeau-inscription .bouton {  font-size: 14px; padding: 5px; flex-wrap: wrap;}
    #bandeau #bandeau-inscription i { width: 11px !important; height: 13px !important;   margin-right: 5px;}
    
}