* {margin:0px; padding:0px;} body {background:#313841; color:#000; font-family:Titillium Web, Arial, Sans Serif;} body a {color:#313841; text-decoration:none;} body a:hover {text-decoration:underline;} body input, body textarea, body select {background:#FEFEFE; width:calc(100% - 14px); font-size:18px; line-height:24px; color:#313841; border:2px solid #4d555d; font-weight:bold; padding:3px 5px; vertical-align:middle; font-family:Titillium Web, Arial, Sans Serif;} body select {width:100%;} body input[type="checkbox"], body input[type="radio"] {background:none; width:24px; height:24px; border:0px; padding:0px;} body input[type="submit"], body input.ok {width:100%; text-align:center; padding:4px 0px; cursor:pointer; border:1px solid #85BE17; background:#85BE17; color:#FFF; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .clear {clear:both;} .none {display:none;} #loading {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#313841; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:98;} #chargement {display:none; position:fixed; top:10px; right:10px; width:270px; height:40px; background:#FFFFFF; text-align:center; border:3px solid #313841; padding-top:7px; font-size:18px; font-weight:bold; color:#2C2C2C; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; z-index:99;} #chargement img {margin-right:10px; vertical-align:middle; z-index:99;} #chrome_websiteIP {display:none !important;} /* HEADER */ header {background:#FFF;} header .haut {padding:20px; height:115px; background:linear-gradient(to right, #FFF, #FFF, #515962);} header .frite {display:none; float:right; width:60px; height:60px; padding:0px; text-align:center; cursor:pointer;} header .frite .sel {width:56px; height:45px; border:3px solid #85bd17; color:#000; font-size:14px; line-height:18px; font-weight:bold; text-transform:uppercase; background:#f1f1f1; padding:9px 0px 0px;} header .hamburger {display:none; float:left; width:60px; height:60px; padding:0px 20px 0px 0px; margin:0px auto 0px; text-align:center; cursor:pointer;} header .hamburger img, header .frite img {display:none; margin:14px 13px 13px 14px;} header .hamburger .pain, header .hamburger .steak {width:100%; height:12px; background:#4d555d;} header .hamburger .steak {margin:12px 0px;} header .logo {float:left; width:131px;} header .logo img {width:100%;} header .connecte {float:right; padding:10px 0px 0px;} header .connecte h2 {text-align:right; color:#FFF; font-weight:normal; font-size:26px; line-height:26px;} header .connecte h2 span {color:#85BE17;} header .connecte .action {display:none; float:right; width:50%; max-width:400px; margin-right:355px; text-align:right; color:#FFF; padding:5px 0px; height:16px; font-size:16px; line-height:16px; text-align:right;} header .connecte .action a {color:#FFF; text-decoration:underline;} header .connecte .identification {position:relative; float:right; width:100%; max-width:800px; text-align:right; padding:30px 0px 0px;} header .connecte .identification .message_mdp {display:none; color:#FFF; font-size:18px; line-height:18px;} header .connecte .identification input, header .connecte .change_mdp input {width:calc(33% - 14px - 10px); margin-left:10px; border-color:#888D93;} header .connecte .identification input[type="submit"], header .connecte .change_mdp input[type="submit"] {text-transform:uppercase; border-color:transparent;} header .connecte .identification .coche_automatique {display:none;} header .connecte .identification .automatique {position:absolute; top:-24px; right:0px; width:50%; height:26px; font-size:16px; line-height:16px; text-align:right; color:#FFF;} header .connecte .identification .automatique .fausse_checkbox {vertical-align:middle; display:inline-block; margin-left:10px; width:20px; height:20px; border:3px solid #FFF; background:#FFF;} header .connecte .identification .automatique .fausse_checkbox_active {background:#85BE17;} header nav {background:#dadada; font-size:22px; line-height:22px; font-weight:bold;} header nav ul {list-style:none;} header nav ul li {display:inline-block; padding:14px 33px; margin:0px; position:relative; border:1px solid #dadada; z-index:0;} header nav ul li.item_espace_client {display:none;} header nav ul li a {display:block; text-transform:uppercase; color:#4d555d; text-decoration:none;} header nav ul li a img {display:none;} header nav ul li a:hover {text-decoration:none;} header nav ul li.actif {background:#4d555d; border:1px solid #4d555d;} header nav ul li.actif a {color:#FFF;} header nav ul li ul {list-style:none; display:none; position:absolute; top:50px; left:-1px; border:1px solid #4d555d; background:#FFF; font-size:18px; line-height:18px; padding:15px 30px; min-width:380px; z-index:20;} header nav ul li.item_g2c ul {min-width:540px;} header nav ul li.item_mf3e ul {min-width:320px;} header nav ul li.item_bddes ul {min-width:250px; width:calc(100% - 60px);} header nav ul li:hover {background:#FFF; border-color:#FFF;} header nav ul li.actif:hover {background:#4d555d; border-color:#4d555d;} header nav ul li.item_ss_menu .cache_barre {position:absolute; top:50px; left:0px; width:100%; height:1px; background:#FFF; display:none; z-index:30;} header nav ul li.item_ss_menu:hover {border:1px solid #4d555d; border-bottom:1px solid #FFF; background:#FFF; z-index:30;} header nav ul li.item_ss_menu:hover a {color:#4d555d;} header nav ul li:hover .cache_barre {display:block;} header nav ul li:hover ul {display:block;} header nav ul li ul li {display:inherit; border:0px; padding:8px 0px;} header nav ul li ul li a {text-transform:initial;} header nav ul li ul li a span {color:#aaaeb1; margin-right:10px;} header nav ul li ul li a span.invisible {color:#FFF; margin-right:0px;} header nav ul.nav_connecte_CP {font-size:20px; line-height:20px;} header nav ul.nav_connecte_CP li {padding:14px 23px;} header nav ul.nav_connecte_CP li ul {top:48px;} header nav ul.nav_connecte_CP li ul li {padding:8px 0px;} header nav ul.nav_connecte_CP li.item_ss_menu .cache_barre {top:48px;} @media all and (max-width: 1900px) { header nav ul.nav_connecte_CP li {padding:14px 13px;} } @media all and (max-width: 1750px) { header nav ul.nav_connecte_CP {font-size:18px; line-height:18px;} header nav ul.nav_connecte_CP li {padding:8px 8px;} header nav ul.nav_connecte_CP li ul, header nav ul.nav_connecte_CP li.item_ss_menu .cache_barre {top:33px;} } @media all and (max-width: 1600px) { header nav {font-size:20px; line-height:20px; } header nav ul li ul, header nav ul li.item_ss_menu .cache_barre {top:36px;} header nav ul.nav_connecte_CP li a {text-transform:inherit;} } @media all and (max-width: 1400px) { header .haut {background:linear-gradient(to right, #FFF, #515962);} header nav {font-size:19px; line-height:19px;} header nav ul.nav_connecte li {padding:8px 8px;} header nav ul li ul, header nav ul li.item_ss_menu .cache_barre {top:33px;} } @media all and (max-width: 1300px) { header .hamburger {display:block;} header .logo {width:80px;} header .haut {height:60px;} header .connecte {padding:0px;} header .connecte h2 {font-size:18px; line-height:18px;} header .connecte .identification {padding:10px 0px 0px;} header .connecte .identification .automatique {top:-20px; } header nav {display:none; position:absolute; top:100px; left:0px; padding:20px; width:calc(100% - 40px); background:#4d555d; font-size:22px; line-height:22px; z-index:90;} header nav ul li {display:block; border:0px;} header nav ul li.item_espace_client {display:block;} header nav ul li a {color:#FFF;} header nav ul li a img {display:inline; vertical-align:middle; margin-right:10px;} header nav ul li:hover {background:none;} header nav ul li:hover .cache_barre {display:none;} header nav ul li ul {list-style:disc; display:block; position:inherit; top:0px; left:0px; border:0px; background:none; font-size:18px; line-height:18px; padding:15px 30px; min-width:none; margin:0px 0px 0px 20px; color:#FFF;} header nav ul li.item_g2c ul, header nav ul li.item_mf3e ul, header nav ul li.item_bddes ul, header nav ul li.item_sociale ul {min-width:0px; width:calc(100% - 60px);} header nav ul li ul li {list-style:disc;} header nav ul li.item_ss_menu:hover {border:0px; background:none;} header nav ul li.item_ss_menu:hover a {color:#FFF;} header nav ul li ul li a span {color:#aaaeb1;} header nav ul li ul li a span.invisible {color:#4d555d;} header nav ul li.actif {border:0px;} header nav ul li.actif a, header nav ul li.actif:hover a {color:#85BE17;} header nav ul li.actif ul li a span {color:#85BE17;} header nav ul li.actif ul li a span.invisible {color:#4d555d;} header nav ul.nav_connecte_CP li a {text-transform:uppercase;} } @media all and (max-width: 750px) { header .frite {display:block;} header .haut {background:#FFF;} header nav ul li.item_mf3e, header nav ul li.item_bddes {display:none;} header .connecte {display:none; position:absolute; top:100px; left:0px; padding:20px; width:calc(100% - 40px); background:#4d555d; z-index:95;} header .connecte h2 {display:none;} header .connecte .identification .automatique {position:inherit; top:0px; right:0px; width:100%; text-align:right; padding:10px 5px 0px 0px;} header .connecte .identification input, header .connecte .change_mdp input {width:calc(33% - 14px - 4px); margin:0px 5px;} header .connecte .action {position:absolute; bottom:27px; left:0px; text-align:left; width:calc(50% - 25px); padding-left:25px; z-index:50;} } @media all and (max-width: 600px) { header .connecte .identification input, header .connecte .change_mdp input {width:calc(100% - 14px); margin:2px 0px 6px;} header .connecte .identification input[type="submit"], header .connecte .change_mdp input[type="submit"] {width:100%;} } @media all and (max-width: 490px) { header .connecte {padding-bottom:70px;} header .connecte .action {text-align:center; width:100%; padding-left:0px; max-width:inherit;} } @media all and (max-width: 390px) { /* header .logo {width:calc(100% - 80px - 80px); text-align:center;} */ header .logo {text-align:center;} header .logo img {max-width:176px;} } /* SECTION PRINCIPALE */ section {background:#FFF;} section .page {} section .page h1 {font-size:36px; line-height:36px; color:#85be17; text-transform:uppercase; text-align:right; padding:40px 50px;} section .page_legal h2 {font-size:24px; line-height:24px; color:#85be17 !important; padding:0px 0px 5px; margin:0px 0px 10px; border-bottom:1px solid #85be17;} section .page_legal p {text-align:justify;} section .page_legal ul {font-size:20px; line-height:30px; list-style-type:circle !important; color:#000 !important; margin-left:40px !important;} section .page .conteneur {background:#4d555d;} section .page .conteneur .gauche {float:left; width:420px; padding:40px; font-size:20px; line-height:26px; text-align:justify; color:#FFF;} section .page .conteneur .gauche_menu {width:460px; padding-right:0px; font-size:20px; line-height:20px;} section .page .conteneur .gauche p {} section .page .conteneur .gauche .sous_menu .link {text-align:right; padding:10px 40px 10px 0px;} section .page .conteneur .gauche .sous_menu .link a {color:#FFF; text-decoration:none; display:block; font-weight:bold;} section .page .conteneur .gauche .sous_menu .link a:hover {text-decoration:none;} section .page .conteneur .gauche .sous_menu .link2 a {color:#FFF;} section .page .conteneur .gauche .sous_menu .link3 a {font-size:16px; line-height:16px; padding:5px 0px; color:#FFF; font-weight:normal;} section .page .conteneur .gauche .sous_menu .link_a, section .page .conteneur .gauche .sous_menu .link_a3 {border-left:8px solid #85be17; background:#EEE;} section .page .conteneur .gauche .sous_menu .link_a a, section .page .conteneur .gauche .sous_menu .link_a3 a {color:#4d555d; font-weight:bold;} section .page .conteneur .gauche .partenaire {float:left; width:calc(50% - 25px); text-align:center; font-size:18px; line-height:18px; margin-bottom:40px;} section .page .conteneur .gauche .partenaire_1 {float:right;} section .page .conteneur .gauche .partenaire a {color:#FFF;} section .page .conteneur .gauche .partenaire a:hover {color:#FFF; text-decoration:none;} section .page .conteneur .gauche .partenaire img {max-width:85%;} section .page .conteneur .gauche .rappel .rappel_vert, section .page .conteneur .gauche .rappel .rappel_orange {padding:40px 0px 0px;} section .page .conteneur .droite {float:right; width:calc(100% - 500px - 80px); min-height:400px; background:#EEE; padding:40px;} section .page .conteneur .droite .abs_gauche {float:left; width:calc(50% - 3px);} section .page .conteneur .droite .nouveaute {float:right;} section .page .conteneur .droite .abs_droite {float:left; width:calc(50% - 40px); margin-top:100px; padding-left:40px;} section .page .conteneur .droite .abs_bas {float:none; bottom:0; width:100%; margin-top:40px;} section .page .conteneur .droite .abs_bas p {color:white; background-color:#85be17; text-align:center; padding: 20px 50px 20px 50px; margin-left:auto; margin-right:auto; width:40%;} section .page .conteneur .droite .abs_bas p a {color:white; text-decoration:underline; font-weight:normal;} section .page .conteneur .droite .abs_droite h3 {color:#757b81; font-size:32px; font-weight:normal; padding-bottom:10px;} section .page .conteneur .droite .abs_droite p {color:#757b81; padding-top:10px;} section .page .conteneur .droite p {font-size:20px; line-height:30px;} section .page .conteneur .droite p.error {text-align:center; color:#EC0000; font-weight:bold; font-size:24px; line-height:30px;} section .page .conteneur .droite p.top {padding-top:10px;} section .page .conteneur .droite p.bot {padding-bottom:10px;} section .page .conteneur .droite p.pink {color:#FF00F0;} section .page .conteneur .droite p span {font-weight:bold;} section .page .conteneur .droite h2 {font-size:32px; line-height:36px; color:#000;} section .page .conteneur .droite h2.bdes {font-weight:200; text-align:center; padding-bottom:40px;} section .page .conteneur .droite h2.abs {float:left; font-weight:200; padding-bottom:20px; width:calc(100% - 104px); padding-top:20px; font-size:35px;} section .page .conteneur .droite h3 {font-size:18px; line-height:24px; color:#85be17; padding:0px 0px 20px;} section .page .conteneur .droite h3.bdes {text-align:left; text-transform:initial; font-weight:normal; font-size:20px; line-height:30px; font-weight:normal; color:#4d555d; margin:20px 0px; padding:0px 0px 0px 50px; background:url(/i-tick.png) no-repeat 0px 5px;} section .page .conteneur .droite .video {} section .page .conteneur .droite .video {width:100%; max-width:1000px; margin:20px auto 40px;} section .page .conteneur .droite .video .youtube {position:relative; width:100%; height:0px; padding:0px 0px 56.25%; overflow:hidden;} section .page .conteneur .droite .video .youtube iframe {position:absolute; top:0px; left:0px; width:100%!important; height:100%!important;} section .page .conteneur .droite ul {color:#515151; list-style-type:decimal; margin-left:30px;} section .page .conteneur .droite ul.abs > li {list-style:none; text-align:left; text-transform:initial; font-weight:normal; font-size:20px; line-height:30px; font-weight:normal; color:#4d555d; margin:20px 0px; padding:0px 0px 0px 50px; background:url(/i-tick.png) no-repeat 0px 5px;} section .page .conteneur .droite ul.abs {border-right:2px solid #c5c7c9; margin-left:0px;} section .page .conteneur .droite ul.abs > ul li {color:#85be17; font-weight:bold; list-style:none; padding-left:40px;} section .page .conteneur .droite ul.greg {margin-left:30px;} section .page .conteneur .droite ul.greg li {list-style-type:decimal;} section .page .conteneur .droite ul.greg li ul li {list-style-type:square;} section .page .conteneur .droite ul.greg li ul li ul li {list-style-type:circle;} section .page .conteneur .droite .private {position:relative; width:calc(100% - 2px - 30px - 40px); max-width:460px; margin:auto; display:block; border:1px solid #4d555d; background:#4d555d; padding:10px 55px 10px 15px; margin-bottom:15px; color:#FFF; font-size:18px; cursor:pointer;} section .page .conteneur .droite .private p {width:380px; margin-left:44px; font-size:11px; font-style:italic; line-height:14px; text-align:justify;} section .page .conteneur .droite .private a {color:#FFF; display:block;} section .page .conteneur .droite .private a:hover {text-decoration:none;} section .page .conteneur .droite .private img {vertical-align:middle; margin-right:8px;} section .page .conteneur .droite .private img.prive {position:absolute; top:10px; right:10px;} section .page .conteneur .droite .private2 {border:1px solid #153E2F; color:#153E2F;} section .page .conteneur .droite .private2 a {color:#153E2F;} section .page .conteneur .droite table {width:100%; max-width:1000px; margin:40px auto 0px;} section .page .conteneur .droite table tr {} section .page .conteneur .droite table tr td {padding:2px 4px; font-size:20px; line-height:30px;} section .page .conteneur .droite table tr td.td1 {text-align:center; border-top:3px solid #85be17; margin-right:5px; font-weight:bold; color:#85be17; vertical-align:middle; padding:0px 40px;} section .page .conteneur .droite table tr td.td2 {border-top:3px solid #c5c7c9;} section .page .conteneur .droite table tr td.td_first {border-top:0px;} section .page .conteneur .droite .bulle {float:left; width:calc(29% - 6px); min-width:250px; min-height:350px; margin:40px 2% 0px; text-align:center; background:#FFF; border:3px solid #FFF; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px;} section .page .conteneur .droite .bulle .visuel {padding:30px 0px 10px; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; -moz-border-radius-topleft:50px; -moz-border-radius-topright:50px; border-top-left-radius:50px; border-top-right-radius:50px;} section .page .conteneur .droite .bulle .texte {font-size:20px; line-height:22px; font-weight:bold;} section .page .conteneur .droite .bulle .texte span {font-weight:normal; font-size:16px; } section .page .conteneur .droite .bulle_verte {border-color:#85be17;} section .page .conteneur .droite .bulle_verte .visuel {background:#85be17;} section .page .conteneur .droite .bulle_verte .texte {padding-top:70px;} section .page .conteneur .droite .bulle_bleue {border-color:#1694b8;} section .page .conteneur .droite .bulle_bleue .visuel {background:#1694b8;} section .page .conteneur .droite .bulle_bleue .texte {padding-top:50px;} section .page .conteneur .droite .bulle_orange {border-color:#e3671c;} section .page .conteneur .droite .bulle_orange .visuel {background:#e3671c;} section .page .conteneur .droite .bulle_orange .texte {padding-top:50px;} section .page .conteneur .droite .bulle_violette {border-color:#b442b5; margin:40px 2% 0px 17%;} section .page .conteneur .droite .bulle_violette .visuel {background:#b442b5;} section .page .conteneur .droite .bulle_violette .texte {padding-top:50px;} section .page .conteneur .droite .bulle_noire {border-color:#4d555d; margin:40px 17% 0px 2%;} section .page .conteneur .droite .bulle_noire .visuel {background:#4d555d;} section .page .conteneur .droite .bulle_noire .texte {padding-top:90px;} section .page_lien .conteneur .gauche {padding-bottom:0px;} @media all and (max-width: 1600px) { section .page .conteneur .droite .bulle {width:calc(46% - 6px);} section .page .conteneur .droite .bulle_violette {margin:40px 2% 0px 2%;} section .page .conteneur .droite .bulle_noire {margin:40px 27% 0px;} } @media all and (max-width: 1400px) { section .page .conteneur .droite .bulle {float:none; width:calc(100% - 6px); max-width:400px; margin:40px auto 0px;} } @media all and (max-width: 1250px) { section .page .conteneur .gauche {width:270px;} section .page .conteneur .gauche_menu {width:310px;} section .page .conteneur .droite {width:calc(100% - 350px - 80px);} section .page .conteneur .droite ul.abs {border-style:none;} section .page .conteneur .droite .abs_gauche {width:100%; float:initial;} section .page .conteneur .droite .abs_droite {width:100%; float:initial; margin-top:40px; padding-left:0px;} } @media all and (max-width: 1000px) { section .page h1 {color:#FFF; background:#85be17; padding:10px 20px; text-align:left;} section .page .conteneur {background:#FFF;} section .page .conteneur .gauche_menu {background:#4d555d;} section .page .conteneur .gauche {width:calc(100% - 40px); padding:20px;} section .page .conteneur .gauche p {color:#000;} section .page .conteneur .droite {width:calc(100% - 40px); padding:20px; min-height:100px;} } /* BOUTON DE RAPPEL / CONTACT */ section .page .rappel_mobile {display:none;} section .page .rappel {background:#FFF; padding:80px 40px;} section .page .rappel_centre {width:100%; max-width:1400px; margin:auto;} section .page .rappel .rappel_vert, section .page .rappel .rappel_orange {float:left; width:50%;} section .rappel_vert a, section .rappel_orange a {width:calc(100% - 152px); max-width:300px; padding:10px 20px 10px 128px; height:68px; font-size:30px; line-height:34px; text-transform:uppercase; display:block; color:#FFF; border:2px solid #FFF; margin:auto;} section .rappel_vert a:hover, section .rappel_orange a:hover {text-decoration:none;} section .rappel_vert a {background:url('/i-telephone.png') no-repeat 20px 10px #85be17;} section .rappel_orange a {background:url('/i-idee.png') no-repeat 20px 10px #e3671c;} @media all and (max-width: 1200px) { section .page .rappel {padding:0px 20px;} section .page .rappel .rappel_centre {padding:20px 0px;} section .page .rappel .rappel_vert, section .page .rappel .rappel_orange {float:none; width:100%; padding:20px 0px;} } @media all and (max-width: 500px) { section .rappel_vert a, section .rappel_orange a {font-size:20px; line-height:34px;} } @media all and (max-width: 380px) { section .rappel_vert a, section .rappel_orange a {width:calc(100% - 102px); padding:10px 10px 10px 88px;} } section .gauche_menu .rappel_gauche .rappel_vert, section .gauche_menu .rappel_gauche .rappel_orange {margin-right:40px;} section .rappel_gauche .rappel_vert, section .rappel_gauche .rappel_orange {margin-top:40px;} section .rappel_gauche .rappel_vert a, section .rappel_gauche .rappel_orange a {border:0px;} @media all and (max-width: 1250px) { section .rappel_vert a, section .rappel_orange a {width:calc(100% - 102px); padding:10px 10px 10px 88px; font-size:20px; line-height:23px; background-position-x:10px;} } @media all and (max-width: 1000px) { section .gauche_menu .rappel_gauche {display:none;} section .page .rappel_mobile {display:block;} } /* FOOTER */ footer {color:#FFF; padding:70px 70px 20px;} footer a {color:#FFF;} footer .liens {float:left; width:calc(100% - 630px - 1px - 70px); font-size:16px; line-height:22px; border-right:1px solid #FFF;} footer .liens ul {list-style:none;} footer .liens ul li a {color:rgba(255,255,255,0.5);} footer .liens ul li a.actif {color:#85be17;} footer .adresse {float:right; width:630px; padding-left:70px;} footer .adresse .nom {font-size:50px; line-height:60px; color:#85be17;} footer .adresse .coordonnees {font-size:30px; line-height:40px; color:rgba(255,255,255,0.7);} footer .adresse .telephone {font-size:40px; line-height:50px;} footer .adresse .mail {font-size:30px; line-height:40px; color:#FFF;} footer .adresse .mail a {color:#FFF;} footer .copyright {text-align:right; font-size:12px; padding:70px 0px 0px;} footer .copyright a {text-decoration:underline;} footer .copyright a:hover {text-decoration:none;} @media all and (max-width: 1200px) { footer {padding:20px 20px 20px;} footer .liens {width:calc(100% - 400px - 1px - 20px);} footer .adresse {width:400px; padding-left:20px;} footer .adresse .nom {font-size:40px; line-height:50px;} footer .adresse .coordonnees {font-size:20px; line-height:27px;} footer .adresse .telephone {font-size:30px; line-height:40px;} footer .copyright {padding:20px 0px 0px;} } @media all and (max-width: 700px) { footer .liens {float:none; width:calc(100% - 40px); padding:0px 0px 20px; margin:0px 20px 20px; border-right:0px; border-bottom:1px solid #FFF;} footer .adresse {width:100%; text-align:center; padding-left:0px;} footer .copyright {text-align:center;} } /* COOKIES */ .cmp_policy {position:fixed; bottom:0px; left:0px; width:calc(100% - 20px); padding:10px; border-top:2px solid #85BE17; background:rgba(49,56,65,0.85); color:#FFF; z-index:99;} .cmp_policy .cmp_gauche, .cmp_policy .cmp_droite {float:left; width:calc(50% - 20px); padding:0px 10px;} .cmp_policy .cmp_droite {float:right;} .cmp_policy .cmp_titre, .cmp_policy .cmp_sous_titre {color:#85BE17; font-size:20px; line-height:20px; padding:10px 0px 5px;} .cmp_policy .cmp_titre {text-align:center; font-size:24px; line-height:24px; text-transform:uppercase; padding:0px;} .cmp_policy .cmp_sous_titre svg {fill:#85BE17; vertical-align:bottom;} .cmp_policy .cmp_texte {font-size:14px; line-height:18px; text-align:justify;} .cmp_policy .cmp_texte a {text-decoration:underline; color:#FFF;} .cmp_policy .cmp_texte.cmp_detail {padding:10px 10px 0px;} .cmp_policy .cmp_choix {text-align:right; text-transform:uppercase; padding:5px 0px; font-size:16px; margin-top:-30px;} .cmp_policy .cmp_choix a {background:#85BE17; color:#FFF; padding:5px 8px; margin:0px 0px 0px 10px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .cmp_policy .cmp_choix a:hover {text-decoration:none;} .cmp_gestion {text-align:center;} .cmp_gestion a {background:#85BE17; color:#FFF; font-weight:bold; padding:5px 10px; text-decoration:none; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;} .cmp_gestion a svg {fill:#FFF; vertical-align:bottom;} @media all and (max-width: 1400px) { .cmp_policy .cmp_choix {margin-top:5px;} .cmp_scroll {height:90px; overflow-y:auto;} } @media all and (max-width: 900px) { .cmp_policy .cmp_gauche, .cmp_policy .cmp_droite {float:none; width:calc(100% - 20px);} }