@media screen and (max-width: 1330px) {
.titre1 {
font-size:   30px;
line-height: 32px;
}

article.bloc .txt {
width: 40%;
}

article.bloc figure {
width: 60%;
}
}

@media screen and (max-width: 1280px) {
#header .logo {
max-width: 245px;
}

#header .wrapper .nav_header {
width: 385px;
}

main {
padding-top: 165px;
}
}

@media screen and (max-width: 1160px) {
#header.fixed {
padding: 10px 20px 0;
}

#header .logo {
max-width: 190px;
}

#header .wrapper .nav_header {
width: calc(100% - 665px);
}

article.bloc .titre_mobile,
article.bloc.noimg .txt > .titre1 {
display: block;
}

article.bloc .txt > .titre1 {
display: none;
}

article.bloc {
display: block;
}

article.bloc figure,
article.bloc .txt {
width:         100%;
margin-bottom: 25px;
}

article.bloc figure {
width:     650px;
max-width: 100%;
margin:    0 auto 25px;
}

article.bloc .titre_mobile, article.bloc.noimg .txt > .titre1 {
text-align: center;
}

article.left .txt,
article.right .txt {
padding:       0;
max-width:     none;
margin-bottom: 0;
text-align:    center;
}

article.bloc .txt .btn {
margin: 25px auto;
}
    section.specialites .liste{
        grid-template: 1fr/1fr;
    }
section.specialites .liste > article {
width:   100%;
display: flex;
}

section.specialites .liste > article figure {
width: 50%;
}

section.specialites .liste > article .txt {
width: 50%;
}

section.specialites .liste > article:nth-child(2n) {
margin: 20px 0 0 0;
}

section.specialites .liste > article {
margin-bottom: 0;
}

section.specialites .liste > article + article {
margin-top: 20px;
}

section.section {
padding-bottom: 50px;
}

section.section + .section, .footer_contact {
padding-top: 50px;
}

section.publications .liste ul li.titre {
width:         100%;
margin-bottom: 25px;
}

section.publications .liste ul li.intro .ckeditor {
margin: 0;
}

section.publications .liste ul li.intro {
width: calc(100% - 250px);
}

main.contact article.bloc.right {
display:   flex;
flex-flow: column nowrap;
}

main.contact article.bloc div.form {
order: 2;
}

main.contact article.right .txt {
order:      1;
text-align: center;
}

main.contact article.bloc .txt > .titre1 {
display: block;
}

main.contact article.bloc .txt .btn {
margin: 25px auto 50px;
}

main.contact article.bloc div.form {
padding: 50px 25px;
width:   100%;
}
}

@media screen and (max-width: 1080px) {
#header .logo {
max-width: 250px;
}

#header .wrapper .nav_header {
display: none;
}

#header .menu_icon {
display: flex;
}

main {
padding-top: 150px;
}

.footer_contact .wrapper > div {
width: 100%;
}

.footer_contact .wrapper > div.contact {
margin-bottom: 50px;
}

.footer_contact .wrapper > div > article {
max-width: none;
    min-height: 500px;
}

#footer .wrapper {
flex-flow:       column nowrap;
justify-content: center;
align-items:     center;
}

#footer .wrapper li + li {
margin-top: 15px;
}

#footer .nash_mobile {
display: block;
}

#footer .nash {
display: none;
}
main.cabinets .liste_image li{
width: calc((100% / 2) - 20px);
}
}

@media screen and (max-width: 764px) {
section.specialites .liste > article {
width:         100%;
margin-bottom: 0;
}

section.specialites .liste > article:nth-child(2n) {
margin: 20px 0 0 0;
}

section.specialites .liste > article + article {
margin-top: 20px;
}

section.specialites .liste > article .txt {
margin: 50px auto;
}

main.specialite .bandeau .titre1 {
padding: 120px 0;
}

section.specialites .liste > article {
display: block;
}

section.specialites .liste > article figure,
section.specialites .liste > article .txt {
width: 100%;
}

section.specialites .liste > article figure {
max-height: 500px;
margin:     0 auto;
}
}

@media screen and (max-width: 500px) {
.titre1 {
font-size:   30px;
line-height: 35px;
}

main.publications .menu_cat .frame li {
font-size: 16px;
}

.btn {
padding:   6px 10px;
font-size: 13px;
}

section.section {
padding-bottom: 30px;
}

section.section + .section, #footer .wrapper, .footer_contact {
padding-top: 30px;
}

section.specialites .liste > article .ckeditor {
margin: 25px 0;
}

section.publications .liste ul {
justify-content: center;
}

section.publications .liste ul li {
text-align: center;
}

section.publications .liste ul li.intro {
width:         100%;
margin-bottom: 25px;
}

main.publications .menu_wrap {
margin: 60px 0 60px;
}
main.cabinets .liste_image li{
width: 100%;
margin: 0 0 25px 0;
}
}

@media screen and (max-width: 400px) {
.titre1 {
font-size:   25px;
line-height: 30px;
}

.titre2 {
font-size:   20px;
line-height: 25px;
}
}

