img{max-width: 100%;height: auto;}
iframe{max-width: 100%;}
#overlay-mobile {
	background-color: black;
	opacity: 0.5;
	height: 100%;
	width: 100%;
	position: fixed;
	display: none;
	z-index: 998;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
header {height:auto;padding: 20px 0;position:fixed;left:0;right:0;top:0;z-index: 999;}
header .logo {margin: auto 0;}
header #menu {width:0;position:fixed;left:0;overflow-y: scroll;bottom:0;top:83px;background-color:#ad3600;padding-top:0;z-index: 999;}
header.scroll #menu {top:61px;padding-top:0;}
#btnMenu { display: inline-block; margin-right: 21px;background: url(../images/menu.svg) center no-repeat;background-size: 35px 31px;width: 35px;height: 31px;padding: 5px 4px; }
#btnMenu.ouvert{background-image: url(../images/menu_ferme.svg);}
#menu a:hover,
header #menu a {
	margin-left: 0;
	text-decoration: none;
	display: block;
	width: auto;
	text-align: left;
	padding: 17px 0 10px 35px;
	color: white;
	font-size: 22px;
	border-bottom: 1px solid white;
	font-weight: normal;
}
header #menu a:nth-last-of-type(1) {/*border-bottom:0;*/}
header #menu .reseau-sociaux {
	display: block;
	text-align: left;
	padding-left: 35px;
}
header #menu .reseau-sociaux a {
	border-bottom: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin-right: 25px;
	margin-top: 35px;
}
header #btnCourriel { display: inline-block; margin: auto 20px auto auto;background: url(../images/courriel.svg) center no-repeat;width: 40px;height: 36px;background-size: 35px 35px;}
header #btnTelephone {display: inline-block; margin: auto 0;background: url(../images/telephone.svg) center no-repeat;width: 40px;height: 36px;background-size: 35px 35px;}
header .logo img { height: 38px; width:auto; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#header-offset {height:83px;}
#accueil-slider{height:500px;}
#sliderimg-next, #sliderimg {
	position: absolute;
	left: 0;
	right: 60px;
	top: 0;
	bottom: 0;
	background-image: url(../images/slider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 10;
}
.ligne-gauche-haut-h,
.box-gauche-bas,
.box-gauche-haut,
.box-droite-haut,
.box-droite-bas{display:none;}
#accueil-slider #slider-boutons { width: 64%; padding-right: 0; bottom: 190px; }
#accueil-slider #slider-stitre { font-family: 'Zapfino'; font-size: 26px; margin-bottom: -21px; margin-right: 8px; line-height: 30px;
}#accueil-slider #slider-titre { font-size: 56px; margin-bottom: -14px; margin-right: -3px; }
#accueil-slider #slider-boutons .bouton { display: block; padding: 15px 8px 12px; font-size: 22.5px; text-align: center; }
#accueil-personalite .wrap { background: #F28705; display: block; padding-top: 80px; justify-content: space-between;width:auto;}
#accueil-personalite .arriere-droite-orange {display:none;}
#accueil-personalite .col-gauche { padding-bottom: 45px; padding-left: 0; width: 65%; margin: auto; }
#accueil-personalite .col-droite {width:65%; margin:auto;}
#accueil-personalite .col-droite img {max-width:100%;height:auto;padding-bottom: 100px;}
#accueil-personalite .texte { padding-right: 0; }
header.scroll { padding: 10px 0; }
header.scroll .logo img { height: 36px;position:relative;top:3px;}
#accueil-activites .wrap {width:auto;}
#accueil-activites .conteneur { padding: 80px 0 84px 0; width: 65%; margin: auto; }
#accueil-activites .activites { display: block;overflow: hidden; }
.slick-dots {text-align:center;margin:0;}
.slick-dots li {
	background-image:inherit;
	margin: 10px 20px;
	border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
	width: 40px;
	height: 40px;
	background-color: white;
	display: inline-block;
	padding: 0;
	cursor:pointer;
}
.slick-dots button {display:none;}
#accueil-activites .slick-dots li { border: 2px solid #f28705; }
#accueil-activites .slick-dots .slick-active{background-color:#f28705;}
#accueil-activites .activite { margin-right: 0; }
#accueil-activites .activite img {width:100%;height:auto;}
#accueil-activites .image { height: auto; }
#accueil-activites .texte {font-size:16px;line-height:38px;}
#accueil-activites .titre {font-size:23px;}
#accueil-nouvelles .arriere-gauche-bleu{display:none;}
#accueil-nouvelles .wrap {width:auto;background: #00477A;}
#accueil-nouvelles .nouvelles { padding: 80px 0 84px 0; width: 65%; margin: auto; }
#accueil-nouvelles .nouvelle {margin-bottom: 30px;}
#accueil-nouvelles .slick-dots li { border: 2px solid white; }
#accueil-nouvelles .slick-dots .slick-active{background-color:white;}
#accueil-nouvelles .slick-dots li {background-color:#00477A;}
#accueil-logos .arriere-droite-bleu {display:none;}
#accueil-logos .wrap { display: block;width:auto; }
#accueil-logos .col-bleu { background: #00477A;height: auto; padding: 60px 0; }
#accueil-logos .col-blanc { justify-content: space-between; padding-right: 0; display: block; height: auto;padding-bottom: 100px; }
#accueil-logos { height: auto; padding: 100px 0 0 0; position: relative; }
#accueil-logos .col-blanc div{text-align:center;}
#accueil-logos .col-blanc div:first-child{margin-bottom:90px;}
#accueil-logos .col-blanc div img { width: 40%; height: auto; }
footer { padding: 90px 0 150px; background: #AD3600; }
footer .wrap {width:auto;}
footer .colones {display:block;}
footer .col-gauche { width: 65%; color: #fff; margin: auto; font-size:16px; }
footer .logo { margin: 100px 0; text-align: center; }
footer .col-droite { flex: 1; text-align: center; padding:0; width: 65%; margin: auto; }
footer .col-droite .reseau-sociaux{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
footer .jeune-chambre { margin-top: 100px; }
footer .reseau-sociaux a { margin-left: 0; width: 90px; height: 90px; }
footer #copyright { margin-top: 150px; color: #fff; text-align: center; font-size: 19px; }
.wrap{width: auto;padding: 0 20px;}
.page-entete .wrap{text-align: center;}
.page-entete .arriere-plan {right: 0;}
select, input[type="url"], input[type="email"], input[type="text"], input[type="password"] {width: 40%;font-size: 16px;}
input.double[type="text"],input.double[type="password"],
textarea{width: calc(80% + 60px);}
.section-formulaire button {width: calc(80% + 74px);}
.switch-conteneur .question {width: calc(40% - 70px);}
.section-formulaire select.demi {width: calc(40% + 15px);}
.liste-contacts > div > div {width: 33%;}
.liste-contacts .action {width: 26px;min-width: 26px;}
.liste-contacts input[type="text"], .liste-contacts input[type="email"] {width: 80%;}
.section-vote-liste .nomine, .section-vote-liste .nomine.entreprise {width: calc(50% - 68px);}
.section-vote-liste .nomine.entreprise {
    width: calc(50% - 20px);
}
.section-vote-liste .image img{max-width: 100%;height: auto;}
.page-entete .sous-titre{font-size: 56px;}
.inscription-gala .col-droite-form textarea,
.section-formulaire.inscription-gala .col-droite-form input[type=email],
.section-formulaire.inscription-gala .col-droite-form input[type=text]{width: 100%;margin-right: 0;}
.inscription-gala .col-gauche-form,
.inscription-gala .col-droite-form {width: 40%;}
.inscription-gala .col-gauche-form{padding-right: 55px;}
.inscription-gala .checkbox-titre{width: calc(100% - 50px);}
.inscription-gala .checkbox-titre.large {width: calc(90% - 50px);}
.section-formulaire select {width: 42%;}
.page-type-p.page-joindre button {width: calc(80% + 75px);}
.page-type-entete .arriere-plan-orange {right: 0;}
.page-type-p1.page-joindre .adresse{padding-right: 5%;}
.page-type-p1.page-joindre .contact {padding-left: 5%;padding-right: 5%;}
.page-type-p1 .contenu { padding: 0 66px 0 68px; }
.page-type-p1.page-chambre img { max-width:100%; height:auto; }
.page-type-p1.page-membre .bouton {width:100%;padding: 16px 0 12px;}
.page-type-p1.page-membre .wrap { padding: 66px 20px 112px; }
.page-entete .wrap,
.page-type-entete .wrap {display: flex;height: 220px;}
.page-entete .wrap > div,
.page-type-entete .wrap > div{margin: auto;text-align: center;}
.page-entete .titre,
.page-type-entete .titre {margin-bottom: -116px;margin-top: -36px;}
.page-entete .contenu.simple, .page-type-entete .contenu.simple {margin-top: 0;}
.page-type-p1.page-mentorat h2 { font-size: 40px;text-align:center; }
.page-type-p1.page-mentorat .bouton { font-size: 31px; width: 100%; padding: 10px 0 9px;}
.page-type-p1.page-mentorat.conteneur-mentor { display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-type-p1.page-mentorat .mentor {width: calc(50% - 58px);}
.page-type-p1.page-mentorat .mentor img { width:100%;height:auto; }
.slider-photos .miniatures a{width: calc(33% - 22px);}
.filtres select, .filtres input[type="text"]{width: calc(33% - 30px);}
#evenements-periode .wrap{padding: 70px 20px;}
#evenements-periode .bouton {margin-left: 20px;}
#liste-activites .image {height: auto;}
#liste-activites .image img{width: 100%;height: auto;}
#liste-activites .activite{width: 46%;margin-left: 2%;margin-right: 2%;}
.page-type-p1.liste-membres .wrap {padding-left: 20px;padding-right: 20px;}
.liste-membres .membre {width: 50%;}
.avantages-membre {padding-top: 0;}
#nouvelle-fiche .col-gauche,
#evenement-fiche .col-gauche {width: calc(50% - 60px);}
#nouvelle-fiche .col-droite,
#evenement-fiche .col-droite {width: calc(50% - 20px);padding-right: 20px;}
.slider-photos .image-courrante {max-width: 100%;background-position: center;}
#accueil-logos .wrap{padding: 0}
#evenement-fiche button,
.section-formulaire #form_babillard #soumettre,
.page-type-p1.page-gala .bouton {width: 92%;}
.slider-photos .image-conteneur {max-width: 92%;}
.page-type-p1 .wrap{padding-left: 20px;padding-right: 20px;}
.avantages-membre .image {width: 34%;}
#accueil-nouvelles.page-type-p2 .bouton{margin-right: 50px;}
#accueil-nouvelles .publierbabillard {margin-left: 0;}
.section-formulaire .checkbox-titre.large, .inscription-gala .checkbox-titre.large {width: calc(100% - 48px);}
.firefox:not(.win) .page-type-entete .titre,
.firefox:not(.win) .page-entete .titre,
.mac .page-entete .titre,
.webkit .page-entete .titre,
.webkit .page-type-entete .titre{margin-bottom: -63px;}
.firefox:not(.win) .page-liste-activite .titre,
.mac .page-liste-activite .titre,
.webkit .page-liste-activite .titre{margin-bottom: -60px;}
#accueil-nouvelles.page-type-p2 {margin-bottom: 0;}
.page-type-p{padding-bottom: 0;}
.page-type-p2.page-gala{margin-bottom: 80px;}
.page-type-p2 + footer {margin-top: 80px;}
.page-type-p.page-joindre{padding-bottom: 0;}
.poste {display:block;}
#bloc_desjardins {display:none;}
#bloc_desjardins_mobile {width: 243px;display:block;}
#bloc_desjardins_mobile span {  display: inline-block;  color: white;  font-size: 12px;  margin-right: 20px;  position: relative;  bottom: 5px;  }
#bloc_desjardins_mobile img {  display: inline-block;  width: 95px;  }
.connexion-membre:not(.mobile-only) {display:none;}
header #menu a.toggle-login {
    display: flex;
    justify-content: flex-start;
}
.connexion-membre.mobile-only {position:initial;width:unset;transform:none;}
header #menu .form-flex a.submit-login {
    padding: 0px;
    width: 40px;
    height: 40px;
    filter: brightness(10);
    margin-left: 10px;
    margin-right: 10px;
}
.connexion-membre input[type="password"] {
    font-size: 20px;
    padding: 6px;
    color: white;
    background-color: transparent;
    border-bottom-color: white;
    margin-left: 35px;
    width: calc(100% - 35px);
}

.connexion-membre input[type="password"]::-webkit-input-placeholder {color:#FFFFFF;}
.connexion-membre input[type="password"]:-ms-input-placeholder{color:#FFFFFF;}
.connexion-membre input[type="password"]:-moz-placeholder,
.connexion-membre input[type="password"]::-moz-placeholder{color:#FFFFFF;opacity:1;}

header #menu .element_menu {display:block;}
header #menu a.liens-menu {display:block;}
header #menu .connexion-membre, header #menu #bloc_desjardins_mobile, header #menu .toggle-login, header #menu .liens-menu {border-bottom:0;}
header #menu .element_menu {border-bottom:1px solid white;}
header #menu .element_menu .sous_menu_element {
	height: auto;
	position: relative;
	background-color: transparent;
	box-shadow: none;
	border-bottom: 0;
	left: 0;
	padding-left:30px;
}
header #menu .element_menu .sous_menu_element a {
	border-bottom:0;
	font-size:15px;
}