img{max-width: 100%;height: auto;}
header,
header.scroll {padding: 10px 0;}
header.scroll .logo img,
header .logo img {height: 36px;position: relative;top: 3px;}
#header-offset {height: 61px;}
header #btnTelephone { display: block;}
header #btnCourriel { display: block; }
header #btnCourriel img {position:relative;top:2px;}
header #btnTelephone img {position:relative;top:1px;}
header.scroll #menu,
header #menu {top:61px;}
#sliderimg-next, #sliderimg {right:0;}
#accueil-slider #slider-stitre {
	font-size: 18px;
	margin-bottom: -23px;
	text-align: center;
	margin-right: 0;
	line-height: 20px;
}
#accueil-slider #slider-titre {
	font-size: 39px;
	margin-bottom: -5px;
	margin-right: 0;
	text-align: center;
	line-height: 38px;
	margin-top: 13px;
}
#accueil-slider #slider-boutons { width: 65%; }
#accueil-personalite .col-gauche { padding-bottom: 45px; width: auto; margin: auto; text-align: center; }
#accueil-personalite .col-droite img { width: 100%; }
#accueil-personalite .entete { font-size: 36px;}
#accueil-activites .conteneur { padding: 80px 0 84px 0; width: auto; margin: auto; }
#accueil-activites .entete{font-size:40px;text-align:center;}
#accueil-nouvelles .entete {font-size: 40px; }
.slick-dots li {
	border-radius: 38px 38px 38px 38px;
	-moz-border-radius: 38px 38px 38px 38px;
	-webkit-border-radius: 38px 38px 38px 38px;
	width: 38px;
	height: 38px;
}
#accueil-nouvelles .nouvelles { padding: 80px 0 84px 0; width: auto; margin: auto; }
#accueil-logos .col-bleu{display:block;}
#accueil-logos .col-bleu div { width: 60%;margin-bottom: 52px;text-align: center;margin-left: auto;margin-right: auto;}
#accueil-logos .col-bleu div:last-child { margin-bottom:0; }
#accueil-logos .col-bleu div img {width:66%;height:auto;}
#accueil-personalite .col-droite {
	width: auto;
	margin: auto;
}
#accueil-nouvelles .nouvelle .texte {font-size:15px;}
#accueil-logos .col-blanc div {
	text-align: center;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}
#accueil-logos .col-blanc div:first-child {margin-bottom: 10px;}
#accueil-logos .col-blanc div:last-child { margin-bottom:0; }
#accueil-logos .col-blanc div img {width:100%;height:auto;}
footer .col-gauche {
	width: auto;
	color: #fff;
	margin: auto;
	font-size: 16px;
}
footer .logo {margin: 60px 0;}
footer .col-droite { width:80%;height:auto; }
footer .jeune-chambre { /*width: 60%;*/ margin: 80px auto 0 auto; }
footer .jeune-chambre img{max-width: 60%;}
footer .reseau-sociaux a { width: 72px; height: 72px; }
footer #copyright {margin-top: 70px;font-size: 16px;}
footer{padding-bottom: 60px;}
#evenement-fiche .contenu,
.section-formulaire .contenu{padding-left: 0;}
input.double[type="text"],select, input[type="url"], input[type="number"], input[type="email"], input[type="text"], input[type="password"] {width: 96%;font-size: 12px;margin-right: 0;}
.section-formulaire button{width: 100%;}
.section-vote-liste h1,
.section-formulaire.resultat h1,
h1{font-size: 28px;}
textarea{width: 96%;font-size: 12px;}
.page-type-entete .sous-titre,
.page-entete .sous-titre{font-size: 40px;}
.page-entete .titre{font-size: 22px;margin-bottom: -78px;}
/*.page-entete .arriere-plan,
.page-entete {height: 160px;}*/
.switch-conteneur .question {width: calc(94% - 70px);font-size: 14px;}
#etapes .titre{display: none;}
#etapes {margin-right: 0;}
.section-formulaire {padding: 60px 0 92px;}
.page-entete .contenu.simple, .page-type-entete .contenu.simple {margin-top: 0;}
.section-formulaire select.demi {width: calc(96% + 15px);font-size: 12px;}
.section-formulaire h3,.section-formulaire h2 {font-size: 20px;}
.section-formulaire .message {font-size: 16px;}
.liste-contacts,
.liste-contacts > div,
.liste-contacts > div > div {display: block;width: auto;}
.liste-contacts > div{position: relative;}
.liste-contacts .action{position: absolute;right: 0;top: 45%;}
.checkbox, .radio {font-size: 14px;}
.erreur .paiement-resultat,.paiement-resultat {background-size: 88% auto;height: 360px;}
.joindre-fichier input[type=text]{width: calc(94% - 135px);margin-right: 20px;}
.joindre-fichier .bouton{font-size: 15px;padding: 7px 17px 9px;}
.section-formulaire.section-vote .conteneur{flex-direction: column-reverse;}
.section-formulaire.section-vote .col-gauche {padding-right: 0;margin-top: 40px;}
.section-formulaire.section-vote .contenu {padding-right: 0;}
.section-formulaire.section-vote .col-droite {width: auto;padding-right: 0;}
.section-formulaire.section-vote .col-droite img{width: 75%;height: auto;max-width: 272px;}
.section-formulaire.section-vote .code {width: 70%;margin-right: 30px;}
.section-vote-liste .nomine, .section-vote-liste .nomine.entreprise {width: auto;margin: 64px 8px 0 0;}
.section-vote-liste .image .couronne{background-size: 110px auto;left: -12px;top: -18px;padding: 38px 55px;}
.section-vote-liste .texte {padding-right: 0;}
.section-vote-liste button {margin-left: 0;}
.gala-categorie .col-gauche {width: 40px;}
.inscription-gala .cercle{width: 27px;height: 27px;min-width: 27px;line-height: 27px;font-size: 23px;}
.inscription-gala .cercle.indent{text-indent: -2px;}
.gala-categorie .col-droite {padding-right: 0;padding-left: 12px;}
.inscription-gala h2 {margin-top: 92px;}
.gala-categorie {margin-bottom: 60px;}
.inscription-gala.page-confirmation li,
li {padding: 0 0 0 26px;}
.inscription-gala .colones {flex-direction: column;}
.inscription-gala .col-gauche-form, .inscription-gala .col-droite-form {width: auto;}
.inscription-gala .col-gauche-form {padding-right: 0;}
.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: 96%;}
.inscription-gala .checkbox-titre.large {width: calc(99% - 50px);}
.section-formulaire select {width: 100%;}
.section-formulaire .ajouter-activite {padding: 16px 0 12px;font-size: 14px;display: block;text-align: center;}
.section-formulaire .message-paypal img{display: block;margin-bottom: 8px;}
.sommaire .titre{font-size: 14px;}
.sommaire .total .action,
.sommaire .entete .action,
.sommaire .action{width: 32px;text-align: center;min-width: 32px;}
.section-formulaire .btn-conteneur-droite {padding-right: 40px;}
.mobile{display: block;}
.page-type-p1.page-joindre .bordure,
.non-mobile{display: none;}
.sommaire .sous-total,
.sommaire .total {font-size: 12px;}
.sommaire .quantite {width: auto;}
.page-type-p.page-joindre button {width: calc(96% + 15px);}
.page-type-p2 .contenu,
.page-type-p1 .contenu,
.page-type-p.page-joindre .contenu {padding: 0;}
.page-type-p.page-joindre h3 {word-break: break-all;}
.page-type-p2.page-joindre .wrap {padding: 80px 20px 90px;}
.page-type-p1.page-joindre .coordonnees {flex-direction: column;}
.page-type-p1.page-joindre .contact {padding-left: 0;padding-top: 20px;font-size: 18px;}
.page-type-p1.page-joindre .wrap {padding: 60px 20px 92px;}
.page-type-p1.page-joindre .adresse {padding-right: 0;font-size: 16px;padding-left: 0}
.page-type-p1.page-chambre .wrap {padding:60px 20px 112px;}
.page-type-p2.page-chambre .wrap {padding:96px 20px 112px;}
.page-type-p1.page-membre .avantage { width: auto; padding: 0; margin: 0 auto 40px; }
.page-type-p1.page-membre .conteneur { display: block; }
.page-type-p1.page-membre .avantage:last-child {margin: 0 auto; }
#accueil-nouvelles.page-type-p2 .wrap { padding: 96px 20px 78px; }
.page-entete .arriere-plan,
.page-entete,
.page-type-entete .arriere-plan-orange,
.page-entete .wrap,
.page-type-entete .wrap {display: flex;height: 160px;}
.page-entete .wrap > div,
.page-type-entete .wrap > div{margin: auto;text-align: center;}
.page-entete .titre{margin-bottom: -78px;margin-top: -20px;}
.page-type-entete .titre {margin-bottom: -114px;margin-top: -20px;}
.page-type-p1.page-mentorat .wrap {padding: 85px 20px 63px;}
#evenement-fiche .colones {flex-direction: column-reverse;}
#evenement-fiche .col-gauche{width: auto;padding-right: 0;}
#evenement-fiche button { width: 100%;}
.slider-photos .image-suivante,
.slider-photos .image-courrante{width: 100%;height: 62vw;background-size: cover;margin-right: 0;}
.conteneur-mentor{flex-direction: column;flex-wrap: unset;}
.page-type-p1.page-mentorat .mentor {width: auto;margin-right: 0;}
.page-type-p1.page-mentorat .mentor img {width:100%;height: auto; }
.page-type-p1.page-mentorat h2 { font-size: 32px; }
.page-type-p1.page-mentorat .bouton { font-size: 20px; }
.page-type-p2 .wrap {padding: 96px 20px 112px; }
.slider-photos .miniatures a {margin-left: 21px;margin-right: 0;width: calc(33% - 16px);}
.slider-photos .miniatures a:first-child{margin-left: 0;}
#evenement-fiche select {width: 96%;}
#evenement-fiche .titre {font-size: 30px;}
#evenement-fiche h3 {font-size: 36px;}
.filtres select.large,
.filtres select, .filtres input[type="text"]{width: 98%;margin-right: 0;}
#filtre-secteur {width:98%;margin-right:0;}
#filtre-ordre {width:98%;margin-right;0;}
#liste-activites .activites {padding: 37px 0 0 0;}
#liste-activites .activite {width: auto;margin: 0 0 74px;}
#liste-activites .activite img{width: 100%;}
#liste-activites .btn-conteneur {padding: 0;}
#liste-activites .contenu {padding: 60px 0 0 0;}
#evenements-periode .contenu {padding-left: 0;display: flex;flex-direction: column;}
#evenements-periode .bouton{order: 3;margin-left: 0;margin-top: 40px;text-align: center;}
#mon-calendrier .contenu {padding-left: 0;}
#mon-calendrier .btn-conteneur{margin-right: 0;}
#accueil-nouvelles .nouvelle .date,
#liste-nouvelles .date,
#mon-calendrier .date {display: block;}
#accueil-nouvelles .nouvelle .date::before,
#liste-nouvelles .date::before,
#mon-calendrier .date::before{display: none;}
#mon-calendrier .detail {margin-right: 0;display: block;}
#contenu-liste{flex-direction: column;}
.liste-membres .membre {width: auto;}
#nouvelle-fiche .wrap {flex-direction: column-reverse;}
#nouvelle-fiche .col-gauche, #evenement-fiche .col-gauche {width: auto;padding-right:0;}
#nouvelle-fiche .col-droite, #evenement-fiche .col-droite {width: auto;padding-right: 0;padding-top: 0;padding-bottom: 48px;}
#liste-nouvelles .nouvelle {padding: 69px 0 40px 0;}
#liste-nouvelles .bouton {display: block;text-align: center;}
#liste-nouvelles .titre {font-size: 30px;}
#liste-nouvelles .date {font-size: 18px;margin-top: 6px;}
.page-mentorat-plus .contenu,
.page-type-p.page-mentorat .contenu {padding: 0;}
.page-type-entete,
.page-type-entete .arriere-plan{height: calc(100vh - 61px);}
.page-type-entete .arriere-plan{left: 0;}
.page-type-p2.page-mentorat h2 {font-size: 30px;}
.page-mentorat-plus h3 {font-size: 32px;}
#accueil-nouvelles.page-type-p2 .bouton{display: block;text-align: center;}
.page-type-p1 .wrap {padding-left: 20px;padding-right: 20px;}
.page-type-p .contenu {padding: 0;}
.gauche,
.droite{float: none;margin-left: 0;margin-right: 0;}
.avantages-membre .avantage {flex-direction: column;}
.avantages-membre .image {width: auto;margin-bottom: 20px;}
#accueil-nouvelles .publierbabillard {display: block; text-align: center;}
.page-type-entete.page-joindre iframe {left: 0;}
#accueil-nouvelles.page-type-p2 .bouton{margin-right: 0;}
.page-type-p1.page-gala .contenu {padding: 0;margin-left: 0;}
.page-type-p1.page-gala .description {flex-direction: column;}
.page-type-p1.page-gala .col-droite {padding-left: 0;}
#evenement-fiche button,
.section-formulaire #form_babillard #soumettre,
.page-type-p1.page-gala .bouton {width: auto;display: block;}
.slider-photos .image-conteneur {max-width: 98%;}
.mac .page-entete .titre,
.webkit .page-entete .titre,
.mac .page-type-entete .titre,
.webkit .page-type-entete .titre{margin-bottom: -58px;}
.webkit .page-liste-activite .titre{margin-bottom: -40px;}
.page-membre .avantage .cercle {
border: 2px solid #ad3600;
border-radius: 50%;
width: 93px;
height: 93px;
margin: 50px auto 0;
line-height: 93px;
vertical-align: middle;
text-align: center;
font-size: 72px;
font-family: 'Rubik', sans-serif;
font-weight: 300;
color: #f5882f;
}
.poste {display:block;}

@media screen and (max-width:380px){
	header #menu a { font-size: 20px; }
	#btnMenu { display: inline-block; margin-right: 6px; }
	header #btnCourriel img {width:35px;height:auto;}
	header #btnTelephone img {width:30px;height:auto;}
	footer .reseau-sociaux a { width: 60px; height: 60px; }
}
@media screen and (max-width:330px){
	.page-entete .titre,
	.page-type-entete .titre{text-align: center}
	header.scroll .logo img, header .logo img {height: 30px;top: 4px;}
}