<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 


    [][][][][][][][][][][][][][][][][][][][]
    []                                    []
    []                                    []
    []   []      []  [][][][] [][][]      []
    []   []     [][]    []    []          []
    []   []    []  []   []    []          []
    []   []   []    []  []    []          []
    []   [][][]      [] []    [][][]      []
    []                                    [] 
    []   []     [] [][][] [][]]           []
    []   []     [] []     []  []          []
    []   []     [] []     [][]]           [] 
    []   []     [] []     []  []          [] 
    []   [][][] [] [][][] []  []  []      [] 
    []                                      []
    []                                        [] Fichier CSS
    []    LATELIER CONCEPTION WEB           []
    []                                    []
    []                                    []
    [][][][][][][][][][][][][][][][][][][][]
    
         AGENCE DE COMMUNICATION GLOBALE

         www.latelier-conceptionweb.com


Le style de base du theme LATELIER ce trouve ici
Vous pouvez le surcharger directement dans le fichier style.css placÃ© Ã&nbsp; la racine du dossier theme.
Toute fois des conflits peuvent apparaitre. Il est conseilleur d'utiliser des "!important" au lieu de modifier ce fichier.
Ce fichier css peut etre modifier en dernier recours mais peut provoquer des probleme d'affichage sur d'autre partie du site.

*/


/*====================LATELIER SINGLE DEFAULT====================*/

/* Background */
.background-page{position: relative;}

  /* Filtre */
  .filtre{position: absolute;top: 0px;left: 0px;width: 100%;height:100%;background-color: rgba(0, 255, 0, 0.5);}

  /* Titre sur l'image */
  .block-title-image{position: relative;padding:16.65% 0px 0px 60px;margin-left: 10%;width: 33%;}
  .block-title-image.block-title-center{width: 100%;padding-left: 0px;margin-left: 0px;padding: 15% 30px 0px 30px;box-sizing: border-box;text-align: center;}
    .block-title-image p{color: black;text-transform: uppercase;margin: 0px;font-weight: 700;letter-spacing: 3px;font-size: 14px;}
    .block-title-image h1{color: black;letter-spacing: 4px;text-transform: uppercase;font-size: 25px;font-weight: 800;line-height: 30px;margin: 25px 0px 50px 0px;}
    .block-title-image .reseaux #share .jssocials-share .jssocials-share-link{background: none!important;}
    .block-title-image .reseaux p{font-weight: 400;text-transform: inherit;letter-spacing: 0px;font-size: 12px;margin-right: 0px;}

  /* Ancre */
  .ancre-background{position: absolute;bottom: -20px;left: 0px;width: 100%;outline: none;z-index: 9;}
    .ancre-background a{width: 40px;height: 40px;background-color: lime;display: block;border-radius: 100%;margin: auto;cursor:pointer;}

/* Contenu de la page entiere */
.content_default-page{font-size: 0px;width: 90%;margin-left: 10%;margin-bottom: 50px;position: relative;}

  /* Bloc du contenu de la page (hors aside)*/
  .content_default-page .content-page{width: 65%;font-size: 12px;display: inline-block;vertical-align: top;margin-right: 10%;outline:none;}

    /* Titre de la page */
    .content_default-page .content-page h1{display: inline-block;color:black;background-color: white;position: relative;top: -50px;padding: 28px 60px;box-sizing: border-box;margin: 0px;letter-spacing: 3px;text-transform: uppercase;font-weight: 600;font-size: 18px;width: 60%;padding-bottom: 15px;}
    .content_default-page .content-page h1.center-texte{text-align: center;display: block;margin: auto;}

    /* Partage rÃ©seaux sociaux */
    .content_default-page .reseaux{padding-left: 60px;margin-bottom: 60px;}
      .reseaux p{display: inline-block;vertical-align: middle;color:black;letter-spacing: 3px;font-size: 11px;margin-right: 10px;text-transform: uppercase;}
      .reseaux #share{display: inline-block;vertical-align: middle;}
        .reseaux #share .jssocials-share {margin: 0px 7px;}
          .reseaux #share .jssocials-share .jssocials-share-link{background-color: lime!important;border-radius: 100%;width: 25px;height: 25px;padding: 0px;outline: none;}
            .reseaux #share .jssocials-share .jssocials-share-link img{padding: 6px;width: 13px;height: 13px;box-sizing: initial;}

    /* Zone de texte */
    .content_default-page .content-page .text{margin-bottom: 50px;}
      .content_default-page .content-page .text h2{color:black;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;font-size: 17px;padding-left: 60px;margin-bottom: 40px;}
      .content_default-page .content-page .text .block-text {font-size: 13px;font-weight: 400;letter-spacing: 1px;color: black;text-align: justify;border-left: solid 1px lime;padding-left: 59px;}
        .content_default-page .content-page .text .block-text p img{width: 100%;height: auto;}

    /* Zone de texte avec son titre et image */
    .content_default-page .content-page .text_image{font-size:0px;}
      .content_default-page .content-page .text_image .text{display: inline-block;width: 50%;vertical-align: middle;margin-bottom: 0px;}
      .content_default-page .content-page .text_image .image{display: inline-block;width: calc(50% - 60px);vertical-align: middle;margin-bottom: 0px;margin-top: 0px;}

    /* Image */
    .content_default-page .content-page .image {margin: 75px 0px;margin-left: 60px;text-align: center;position: relative;}
      .content_default-page .content-page .image img {width: 100%;height: auto;}

    /* Lien interne */
    .content_default-page .content-page .interne{font-size: 0px;margin-bottom: 50px;}
      .content_default-page .content-page .interne article{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);display: inline-block;margin: 0px 2%;width: 22%;}
      .content_default-page .content-page .interne article.article-interne:nth-child(2) {margin-left: 0px;}
      .content_default-page .content-page .interne article.article-interne:last-child{margin-right: 0px;}

    /* Citation */
    .block-citation svg{fill-opacity: 0.15;width:40px;display:inline-block;height: 40px;position: relative;}
    .block-citation svg:nth-child(1){vertical-align: top;top: -10px;}
    .block-citation svg:nth-child(3){-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);vertical-align: bottom;bottom: -10px;}
    .block-citation p{display: inline-block;}

    /* Galerie */
    .content_default-page .content-page .galerie {padding-left: 45px;margin-bottom: 50px;}
      .content_default-page .content-page .galerie ul {padding: 0px;margin: 0px;font-size: 0px;}
        .content_default-page .content-page .galerie ul li {list-style: none;display: inline-block;margin: 0px;width: 25%;padding: 15px;box-sizing: border-box;vertical-align: middle;}
          .content_default-page .content-page .galerie ul li a{margin: 0px!important;text-align: inherit!important;position: inherit!important;}
            .content_default-page .content-page .galerie ul li a img {width: 100%;height: auto;}

    /* Pagination des articles */
    .content_default-page .content-page .post-navigation {padding-left: 60px;box-sizing: border-box;text-align: center;}
      .content_default-page .content-page .post-navigation #return-news{background-color: lime;color: white;text-decoration: none;transition: all 0.25s;transform: scale(1);font-weight: 300;letter-spacing: 2px;font-size: 10px;border-radius: 100px;padding: 10px 15px;display: inline-block;margin-bottom: 45px;}
      .content_default-page .content-page .post-navigation #return-news:hover{transition: all 0.25s;transform: scale(0.95);}
      .content_default-page .content-page .post-navigation .nav-links a {text-transform: uppercase;text-decoration: none;color: black;font-size: 10px;letter-spacing: 2px;margin-bottom: 10px;display: block;}

  /* Aside fond */
  #aside-page{display: inline-block;width: 25%;top: 0px;right: 0px;margin-top: 0px;position: relative;}
    #aside-page .bg-aside-page{background-color:lime;position: absolute;top: 0px;right: 0px;height: calc(100% - 65px);width: 33.333%;}
    #aside-page .title-aside{padding-left: 0px;margin: 40px 0px;text-transform: uppercase;color:black;letter-spacing: 2px;font-size: 14px;font-weight:600;position: relative:}
    #aside-page .title-aside{padding-left: 0px;margin: 40px 0px;text-transform: uppercase;color:black;letter-spacing: 2px;font-size: 14px;font-weight:600;position: relative;}
    #aside-page .content-aside{margin-right: 16.666%;}
      article.article-aside{width: 100%;top: 0px;margin: 30px 0px;background-color: white;position: relative;vertical-align: top;transition: all 0.25s;transform: scale(1);outline: none;}
      article.article-aside:hover{transition: all 0.25s;transform: scale(0.95);}
        article.article-aside a{text-decoration: none;}
          article.article-aside a .bg-block-aside{height: 150px;}
          article.article-aside a h3{color:black;text-transform: uppercase;text-align: left;padding: 25px;margin: 0px;letter-spacing: 2px;font-weight: 500;line-height: 18px;font-size: 11px;}
      .more{display:block;text-align: center;position: relative;top: 35px;}
        .more a{font-size: 10px;text-decoration: none;color: black;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;background-color: lime;display: inline-block;padding: 10px 12px;border-radius: 100px;transition:all 0.25s;transform:scale(1);}
        .more a:hover{transition:all 0.25s;transform:scale(0.95);}
  
  /* Aside bottom */
  #aside-page-bottom{margin: 60px 0px;}
    #aside-page-bottom .title-aside{padding-left: 0px;text-transform: uppercase;color: black;letter-spacing: 2px;font-size: 14px;font-weight: 600;margin-bottom: 25px;}
    #aside-page-bottom article.article-aside{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);display: inline-block;margin: 0px 2%;width: 22%;}
    #aside-page-bottom article.article-aside:nth-child(1){margin-left: 0px;}
    #aside-page-bottom article.article-aside:nth-child(4){margin-right: 0px;}

  /* Aside top */
  #aside-page.aside-top{top: -290px;}
    #aside-page.aside-top article.article-aside{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);}
    #aside-page.aside-top .more{top: 0px;}
      #aside-page.aside-top .more a{width: 100%;box-sizing: border-box;border-radius: 0px;}


/*====================LATELIER SINGLE CENTER====================*/

body#center .block-title-image{padding-top: 10%; padding-left:0px;width: 80%;text-align: center;}
body#center .content_default-page .content-page{display: block;width: 75%!important;margin: auto; margin-right: auto!important;}
  body#center .content_default-page .content-page .image{margin-left: 0px;}
  body#center .content_default-page .content-page .galerie{padding-left: 0px;}
  body#center .content_default-page .content-page .text.titre-seul h2, body#center .content_default-page .content-page .text .block-text.block-citation{text-align: center;}
  body#center .content_default-page .content-page .text h2{padding-left: 0px;}
  body#center .content_default-page .content-page .text .block-text{padding-left: 0px;border-left: none;}
  body#center .content_default-page .content-page .post-navigation{padding-left: 0px;}


/*====================LATELIER PAGE DEFAULT====================*/

/* Titre sur l'image */
.page-template-default .block-title-image{display: flex;padding: 0px;width: 100%;height: 100%;margin: 0px;}
  .page-template-default .block-title-image .block-title-image-page{margin:auto;padding: 0px 30%;text-align: center;}
    .page-template-default .block-title-image .block-title-image-page hr{border: none;height: 3px;background-color: lime; width: 40%;}
    .page-template-default .block-title-image .block-title-image-page h1{margin:20px 0px 30px 0px;}
    .page-template-default .block-title-image .block-title-image-page p{text-transform: inherit;letter-spacing: 1px;}


/*====================LATELIER CATEGORY====================*/
.category .content-page #aside-page-bottom{font-size:0px;}
  .category .content-page #aside-page-bottom article.article-aside:nth-child(4){margin-right:2%;}
  .category .content-page #aside-page-bottom article.article-aside:nth-child(1){margin-left:2%;}
  .category .content-page #aside-page-bottom article.article-aside:nth-child(3n-8){margin-left: 0%;}
  .category .content-page #aside-page-bottom article.article-aside:nth-child(3n-6){margin-right: 0%;}
  .category .content-page #aside-page-bottom article.article-aside{width: 30.666%;margin-bottom: 4%;}


/*====================404====================*/
.content-error{width: 100%;margin: auto;padding: 100px 20px;box-sizing: border-box;}
    .content-error #num-error{font-size: 200px;font-weight: 900;margin: 0px auto;color: lime;display: block;text-align: center;}
    .content-error #error{color: black;letter-spacing: 4px;text-transform: uppercase;font-weight: 700;font-size: 17px;text-align: center;margin-bottom: 40px;}
    .content-error p{font-size: 13px;font-weight: 400;letter-spacing: 1px;color: black;text-align: center;}
        .content-error p a{color:lime;}


/*====================RESPONSIVE====================*/

/* 1023 */
@media all and (min-width: 0px) and (max-width: 1023px){
  
  /* Contenu de la page entiere */
  .content_default-page{width: 80%;margin: auto;}
    .content_default-page .content-page{width: 100%;margin: 0px;}
  
    /* Aside */
    aside{width:100%!important;margin-bottom: 50px;}
      aside .bg-aside-page{display: none;}
      aside .content-aside{margin-right: 0px!important;}
        aside .content-aside .more{top: 0px;margin-top: 35px;}
      aside#aside-page article.article-aside{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);display: inline-block;margin: 0px 2%;width: 30.666%;}
      aside#aside-page article.article-aside:nth-child(1){margin-left: 0px;}
      aside#aside-page article.article-aside:nth-child(3){margin-right: 0px;}
  
}


/* 768 */
@media all and (min-width: 0px) and (max-width: 768px){
  
  /* Contenu de la page entiere */
  .content_default-page {width: calc(100% - 120px);}
  
    /* Zone de texte avec son titre et image */
    .content_default-page .content-page .text_image .text{width: 100%;}
    .content_default-page .content-page .text_image .image{float: none!important;width: auto;margin-top: 75px;margin-bottom: 25px;margin-left: 60px;margin-right: 0px!important;}

    /* Galerie */
    .content_default-page .content-page .galerie ul li{width: 50%;}
  
    /* Aside */
    aside#aside-page article.article-aside{width: 48%;margin-bottom: 4%;}
    aside#aside-page article.article-aside:nth-child(even){margin-right: 0px;}
    aside#aside-page article.article-aside:nth-child(odd){margin-left: 0px;}
  
}


/* 700 */
@media all and (min-width: 0px) and (max-width: 700px){
  
    /* Titre de la page */
    .content_default-page .content-page h1{width: 100%;}
  
    /* Aside */
    aside#aside-page article.article-aside{width: 100%;margin-left: 0px;margin-right: 0px;margin-bottom: 40px;}
  
}


/* 500 */
@media all and (min-width: 0px) and (max-width: 500px){
  
  /* Background */
  .background-page{height: 70%!important;}
  
  /* Contenu de la page entiere */
  .content_default-page {width:90%;}
  
    /* Titre de la page */
    .content_default-page .content-page h1 {width: 100%;top: 0px;padding-left: 0px;padding-right: 0px;margin: 18px 0px;}
  
    /* Partage rÃ©seaux sociaux */
    .content_default-page .reseaux{padding-left:0px;}
  
    /* Zone de texte */
    .content_default-page .content-page .text h2{padding-left: 0px;}
    .content_default-page .content-page .text .block-text{padding-left: 0%;border: none;}

    /* Galerie */
    .content_default-page .content-page .galerie{padding-left: 0px;}
      .content_default-page .content-page .galerie ul li{width:100%;padding-left: 0px;padding-right: 0px;}

    /* Image */
    .content_default-page .content-page .image{margin-left: 0px!important;width: 100%!important;}

    /* Zone de texte avec son titre et image */
    .content_default-page .content-page .text_image .image{margin-top: 50px!important;margin-bottom: 0px!important;}

    /* Citation */
    .block-citation{text-align: center!important;}
      .block-citation svg{width: 30px;height: 30px;}
  
    /* Pagination des articles */
    .content_default-page .content-page .post-navigation {padding-left:0px;}   
}</pre></body></html>