html, body { height:100%; margin:0px; padding:0px; font:normal 17px 'function','arial','Tahoma','Sans-serif'; background-color:#FFFFFF; color:#2F2F2F; text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; }

@font-face { font-family:'function'; src:url('../fonts/function-book/function-book.eot'); src:url('../fonts/function-book/function-book.eot?#iefix') format('embedded-opentype'), url('../fonts/function-book/function-book.woff') format('woff'), url('../fonts/function-book/function-book.ttf') format('truetype'), url('../fonts/function-book/function-book.svg#function-book') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family:'function'; src:url('../fonts/function-bold/function-bold.eot'); src:url('../fonts/function-bold/function-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/function-bold/function-bold.woff') format('woff'), url('../fonts/function-bold/function-bold.ttf') format('truetype'), url('../fonts/function-bold/function-bold.svg#function-bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family:'cocogoose'; src:url('../fonts/cocogoose-light/cocogoose-light.eot'); src:url('../fonts/cocogoose-light/cocogoose-light.eot?#iefix') format('embedded-opentype'), url('../fonts/cocogoose-light/cocogoose-light.woff') format('woff'), url('../fonts/cocogoose-light/cocogoose-light.ttf') format('truetype'), url('../fonts/cocogoose-light/cocogoose-light.svg#cocogoose-light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family:'cocogoose'; src:url('../fonts/cocogoose-bold/cocogoose-bold.eot'); src:url('../fonts/cocogoose-bold/cocogoose-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/cocogoose-bold/cocogoose-bold.woff') format('woff'), url('../fonts/cocogoose-bold/cocogoose-bold.ttf') format('truetype'), url('../fonts/cocogoose-bold/cocogoose-bold.svg#cocogoose-bold') format('svg'); font-weight: bold; font-style: normal; }

a { }
a:link, a:visited { text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
a:active, a:focus{ outline:none; }

div#conteneur { width:100%; background-color:#FFFFFF; text-align:center; margin-bottom:100px; }
header { min-width:320px; }
div#entete-global { position:relative; left:0px; right:0px; top:0px; height:230px; background:linear-gradient(#00A651, #00CF64); z-index:6; }
div#entete-global #titre { position:absolute; left:0; right:0px; top:40px; color:#FFFFFF; height:16px; text-align:center; font:bold 24px/25px 'function'; }
div#entete-global #titre-general { position:absolute; left:0; right:0px; top:70px; color:#FFFFFF; height:16px; text-align:center; font:bold 24px/25px 'function'; }
div#brand, div#organization { display:none; }
div#entete { position:relative; }
div#entete-global #titre-general span.titre-happy-note-me { display:inline-block; background:#FFFFFF; font-size:24px; font-family:'cocogoose'; color:#000000; border-radius:20px 20px 0px 0px; padding:10px 20px 10px 20px; }
div#entete-global #titre-general div.slogan-happy-note-me { display:inline-block; margin-top:0px; padding:8px 20px 6px 20px; border-radius:30px; color:#00A651; border:solid 8px #03994C; background:#FFFFFF; height:21px; text-align:center; text-transform: uppercase; font:bold 16px/20px 'function', sans-serif; position:relative; }
div#entete-global #titre-general div.slogan-happy-note-me img { position:absolute; left:50%; margin-left:-54px; width:72px; padding:8px 20px 20px 20px; border-radius:0 0 30px 30px; border:solid 8px #03994C; border-top:none; background:#FFFFFF; }
div#entete-global #titre div.magasin { display:inline-block; margin-top:0px; padding:6px 30px 13px 30px; border-radius:30px; color:#FFFFFF; border:solid 8px #FFFFFF; background:#EB1E83; height:24px; text-align:center; text-transform: uppercase; font:bold 28px/32px 'function', sans-serif; position:relative; }
div#entete-global #titre span.titre-happy-note-me { display:inline-block; background:#FFFFFF; font-size:24px; font-family:'cocogoose'; color:#000000; border-radius:20px 20px 0px 0px; padding:10px 20px 10px 20px; }
div#entete-global #titre-actions { position:absolute; left:0; right:0px; top:70px; text-transform:none; font-family:'function'; line-height:28px; font-size:21px; }
   #action-telephone { cursor:pointer; position:absolute; left:0%; margin-left:-30px; top:-4px; display:inline-block; height:51px; width:60px; z-index:11; background:url('../images/bulle-blanche-gauche.png') no-repeat; background-size:100%; }
      #action-telephone img { position:absolute; left:50%; margin-left:-12px; top:9px; display:inline-block; height:24px; width:24px; z-index:11; }
      #action-telephone:hover { z-index:12; }
      #action-telephone #numero-telephone { display:none; position:absolute; height:30px; left:30px; top:0px; white-space:nowrap; color:#EB1E83; background:#FFFFFF; padding:9px 20px 3px 18px; z-index:9; border-top-right-radius:28px 21px; border-bottom-right-radius:28px 21px; }
      #action-telephone:hover #numero-telephone { display:inline-block; }
   #action-site-web { cursor:pointer; position:absolute; left:25%; margin-left:-30px; top:-4px; display:inline-block; height:51px; width:60px; z-index:11; background:url('../images/bulle-blanche-gauche.png') no-repeat; background-size:100%; }
      #action-site-web img { position:absolute; left:50%; margin-left:-12px; top:9px; display:inline-block; height:24px; width:24px; z-index:11; }
      #action-site-web:hover { z-index:12; }
      #action-site-web #site-web { display:none; position:absolute; height:30px; left:30px; top:0px; white-space:nowrap; color:#EB1E83; background:#FFFFFF; padding:8px 20px 4px 18px; z-index:9; border-top-right-radius:28px 21px; border-bottom-right-radius:28px 21px; }
      #action-site-web:hover #site-web { display:inline-block; }
   #action-map { cursor:pointer; position:absolute; left:50%; margin-left:-30px; top:-4px; display:inline-block; height:51px; width:60px; z-index:11; background:url('../images/bulle-blanche-droite.png') no-repeat; background-size:100%; }
      #action-map img { position:absolute; left:50%; margin-left:-12px; top:9px; display:inline-block; height:24px; width:24px; z-index:11; }
      #action-map:hover { z-index:12; }
      #action-map #carte { display:none; position:absolute; height:30px; right:30px; top:0px; white-space:nowrap; color:#EB1E83; background:#FFFFFF; padding:8px 16px 4px 20px; z-index:9; border-top-left-radius:28px 21px; border-bottom-left-radius:28px 21px; }
      #action-map:hover #carte { display:inline-block; }
   #action-galerie { cursor:pointer; position:absolute; left:75%; margin-left:-30px; top:-4px; display:inline-block; height:51px; width:60px; z-index:11; background:url('../images/bulle-blanche-droite.png') no-repeat; background-size:100%; }
      #action-galerie img { position:absolute; left:50%; margin-left:-12px; top:9px; display:inline-block; height:24px; width:24px; z-index:11; }
      #action-galerie:hover { z-index:12; }
      #action-galerie #galerie { display:none; position:absolute; height:30px; right:30px; top:0px; white-space:nowrap; color:#EB1E83; background:#FFFFFF; padding:8px 20px 4px 20px; z-index:9; border-top-left-radius:28px 21px; border-bottom-left-radius:28px 21px; }
      #action-galerie:hover #galerie { display:inline-block; }
   #action-adresses { cursor:pointer; position:absolute; left:100%; margin-left:-30px; top:-4px; display:inline-block; height:51px; width:60px; z-index:11; background:url('../images/bulle-blanche-droite.png') no-repeat; background-size:100%; }
      #action-adresses img { position:absolute; left:50%; margin-left:-12px; top:9px; display:inline-block; height:24px; width:24px; z-index:11; }
      #action-adresses:hover { z-index:12; }
      #action-adresses #adresses { display:none; position:absolute; height:30px; right:30px; top:0px; white-space:nowrap; color:#EB1E83; background:#FFFFFF; padding:8px 18px 4px 20px; z-index:9; border-top-left-radius:28px 21px; border-bottom-left-radius:28px 21px; }
      #action-adresses:hover #adresses { display:inline-block; }
div#entete-global span.retour-titre1-1, div#entete-global span.retour-titre2-1, div#entete-global span.retour-titre2-3, div#entete-global span.retour-titre2-5 { display:inline; }
div#entete-global span.retour-titre1-2, div#entete-global span.retour-titre2-2, div#entete-global span.retour-titre2-4, div#entete-global span.retour-titre2-6 { display:none; }
div#entete-global span.spacing1 { letter-spacing:0.4px; }
div#entete-global span.spacing2 { letter-spacing:-0.4px; }
div#entete-global span.vert { color:#00A651; }
div#entete-global span.orange { color:#F7931E; }
div#entete-global span.rouge { color:#ED1C24; }
   div#bandeau { position:relative; max-width:980px; text-align:center; height:157px; }
      #logo-happy-note-me { display:inline-block; text-align:center; position:absolute; left:20px; top:50px; }
      #logo-happy-note-me img { border:none; vertical-align:middle; width:270px; }
      #bandeau-bas { position:relative; left:0px; right:0px; min-height:300px; background:#00CF64; z-index:2; overflow:hidden; text-align:center; }
      #bandeau-background { position:absolute; top:6px; left:-50%; right:-50%; height:1000px; background:#C0C0C0 url('../images/background-smiley.png') repeat; z-index:3; border-radius:50%; border:solid 3px #FFFFFF; box-shadow:0px 0px 50px 50px rgba(255, 255, 255, 0.75) inset; }
      #bandeau-ombre { position:absolute; bottom:0; top:-50%; left:-50%; right:-50%; background:transparent; z-index:3; box-shadow:0px 0px 50px 50px rgba(255, 255, 255, 0.75) inset; }
      #logo-client-border { display:inline-block; border-radius:50%; height:300px;width:300px; background:rgba(0,0,0,0.1); position:absolute; right:20px; top:50px; z-index:10; }
      .logo-client-img { display:inline-block; border-radius:50%; height:200px; width:200px; padding:25px; background:#FFFFFF; position:absolute; right:25px; top:25px; z-index:10; }
      .logo-client-img img { width:100%; }
      #tablette { margin:60px auto 40px; position:relative; display:inline-block; height:400px; width:600px; z-index:10; background:url('../images/tablette-happy-note-me.png') no-repeat; background-size:100%; }
      #recapitulatif { margin:120px auto 40px; position:relative; display:inline-block; height:420px; width:519px; z-index:10; }
         #recapitulatif-bulle-blanche { position:absolute; left:0px; top:40px; display:inline-block; height:404px; width:519px; z-index:10; background:url('../images/bulle-blanche-ombre.png') no-repeat; background-size:100%; }
            #recapitulatif-bulle-blanche-statistiques { position:absolute; left:50px; bottom:180px; height:150px; width:412px; z-index:10; }
               #satisfaction1 { position:absolute; left:30px; bottom:20px; width:56px; z-index:10; border-radius:28px 28px 7px 7px; background:#E30816; }
               #satisfaction2 { position:absolute; left:106px; bottom:20px; width:56px; z-index:10; border-radius:28px 28px 7px 7px; background:#FC5102; }
               #satisfaction3 { position:absolute; left:182px; bottom:20px; width:56px; z-index:10; border-radius:28px 28px 7px 7px; background:#F3920A; }
               #satisfaction4 { position:absolute; left:258px; bottom:20px; width:56px; z-index:10; border-radius:28px 28px 7px 7px; background:#76AA2C; }
               #satisfaction5 { position:absolute; left:334px; bottom:20px; width:56px; z-index:10; border-radius:28px 28px 7px 7px; background:#009640; }
               #satisfaction1 #satisfaction1-icone, #satisfaction2 #satisfaction2-icone, #satisfaction3 #satisfaction3-icone, #satisfaction4 #satisfaction4-icone, #satisfaction5 #satisfaction5-icone { content:''; position:absolute; top:3px; left:50%; margin-left:-10px; width:20px; height:20px; border-radius:50%; }
               #satisfaction1 #satisfaction1-icone { background:url('../images/satisfaction-1.png') no-repeat; background-size:100%; }
               #satisfaction2 #satisfaction2-icone { background:url('../images/satisfaction-2.png') no-repeat; background-size:100%; }
               #satisfaction3 #satisfaction3-icone { background:url('../images/satisfaction-3.png') no-repeat; background-size:100%; }
               #satisfaction4 #satisfaction4-icone { background:url('../images/satisfaction-4.png') no-repeat; background-size:100%; }
               #satisfaction5 #satisfaction5-icone { background:url('../images/satisfaction-5.png') no-repeat; background-size:100%; }
               #recapitulatif-bulle-blanche-statistiques .pourcentage { position:absolute; bottom:-2px; left:0px; width:56px; font-size:16px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; text-align:center; }
               #recapitulatif-bulle-blanche-statistiques .avis { position:absolute; bottom:-23px; left:0px; width:56px; line-height:10px; font-size:12px; font-weight:bold; font-family:'cocogoose'; }
               #recapitulatif-bulle-blanche-statistiques .avis span { font-size:10px; }
               #satisfaction1 .avis { color:#E30816; }
               #satisfaction2 .avis { color:#FC5102; }
               #satisfaction3 .avis { color:#F3920A; }
               #satisfaction4 .avis { color:#76AA2C; }
               #satisfaction5 .avis { color:#009640; }
               #recapitulatif-bulle-blanche-barre { position:absolute; left:61px; bottom:-31px; height:8px; width:255px; border:solid 2px #EB1E83; background:linear-gradient(90deg, #EC63A0, #F9D6E8); z-index:10; border-radius:11px; }
               #recapitulatif-bulle-blanche-barre-fin { position:absolute; right:-70px; top:-17px; width:60px; text-align:left; font-size:24px; font-weight:bold; font-family:'cocogoose'; color:#EB1E83; }
               #recapitulatif-bulle-blanche-barre-fin span { display:inline-block; width:40px; }
               #recapitulatif-bulle-blanche-barre-progression { position:absolute; left:0px; top:0px; height:8px; background:linear-gradient(90deg, #EC63A0, #EB1E83); z-index:10; border-radius:4px; }
               #recapitulatif-bulle-blanche-barre-progression-logo { position:absolute; right:-29px; top:21px; height:55px; width:55px; border-radius:50%; border:solid 2px #EB1E83; background:url('../images/satisfaction-miss-cookies.png') no-repeat; background-size:100%; z-index:10; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.3); }
               #recapitulatif-bulle-blanche-barre-progression-fleche { position:absolute; right:-19px; top:10px; height:20px; width:39px; background:url('../images/satisfaction-miss-cookies-fleche.png') no-repeat; background-size:100%; z-index:10; }
         #review { position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:10; }
         #reviewTitre { position:absolute; left:0px; right:0px; top:-40px; font:bold 18px/23px 'cocogoose'; color:#FFFFFF; text-shadow:rgba(0,0,0,8) 2px 2px 4px; }
         #reviewTelephone, #reviewImage, #reviewPrix, #reviewAdresse { display:none; }
         #recapitulatif-bulle-verte-ombre { position:absolute; left:20px; top:10px; display:inline-block; height:88px; width:123px; z-index:9; background:#009640; border-radius:50%; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.3); }
         #recapitulatif-bulle-verte { position:absolute; left:20px; top:10px; display:inline-block; height:107px; width:123px; z-index:11; background:url('../images/bulle-verte.png') no-repeat; background-size:100%; }
            #recapitulatif-bulle-verte-note { position:absolute; left:0px; top:4px; display:inline-block; width:123px; z-index:12; font-size:44px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
            #recapitulatif-bulle-verte-note small { display:inline-block; margin-top:20px; display:inline-block; z-index:12; vertical-align:sub; font-size:24px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
         #recapitulatif-bulle-orange-ombre { position:absolute; right:60px; top:14px; display:inline-block; height:70px; width:98px; z-index:9; background:#F3920A; border-radius:50%; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.3); }
         #recapitulatif-bulle-orange { position:absolute; right:60px; top:14px; display:inline-block; height:85px; width:98px; z-index:11; background:url('../images/bulle-orange.png') no-repeat; background-size:100%; }
            #recapitulatif-bulle-orange-avis { position:absolute; left:0px; top:14px; display:inline-block; width:98px; z-index:12; line-height:22px; font-size:24px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
            #recapitulatif-bulle-orange-avis .rating-count { display:none; }
            #recapitulatif-bulle-orange-avis em { font-style:normal; }
            #recapitulatif-bulle-orange-avis small { font-size:20px; }
         #recapitulatif-bulle-rouge-ombre { position:absolute; left:50%; margin-left:-49px; top:-4px; display:inline-block; height:70px; width:98px; z-index:9; background:#E30816; border-radius:50%; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.3); }
         #recapitulatif-bulle-rouge { cursor:pointer; position:absolute; left:50%; margin-left:-49px; top:-4px; display:inline-block; height:85px; width:98px; z-index:11; background:url('../images/bulle-rouge.png') no-repeat; background-size:100%; }
            #recapitulatif-bulle-rouge img { position:absolute; left:50%; margin-left:-24px; top:11px; display:inline-block; height:48px; width:48px; z-index:11; }
         
      #logo-client-border2 { display:none; position:relative; border-radius:50%; width:240px; height:240px; background:rgba(0,0,0,0.2); margin:0px auto 20px; z-index:10; }
      
      h2#container-titre { position:relative; background:#F3920A; color:#FFFFFF; text-align:center; line-height:38px; font-size:28px; font-family:'cocogoose'; margin:0px; padding:20px 20px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; }
      #container, #container2 { min-height:500px; position:relative; overflow:hidden; }
      #container-background, #container2-background { position:absolute; left:-50%; right:-50%; top:0px; bottom:0px; height:100%; background:url('../images/background-smiley.png') repeat; z-index:8; }
      #container-content, #container2-content, #container3-content { position:relative; margin-left:20%; margin-right:20%; min-height:500px; background:#FFFFFF; z-index:9; text-align:center; }
      #container3-content { margin-top:170px; }
      #container-left, #container2-left { position:absolute; left:0; top:0; height:100%; width:20%; z-index:7; background:linear-gradient(90deg, #00CF64, #00A651); opacity:0.8; }
      #container-right, #container2-right { position:absolute; right:0; top:0; min-height:100%; width:20%; z-index:7; background:linear-gradient(270deg, #00CF64, #00A651); opacity:0.8; }
      .container-content-page {  text-align:left; padding:20px; display:inline-block; max-width:800px; }
      .container-content-page h3 { margin:20px 0px 10px 0px; padding:0px; text-align:justify; }
      .container-content-page h4 { margin:15px 0px 8px 0; padding:0px; text-align:justify; }
      .container-content-page h5 { margin:20px 0px 20px 0; padding:0px; text-align:justify; font-size:17px; font-weight:normal; font-style:italic; color:#888888; }
      .container-content-page p { margin:5px 0px; padding:0px; text-align:justify; }
      .container-content-page ul { margin:0px 0px 5px 0px; padding-left:16px; }
      .container-content-page li { margin:4px 0px; text-align:justify; }
      .container-content-page li a { color:#009640; }
      .container-content-page2 { text-align:center; padding:20px; display:inline-block; max-width:800px; }
      .happynoteme { font-family:'cocogoose'; font-weight:bold; font-size:15px; }
      
      h4#container2-titre { position:relative; background:#8F8F8F; color:#FFFFFF; text-align:center; line-height:38px; font-size:28px; font-family:'cocogoose'; margin:0px; padding:20px 20px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; }
      #container2-left { background:linear-gradient(90deg, #DEDEDE, #C9C9C9); }
      #container2-right { background:linear-gradient(270deg, #DEDEDE, #C9C9C9); }

      .etablissements { padding:0px 20px 40px 20px; }
      .etablissement { background:#DDDDDD; border-radius:40px; min-height:160px; width:100%; max-width:600px; display:inline-block; margin:80px auto 40px auto; position:relative; z-index:5; }
      .etablissement-miss-cookies { background:#EB1E83; }
      .etablissement-icone { position:absolute; left:60px; height:64px; width:64px; border-radius:50%; background:#EB1E83; border:solid 8px #DDDDDD; top:-40px; z-index:7; }
      .etablissement-miss-cookies .etablissement-icone { border-color:#EB1E83;}
      .etablissement-icone::after { content:''; position:absolute; left:8px; top:8px; height:48px; width:48px; background:url('../images/commentaire-miss-cookies.png') no-repeat; background-size:100%; }
      .etablissement-titre { position:absolute; left:10px; top:10px; right:10px; height:38px; background:#EB1E83; z-index:6; border-radius:30px 30px 7px 7px; }
      .etablissement-miss-cookies .etablissement-titre { background:#FFFFFF; }
      .etablissement-nom { position:absolute; left:130px; right:4px; top:5px; text-align:left; white-space:nowrap; overflow:hidden; height:30px; font-family:'cocogoose'; font-weight:bold; color:#FFFFFF; font-size:19px; }
      .etablissement-miss-cookies .etablissement-nom { color:#EB1E83; }
      .etablissement-adresse { position:relative; margin-top:60px; margin-left:140px; text-align:left; font-family:'function'; font-weight:normal; color:#393939; font-size:19px; }
      .etablissement-miss-cookies .etablissement-adresse { color:#FFFFFF; }
      .etablissement-bulle-verte { position:absolute; left:-10px; top:77px; display:inline-block; height:107px; width:123px; z-index:11; background:url('../images/bulle-verte.png') no-repeat; background-size:100%; }
         .etablissement-bulle-verte-note { position:absolute; left:0px; top:11px; display:inline-block; width:123px; z-index:12; font-size:44px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
         .etablissement-bulle-verte-note span { display:inline-block; margin-top:20px; display:inline-block; z-index:12; vertical-align:sub; font-size:24px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
      .etablissement-bulle-orange { position:absolute; right:-10px; top:33px; display:inline-block; height:85px; width:98px; z-index:11; background:url('../images/bulle-orange.png') no-repeat; background-size:100%; }
         .etablissement-bulle-orange-avis { position:absolute; left:0px; top:14px; display:inline-block; width:98px; z-index:12; line-height:22px; font-size:24px; font-weight:bold; font-family:'cocogoose'; color:#FFFFFF; }
         .etablissement-bulle-orange-avis span { font-size:20px; }
      .etablissement-lien { position:absolute; left:-10px; top:-40px; right:-10px; bottom:-23px; z-index:15; }
      
      span.retour-commentaires-1 { display:inline; }
      span.retour-commentaires-2 { display:none; }
      .commentaires { padding:40px 20px; }
      .commentaire { background:#DDDDDD; border-radius:40px; min-height:160px; width:100%; max-width:600px; display:inline-block; margin:90px auto 60px auto; position:relative; z-index:5; }
      .item-reviewed { display:none; }
      .commentaire-recommander { padding-bottom:30px; margin-bottom:80px; }
      .commentaire-reponse-miss-cookies, .commentaire-reponse-retour { margin-top:0px; margin-left:100px; /*width:auto;*/ background:#FFDFF7; }
      .commentaire-reponse-miss-cookies::before, .commentaire-reponse-retour::before { content:''; position:absolute; left:-70px; top:50%; width:42px; height:42px; margin-top:-21px; border-radius:50%; border:solid 8px #DDDDDD; background:#DDDDDD url('../images/commentaire-reponse.png') no-repeat; background-size:100%; }
      .commentaire-reponse-retour { background:#C9E5F8; }
      .commentaire-satisfaction { position:absolute; left:60px; height:64px; width:64px; border-radius:50%; background:#DDDDDD; border:solid 8px #DDDDDD; top:-40px; z-index:7; }
      .commentaire-satisfaction span { content:''; position:absolute; left:8px; top:8px; height:48px; width:48px; }
      .commentaire-satisfaction1 { background:#E30816; }
      .commentaire-satisfaction2 { background:#FC5102; }
      .commentaire-satisfaction3 { background:#F3920A; }
      .commentaire-satisfaction4 { background:#76AA2C; }
      .commentaire-satisfaction5 { background:#009640; }
      .commentaire-miss-cookies { background:#EB1E83; border:solid 8px #FFDFF7; left:40px; }
      .commentaire-retour { background:#00B6F2; border:solid 8px #C9E5F8; left:40px; }
      .commentaire-satisfaction1 span { background:url('../images/satisfaction-1.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-satisfaction2 span { background:url('../images/satisfaction-2.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-satisfaction3 span { background:url('../images/satisfaction-3.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-satisfaction4 span { background:url('../images/satisfaction-4.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-satisfaction5 span { background:url('../images/satisfaction-5.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-miss-cookies span { background:url('../images/commentaire-miss-cookies.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-retour span { background:url('../images/commentaire-retour.png') no-repeat; background-size:100%; background-position:center; }
      .commentaire-titre { position:absolute; left:10px; top:10px; right:10px; height:38px; z-index:6; border-radius:30px 30px 7px 7px; }
      .commentaire-titre-satisfaction1 { background:#E30816; }
      .commentaire-titre-satisfaction2 { background:#FC5102; }
      .commentaire-titre-satisfaction3 { background:#F3920A; }
      .commentaire-titre-satisfaction4 { background:#76AA2C; }
      .commentaire-titre-satisfaction5 { background:#009640; }
      .commentaire-titre-miss-cookies { background:#EB1E83; }
      .commentaire-titre-retour { background:#00B6F2; }
      .date-avis { background:#FFFFFF; position:absolute; right:7px; top:6px; height:15px; font-family:'cocogoose'; font-size:16px; font-weight:bold; padding:3px 14px 8px 7px; border-radius:5px 23px 3px 5px; }
      .date-avis::after { content:''; display:none; }
      .commentaire-titre-satisfaction1 .date-avis { color:#E30816; }
      .commentaire-titre-satisfaction2 .date-avis { color:#FC5102; }
      .commentaire-titre-satisfaction3 .date-avis { color:#F3920A; }
      .commentaire-titre-satisfaction4 .date-avis { color:#76AA2C; }
      .commentaire-titre-satisfaction5 .date-avis { color:#009640; }
      .commentaire-titre-miss-cookies .date-avis { color:#EB1E83; }
      .commentaire-titre-retour .date-avis { color:#00B6F2; }
      .note-avis { position:absolute; left:18px; top:1px; font-family:'cocogoose'; font-weight:bold; color:#FFFFFF; font-size:24px; width:40px; text-align:center; }
      .note-avis em { font-style:normal; }
      .note-avis span { margin-top:10px; font-size:16px; vertical-align:sub; }
      .emetteur-avis { position:absolute; left:130px; right:4px; top:7px; text-align:left; white-space:nowrap; overflow:hidden; /*height:30px;*/ font-family:'cocogoose'; font-weight:bold; color:#FFFFFF; font-size:19px; }
      .commentaire-titre-miss-cookies .emetteur-avis, .commentaire-titre-retour .emetteur-avis { left:110px; }
      .commentaire-themes { margin:60px 20px 20px 20px; text-align:left; }
      .commentaire-theme { margin:10px 0px; text-align:left; font-family:'function'; font-weight:bold; color:#4F4F4F; font-size:21px; position:relative; }
      .commentaire-theme em { font-style:normal; }
      .rating-value { display:none; }
      .note-theme { position:absolute; right:0px; width:40%; }
      .avis-satisfaction1-off, .avis-satisfaction1-on, .avis-satisfaction2-off, .avis-satisfaction2-on, .avis-satisfaction3-off, .avis-satisfaction3-on, .avis-satisfaction4-off, .avis-satisfaction4-on, .avis-satisfaction5-off, .avis-satisfaction5-on { position:absolute; top:-1px; width:18px; height:18px; margin-left:-12px; background:#C8C8C8; border:solid 3px #C8C8C8; border-radius:50%; }
      .avis-satisfaction1-off, .avis-satisfaction1-on { left:10%; }
      .avis-satisfaction2-off, .avis-satisfaction2-on { left:30%; }
      .avis-satisfaction3-off, .avis-satisfaction3-on { left:50%; }
      .avis-satisfaction4-off, .avis-satisfaction4-on { left:70%; }
      .avis-satisfaction5-off, .avis-satisfaction5-on { left:90%; }
      .avis-satisfaction1-off span, .avis-satisfaction1-on span, .avis-satisfaction2-off span, .avis-satisfaction2-on span, .avis-satisfaction3-off span, .avis-satisfaction3-on span, .avis-satisfaction4-off span, .avis-satisfaction4-on span, .avis-satisfaction5-off span, .avis-satisfaction5-on span { content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border-radius:50%; }
      .avis-satisfaction1-on { background:#E30816; border-color:#E30816; }
      .avis-satisfaction1-on span, .avis-satisfaction1-off span { background:url('../images/satisfaction-1.png') no-repeat; background-size:100%; background-position:center center; }
      .avis-satisfaction2-on { background:#FC5102; border-color:#FC5102; }
      .avis-satisfaction2-on span, .avis-satisfaction2-off span { background:url('../images/satisfaction-2.png') no-repeat; background-size:100%; background-position:center center; }
      .avis-satisfaction3-on { background:#F3920A; border-color:#F3920A; }
      .avis-satisfaction3-on span, .avis-satisfaction3-off span { background:url('../images/satisfaction-3.png') no-repeat; background-size:100%; background-position:center center; }
      .avis-satisfaction4-on { background:#76AA2C; border-color:#76AA2C; }
      .avis-satisfaction4-on span, .avis-satisfaction4-off span { background:url('../images/satisfaction-4.png') no-repeat; background-size:100%; background-position:center center; }
      .avis-satisfaction5-on { background:#009640; border-color:#009640; }
      .avis-satisfaction5-on span, .avis-satisfaction5-off span { background:url('../images/satisfaction-5.png') no-repeat; background-size:100%; background-position:center center; }
      .avis-satisfaction1-off span, .avis-satisfaction2-off span, .avis-satisfaction3-off span, .avis-satisfaction4-off span, .avis-satisfaction5-off span { opacity:0.5; }
      .commentaire-texte { margin:0px 20px 20px 20px; text-align:left; font-family:'function'; font-weight:normal; color:#4F4F4F; font-style:italic; font-size:17px; position:relative; }
      .commentaire-texte-miss-cookies, .commentaire-texte-retour { margin-top:60px; }
      .commentaire-compliment { position:relative; border:solid 5px #009640; border-radius:20px; padding:10px 10px 10px 65px; margin-top:20px; background:#F3F3F3; min-height:22px; }
      .commentaire-compliment small { content:''; position:absolute; background:url('../images/commentaire-compliment.png') no-repeat; background-size:100%; background-position:center center; border-radius:50%; width:40px; height:40px; left:5px; top:50%; margin-top:-20px; z-index:5; }
      .commentaire-compliment::after { content:''; position:absolute; background:#009640; left:0px; width:55px; bottom:0px; top:0px; border-radius:7px 0px 0px 7px; }
      .commentaire-probleme { position:relative; border:solid 5px #E30816; border-radius:20px; padding:10px 10px 10px 65px; margin-top:20px; background:#F3F3F3; min-height:22px; }
      .commentaire-probleme small { content:''; position:absolute; background:url('../images/commentaire-probleme.png') no-repeat; background-size:100%; background-position:center center; border-radius:50%; width:40px; height:40px; left:5px; top:50%; margin-top:-20px; z-index:5; }
      .commentaire-probleme::after { content:''; position:absolute; background:#E30816; left:0px; width:55px; bottom:0px; top:0px; border-radius:7px 0px 0px 7px; }
      .commentaire-suggestion { position:relative; border:solid 5px #F3920A; border-radius:20px; padding:10px 10px 10px 65px; margin-top:20px; background:#F3F3F3; min-height:22px; }
      .commentaire-suggestion small { content:''; position:absolute; background:url('../images/commentaire-suggestion.png') no-repeat; background-size:100%; background-position:center center; border-radius:50%; width:40px; height:40px; left:5px; top:50%; margin-top:-20px; z-index:5; }
      .commentaire-suggestion::after { content:''; position:absolute; background:#F3920A; left:0px; width:55px; bottom:0px; top:0px; border-radius:7px 0px 0px 7px; }
      .commentaire-question { position:relative; border:solid 5px #FFCF00; border-radius:20px; padding:10px 10px 10px 65px; margin-top:20px; background:#F3F3F3; min-height:22px; }
      .commentaire-question small { content:''; position:absolute; background:url('../images/commentaire-question.png') no-repeat; background-size:100%; background-position:center center; border-radius:50%; width:40px; height:40px; left:5px; top:50%; margin-top:-20px; z-index:5; }
      .commentaire-question::after { content:''; position:absolute; background:#FFCF00; left:0px; width:55px; bottom:0px; top:0px; border-radius:7px 0px 0px 7px; }
      .commentaire-recommandation { position:absolute; bottom:-20px; right:10px; background:#EB1E83; padding:11px 84px 9px 15px; border-radius:25px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:'cocogoose'; }
      .commentaire-recommandation span { position:absolute; bottom:-15px; right:0px; border:solid 5px #EB1E83; padding:0px; border-radius:50%; height:70px; width:70px; background:#EB1E83 url('../images/recommandation.png') no-repeat; background-size:80%; background-position:center; }
      
      .sticker-coeurs { position:absolute; right:0px; top:-40px;  width:250px; height:40px; z-index:4; overflow:hidden; }
      .sticker-coeurs-images { float:right; width:55px; height:40px; position:relative; z-index:4; overflow:hidden; margin:0 3px 0 0px; }
      .coeur-gauche { position:absolute; left:0px; top:0px; background:url('../images/coeur-gauche.png') no-repeat; background-size:100%; width:30px; height:40px; z-index:4; }
      .coeur-droit { position:absolute; right:0px; top:0px; background:url('../images/coeur-droit.png') no-repeat; background-size:100%; width:30px; height:40px; z-index:4; }
      .sticker-coeurs-texte-gauche, .sticker-coeurs-texte-droite { float:right; margin-top:14px; font:bold 20px 'function'; color:#EB1E83; }
      
      .sticker-cookies { position:absolute; right:0px; top:-40px;  width:250px; height:40px; z-index:4; overflow:hidden; }
      .sticker-cookies-images { float:right; width:63px; height:40px; position:relative; z-index:4; overflow:hidden; margin:0 8px; }
      .cookies-gauche { position:absolute; left:0px; top:7px; width:30px; height:30px; z-index:4; }
      .cookies-droit { position:absolute; right:0px; top:7px; width:30px; height:30px; z-index:4; }
      .cookies-ombre { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url('../images/cookies-ombre.png') no-repeat; background-size:100%; background-position:center center; width:30px; height:30px; z-index:4; }
      .cookies { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url('../images/cookies.png') no-repeat; background-size:100%; background-position:center center; width:30px; height:30px; z-index:4; }
      .sticker-cookies-texte-gauche, .sticker-cookies-texte-droite { float:right; margin-top:14px; font:bold 20px 'function'; color:#D89B58; }
      
      .page-navigation { margin:50px auto; }
      .page-prev { position:relative; width:70px; display:inline-block; height:60px; margin:0px; overflow:hidden; border-radius:30px 0 0 30px; z-index:4; }
      .page-prev:before, #page-prev:after { content:''; position:absolute; }
      .page-prev:before { right:-70px; top:-12px; background:transparent; width:84px; height:84px; border-radius:100%; box-shadow:0 0 0 500px #F3920A; }
      .page-prev:after { left:15px; top:15px; background:url('../images/pagination-prev.png') no-repeat; background-size:100%; width:30px; height:30px; }
      .page-next { position:relative; width:70px; display:inline-block; height:60px; margin:0px; overflow:hidden; border-radius:0 30px 30px 0; z-index:4; }
      .page-next:before, #page-next:after { content:''; position:absolute; }
      .page-next:before { left:-70px; top:-12px; background:transparent; width:84px; height:84px; border-radius:100%; box-shadow:0 0 0 500px #F3920A; }
      .page-next:after { right:15px; top:15px; background:url('../images/pagination-next.png') no-repeat; background-size:100%; width:30px; height:30px; }
      .page-numero { width:60px; height:60px; border-radius:30px; display:inline-block; background:#F3920A; margin:0 10px; position:relative; z-index:5; }
      .page-numero-on { background:#E30816; }
      .page-numero .numero1, .page-numero .numero2, .page-numero .numero3 { position:absolute; left:0px; top:13px; width:60px; height:40px; text-align:center; color:#FFFFFF; font-family:'function'; line-height:36px; font-size:36px; font-weight:bold; }
      .page-numero .numero2 { top:14px; line-height:34px; font-size:34px; }
      .page-numero .numero3 { top:16px; line-height:30px; font-size:30px; }
      
      #map-entete { position:relative; background:#EB1E83; font-weight:bold; color:#FFFFFF; text-align:center; line-height:38px; font-size:28px; font-family:'cocogoose'; margin:0px; padding:20px 20px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; }
      #map-background { position:relative; background:#EB1E83; }
      #map-titre { font-size:28px; font-family:'cocogoose'; font-weight:bold; text-align:center; color:#FFFFFF; text-shadow:1px 1px 1px rgba(0, 0, 0, 1); position:absolute; top:200px; left:0; right:0; bottom:0; }
      #map-area { display:block; overflow:auto; width:100%; height:400px; margin:0; padding:0; max-width:none; !important; align:center; }
      #map-area img { max-width: none !important; }
      
      #map-area .map-infowindow { font-family:'function', sans-serif; padding:0px; }
      #map-area .map-title { font-family:'function', sans-serif; font-size:17px; font-weight:bold; padding:5px 5px; background-color:#EB1E83; color:#FFFFFF; margin:0; border-radius:3px 3px 3px 3px; text-align:left; }
      #map-area .map-address { font-family:'function', sans-serif; font-size:15px; font-weight:normal; padding:2px 5px 0px 5px; margin:0; border-radius:0; text-align:left; }
      
      #images-entete { position:relative; background:#F3920A; font-weight:bold; color:#FFFFFF; text-align:center; line-height:38px; font-size:28px; font-family:'cocogoose'; margin:0px; padding:20px 20px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; }
      #images-container { margin:0px auto; position:relative; overflow:hidden; width:100%; background:radial-gradient(ellipse at center, #F2C40A 0%, #F3920A 90%); }
      #container-galerie-photo { position:absolute; left:-50%; right:-50%; top:0px; bottom:0px; height:100%; background:url('../images/background-smiley.png') repeat; opacity:0.5; z-index:7; }
      #images-contenu { margin:0px auto; max-width:1024px; text-align:left; padding:60px 30px 60px 30px; position:relative; z-index:8; }
      .galerie-miss-cookies-titre { text-align:center; margin:0 auto 10px auto; font-weight:bold; text-transform:uppercase; }
      .galerie-photo { display:inline-block; width:33.33%; }

      .galerie-photo1-1 div, .galerie-photo2-1 div { position:relative; margin:6px 38px 6px 20px; }
      .galerie-photo1-2 div, .galerie-photo2-2 div { position:relative; margin:6px 33px 6px 25px; }
      .galerie-photo1-3 div, .galerie-photo2-3 div { position:relative; margin:6px 28px 6px 30px; }
      .galerie-photo1-1 div img, .galerie-photo1-2 div img, .galerie-photo1-3 div img, .galerie-photo2-1 div img, .galerie-photo2-2 div img, .galerie-photo2-3 div img { max-width:100%; height:auto; vertical-align:bottom; border:10px solid #fff; border-radius:3px; box-sizing:border-box; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); }

      .galerie-photo:last-of-type { margin-right:0; }
      .galerie-photo div:before, .galerie-photo div:after { content:""; border-radius:3px; width:100%; height:100%; position:absolute; border:10px solid #FFFFFF; background:#FFFFFF; left:0; box-sizing:border-box; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); transition:0.3s all ease-out; }
      .galerie-photo div:before { top:4px; z-index:-10; }	
      .galerie-photo div:after { top:8px; z-index:-20; }
      
      .galerie-photo.rotated-1 div:before { transform-origin:bottom left; transform:rotate(2deg); }
      .galerie-photo.rotated-1 div:after { transform-origin:bottom left; transform:rotate(4deg); }
      .galerie-photo.rotated-2 div:before { transform-origin:bottom left; transform:rotate(-3deg); }
      .galerie-photo.rotated-2 div:after { transform-origin:bottom left; transform:rotate(-6deg); }
      .galerie-photo.rotated-3 div:before { transform-origin:top left; transform:rotate(2deg); }
      .galerie-photo.rotated-3 div:after { transform-origin:top right; transform:rotate(4deg); }
      .galerie-photo.rotated-4 div:before { transform-origin:top right; transform:rotate(-3deg); }
      .galerie-photo.rotated-4 div:after { transform-origin:top right; transform:rotate(-6deg); }
      .galerie-photo.twisted-1 div:before { transform:rotate(4deg); }
      .galerie-photo.twisted-1 div:after { transform:rotate(-4deg); }	
      .galerie-photo.twisted-2 div:before { transform:rotate(-5deg); }	
      .galerie-photo.twisted-2 div:after { transform:rotate(3deg); }
      .galerie-photo:hover div::before, .galerie-photo:hover div::after { transform: rotate(0deg); }
      
      #contact { padding:40px 20px; }
      #contact-content { padding:40px 20px; width:100%; max-width:80%; margin:30px auto 30px auto; background:#DDDDDD; border-radius:40px; position:relative; z-index:5; }
      p.message-erreur, p.message-ok { border-radius:5px; font:bold 18px/23px 'cocogoose'; color:#FFFFFF; position:relative; text-align:left; padding:11px 20px 9px 60px; margin:0 0 20px 0; }
      p.message-erreur { background:#E30816; }
      p.message-ok { background:#009640; }
      p.message-erreur::after, p.message-ok::after { content:''; position:absolute; top:50%; margin-top:-12px; left:18px; width:24px; height:24px; }
      p.message-erreur::after { background:url('../images/message-ko.png') no-repeat; background-size:100%; }
      p.message-ok::after { background:url('../images/message-ok.png') no-repeat; background-size:100%; }
      form .row {  display:block; padding:7px 8px; margin-bottom:7px; }
      form .row:hover { background:rgba(0, 150, 64, 0.5); }
      form .label { display:inline-block; padding-top:11px; font-size:17px; font-weight:bold; width:20%; color:#464646; vertical-align:top; text-align:left; }
      form .label::after { content:'*'; position:inline-block; color:#E30816; margin-left:3px; }
      form .row:hover .label { color:#FFFFFF; }
      form .field { display:inline-block; font-size:17px; font-weight:bold; width:79%; color:#464646; vertical-align:top; text-align:left; }
      form .text, form .textarea { display:inline-block; padding:8px 30px 8px 9px; width:200px; font-family:'function', sans-serif; font-size:17px; font-weight:normal; color:#898989; background-color:#f0f0f0; border:1px solid #CCCCCC; text-shadow:0 1px 0 rgba(255,255,255,0.75); -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #FFFFFF; -moz-box-shadow:0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #FFFFFF; box-shadow:0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #FFFFFF; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; }
      form .textTelephone { width:120px; }
      form .textCode { width:60px; }
      form .textarea { padding:8px 30px 8px 11px; width:260px; height:250px; resize:none; }
      form .text:focus, form .textarea:focus { width:260px; color:#545454; background-color:#FFFFFF; border-color:#009640; -webkit-box-shadow:0 1px 4px -1px #A8A8A8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); -moz-box-shadow:0 1px 4px -1px #A8A8A8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); box-shadow:0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); }
      form .textTelephone:focus { width:180px; }
      form .textCode:focus { width:120px; }
      form .textarea:focus { width:320px; }
      form .text:focus:valid, form .textarea:focus:valid { -webkit-box-shadow: 0 1px 4px -1px #A8A8A8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); -moz-box-shadow: 0 1px 4px -1px #A8A8A8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); box-shadow:0 1px 4px -1px #A8A8A8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(0, 150, 64, 0.7); }
      form .barre-boutons { margin:20px auto; text-align:center; }
      form .bouton-valider { cursor:pointer; display:inline-block; background:#E30816; border-radius:5px; color:#FFFFFF; font:bold 20px/20px 'cocogoose'; padding:8px 20px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; }
      form .bouton-valider:hover { background:#009640; padding:8px 40px; }
      
      #captcha { display:inline-block; margin-left:5px; vertical-align:inherit; }
      #captcha-content { display:inline-block; }
      #captcha-content img { border:solid 1px #808080; border-radius:3px; width:100px; height:38px; }
      #captcha-maj-bouton { display:inline-block; margin-left:3px; margin-bottom:16px; width:20px; height:20px; border-radius:50%; border:solid 2px #808080; background:#808080 url('../images/refresh.png') no-repeat; background-size:80%; background-position:center center; }
      
      #tirage-au-sort { border:solid 12px #000000; border-radius:30px; width:420px; height:100px; display:inline-block; background:linear-gradient(0deg, #6D6D6D 0%, #212121 47%, #212121 53%, #6D6D6D 100%); position:relative; overflow:hidden;  }
      #tirage-au-sort-content { position:absolute; left:0px; right:0px; text-align:center; font:bold 35px/100px 'cocogoose'; color:#FFFFFF; }
      #tirage-au-sort-content span { float:left; width:100%; left:0px; overflow:hidden; height:100px; }
      #tirage-logo-happy-note-me { position:absolute; left:20%; right:20%; height:150px; opacity:0.8; z-index:8px; text-align:center; padding:10px; background:linear-gradient(90deg, #00A651 0%, #00CF64 50%, #00A651 100%); border:solid 2px #FFFFFF; border-top:none; }
      #tirage-logo-happy-note-me-img { position:absolute; width:200px; top:12px; left:50%; margin-left:-100px; z-index:9; }
      .tirage-case { text-shadow:0 0 5px rgba(255,255,255,0.5); color: transparent; }
      #date-tirage-au-sort { margin:20px auto; font-weight:bold; font-size:27px; }
      #objet-tirage-au-sort { margin:20px auto; font-weight:bold; font-size:27px; }
      span.retour-tirage-1 { display:inline; }
      span.retour-tirage-2 { display:none; }
      .start-button, .start-button-on { display:inline-block; box-sizing:border-box; height:64px; position:relative; cursor:pointer; margin:26px 0 0; padding:10px 20px; border:0 none #800000; border-bottom:4px solid #800000; border-radius:7px 7px 9px 9px; font:bold 24px/40px 'cocogoose'; color:#FFFFFF; text-align:center; text-transform:uppercase; white-space:nowrap; background:linear-gradient(180deg, #FC2323 0, #DD0000 100%); background-origin:padding-box; background-clip:border-box; background-size:auto auto; box-shadow:0 -1px 1px 0 rgba(255,255,255,0.7) inset, 0 1px 1px 0 #800000; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
      .start-button:hover { background:#FF0000; border-bottom:4px solid #AB0000; }
      .start-button:active, .start-button-on { height:60px; margin:30px 0 0; border:none; border-radius:7px; background:linear-gradient(180deg, #FF3D3D 0, #FF2424 100%); background-origin:padding-box; background-clip:border-box; background-size:auto auto; }
      
      .iframe-responsive-wrapper { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
      .iframe-responsive-wrapper iframe, .iframe-responsive-wrapper object, .iframe-responsive-wrapper embed { position:absolute; top:0; left:0; width:100%; height:100%; }
      
      #tirage-entete { position:relative; background:#F3920A; font-weight:bold; color:#FFFFFF; text-align:center; line-height:38px; font-size:28px; font-family:'cocogoose'; margin:0px; padding:20px 20px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; }
      #tirage-container { margin:0px auto; position:relative; overflow:hidden; width:100%; background:#FFFFFF; }
      #tirage-container-background { position:absolute; left:-50%; right:-50%; top:0px; bottom:0px; height:100%; background:url('../images/background-smiley.png') repeat; opacity:0.5; z-index:7; }
      #tirage-contenu { margin:0px auto; max-width:1024px; text-align:left; padding:60px 30px 60px 30px; position:relative; z-index:8; }
      
      footer { min-height:170px; background:linear-gradient(#A4A4A4, #808080); z-index:11; position:relative; border-top:solid 2px #FFFFFF; overflow:hidden; text-align:center; font-family:'function'; }
      #footer-container { max-width:1024px; width:100%; position:relative; display:inline-block; min-height:170px; }
      #footer-logo { max-width:1024px; position:absolute; left:15%; top:20px; width:141px; height:100px; }
      #footer-marque { width:70%; position:absolute; right:5%; top:20px; color:#FFFFFF; line-height:23px; font-size:17px; }
      #footer-liens { line-height:15px; margin-top:3px; }
      #logo-texte { font-family:'cocogoose'; font-weight:bold; color:#8E8E8E; display:inline-block; background:rgba(255,255,255,0.5); padding:3px 10px 1px 10px; border-radius:20px; font-size:13px; }
      #retour-footer-1a, #retour-footer-2a { display:none; }
      #retour-footer-1b, #retour-footer-2b { display:inline; }
      #footer-marque a { display:inline-block; margin-top:10px; color:#DDDDDD; }
      .footer-separateur { display:inline-block; padding:0 10px; color:#4F4F4F; }

@media (max-width:1380px) {
   div#entete-global { height:240px; }
   div#entete-global #titre-general { font-size:20px; top:65px; }
   div#entete-global #titre { font-size:20px; top:20px; }
   div#entete-global #titre div.magasin { height:60px; border-radius:55px; padding:8px 30px 10px 30px; }
   div#entete-global span.retour-titre1-1 { display:none; }
   div#entete-global span.retour-titre1-2 { display:inline; }
   div#entete-global #titre-general div.slogan-happy-note-me { height:35px; border-radius:35px; padding:8px 30px 10px 30px; }
   div#entete-global span.retour-titre2-3 { display:none; }
   div#entete-global span.retour-titre2-4 { display:inline; }
   div#entete-global #titre-actions { top:105px; }
   #container-content, #container2-content, #container3-content { margin-left:15%; margin-right:15%; }
   #container-left, #container-right, #container2-left, #container2-right { width:15%; }
   #tirage-logo-happy-note-me { left:15%; right:15%; }
}
      
@media (max-width:1280px) {
   #logo-happy-note-me { top:35px; }
   #bandeau-background { height:750px; }
}

@media (max-width:1200px) {
   #logo-happy-note-me { left:10%; top:40px; }
   #logo-client-border { right:10%; width:240px; height:240px; top:20px; }
   .logo-client-img { width:150px; height:150px; padding:20px; }
   div#entete-global { height:460px; }
   div#entete-global.entete-global { height:420px; }
   div#entete-global #titre-general { top:275px; font-size:24px; }
   div#entete-global #titre { top:275px; font-size:24px; }
   div#entete-global #titre div.magasin { height:24px; padding:6px 30px 13px 30px; border-radius:30px; }
   div#entete-global span.retour-titre1-1 { display:inline; }
   div#entete-global span.retour-titre1-2 { display:none; }
   div#entete-global #titre-general div.slogan-happy-note-me { height:21px; padding:8px 20px 6px 20px; border-radius:30px; }
   div#entete-global span.retour-titre2-3 { display:inline; }
   div#entete-global span.retour-titre2-4 { display:none; }
   div#entete-global #titre-actions { top:70px; }
   #container-content, #container2-content, #container3-content { margin-left:0px; margin-right:0px; background:rgba(255, 255, 255, 0.8); box-shadow:none; }
   #container-left, #container-right, #container2-left, #container2-right { display:none; }
   #tirage-logo-happy-note-me { border:none; left:0%; right:0%; }
}

@media (max-width:1024px) {
   #bandeau-background { height:1000px; left:-80%; right:-80%; }
   #container-background, #container2-background, #container-galerie-photo, #tirage-container-background { left:-80%; right:-80%; }
   h2#container-titre { font-size:20px; line-height:28px; padding:15px 15px; }
   #map-entete { font-size:24px; padding:15px 15px; }
   #footer-logo { left:10%; }
   #footer-marque { right:5%; }
}

@media (max-width:900px) {
   #images-contenu { max-width:800px; margin-left:auto;margin-right:auto; }
   .galerie-photo { width:50%; }
   .galerie-photo1-1 div, .galerie-photo1-2 div, .galerie-photo1-3 div { margin:28px 38px 28px 20px; }
   .galerie-photo2-1 div, .galerie-photo2-2 div, .galerie-photo2-3 div { margin:28px 28px 28px 30px; }
}

@media (max-width:820px) {
   div#entete-global #titre-general div.slogan-happy-note-me { height:35px; border-radius:35px; padding:8px 30px 10px 30px; }
   div#entete-global span.retour-titre2-3 { display:none; }
   div#entete-global span.retour-titre2-4 { display:inline; }
   div#entete-global.entete-global { height:440px; }
   #map-titre { font-size:24px; }
   h4#container2-titre { font-size:24px; }
}

@media (max-width:800px) {
   #logo-happy-note-me { left:5%; }
   #logo-client-border { right:5%; }
   div#entete-global { height:500px; }
   div#entete-global #titre { font-size:20px; }
   div#entete-global #titre div.magasin { height:60px; border-radius:55px; padding:8px 30px 10px 30px; }
   div#entete-global span.retour-titre1-1 { display:none; }
   div#entete-global span.retour-titre1-2 { display:inline; }
   div#entete-global #titre-actions { top:105px; }
   #footer-logo { position:relative; left:auto; top:20px; }
   #footer-marque { right:auto; width:auto; position:relative; top:auto; margin-top:30px; margin-bottom:20px; font-size:17px; }
}

@media (max-width:660px) {
   #logo-happy-note-me { left:50%; top:30px; margin-left:-135px; }
   #logo-client-border { display:none; right:50%; top:220px; margin-right:-120px; }
   #recapitulatif { margin-bottom:0; }
   #logo-client-border2 { display:inline-block; }
   .logo-client-img { width:150px; height:150px; padding:20px; }
   div#entete-global { height:450px; }
   div#entete-global.entete-global { height:430px; }
   div#entete-global #titre { top:260px; font-size:20px; }
   div#entete-global #titre div.magasin { height:60px; border-radius:55px; padding:8px 30px 10px 30px; border:solid 5px #FFFFFF; }
   div#entete-global span.retour-titre1-1 { display:none; }
   div#entete-global span.retour-titre1-2 { display:inline; }
   div#entete-global #titre-actions { top:100px; }
   #bandeau-background { left:-100%; right:-100%; }
   #container-background, #container2-background, #container-galerie-photo, #tirage-container-background { left:-100%; right:-100%; }
   div#entete-global #titre span.titre-happy-note-me { display:none; }
   h2#container-titre { font-size:16px; line-height:24px; padding:10px 10px; }
   #tablette { height:320px; width:480px; }
}

@media (max-width:620px) {
   .page-prev { width:45px; height:40px; margin:0 0px 0 0; border-radius:20px 0 0 20px; }
   .page-prev:before { right:-56px; top:-12px; width:64px; height:64px; }
   .page-prev:after { left:10px; top:10px; width:20px; height:20px; }
   .page-next { width:45px; height:40px; margin:0 0 0 0px; border-radius:0 20px 20px 0; }
   .page-next:before, #page-next:after { content:''; position:absolute; }
   .page-next:before { left:-56px; top:-12px; width:64px; height:64px; }
   .page-next:after { right:10px; top:10px; width:20px; height:20px; }
   .page-numero { width:40px; height:40px; border-radius:20px; margin:0 5px; }
   .page-numero .numero1, .page-numero .numero2, .page-numero .numero3 { left:0px; top:7px; width:40px; height:30px; font-family:'function'; line-height:24px; font-size:24px; }
   .page-numero .numero2 { top:10px; line-height:21px; font-size:21px; }
   .page-numero .numero3 { top:11px; line-height:19px; font-size:19px; }
   #contact { border-radius:30px; }
   #contact-content { width:auto; max-width:480px; margin:40px auto 40px auto; }
}

@media (max-width:600px) {
   #images-contenu { max-width:380px; margin-left:auto;margin-right:auto; }
   .galerie-photo { display:inline-block; width:100%; }
   .galerie-photo1-1 div, .galerie-photo1-2 div, .galerie-photo1-3 div, .galerie-photo2-1 div, .galerie-photo2-2 div, .galerie-photo2-3 div { margin:28px 28px 28px 20px; }
}

@media (max-width:580px) {
   form .label { display:block; }
   form .field { display:block; }
   span.retour-tirage-1 { display:none; }
   span.retour-tirage-2 { display:inline; }
}

@media (max-width:560px) {
   #recapitulatif { margin:120px auto 40px; height:254px; width:320px; z-index:10; }
      #recapitulatif-bulle-blanche { top:30px; height:249px; width:320px; }
         #recapitulatif-bulle-blanche-statistiques { left:20px; bottom:98px; height:100px; width:412px; }
            #satisfaction1 { left:30px;  bottom:20px; width:36px; border-radius:18px 18px 5px 5px; }
            #satisfaction2 { left:76px;  bottom:20px; width:36px; border-radius:18px 18px 5px 5px; }
            #satisfaction3 { left:122px; bottom:20px; width:36px; border-radius:18px 18px 5px 5px; }
            #satisfaction4 { left:168px; bottom:20px; width:36px; border-radius:18px 18px 5px 5px; }
            #satisfaction5 { left:214px; bottom:20px; width:36px; border-radius:18px 18px 5px 5px; }
            #satisfaction1::after, #satisfaction2::after, #satisfaction3::after, #satisfaction4::after, #satisfaction5::after { top:4px; left:4px; width:28px; height:28px; border-radius:14px; }
            #recapitulatif-bulle-blanche-statistiques .pourcentage { bottom:-2px; width:36px; font-size:12px; }
            #recapitulatif-bulle-blanche-statistiques .avis { bottom:-20px; left:0px; width:36px; line-height:8px; font-size:10px; }
            #recapitulatif-bulle-blanche-statistiques .avis span { font-size:8px; }
            #recapitulatif-bulle-blanche-barre { left:57px; bottom:-14px; height:4px; width:126px; border-radius:7px; }
            #recapitulatif-bulle-blanche-barre-fin { right:-47px; top:-11px; width:40px; font-size:16px; }
            #recapitulatif-bulle-blanche-barre-fin span { display:inline-block; width:40px; }
            #recapitulatif-bulle-blanche-barre-progression { height:4px; border-radius:2px; }
            #recapitulatif-bulle-blanche-barre-progression-logo { right:-19px; top:13px; height:34px; width:34px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
            #recapitulatif-bulle-blanche-barre-progression-fleche { right:-12px; top:6px; height:12px; width:24px; }
      #recapitulatif-bulle-verte-ombre { left:20px; top:10px; height:54px; width:76px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
      #recapitulatif-bulle-verte { left:20px; top:10px; height:66px; width:76px }
         #recapitulatif-bulle-verte-note { top:-19px; width:76px; font-size:24px; font-weight:bold; }
         #recapitulatif-bulle-verte-note small { font-size:16px; }
      #recapitulatif-bulle-orange-ombre { right:40px; top:14px; height:43px; width:60px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
      #recapitulatif-bulle-orange { right:40px; top:14px; height:53px; width:60px; }
         #recapitulatif-bulle-orange-avis { left:0px; top:8px; width:60px; line-height:14px; font-size:16px; }
         #recapitulatif-bulle-orange-avis small { font-size:14px; }
      #recapitulatif-bulle-rouge-ombre { margin-left:-30px; top:0px; height:43px; width:60px; box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.3); }
      #recapitulatif-bulle-rouge { margin-left:-30px; top:0px; height:53px; width:60px; }
         #recapitulatif-bulle-rouge img { margin-left:-12px; top:9px; height:24px; width:24px; }
   #reviewTitre { top:-60px; }
   div#entete-global #titre-general div.slogan-happy-note-me { height:31px; border-radius:31px; padding:8px 20px 10px 20px; font:bold 14px/18px 'function', sans-serif; }
   
   .etablissements { padding:0px 20px 40px 20px; }
   .etablissement { border-radius:30px; min-height:110px; margin-top:50px; margin-bottom:30px; }
   .etablissement-icone { left:30px; height:48px; width:48px; border:solid 6px #DDDDDD; top:-30px; }
   .etablissement-icone::after { left:6px; top:6px; height:36px; width:36px; }
   .etablissement-titre { left:7px; top:7px; right:7px; height:30px; border-radius:23px 23px 5px 5px; }
   .etablissement-nom { left:90px; font-size:14px; height:23px; }
   .etablissement-adresse { margin-top:42px; margin-left:99px; font-size:15px; }
   .etablissement-bulle-verte { left:-10px; top:60px; height:66px; width:76px }
      .etablissement-bulle-verte-note { top:-1px; width:76px; font-size:24px; font-weight:bold; }
      .etablissement-bulle-verte-note span { font-size:16px; }
   .etablissement-bulle-orange { right:-10px; top:29px; height:53px; width:60px; }
      .etablissement-bulle-orange-avis { left:0px; top:8px; width:60px; line-height:14px; font-size:16px; }
      .etablissement-bulle-orange-avis span { font-size:14px; }
   .etablissement-lien { top:-30px; bottom:-15px; }
   
   .commentaire { border-radius:30px; }
   .commentaire-recommander { margin-bottom:70px; padding-bottom:15px; }
   .commentaire-reponse-miss-cookies, .commentaire-reponse-retour { margin-left:50px; }
   .commentaire-reponse-miss-cookies::before, .commentaire-reponse-retour::before { left:-50px; width:32px; height:32px; margin-top:-16px; border:solid 5px #DDDDDD; }
   .commentaire-satisfaction { left:45px; height:48px; width:48px; border:solid 6px #DDDDDD; top:-30px; }
   .commentaire-miss-cookies { left:30px; border:solid 6px #FFDFF7; }
   .commentaire-retour { left:30px; border:solid 6px #C9E5F8; }
   .commentaire-satisfaction span { left:6px; top:6px; height:36px; width:36px; }
   .commentaire-titre { left:7px; top:7px; right:7px; height:30px; border-radius:23px 23px 5px 5px; }
   .date-avis { right:6px; top:5px; height:9px; font-size:12px; padding:1px 11px 10px 5px; border-radius:3px 18px 3px 3px; }
   .note-avis { left:12px; top:-3px; font-size:20px; width:34px; }
   .note-avis span { font-size:14px; margin-left:-1px; }
   .emetteur-avis { left:100px; font-size:14px; height:23px; }
   .commentaire-titre-miss-cookies .emetteur-avis, .commentaire-titre-retour .emetteur-avis { left:85px; }
   .commentaire-themes, .commentaire-texte-miss-cookies, .commentaire-texte-retour { margin-top:50px; margin-bottom:15px; }
   .commentaire-theme { margin:7px 0px; }
   .commentaire-recommandation { bottom:-13px; padding:6px 53px 4px 11px; font-size:12px; }
   .commentaire-recommandation span { bottom:-10px; border:solid 2px #EB1E83; height:46px; width:46px; }
   
   p.message-erreur, p.message-ok { border-radius:5px; font:bold 14px/18px 'cocogoose'; padding:11px 20px 9px 60px; margin:0 0 20px 0; }
   p.message-erreur::after, p.message-ok::after { content:''; position:absolute; top:50%; margin-top:-12px; left:18px; width:24px; height:24px; }
}

@media (max-width:500px) {
   #logo-happy-note-me { margin-left:-125px; }
   #logo-happy-note-me img { width:250px; }
   div#entete-global { height:410px; }
   div#entete-global.entete-global { height:410px; }
   div#entete-global #titre-general { top:250px; }
   div#entete-global #titre { top:220px; }
   div#entete-global #titre-actions { top:95px; font-size:16px; }
   div#entete-global #titre span.titre-happy-note-me { display:none; }
   div#entete-global #titre div.magasin { font-size:24px; line-height:28px; height:52px; border-radius:55px; min-width:240px; padding:8px 30px 10px 30px; }
   #retour-footer-1a, #retour-footer-2a { display:inline; }
   #retour-footer-1b, #retour-footer-2b { display:none; }
   #tablette { margin:60px auto 20px; height:270px; width:360px; }
   span.retour-commentaires-2 { display:inline; }
   span.retour-commentaires-1 { display:none; }

   #action-telephone { left:10%; margin-left:-25px; top:-4px; height:43px; width:50px; }
      #action-telephone img { margin-left:-10px; top:8px; height:20px; width:20px; }
      #action-telephone #numero-telephone { height:26px; left:26px; top:0px; padding:6px 18px 3px 15px; border-top-right-radius:28px 21px; border-bottom-right-radius:28px 21px; }
   
   #action-site-web { left:30%; margin-left:-25px; top:-4px; height:43px; width:50px; }
      #action-site-web img { margin-left:-10px; top:8px; height:20px; width:20px; }
      #action-site-web #site-web { height:26px; left:26px; top:0px; padding:4px 18px 5px 15px; }
   
   #action-map { left:50%; margin-left:-25px; top:-4px; height:43px; width:50px; }
      #action-map img { margin-left:-10px; top:8px; height:20px; width:20px; z-index:11; }
      #action-map #carte { height:26px; right:26px; top:0px; padding:4px 14px 5px 18px; }
   
   #action-galerie { left:70%; margin-left:-25px; top:-4px; height:43px; width:50px; }
      #action-galerie img { margin-left:-10px; top:8px; height:20px; width:20px; z-index:11; }
      #action-galerie #galerie { height:26px; right:26px; top:0px; padding:4px 16px 5px 18px; }
   
   #action-adresses { left:90%; margin-left:-25px; top:-4px; height:43px; width:50px; }
      #action-adresses img { margin-left:-10px; top:8px; height:20px; width:20px; z-index:11; }
      #action-adresses #adresses { height:26px; right:26px; top:0px; padding:4px 14px 5px 18px; }
   
   #tirage-au-sort { width:300px; }
   #tirage-au-sort-content { font-size:30px; }
   #date-tirage-au-sort { margin:10px auto; font-size:21px; }
   #objet-tirage-au-sort { margin:10px auto; font-size:21px; }
}

@media (max-width:480px) {
   #contact-content { padding:25px 15px; }
   form .row {  padding:4px 5px; margin-bottom:4px; }
   form .label { padding-top:10px; width:auto; font-size:15px; }
   form .field { font-size:15px; width:auto; }
   form .text, form .textarea { padding:6px 20px 6px 7px; width:220px; font-size:15px; }
   form .textTelephone { width:120px; }
   form .textCode { width:50px; }
   form .textarea { padding:6px 20px 6px 7px; width:220px; height:150px; resize:none; }
   form .text:focus, form .textarea:focus { width:260px; }
   form .textTelephone:focus { width:150px; }
   form .textCode:focus { width:70px; }
   form .textarea:focus { width:260px; }
   form .bouton-valider { font:bold 17px/17px 'cocogoose'; }
   #captcha { display:inline-block; margin-left:5px; vertical-align:inherit; }
   #captcha-content img { width:80px; height:30px; }
   #captcha-maj-bouton { margin-bottom:9px; }
}

@media (max-width:450px) {
   div#entete-global.entete-global { height:430px; }
   div#entete-global #titre-general div.slogan-happy-note-me { height:68px; border-radius:51px; padding:8px 33px 10px 33px; min-width:252px; }
   div#entete-global span.retour-titre2-1, div#entete-global span.retour-titre2-5 { display:none; }
   div#entete-global span.retour-titre2-2, div#entete-global span.retour-titre2-6 { display:inline; }
   #page-navigation-top { margin:0px auto 30px auto; }
   #page-navigation-bottom { margin:30px auto 0 auto; }
   .commentaire { margin-top:80px; margin-bottom:30px; border-radius:30px 0 30px 30px; }
   .commentaire-titre { border-radius:23px 5px 5px 5px; }
   .date-avis { right:-7px; top:-37px; left:66px; height:17px; font-size:12px; padding:3px 16px 3px 16px; border-radius:0 20px 20px 0; text-align:right; border:solid 7px #DDDDDD; line-height:18px; color:#FFFFFF; }
   .date-avis::after { display:block; position:absolute; right:-7px; top:11px; height:14px; width:7px; background:#DDDDDD; }
   .commentaire-reponse-miss-cookies, .commentaire-reponse-retour { margin-top:30px; margin-bottom:30px; }
   .commentaire-reponse-miss-cookies::before, .commentaire-reponse-retour::before { left:-50px; width:32px; height:32px; margin-top:-16px; border:solid 5px #DDDDDD; }
   .commentaire-titre-miss-cookies .date-avis::after { background:#FFDFF7; }
   .commentaire-titre-retour .date-avis::after { background:#C9E5F8; }
   .commentaire-titre-satisfaction1 .date-avis { background:#E30816; color:#FFFFFF; }
   .commentaire-titre-satisfaction2 .date-avis { background:#FC5102; color:#FFFFFF; }
   .commentaire-titre-satisfaction3 .date-avis { background:#F3920A; color:#FFFFFF; }
   .commentaire-titre-satisfaction4 .date-avis { background:#76AA2C; color:#FFFFFF; }
   .commentaire-titre-satisfaction5 .date-avis { background:#009640; color:#FFFFFF; }
   .commentaire-titre-miss-cookies .date-avis { background:#EB1E83; color:#FFFFFF; border:solid 7px #FFDFF7; left:51px; }
   .commentaire-titre-retour .date-avis { background:#00B6F2; color:#FFFFFF; border:solid 7px #C9E5F8; left:51px; }
   .commentaire-themes, .commentaire-texte { margin-left:10px; margin-right:10px; }
   .commentaire-theme { font-size:17px; }
   .avis-satisfaction1-off, .avis-satisfaction1-on, .avis-satisfaction2-off, .avis-satisfaction2-on, .avis-satisfaction3-off, .avis-satisfaction3-on, .avis-satisfaction4-off, .avis-satisfaction4-on, .avis-satisfaction5-off, .avis-satisfaction5-on { top:0px; width:16px; height:16px; border-width:2px; margin-left:-10px; }
   .commentaire-texte { font-size:15px; }
   .commentaire-compliment { border:solid 3px #009640; border-radius:16px; padding:10px 10px 10px 52px; margin-top:20px; }
   .commentaire-compliment small { width:32px; height:32px; left:3px; margin-top:-16px; }
   .commentaire-compliment::after { width:41px; }
   .commentaire-probleme { border:solid 3px #E30816; border-radius:16px; padding:10px 10px 10px 52px; margin-top:20px; }
   .commentaire-probleme small { width:32px; height:32px; left:3px; margin-top:-16px; }
   .commentaire-probleme::after { width:41px; }
   .commentaire-suggestion { border:solid 3px #F3920A; border-radius:16px; padding:10px 10px 10px 52px; margin-top:20px; }
   .commentaire-suggestion small { width:32px; height:32px; left:3px; margin-top:-16px; }
   .commentaire-suggestion::after { width:41px; }
   .commentaire-question { border:solid 3px #FFCF00; border-radius:16px; padding:10px 10px 10px 52px; margin-top:20px; }
   .commentaire-question small { width:32px; height:32px; left:3px; margin-top:-16px; }
   .commentaire-question::after { width:41px; }
   .commentaire-recommandation { bottom:-13px; font-size:10px; padding-right:50px; }
   .commentaire-recommandation span { bottom:-12px; }
   .sticker-coeurs, .sticker-cookies { right:0px; top:-70px; }
}

@media (max-width:420px) {
   .etablissement-nom { right:0px; padding-right:10px; text-align:center; }
   .etablissement-adresse { margin-left:73px; }
   .page-prev { width:37px; height:30px; margin:0 0px 0 0; border-radius:15px 0 0 15px; }
   .page-prev:before { right:-50px; top:-12px; width:54px; height:54px; }
   .page-prev:after { left:10px; top:7px; width:16px; height:16px; }
   .page-next { width:37px; height:30px; margin:0 0 0 0px; border-radius:0 15px 15px 0; }
   .page-next:before, #page-next:after { content:''; position:absolute; }
   .page-next:before { left:-50px; top:-12px; width:54px; height:54px; }
   .page-next:after { right:10px; top:7px; width:16px; height:16px; }
   .page-numero { width:30px; height:30px; border-radius:15px; margin:0 3px; }
   .page-numero .numero1, .page-numero .numero2, .page-numero .numero3 { left:0px; top:6px; width:30px; height:20px; font-family:'function'; line-height:19px; font-size:19px; }
   .page-numero .numero2 { top:7px; line-height:17px; font-size:17px; }
   .page-numero .numero3 { top:8px; line-height:14px; font-size:14px; }
   
   .container-content-page h2 { font-size:19px; }
   .container-content-page h3 { font-size:17px; }
   .container-content-page h4 { font-size:15px; }
   .container-content-page h5 { font-size:13px; }
   .container-content-page p { font-size:13px; }
   .container-content-page li { font-size:13px; }
   .happynoteme { font-size:11px; }
   
   form .text, form .textarea { width:150px; }
   form .textTelephone { width:100px; }
   form .textCode { width:40px; }
   form .textarea { width:150px; height:150px; }
   form .text:focus, form .textarea:focus { width:200px; }
   form .textTelephone:focus { width:150px; }
   form .textCode:focus { width:70px; }
   form .textarea:focus { width:200px; }
}


@media (max-width:400px) {
   #bandeau-background { left:-120%; right:-120%; }
   #container-background, #container2-background, #container-galerie-photo, #tirage-container-background { left:-120%; right:-120%; }
   div#entete-global #titre-actions { font-size:16px; }
   #tablette { margin:60px auto 0px; height:225px; width:300px; }
   div#entete-global #titre-general div.slogan-happy-note-me { height:68px; border-radius:51px; padding:8px 33px 10px 33px; min-width:220px; }
   div#entete-global #titre-general span.titre-happy-note-me { font-size:20px; padding-bottom:6px; }
   #tirage-au-sort { width:260px; }
   #tirage-au-sort-content { font-size:24px; }
}

@media (max-width:380px) {
   .commentaire-recommandation { bottom:-12px; font-size:9px; }
}

@media (max-width:360px) {
   div#entete-global.entete-global { height:430px; }
   div#entete-global.entete { height:400px; }
   div#entete-global #titre-actions { top:90px; }
   div#entete-global #titre div.magasin { font-size:20px; line-height:24px; height:46px; border-radius:49px; min-width:240px; padding:8px 20px 7px 20px; }
   .commentaire-themes { margin-top:45px; }
   .commentaire-theme { font-size:15px; }
   .avis-satisfaction1-off, .avis-satisfaction1-on, .avis-satisfaction2-off, .avis-satisfaction2-on, .avis-satisfaction3-off, .avis-satisfaction3-on, .avis-satisfaction4-off, .avis-satisfaction4-on, .avis-satisfaction5-off, .avis-satisfaction5-on { top:-2px; }
   .note-theme { width:45%; }
   .commentaire-texte { font-size:13px; }
}