body.blog .bouton_retour, body.single-post .bouton_retour, body.category .bouton_retour, body.home .bouton_retour {
display: block;
text-align: right;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
color: #3d5160;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
body.blog .bouton_retour.bouton_retour_bas, body.single-post .bouton_retour.bouton_retour_bas, body.category .bouton_retour.bouton_retour_bas, body.home .bouton_retour.bouton_retour_bas {
margin-bottom: 60px; }
body.blog .bouton_retour:hover, body.single-post .bouton_retour:hover, body.category .bouton_retour:hover, body.home .bouton_retour:hover {
color: #f06a01; }
body.blog .bouton_retour:hover span.fleche, body.single-post .bouton_retour:hover span.fleche, body.category .bouton_retour:hover span.fleche, body.home .bouton_retour:hover span.fleche {
-webkit-transform: rotate(180deg) translateX(5px);
-ms-transform: rotate(180deg) translateX(5px);
transform: rotate(180deg) translateX(5px); }
body.blog .bouton_retour span, body.single-post .bouton_retour span, body.category .bouton_retour span, body.home .bouton_retour span {
display: inline-block;
vertical-align: middle; }
body.blog span.fleche, body.single-post span.fleche, body.category span.fleche, body.home span.fleche {
width: 26px;
height: 18px;
background-image: url(https://www.esatco85.fr/wp-content/themes/esatco85/images/f.png);
background-size: 100%;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg) translateX(0);
-ms-transform: rotate(180deg) translateX(0);
transform: rotate(180deg) translateX(0);
margin-right: 20px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
body.blog .barre_orange, body.single-post .barre_orange, body.category .barre_orange, body.home .barre_orange {
background: #f06a01;
height: 14px; }
body.blog .date, body.single-post .date, body.category .date, body.home .date {
font-size: 0.875rem;
font-weight: 700;
line-height: 2.1;
color: initial; }
span.twt {
width: 26px;
height: 26px;
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/twt.svg);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 10px;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out; }
span.fbk {
width: 26px;
height: 26px;
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk.svg);
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out; }
span.lkn {
width: 26px;
height: 26px;
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/lkn_orange.svg);
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out; }
.contact {
clear: both; }
body.single-post .barre_orange {
margin-bottom: 35px; }
body.single-post .bouton_retour {
float: right; }
@media (max-width: 768px) {
body.single-post .bouton_retour {
float: unset;
text-align: center;
margin-bottom: 30px; } }
body.single-post .categories {
padding-right: 170px;
margin-bottom: 20px; }
@media (max-width: 768px) {
body.single-post .categories {
padding-right: unset; } }
body.single-post h1 {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #f06a01;
margin-bottom: 25px; }
body.single-post .image {
float: right;
max-width: 380px;
width: 100%;
margin-top: 10px;
margin-left: 100px; }
@media (max-width: 992px) {
body.single-post .image {
float: unset;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; } }
body.single-post p {
margin-top: 30px; }
body.single-post .rs_pdf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
body.single-post .pdf {
display: inline-block;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
background: #f06a01;
color: #ffffff;
border: 2px solid #f06a01;
padding: 6px 11px;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
body.single-post .pdf:hover {
background: #ffffff;
color: #f06a01; }
body.single-post .pdf:hover span.telechargement {
background: #f06a01; }
body.single-post .pdf span {
display: inline-block;
vertical-align: middle; }
body.single-post .pdf span.telechargement {
width: 25px;
height: 23px;
background: #ffffff;
-webkit-mask: url(//www.esatco86.fr/wp-content/themes/esatco85/images/telechargement.svg) no-repeat;
mask: url(//www.esatco86.fr/wp-content/themes/esatco85/images/telechargement.svg) no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
margin-right: 10px;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out; }
body.single-post .embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 15px; }
body.single-post .embed-container iframe,
body.single-post .embed-container object,
body.single-post .embed-container .map,
body.single-post .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.single-post .galerie {
margin-top: 30px;
margin-bottom: 50px; }
body.single-post .galerie a {
margin: 0 5px; }
.rs {
margin-top: 7px; }
.rs span {
display: inline-block; }
body.blog, body.category { }
body.blog .fond_gris, body.category .fond_gris {
background: #e5e5e5;
padding: 45px 55px 50px 55px; }
@media (max-width: 768px) {
body.blog .fond_gris, body.category .fond_gris {
padding: 45px 15px 50px 15px; } }
body.blog .fond_gris .clear, body.category .fond_gris .clear {
clear: both; }
body.blog .titre_categorie, body.category .titre_categorie {
float: left;
font-weight: 600;
text-transform: uppercase;
color: #f06a01;
margin-bottom: 40px; }
@media (max-width: 768px) {
body.blog .titre_categorie, body.category .titre_categorie {
float: unset;
margin-bottom: 20px; } }
body.blog .bouton_retour, body.category .bouton_retour {
margin-bottom: 30px; }
@media (max-width: 768px) {
body.blog .bouton_retour, body.category .bouton_retour {
text-align: center; } }
body.blog .liste_actu, body.category .liste_actu {
clear: both; }
body.blog #grid[data-columns]::before, body.category #grid[data-columns]::before {
content: '5 .column.size-1of5'; }
@media (max-width: 1700px) {
body.blog #grid[data-columns]::before, body.category #grid[data-columns]::before {
content: '4 .column.size-1of4'; } }
@media (max-width: 1280px) {
body.blog #grid[data-columns]::before, body.category #grid[data-columns]::before {
content: '3 .column.size-1of3'; } }
@media (max-width: 995px) {
body.blog #grid[data-columns]::before, body.category #grid[data-columns]::before {
content: '2 .column.size-1of2'; } }
@media (max-width: 768px) {
body.blog #grid[data-columns]::before, body.category #grid[data-columns]::before {
content: '1 .column.size-1of1'; } }
body.blog .column, body.category .column {
float: left;
padding: 0 7px; }
body.blog .size-1of5, body.category .size-1of5 {
width: 20%; }
body.blog .size-1of4, body.category .size-1of4 {
width: 25%; }
body.blog .size-1of3, body.category .size-1of3 {
width: 33.3333%; }
body.blog .size-1of2, body.category .size-1of2 {
width: 50%; }
body.blog .size-1of1, body.category .size-1of1 {
width: 100%; }
body.blog .contact, body.category .contact {
clear: both; }
body.blog .bloc_actu, body.category .bloc_actu {
margin-bottom: 15px; }
body.blog .actu .image, body.category .actu .image {
overflow: hidden; }
body.blog .actu .image img, body.category .actu .image img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
body.blog .actu:hover, body.category .actu:hover {
text-decoration: unset; }
body.blog .actu:hover .image img, body.category .actu:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
body.blog .actu:hover .extrait, body.blog .actu:hover .date, body.category .actu:hover .extrait, body.category .actu:hover .date {
color: #f06a01; }
body.blog .actu:hover span.fleche, body.category .actu:hover span.fleche {
-webkit-transform: rotate(0) translate(5px);
-ms-transform: rotate(0) translate(5px);
transform: rotate(0) translate(5px); }
body.blog .contenu, body.category .contenu {
position: relative;
background: #ffffff;
padding: 25px 20px 10px 20px; }
body.blog .contenu h2, body.category .contenu h2 {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #f06a01;
margin-bottom: 25px; }
body.blog .contenu .extrait, body.category .contenu .extrait {
color: initial;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
body.blog .contenu .date, body.category .contenu .date {
margin-top: 30px;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
body.blog .contenu span.fleche, body.category .contenu span.fleche {
display: inline-block;
position: absolute;
bottom: 20px;
right: 0;
-webkit-transform: rotate(0) translate(0);
-ms-transform: rotate(0) translate(0);
transform: rotate(0) translate(0);
width: 53px;
height: 37px; }
body.blog .categories, body.category .categories {
background: #ffffff;
padding: 5px 80px 10px 20px; }
body.blog [id='pagination'], body.category [id='pagination'] {
text-align: center;
padding-top: 50px; }
body.blog [id='pagination'] .first, body.blog [id='pagination'] .last, body.blog [id='pagination'] .page-numbers, body.category [id='pagination'] .first, body.category [id='pagination'] .last, body.category [id='pagination'] .page-numbers {
display: inline-block;
color: #214362;
margin: 0 5px; }
body.blog [id='pagination'] .first:hover, body.blog [id='pagination'] .last:hover, body.blog [id='pagination'] .page-numbers:hover, body.category [id='pagination'] .first:hover, body.category [id='pagination'] .last:hover, body.category [id='pagination'] .page-numbers:hover {
color: #f06a01;
text-decoration: unset; }
body.blog .titre_categorie {
float: unset;
text-align: center; }
.liste_categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px); }
.liste_categories a {
margin-left: 2px;
margin-right: 2px;
margin-bottom: 4px;
border: 1px solid #f06a01;
padding: 2px 5px;
background: #ffffff;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
.liste_categories a:hover {
text-decoration: unset;
background: #f06a01;
color: #ffffff; }
body.page .rs_mobile {
display: none;
position: absolute;
top: 30px;
right: 20px; }
body.page .rs_mobile span {
display: inline-block; }
body.page .rs_mobile .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk_orange.svg);
margin-right: 10px; }
body.page .rs_mobile a:first-child:hover .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk.svg); }
body.page .rs_mobile a:last-child:hover .lkn {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/lkn.svg); }
@media (max-width: 991px) {
body.page .rs_mobile {
display: block; } }
body.page [id='navbarPrimary'] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
body.page [id='menu-menu-principal'] {
padding-top: 1.8rem !important; }
body.page .menu_principale {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 991px) {
body.page .menu_principale [id='bs-navbar-collapse'] {
width: 100%; } }
body.page .menu_principale .rs {
background: unset;
padding-top: 1.3rem;
padding-bottom: unset;
margin-top: 13px; }
@media (max-width: 991px) {
body.page .menu_principale .rs {
display: none; } }
body.page .menu_principale .rs .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk_orange.svg);
margin-right: 10px; }
body.page .menu_principale .rs a:first-child:hover .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk.svg); }
body.page .menu_principale .rs a:last-child:hover .lkn {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/lkn.svg); }
body.page header #menu-primary .menu-tel {
width: unset;
padding: 0.5rem 0.7rem; }
body.page .header .sub-header {
padding-bottom: 3rem; }
body.page .header .sub-header .buttons {
margin-top: unset; }
body.page .bouton_important {
text-align: center; }
body.page .bouton_important .fleche {
display: inline-block;
vertical-align: middle;
-webkit-transform: rotate(0) translateX(0);
-ms-transform: rotate(0) translateX(0);
transform: rotate(0) translateX(0);
width: 45px;
height: 32px;
margin-right: 10px; }
body.page .bouton_important a {
border-color: #f06a01 !important; }
body.page [id='dernieres_actus'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1200px;
margin: 30px auto; }
@media (max-width: 768px) {
body.page [id='dernieres_actus'] {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
body.page [id='dernieres_actus'] .lien_actu.premier {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 68.25%;
flex: 0 0 68.25%;
overflow: hidden; }
@media (max-width: 1200px) {
body.page [id='dernieres_actus'] .lien_actu.premier {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%; } }
@media (max-width: 768px) {
body.page [id='dernieres_actus'] .lien_actu.premier {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
body.page [id='dernieres_actus'] .lien_actu.premier .image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
@media (max-width: 768px) {
body.page [id='dernieres_actus'] .lien_actu.premier .image {
display: none; } }
body.page [id='dernieres_actus'] .lien_actu.premier .contenu {
padding: 20px 100px 70px 30px;
background: #f06a01;
width: 40%; }
@media (max-width: 1200px) {
body.page [id='dernieres_actus'] .lien_actu.premier .contenu {
width: 60%; } }
@media (max-width: 768px) {
body.page [id='dernieres_actus'] .lien_actu.premier .contenu {
width: 100%; } }
body.page [id='dernieres_actus'] .lien_actu.premier .contenu.sans_image {
width: 100%;
height: 100%; }
body.page [id='dernieres_actus'] .lien_actu.premier .contenu .date {
color: #353e48; }
body.page [id='dernieres_actus'] .lien_actu.premier:hover .date, body.page [id='dernieres_actus'] .lien_actu.premier:hover h2, body.page [id='dernieres_actus'] .lien_actu.premier:hover .extrait {
color: #353e48; }
body.page [id='dernieres_actus'] .lien_actu.premier:hover .image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
body.page [id='dernieres_actus'] .lien_actu .contenu {
position: relative; }
body.page [id='dernieres_actus'] .lien_actu .contenu .date {
font-size: 0.875rem;
font-weight: 700; }
body.page [id='dernieres_actus'] .lien_actu .contenu h2, body.page [id='dernieres_actus'] .lien_actu .contenu .extrait {
color: #ffffff;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
body.page [id='dernieres_actus'] .lien_actu .contenu h2 {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #ffffff;
margin: 15px 0; }
body.page [id='dernieres_actus'] .lien_actu .contenu .extrait {
font-size: 0.9375rem;
line-height: 1.2; }
body.page [id='dernieres_actus'] .lien_actu span.fleche_blanche {
position: absolute;
bottom: 0;
right: 35px;
display: inline-block;
width: 53px;
height: 37px;
background-image: url(https://www.esatco85.fr/wp-content/themes/esatco85/images/fb.png);
background-size: 100%;
background-repeat: no-repeat;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
body.page [id='dernieres_actus'] .lien_actu:hover {
text-decoration: unset; }
body.page [id='dernieres_actus'] .lien_actu:hover span.fleche_blanche {
-webkit-transform: translate(5px);
-ms-transform: translate(5px);
transform: translate(5px); }
body.page [id='dernieres_actus'] .bloc_droite {
max-width: 381px;
width: 100%; }
@media (max-width: 1200px) {
body.page [id='dernieres_actus'] .bloc_droite {
max-width: 100%; } }
body.page [id='dernieres_actus'] .bloc_droite .lien_actu .contenu {
padding: 20px 130px 70px 50px; }
body.page [id='dernieres_actus'] .bloc_droite .lien_actu .contenu .date {
color: #f06a01; }
body.page [id='dernieres_actus'] .bloc_droite .lien_actu:first-child .contenu {
background: #353e48; }
body.page [id='dernieres_actus'] .bloc_droite .lien_actu:last-child .contenu {
background: #46525f; }
body.page [id='dernieres_actus'] .bloc_droite .lien_actu:hover .date, body.page [id='dernieres_actus'] .bloc_droite .lien_actu:hover h2, body.page [id='dernieres_actus'] .bloc_droite .lien_actu:hover .extrait {
color: #f06a01; }
body.page .rs {
background: #e5e5e5; }