diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html
index c057cbd6f2dbe8f765114ab44469b087c839c619..1967b26ae4ad4f6ab4040b6166ffe2158eaf97e8 100644
--- a/stylesportailcognac.css.html
+++ b/stylesportailcognac.css.html
@@ -236,18 +236,18 @@ select {
   max-width: 100%;
   width: 100%;
 }
-.portailcognac #contenu #content img {
+#contenu #content img {
   padding: 0;
 }
-.portailcognac #projets {
+#projets {
   margin: 0;
   padding: 0;
 }
-.portailcognac #projets article {
+#projets projet {
   width: 50%;
   float: left;
 }
-.portailcognac #projets a {
+#projets a {
   display: flex;
   flex-direction: row;
   align-content: center;
@@ -255,10 +255,10 @@ select {
   color: white;
   border: none;
 }
-.portailcognac #projets a:hover {
+#projets a:hover {
   color: #333;
 }
-.portailcognac #projets h2 {
+#projets h2 {
   width: 100%;
   height: auto;
   margin: auto;
@@ -270,109 +270,110 @@ select {
   text-align: center;
   line-height: 50px;
 }
-.portailcognac #projets .suite {
+#projets .suite {
   background-color: rgba(100, 100, 100, 0.5) ;
   display: flex;
   height: auto;
   padding: 0 25px;
 }
-.portailcognac #projets .suite .icon {
+#projets .suite .icon {
   margin: auto;
   align-self: center;
   font-size: 0;
-}.portailcognac #projets .suite .icon:before {
+}
+#projets .suite .icon:before {
   font-size: 4vw;
 }
 @media only screen and (max-width: 1024px) {
-  .portailcognac #projets h2 {
+  #projets h2 {
     font-size: 36px;
     line-height: 38px;
   }
 }
 @media only screen and (max-width: 768px) {
-  .portailcognac #projets h2 {
+  #projets h2 {
     font-size: 30px;
     line-height: 34px;
   }
 }
 @media only screen and (max-width: 640px) {
-  .portailcognac #projets article {
+  #projets .projet {
     width: 100%;
     float: none;
   }
-  .portailcognac #projets article a {
+  #projets .projet a {
     height: auto;
   }
-  .portailcognac #projets h2 {
+  #projets h2 {
     padding: 1rem;
     font-size: 26px;
     line-height: 30px;
   }
-  .portailcognac #projets .suite {
+  #projets .suite {
     padding: 0 15px;
   }
-  .portailcognac #projets .suite .icon {
-    font-size: 25px;
+  #projets .suite .icon {
+    font-size: 0;
   }
 }
-.portailcognac .slider-pratique {
+.slider-pratique {
   margin: 0 4rem;
 }
-.portailcognac .slider-pratique .slick-prev,
-.portailcognac .slider-pratique .slick-next {
+.slider-pratique .slick-prev,
+.slider-pratique .slick-next {
   width: 60px;
   height: 70px;
   text-shadow: initial;
 }
-.portailcognac .slider-pratique .slick-prev {
+.slider-pratique .slick-prev {
   left: -60px;
 }
-.portailcognac .slider-pratique .slick-prev:before {
+.slider-pratique .slick-prev:before {
   content: "\e907";
 }
-.portailcognac .slider-pratique .slick-next {
+.slider-pratique .slick-next {
   right: -60px;
 }
-.portailcognac .slider-pratique .slick-next:before {
+.slider-pratique .slick-next:before {
   content: "\e906";
 }
-.portailcognac .slider-pratique .slick-prev:before,
-.portailcognac .slider-pratique .slick-next:before {
+.slider-pratique .slick-prev:before,
+.slider-pratique .slick-next:before {
   margin-left: -20px;
   font-family: "picto-cognac" ;
   font-size: 50px;
   opacity: 1;
   color: #be1621;
 }
-.portailcognac .slider-pratique .slick-prev:hover:before,
-.portailcognac .slider-pratique .slick-prev:focus:before,
-.portailcognac .slider-pratique .slick-next:hover:before,
-.portailcognac .slider-pratique .slick-next:focus:before {
+.slider-pratique .slick-prev:hover:before,
+.slider-pratique .slick-prev:focus:before,
+.slider-pratique .slick-next:hover:before,
+.slider-pratique .slick-next:focus:before {
   opacity: 1;
   color: #333 ;
 }
-.portailcognac .slider-pratique button:hover,
-.portailcognac .slider-pratique button:focus {
+.slider-pratique button:hover,
+.slider-pratique button:focus {
   background-color: transparent;
 }
-.portailcognac .slider-pratique .content-pratique {
+.slider-pratique .content-pratique {
   background-color: #129b9b;
   width: 280px;
   margin: 0 12px;
   -webkit-transition: all .25s ease;
   transition: all .25s ease;
 }
-.portailcognac .slider-pratique .content-pratique:hover,
-.portailcognac .slider-pratique .content-pratique:focus {
+.slider-pratique .content-pratique:hover,
+.slider-pratique .content-pratique:focus {
   background-color: rgba(18, 155, 155, 0.2) ;
   -webkit-transition: all .25s ease;
   transition: all .25s ease;
 }
-.portailcognac .slider-pratique .content-pratique:hover h2,
-.portailcognac .slider-pratique .content-pratique:focus h2 {
+.slider-pratique .content-pratique:hover h2,
+.slider-pratique .content-pratique:focus h2 {
   color: #129b9b ;
 }
-.portailcognac .slider-pratique .h2 {
+.slider-pratique .h2 {
   display: flex;
   height: 150px;
   margin: 1.5em 0 0 0;
@@ -383,46 +384,46 @@ select {
   font-weight: 300;
   text-align: right;
 }
-.portailcognac .slider-pratique .h2 .titre-pratique {
+.slider-pratique .h2 .titre-pratique {
   width: 100%;
   align-self: center;
   padding: 10px;
   text-align: right;
   border-right: 1px solid;
 }
-.portailcognac .slider-pratique .h2 .icon {
+.slider-pratique .h2 .icon {
   align-self: center;
   padding: 7px 15px 7px 7px;
   font-size: 0;
 }
-.portailcognac .slider-pratique .h2 .icon:before {
+.slider-pratique .h2 .icon:before {
   font-size: 30px;
 }
 @media only screen and (max-width: 400px) {
-  .portailcognac .slider-pratique {
+  .slider-pratique {
     margin: 0 2.8rem;
   }
-  .portailcognac .slider-pratique .content-pratique {
+  .slider-pratique .content-pratique {
     width: 240px;
   }
-  .portailcognac .slider-pratique .h2 {
+  .slider-pratique .h2 {
     height: 130px;
     padding-bottom: 0;
     font-size: 21px;
   }
 }
 
-.portailcognac #content .titre-sommaire {
+#content .titre-sommaire {
   margin-top: 4em;
 }
-.portailcognac #content .titre-sommaire:before {
+#content .titre-sommaire:before {
   content: "";
   display: block;
   background-color: #be1621;
   width: 100%;
   height: 1px;
 }
-.portailcognac #content .titre-sommaire h1 {
+#content .titre-sommaire h1 {
   display: block;
   background-color: #eae9e5;
 max-width: [(#GET{LargeurContaineur}|moins{44})]px;
@@ -434,7 +435,7 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
   border-left: 1px solid #be1621;
 }
 @media screen and (max-width: 1178px) {
-   .portailcognac #content .titre-sommaire h1 {
+   #content .titre-sommaire h1 {
     border-left: none;
   }
 }
@@ -709,11 +710,6 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
   padding: 10px;
     border-right: 1px solid;
 }
-.slider-pratique .h2 .icon {
-  align-self: center;
-  padding: 7px 15px 7px 7px;
-  font-size: 30px;
-}
 @media only screen and (max-width: 400px) {
   .slider-pratique {
     margin: 0 2.8rem;
@@ -742,10 +738,10 @@ max-width: [(#GET{LargeurContaineur}|moins{44})]px;
   background-color: #GET{c_container_bk};
   [(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});]
 }
-.portailcognac #content #zoomsur .titre-sommaire h1 {
+#content #zoomsur .titre-sommaire h1 {
 	margin-bottom: 0;
 }
-.portailcognac img.zoomsurlogo {
+img.zoomsurlogo {
   max-width: [(#GET{LargeurContaineur})]px;
   margin: 0 auto;
   display: block;
@@ -980,9 +976,15 @@ LC: #GET{LargeurContaineur}
 }
 #projets .projet {
   background-color: #777;
+}
+@media only screen and (min-width: 641px) {
+ #projets .projet {
   width: 50%;
   float: left;
+ }
 }
+
+
 #projets .projet:hover {
   background-color: #aaa;
 }
@@ -1009,30 +1011,7 @@ LC: #GET{LargeurContaineur}
   text-align: center;
   border: none;
 }
-#projets h2 {
-    font-size: 2vw;
-    line-height: 35px;
-    width: 100%;
-    height: auto;
-    align-self: center;
-    color: inherit;
-    font-weight: 300;
-    text-align: center;
-    margin: auto;
-    padding: 0px 10px;
-}
 
-.portailcognac #projets .suite {
-    background-color: rgba(100, 100, 100, 0.498039);
-    display: flex;
-    height: auto;
-    padding: 0px 25px;
-}
-#projets .suite .icon {
-  margin: auto;
-  align-self: center;
-  font-size: 3vw;
-}
 @media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
   #projets h2 {
     font-size: 36px;
@@ -1058,9 +1037,6 @@ LC: #GET{LargeurContaineur}
     font-size: 26px;
     line-height: 30px;
   }
-  #projets .suite .icon {
-    font-size: 25px;
-  }
 }
 
 #pratique {
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index b6e4a089980eb85a93e06c8fc7780d4ec0f555d6..bfd8488ff35a626b56e27edcb36164942331fa79 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -1805,8 +1805,10 @@ div [lang], span [lang] { font-style: italic; }
 .portailcognac iframe {
   width: 100%;
 }
-.portailcognac :focus {
-  outline: none;
+.portailcognac #mobile-header {
+    position: absolute;
+    top: 18px;
+    z-index: initial;
 }
 .portailcognac #header #logo a:hover,
 .portailcognac #header #logo a:focus,