*{margin:0;padding:0;outline:none;font-family:'Open Sans',sans-serif;} img{border:0;} a{text-decoration:none;} body{font-size:13px;background-color:#fff;text-align:center;color:#333;font-weight:400;} .total{width:940px;text-align:left;margin:0 auto;} h1{color:#772b81;font-size:30px;text-align:center;border-bottom:1px solid #ccc;margin:40px 0 40px 0;padding-bottom:40px;font-weight:700;} h2{color:#7dbf2b;font-size:22px;margin-top:60px;font-weight:700;} h2 a{color:#7dbf2b;} h2 a:hover{text-decoration:underline;} h3{color:#772b81;font-size:15px;margin-bottom:10px;font-weight:700;} h4{color:#772b81;font-size:15px;margin-bottom:10px;font-weight:700;} .button{display:inline-block;position:relative;height:40px;line-height:40px;color:#fff;font-size:16px;background:#7dbf2b;border-radius:20px;cursor:pointer;transition:all ease 0.15s;padding:0 20px 0 20px;font-weight:600;overflow:hidden;} .button:hover{box-shadow:inset 0 0 50px rgba(0,0,0,0.2);} .button.purple{background:#772b81} .button.red{background:#900} .button.big{height:55px;line-height:55px;border-radius:28px;text-transform:uppercase;font-size:20px;padding:0 40px 0 40px;} .button.arrow:after{content:"\1433";padding-left:20px} .button.blank{border:1px solid #ccc;color:#999;background:transparent;font-weight:400;} .button.blank:hover{box-shadow:none;border-color:#999;color:#666;} .button.small{border-radius:5px;height:36px;line-height:36px;font-size:13px;} label.input_lab{display:block;margin:8px 0 -4px 0;font-size:12px;color:#999;line-height:17px;height:17px;} input.input_ins,textarea.textarea_ins{border:1px solid #ccc;background:#fff;width:300px;height:34px;line-height:34px;padding-left:10px;border-radius:5px;font-size:13px;margin:4px 0;} textarea.textarea_ins{width:450px;height:100px;line-height:20px;padding:10px;} input.input_ins.lead{color:#000;font-style:normal;} input.input_ins.error{background-position:0 -33px;} textarea.textarea_ins.lead{color:#000;font-style:normal;} .cont_select{border:1px solid #ccc;background:#fff;width:300px;height:34px;line-height:34px;padding-left:10px;border-radius:5px;margin:4px 0;overflow:hidden;position:relative;} .cont_select:before{content:"\2335";position:absolute;right:10px;pointer-events:none;} select.select_ins{-webkit-appearance:none;border:0;background:transparent;width:320px;height:34px;line-height:34px;padding-left:10px;} .clear{clear:both;} /* HEADER */ #header{height:210px;background:#f9f9f9;} #header.small1{height:150px;border-bottom:1px solid #f0f0f0;} #header #logo{position:absolute;color:#965da4;font-size:17px;width:230px;height:30px;display:block;background:url(logonew.png) no-repeat;padding:40px 0 0 105px;position:absolute;left:50%;margin:45px 0 0 -169px;letter-spacing:0.4px;} #header #logoresponsive{display:none;} #header #retour_fax{position:absolute;margin:66px 0 0 0px;} #header #retour_fax a{color:#666;text-decoration:underline;background:url(puce_footer.png) no-repeat 0 2px;padding-left:15px;} #header #retour_fax a:hover{color:#333;background-position:0 -17px;} #header_options{position: absolute;top:115px;padding:5px 0;height:35px;width:100%;z-index:1;} #header_options .header-container{width:940px;margin:0 auto;text-align:right;padding:0 5px;} #header_options ul{list-style-type:none;width:100%;} #header_options .header-menu{position:relative;list-style:none;float:right;margin:0 5px;font-size:16px;color: #9560a3;font-weight:600;cursor:pointer;line-height:15px;} #header_options .header-menu .content-country{width:21px;height:15px;margin-top:-3px;} #header_options .header-menu .content-menu{margin-right:20px;} #header_options .header-caret{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #454545;} #header_options .header-menu ul{display: none;position:absolute;background-color:#f7f7f7;bottom:50px;right:-14px;border:2px solid #c5c5c5;border-radius:1px;} #header_options .header-menu ul:before, #header_options .header-menu ul:after{top:100%;right:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} #header_options .header-menu ul:before{border-color:rgba(197, 197, 197, 0);border-top-color:#c5c5c5;border-width:13px;margin-right:-13px;} #header_options .header-menu ul:after{border-color:rgba(255, 255, 255, 0);border-top-color:#f7f7f7;border-width:10px;margin-right:-10px;} #header_options .header-menu li{text-align:left;padding: 10px 10px 10px 20px;} #header_menu{position:absolute;background:#f0f0f0;height:60px;top:150px;width:100%;z-index:0;} #header_menu ul{list-style-type:none;width:100%;} #header_menu li{} #header_menu li a.normal{float:left;display:block;font-size:16px;font-weight:600;color:#772b81;height:60px;line-height:60px;padding:0 12px 0 12px;outline:none;} #header_menu li a.normal:hover{background:#e6dfe6;} #header_menu li a.normal.lead{background:#772b81;color:#fff;} #header_menu li#menu_accueil a{background-image:url(homenew.png);background-repeat:no-repeat;width:26px;} #header_menu li#menu_accueil a.lead{background-position:0 -60px;} #header_menu li .button{float:right;margin:10px 0 0 15px;} /* PAGE D'ACCUEIL */ #cont_accueil{margin:20px 0 0 0;height:390px;background:#772b81;border-radius:5px;} #cont_accueil #n1enfrance{width:143px;padding-top:141px;height:0;overflow:hidden;background:url(n1enfrance.png) no-repeat;position:absolute;margin:-4px 0 0 803px;} #cont_accueil h1{color:#fff;font-weight:600;font-size:40px;border:0;padding:30px 0 0 0;margin-top:0;} #cont_accueil #anim{position:absolute;margin:-40px 0 0 30px;height:300px;width:440px;overflow:hidden;background:url(accueil_dessin.png) no-repeat;} #cont_accueil #animEn{position:absolute;margin:-40px 0 0 30px;height:300px;width:440px;overflow:hidden;background:url(accueil_dessin_en.png) no-repeat;} #cont_accueil #col{position:absolute;margin:0px 0 0 540px;} #cont_accueil #col ul{list-style-type:none;margin-bottom:30px;} #cont_accueil #col li{color:#fff;font-size:17px;background:url(check_accueil.png) no-repeat;padding:3px 0 2px 35px;margin-bottom:14px;} #cont_accueil #btn_avantage_accueil{margin:15px 0 0 8px} #cont_accueil #btn_avantage_accueil a{color:#fff;text-decoration:underline;text-shadow: 0px 0px 2px #000;} h2.h2_accueil{text-align:center;margin:60px 0 30px 0;} h2.h2_accueil.nobottom{margin-bottom:5px;} #boite_temoignage_accueil{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 50px 40px 50px;text-align:center;margin-top:0px;border:1px solid #ccc;border-top:0;} #boite_temoignage_accueil h2.h2_accueil{background:url(macaron.png) no-repeat 210px 20px;background-size:127px 106px;line-height:136px;margin:0;padding-left:100px;} #boite_temoignage_accueil div.t{width:389px;float:left;margin-bottom:20px;text-align:left;} #boite_temoignage_accueil div.t.decal{margin-left:60px;} #boite_temoignage_accueil div h3 a{color:#772b81;} #boite_temoignage_accueil div p.cit{text-align:justify;font-family:georgia;font-size:15px;line-height:120%;font-style:italic;color:#666;text-shadow:0 1px 0 #fff;} #boite_temoignage_accueil div p.aut{margin:10px 0 0 0;color:#000;} #boite_temoignage_accueil a.button{margin-top:30px;} .colonne_temoignage{width:470px;float:left;} .box_temoignage{padding:20px 10px 20px 10px;margin:0 10px 20px 10px;background:#f0f0f0;border-radius:5px;text-align:center;} .box_temoignage h3 a{color:#772b81;} .box_temoignage .cit{font-family:'Handlee',cursive;font-style:italic;font-size:18px;line-height:140%;text-align:center;margin:0 30px 0 30px;} .box_temoignage .aut{text-align:center;margin:8px 0 0 0;color:#000;} .box_accueil{width:270px;float:left;margin:34px 20px;color:#666;height:130px;} .box_accueil p a{color:#7dbf2b;} .box_accueil p a:hover{text-decoration:underline;} .box_accueil .lien{margin-top:10px;} .box_accueil .lien a{color:#7dbf2b;font-weight:700;text-decoration:underline;} .logos{height:80px;overflow:hidden;text-align:center;} .logos img{} .logos img:hover{margin-top:-80px;} .ringover{color:#772b81;text-align:center;font-size:18px;margin-top:40px;} .ringover a{font-weight:700;} /* TEXTES */ .textbox{min-height:250px;} .textbox img{width:420px;height:250px;float:left;} .textbox div.text{float:left;margin-left:80px;width:440px;} .textbox div.text.br{padding-top:20px;} .textbox div.text.br2{padding-top:40px;} .textbox div.text.br3{padding-top:60px;} .textbox h2{margin:30px 0 20px 0;} .textbox.imgright img{float:right;} .textbox.imgright div.text{float:right;margin:0 80px 0 0;} .textbox p{margin-bottom:10px;} .textboxdual{width:430px;float:left;margin-right:80px;} .textboxdual.last{margin-right:0;} .textboxdual p{margin-bottom:10px;} .textboxdual a{color:#000;text-decoration:underline;} .textboxtrial{width:300px;float:left;margin-right:20px;} .textboxtrial.last{margin-right:0;} .conseilbox{border-bottom:1px solid #ccc;height:280px;} .conseilbox img{float:left;} .conseilbox p{float:left;width:290px;height:180px;padding-top:100px;} #inscription_page{margin-top:50px;text-align:center;} ul.ulporta{list-style-type:none;float:left;width:640px;margin-top:10px;} ul.ulporta li{margin:20px 0;color:#666;line-height:160%;} ul.ulporta li strong{color:#7dbf2b;font-size:15px;} ul.ulporta li p.t{font-size:17px;font-weight:700;color:#772b81;height:27px;padding-top:10px;width:90px;} ul.ulporta li p.t strong{display:inline;width:30px;height:30px;border-radius:50%;line-height:30px;text-align:center;color:#fff;background:#772b81;padding:2px 8px;margin-left:8px;} .imgporta{float:left;margin-right:31px;} /* TARIFS */ .tarif_colonne{width:300px;text-align:center;float:left;margin-left:20px;font-weight:600;} .tarif_colonne p.head{background:#6dafe9;height:120px;font-size:55px;line-height:120px;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:700;} .tarif_colonne p.head:before{content:"HT/mois";display:block;font-size:13px;position:absolute;width:300px;margin:35px 0 0 15px;} .tarif_colonne .corps{border:1px solid #d6d0dd;border-top:0;padding-bottom:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} .tarif_colonne .type{color:#6dafe9;padding:30px 0 30px 0;font-size:15px;} .tarif_colonne .type:after{content:"";display:block;width:200px;height:1px;background:#d6d0dd;margin:30px 0 0 50px;} .tarif_colonne .type strong{font-size:18px} .tarif_colonne .type span.info{background:#6dafe9;color:#fff;display:inline-block;width:15px;line-height:15px;text-align:center;border-radius:50%;font-size:10px;position:absolute;margin-top:-2px;margin-left:5px;cursor:pointer;font-family:'georgia','serif';font-style:italic;} .tarif_colonne .type span.info span.textinfo{position:absolute;background:#000;color:#fff;width:150px;padding:10px;border-radius:5px;font-style:normal;font-size:12px;margin:-8px 0 0 8px;pointer-events:none;opacity:0;transition:all ease 0.15s;} .tarif_colonne .type span.info span.textinfo:before{content:"";display:block;position:absolute;width:10px;height:10px;background:#000;transform:rotate(45deg);margin:0 0 0 -15px;} .tarif_colonne .type span.info:hover span.textinfo{opacity:1;margin-left:13px;} .tarif_colonne .arg{color:#6dafe9;padding:0 0 30px 0;font-size:15px;} .tarif_colonne .arg strong{display:block;color:#69758a;text-transform:uppercase;font-size:16px;} .tarif_colonne .arg:after{content:"";display:block;width:40px;height:2px;background:#d6d0dd;margin:30px 0 0 130px;} .tarif_colonne .arg.big{margin-top:-20px;} .tarif_colonne .arg ul{list-style-type:none;} .tarif_colonne .arg ul li{display:inline-block;width:60px;height:35px;line-height:35px;background:#e7e7e7;cursor:pointer;color:#69758a;font-size:20px;margin:5px 2px 2px 2px;} .tarif_colonne .arg ul li:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;} .tarif_colonne .arg ul li:nth-child(2){width:55px;} .tarif_colonne .arg ul li:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px;} .tarif_colonne .arg ul li:hover{background:#d8d8d8;} .tarif_colonne .arg ul li.select{color:#fff;background:#79b725;} .tarif_colonne .action{font-size:13px;color:#69758a;} .tarif_colonne .action a.btn{display:block;width:180px;height:50px;line-height:50px;color:#fff;font-size:17px;background:#6dafe9;border-radius:25px;cursor:pointer;margin:5px 0 0 60px;transition:all ease 0.15s;} .tarif_colonne .action a.btn:hover{box-shadow:inset 0 0 50px rgba(0,0,0,0.2);} .tarif_colonne.bleu{margin-left:0px;} .tarif_colonne.bleu p.head:before{display:none;} .tarif_colonne.violet p.head{background:#9950ae} .tarif_colonne.violet .type,.tarif_colonne.violet .arg{color:#9950ae;} .tarif_colonne.violet .action a.btn{background:#9950ae;} .tarif_colonne.vert p.head{background:#79b725} .tarif_colonne.vert .type,.tarif_colonne.vert .arg{color:#79b725;} .tarif_colonne.vert .action a.btn{background:#79b725;} .tarif_colonne.vert .arg.big:after{margin-top:8px;} .tarif_colonne .action span.check{display:block;width:180px;font-size:15px;color:#7dbf2b;background:#fff;border:1px solid #7dbf2b;margin:5px 0 0 60px;line-height:50px;padding:0;border-radius:25px;cursor:pointer;transition:all ease 0.15s;} .tarif_colonne .action span.check:before{content:"\2713";display:inline-block;opacity:0;margin-right:-20px;transition:all ease 0.2s;width:20px;text-align:center;} .tarif_colonne .action span.check:hover,.tarif_colonne .action span.check.on{background:#7dbf2b;border-color:transparent;color:#fff;} .tarif_colonne .action span.check.on:before{opacity:1;margin-right:0px;} .tarif_colonne.violet .action span.check{color:#9950ae;border-color:#9950ae;} .tarif_colonne.violet .action span.check:hover,.tarif_colonne.violet .action span.check.on{color:#fff;background:#9950ae;} .tarif_2colonnes{margin:30px 0 0 150px;} .faq{background:#f4f4f4;border-radius:5px;margin-bottom:15px;height:64px;overflow:hidden;transition:all ease 0.2s;} .faq:hover{background:#e7e7e7;} .faq h3{padding:0 0 0 60px;color:#772b81;font-size:17px;line-height:64px;cursor:pointer;position:relative;transition:all ease 0.2s;} .faq h3:before{content:"";width:12px;height:2px;background:#5a6372;position:absolute;top:31px;left:22px;transition:all ease 0.2s;} .faq h3:after{content:"";width:2px;height:12px;background:#5a6372;position:absolute;top:26px;left:27px;transition:all ease 0.2s;} .faq.open h3{color:#fff;background:#772b81;} .faq.open h3:before{transform:rotate(360deg);background:#fff;} .faq.open h3:after{transform:rotate(180deg);background:#fff;opacity:0;} .faq p{padding:15px 60px 0 60px;font-size:14px;line-height:22px;} .tab_credit{width:940px;margin-bottom:50px;} .tab_credit .col{width:156px;float:left;text-align:center;} .tab_credit .col p.j{background:#7dbf2b;color:#fff;font-size:15px;line-height:45px;height:45px;border-left:1px solid #eee;font-weight:700;} .tab_credit .col p.p{background:#f5f3f8;border:1px solid #dbd2dc;border-right:0;border-top:0;border-bottom-left-radius:5px;} .tab_credit .col p.p strong{display:block;color:#772b81;font-size:25px;padding:10px 0 10px 0;} .strong-fixed{color:#772b81!important;font-size:25px!important;} .tab_credit .col p.p em{display:block;font-size:16px;font-style:normal;} .tab_credit .col p.p span{display:block;padding:5px 0 8px 0;font-size:15px;color:#6b6b6b;} .tab_credit .col p.p a.btn{display:block;color:#fff;font-size:15px;background:#7dbf2b;margin:5px 20px 20px 20px;line-height:34px;padding:0;border-radius:17px;cursor:pointer;transition:all ease 0.15s;} .tab_credit .col p.p a.btn:hover{box-shadow:inset 0 0 50px rgba(0,0,0,0.2);} .tab_credit .col p.p span.check{color:#7dbf2b;background:#fff;border:1px solid #7dbf2b;margin:5px 20px 20px 20px;line-height:34px;padding:0;border-radius:17px;cursor:pointer;transition:all ease 0.15s;} .tab_credit .col p.p span.check:before{content:"\2713";display:inline-block;opacity:0;margin-right:-20px;transition:all ease 0.2s;width:20px;text-align:center;} .tab_credit .col:hover p.p span.check,.tab_credit .col.lead p.p span.check{background:#7dbf2b;border-color:transparent;color:#fff;} .tab_credit .col.lead p.p span.check:before{opacity:1;margin-right:0px;} .tab_credit .col.cc30 p.j{border-left:0;border-top-left-radius:5px;} .tab_credit .col.cc100 p.p strong{padding:15px 0 15px 0;} .tab_credit .col.cc250 p.p strong{padding:20px 0 20px 0;} .tab_credit .col.cc500 p.p strong{padding:25px 0 25px 0;} .tab_credit .col.cc1000 p.p strong{padding:30px 0 30px 0;} .tab_credit .col.cc10000 p.j{border-top-right-radius:5px;} .tab_credit .col.cc10000 p.p{border-right:1px solid #dbd2dc;border-bottom-right-radius:5px;box-shadow:none;} .tab_credit .col.cc10000 p.p strong{padding:35px 0 35px 0;} .tab_credit .col.pointer{cursor:pointer;} .tab_credit.small .col{width:142px;} .tarifs_indic{color:#666;line-height:20px;font-size:12px;} .tarifs_indic.astuce{background:#f4f4f4;border-radius:5px;padding:15px;margin:20px 0 20px 0;} .tarifs_indic.green{color:#7dbf2b;} .tarifs_indic.green a{color:#7dbf2b;text-decoration:underline;} /* FAQ */ .col_menufaq{width:450px;float:left;margin:0 10px;color:#333;} .col_menufaq h2{margin-top:-10px;} .col_menufaq ul{list-style-type:none;} .col_menufaq ul li{margin:4px 0 0 10px;cursor:pointer;} .col_menufaq ul li:hover{text-decoration:underline;} .col_menufaq ul li:before{content: "- "} #reponse_faq h2{margin-top:30px;border-top:1px solid #999;padding-top:30px;} #reponse_faq h3{margin:0px 0 0 10px;} #reponse_faq p{color:#333;margin:10px 0 0 40px;line-height:140%;} .bloc_faq{border:1px solid #fff;padding:10px;margin-left:20px;} .bloc_faq.lead{border-color:#ccc;border-radius:10px;background:#f2f2f2;} #gotop{width:74px;height:74px;position:fixed;background:url(gotop.png) no-repeat;top:10px;margin-left:866px;cursor:pointer;display:none;} #gotop:hover{background-position:0 -74px;} /* PAGES TEXTES */ ul.undeuxtrois{list-style-type:none;margin-top:10px;counter-reset:compteur;} ul.undeuxtrois li{height:30px;padding:0 0 0 45px;margin-bottom:10px;counter-increment:compteur;line-height:30px;font-weight:600} ul.undeuxtrois li:before{content:counter(compteur);position:absolute;display:block;width:30px;height:30px;border-radius:50%;line-height:30px;text-align:center;color:#fff;background:#772b81;margin:0 0 0 -40px;} .quatre{margin:15px 0 0 0;} .quatre strong{float:left;display:block;font-size:14px;color:#666;padding:5px 15px 5px 15px;border:1px solid #ccc;border-radius:30px;background:#f2f2f2;margin:0 20px 10px 0;} .lien_texte{color:#7dbf2b;} .lien_texte:hover{text-decoration:underline;} .bloc_presse{float:left;margin:0 20px 20px 0;width:218px;border:1px solid #ccc;font-size:11px;text-align:center;padding-bottom:5px;color:#999;cursor:pointer;} .bloc_presse:hover{color:#333;box-shadow:0 0 8px #999;transition:all ease 0.2s;} .bloc_presse.nomarge{margin-right:0;} #popup_presse{width:600px;position:absolute;top:100px;left:50%;margin-left:-300px;background:#fff;text-align:center;display:none;z-index:9;box-shadow:0 0 10px #000;} #popup_presse #close{position:absolute;color:#999;font-weight:700;font-size:40px;margin:10px 0 0 550px;cursor:pointer;} #popup_presse #close:hover{color:#333;} .bloc_cgv p{margin-bottom:10px;} .flag_envoi{position:absolute;margin:73px 0 0 395px;} /* SHARE */ .share{width:186px;height:31px;background-repeat:no-repeat;cursor:pointer;float:left;margin:10px 10px 0 0;text-transform:uppercase;padding:15px 0 0 55px;color:#666;text-shadow:0 1px 0 #fff;} .share:hover{background-position:0 -46px;color:#74487d;} .share#share_facebook{background-image:url(share_facebook.png);} .share#share_twitter{background-image:url(share_twitter.png);} .share#share_linkedin{background-image:url(share_linkedin.png);} .share#share_viadeo{background-image:url(share_viadeo.png);} /* FOOTER */ #footer{margin-top:50px;background:#f0f0f0;border-top:1px solid #999;} #footer h2{color:#7dbf2b;font-size:15px;margin:30px 0 10px 0;} #footer h3{color:#000;font-size:15px;font-weight:400;margin:30px 0 10px 0;padding-bottom:15px;} #footer .col1{width:230px;float:left;color:#666;font-size:12px;} #footer .col1 p{margin-bottom:10px;line-height:140%;} #footer .col2{width:190px;float:left;margin-left:35px;} #footer .col2 ul{list-style-type:none;width:150px;} #footer .col2 li{margin-bottom:4px;} #footer .col2 li a{color:#666;text-decoration:none;font-size:12px;} #footer .col2 li a:hover{color:#000;text-decoration:underline;} #footer .paiement{background:url(border_h3_footer.gif) repeat-x;margin-top:40px;font-size:10px;color:#666;} #footer .legal{background:url(border_h3_footer.gif) repeat-x;padding:20px 0;font-size:10px;color:#666;} #footer .legal #copyright{} #footersmall{position:fixed;bottom:0;height:40px;line-height:40px;border-top:1px solid #ccc;z-index:3;background:#fff;width:100%;color:#999;} #footersmall a{color:#999;margin-left:10px;} #footersmall a:before{content:"-";padding-right:10px;} #background{position:fixed;background:#000;opacity: 0.5;top:0;left:0;width:100%;z-index:8;} #connexion_num_fax{width:298px;height:31px;background:#fff;border:1px solid #a492a7;border-radius:5px;margin-top:4px;} #connexion_num_fax input{border:0;background:#fff;width:230px;height:30px;line-height:30px;padding-left:10px;} #connexion_pass_fax{width:298px;height:31px;background:#fff;border:1px solid #a492a7;border-radius:5px;margin-top:4px;} #picto_connexion_pass_fax{background:url(c_connexion.gif) no-repeat center 9px;width:40px;float:left;border-right:1px solid #a492a7;height:21px;padding:10px 0 0 10px;cursor:pointer;} #picto_connexion_num_fax{background:url(fax_connexion.gif) no-repeat center 9px;width:40px;float:left;border-right:1px solid #a492a7;height:21px;padding:10px 0 0 10px;cursor:pointer;} #connexion_pass_fax input{border:0;background:#fff;width:230px;height:30px;line-height:30px;padding-left:10px;} /* INSCRIPTION */ #arianne{list-style-type:none;border-bottom:1px solid #ccc;height:40px;margin-top:-30px;padding-bottom:10px;counter-reset:compteur;} #arianne li{float:left;font-size:16px;font-weight:700;color:#ccc;line-height:40px;margin:0 40px 0 40px;counter-increment:compteur;} #arianne li:before{content:counter(compteur);position:absolute;display:block;width:30px;height:30px;border-radius:50%;line-height:30px;text-align:center;color:#fff;background:#cbcbcb;margin:5px 0 0 -40px;} #arianne li.lead{color:#7dbf2b;background-position:0 0;} #arianne li.lead:before{background:#772b81;} h2.h2_inscription{margin-top:30px;border-bottom:1px solid #ccc;padding-bottom:10px;} h2.h2_inscription span{color:#772b81;} .box_origine{margin:20px 0 0 0;} .box_origine .select{background:url(select.png) no-repeat 0 -33px;width:272px;height:25px;padding:8px 0 0 8px;margin:0 0 13px 12px;font-weight:700;cursor:pointer;color:#772b81;} .box_origine .select:hover{background-position:0 0;} .box_origine #liste_origine{position:absolute;width:235px;margin:-45px 0 0 15px;display:none;padding:33px 33px 0 0;} .box_origine #liste_origine span{display:block;background:#f1f3f7;padding:5px 10px;cursor:default;border:1px solid #e3e3e3;border-top:0;font-weight:700;color:#666;} .box_origine #liste_origine span:hover{background:#ebe1ed;color:#772b81;} #cont_type_numero{height:330px;} #cont_type_numero.petite{height:200px;} .optionbox{width:298px;float:left;margin:20px 20px 0 0;cursor:pointer;} .optionbox h3{color:#fff;padding:13px;margin-bottom:0;background:#7dbf2b;border-top-left-radius:5px;border-top-right-radius:5px;} .optionbox h3 span{font-size:12px;font-weight:400;} .optionbox p.prix{color:#6c556f;padding:7px 13px 7px 13px;background:#dbd2dc;font-size:14px;} .optionbox p.detail{padding:13px;border:1px solid #dbd2dc;border-top:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#f5f3f8;} .optionbox span.check{display:block;color:#7dbf2b;background:#fff;border:1px solid #7dbf2b;margin:5px 20px 20px 20px;line-height:34px;padding:0;border-radius:17px;cursor:pointer;transition:all ease 0.15s;text-align:center;font-size:15px;} .optionbox span.check:before{content:"\2713";display:inline-block;opacity:0;margin-right:-20px;transition:all ease 0.2s;width:20px;text-align:center;} .optionbox:hover span.check,.optionbox.lead span.check{background:#7dbf2b;border-color:transparent;color:#fff;} .optionbox.lead span.check:before{opacity:1;margin-right:0px;} .desc_inscription{color:#666;width:300px;line-height:150%;margin:20px 40px 0 0;float:left;} .select_place{display:inline-block;position:relative;background:url(geoloc.png) no-repeat 0 -40px;background-size:40px 80px;padding-left:40px;margin-top:8px;border:1px solid #7dbf2b;border-radius:20px;overflow:hidden;width:240px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#7dbf2b;} .select_place span{font-size:14px;padding-left:10px;} .select_place:before{content:"\25BC";position:absolute;right:15px;top:0px;color:#7dbf2b;} .select_place.of{background-position:0 0;border-color:#ccc;color:#999;} .select_place.of:before{color:#ccc;} #generate{display:inline-block;background:url(generate.png) no-repeat 0px 0px;background-size:20px 16px;padding-left:25px;margin-top:8px;line-height:16px;text-decoration:underline;cursor:pointer;} #btn_portabilite{margin-top:8px;} #btn_portabilite.on{color:#7dbf2b;border-color:#7dbf2b;} #portabilite{display:none;float:left;width:600px;margin-top:30px;height:215px;} #portabilite strong{color:#c00;display:block;line-height:22px;background:url(warning.png) no-repeat;padding-left:30px;font-weight:700;font-size:16px;margin:20px 0 6px 0;} #portabilite a{color:#c00;display:inline-block;margin-top:5px;text-decoration:underline;} #liste_numero{float:left;width:600px;margin-top:15px;height:230px;} #liste_numero ul{list-style-type:none;display:none;} #liste_numero li{width:254px;margin:5px 0 0 0;padding:8px 15px 8px 15px;float:left;line-height:36px;font-size:18px;background:#f5f3f8;border:1px solid #dbd2dc;border-radius:5px;cursor:pointer;font-weight:600;color:#6c556f;} #liste_numero li:nth-child(odd){margin-right:20px;} #liste_numero li span.check{display:block;width:100px;float:right;color:#7dbf2b;background:#fff;border:1px solid #7dbf2b;margin:0;line-height:34px;border-radius:17px;cursor:pointer;transition:all ease 0.15s;text-align:center;font-size:15px;font-weight:400;} #liste_numero li span.check:before{content:"\2713";display:inline-block;opacity:0;margin-right:-20px;transition:all ease 0.2s;width:20px;text-align:center;} #liste_numero li:hover span.check,#liste_numero li.lead span.check{background:#7dbf2b;border-color:transparent;color:#fff;} #liste_numero li.lead span.check:before{opacity:1;margin-right:0px;} #liste_numero.fuseaux{float:none;width:100%;height:auto;} #liste_numero.fuseaux ul{display:block;height:110px;} #liste_numero.fuseaux li{width:240px;padding:5px 10px 5px 10px;line-height:28px;font-size:14px;margin:5px 5px 0 0;} #liste_numero.fuseaux li span.check{line-height:26px;font-size:13px;} #liste_numero.fuseaux li:nth-child(odd){margin-right:5px;} #liste_numero.fuseaux h3{} .choix_indicatif{position:absolute;background:#fff;width:940px;height:50vh;margin-top:15px;opacity:0;transition:all ease 0.2s;pointer-events:none;overflow:auto;} .choix_indicatif.on{opacity:1;pointer-events:auto;z-index:1000;} .choix_indicatif div.col{width:285px;float:left;margin-right:20px;} .choix_indicatif div.col:last-child{margin-right:0;} .choix_indicatif p.t{height:40px;line-height:30px;text-transform:uppercase;font-size:16px;font-weight:700;text-align:center;} .choix_indicatif p.t span{display:inline-block;background:#7dbf2b;color:#fff;padding:2px 10px 2px 10px;border-radius:5px;} .choix_indicatif p.d{line-height:30px;height:30px;cursor:pointer;border:1px solid transparent;border-radius:5px;padding:0 10px 0 10px;position:relative;} .choix_indicatif p.d:before{content:"";display:block;position:absolute;z-index:1;width:80%;border-bottom:1px dotted #ccc;margin:18px 0 0 15px;} .choix_indicatif p.d:hover{border-color:#ccc;background:#f5f3f8;} .choix_indicatif p.d strong{position:absolute;font-size:15px;background:#fff;z-index:2;left:20px;padding-right:5px;} .choix_indicatif p.d span{position:absolute;background:#fff;z-index:2;right:20px;padding-left:5px;} .choix_indicatif p.d:hover strong,#choix_indicatif p.d:hover span{background:#f5f3f8;} .wait{position:absolute;width:42px;height:42px;background:url(wait.gif) no-repeat;} .wait#liste_numeros_wait{margin:100px 0 0 279px;} .choix_indicatif.credit{width:135px;margin-right:16px;} .choix_indicatif.credit.last{width:147px;} .choix_indicatif.credit.lastlast{width:150px;margin-right:0;} .choix_indicatif.credit.petit{width:128px;} #navigation{margin-top:30px;padding:30px 0 40px 0;border-top:1px solid #ccc;} #navigation #suivant{float:right;} #navigation #suivant.paiement{background-image:url(paiement.png);padding:15px 0 0 52px;width:118px;height:40px;font-size:20px;} #navigation #precedent{} #navigation #error{position:absolute;width:940px;background:#fff;height:110px;line-height:110px;color:#c00;font-size:16px;margin-top:-30px;text-align:right;z-index:3;opacity:0;pointer-events:none;transition:all ease 0.15s;} #navigation #error.on{opacity:1;pointer-events:auto;} .bloc_infos{width:300px;float:left;margin:20px 0 0 70px;} .bloc_infos.small{width:200px;margin-left:0;} .bloc_infos.nomarge{margin-right:0;} #liste_statut{list-style-type:none;} #liste_statut li{height:50px;line-height:50px;border:1px solid #ccc;border-radius:5px;cursor:pointer;padding-left:55px;margin-bottom:13px;} #liste_statut li:before{content:"";display:block;position:absolute;width:50px;height:50px;background:url(statut.png) no-repeat;margin-left:-55px;} #liste_statut li:hover,#liste_statut li.lead{border-color:#7dbf2b;color:#7dbf2b;} #liste_statut li:hover:before,#liste_statut li.lead:before{background-position:0 -50px;} #liste_statut li.association:before{background-position:-50px 0;} #liste_statut li.association:hover:before,#liste_statut li.association.lead:before{background-position:-50px -50px;} #liste_statut li.particulier:before{background-position:-100px 0;} #liste_statut li.particulier:hover:before,#liste_statut li.particulier.lead:before{background-position:-100px -50px;} #liste_statut.inline li{width:150px;float:left;margin-right:20px;} .center_recap{width:620px;margin:40px 0 0 160px;} .table_recap{border-collapse:collapse;width:620px;} .table_recap td{padding:15px 20px 15px 20px;border:1px solid #ccc;font-size:14px;background:#f4f2f7;background-clip: padding-box} .table_recap.small td{padding:3px 20px 3px 20px;font-size:13px;} .table_recap tr#titre_recap td{background:#fafbcc;padding:10px 0 10px 20px;font-size:12px;font-weight:700;color:#772b81;background-clip: padding-box} .table_recap tr td:first-child{position:relative;} .table_recap tr td:first-child span,.table_recap tr td:first-child a{position:absolute;top:12px;left:60px;} .table_recap td .link_action{background:url(action_mod.png) no-repeat;color:#772b81;text-decoration:underline;font-size:11px;text-shadow:0 1px 1px #fff;padding:0 0 2px 18px;display:block;cursor:pointer;} .table_recap td .link_action.sup{background-image:url(action_sup.png);padding-left:16px;} .table_recap td strong{color:#772b81;} .table_recap tr.prix_ht td{background:#ebe4f7;} .table_recap tr.prix_ht td.blank{background:#fff;border:0;background-clip: padding-box} .table_recap tr.prix_ttc td{background:#fafbcc;color:#7dbf2b;font-size:22px;padding:10px 20px 10px 20px;} .table_recap tr.prix_ttc td.blank{background:#fff;border:0;background-clip: padding-box} .select_duree{width:80px;} .select_duree select.select_ins{width:100px;} #dureeabonnement{background:url(select_petit.png) no-repeat 0 -33px;width:285px;height:25px;padding:8px 0 0 0;margin:8px 0 0 0;cursor:pointer;} #dureeabonnement:hover{background-position:0 0;} #dureeabonnement span{font-weight:700;cursor:pointer;color:#772b81;padding-left:22px;} #liste_duree{position:absolute;margin:-33px 0 0 150px;width:136px;display:none;padding:33px 0 0 0} #liste_duree p{background:#f1f3f7;width:83px;padding:5px 10px;cursor:pointer;border:1px solid #e3e3e3;border-top:0;font-weight:700;color:#666;} #liste_duree p:hover{background:#ebe1ed;color:#772b81;} .recap_infos{background:#f4f2f7;border:1px solid #ccc;padding:20px;border-radius:5px;} .recap_infos p{float:left;width:280px;font-size:14px;} .recap_infos #captcha{text-align:right;margin:0 20px 20px 0} .recap_infos #captcha img{border:1px solid #ccc;float:right;margin-left:10px;} .recap_infos #captcha input{border:1px solid #ccc;width:170px;padding:2px 5px 2px 5px;} .recap_infos_txt{text-align:right;margin-top:5px;color:#666;font-size:12px;} .recap_infos_txt a{color:#666;text-decoration:underline;} .recap_infos_txt a:hover{color:#333;} #cgv_check{background:url(checkbox.png) no-repeat;padding-left:25px;cursor:default;} #cgv_check:hover{background-position:0 -50px;color:#772b81;} #cgv_check.lead{background-position:0 -100px;color:#772b81;} #cgv_lire{cursor:pointer;text-decoration:underline;} .erreur{background:url(warning.png) no-repeat 10px 8px;background-color:#fde5e1;border:1px solid #d4908f;border-radius:5px;padding:10px 10px 10px 50px;margin-top:20px;text-shadow:0 1px 1px #fff;color:#b64845;} .cestbon{background:url(cestbon.png) no-repeat 10px 8px;background-color:#e5fde2;border:1px solid #a0d593;border-radius:5px;padding:10px 10px 10px 50px;margin-top:20px;text-shadow:0 1px 1px #fff;color:#517526;} .popup{width:620px;height:380px;background:#fff;position:fixed;z-index:9;left:50%;margin-left:-310px;top:50%;margin-top:-190px;display:none;box-shadow:0 0 10px rgba(0,0,0,0.5)} .popup.on{display:block;} .popup p.titre{color:#fff;height:45px;line-height:45px;padding-left:30px;background:#7dbf2b;text-transform:uppercase;font-weight:600;} .popup p.close{height:45px;width:50px;cursor:pointer;float:right;} .popup p.close:before,.popup p.close:after{content:"";background:#fff;position:absolute;width:20px;height:3px;transform:rotate(45deg);margin:21px 0 0 13px;transition:all ease 0.15s;} .popup p.close:after{transform:rotate(-45deg);} .popup p.close:hover:after{transform:rotate(45deg) scale(1.25);} .popup p.close:hover:before{transform:rotate(-45deg) scale(1.25);} .popup .content{padding:0 30px 0 30px;height:335px;overflow:auto;} .popup .content.hidden{overflow:hidden;} .popup .content h1{font-size:20px;} .popup .content h2{font-size:18px;} .popup .content h3{font-size:16px;} .popup#popup_connexion{width:380px;height:300px;margin-left:-190px;margin-top:-150px;transition:all ease 0.2s;} .popup#popup_connexion p.oublie{margin-top:15px;} .popup#popup_connexion p.oublie a{text-decoration:underline;color:#666;} .popup#popup_connexion p#erreur_connexion{opacity:0;margin-top:10px;transition:all ease 0.2s;color:#c00;} .popup.error#popup_connexion{height:350px;margin-top:-175px;} .popup.error#popup_connexion p#erreur_connexion{opacity:1;} #connexion_num_fax{width:298px;height:31px;background:#fff;border:1px solid #a492a7;border-radius:5px;margin-top:4px;} #pays_connexion_num_fax{background:url(f_connexion.gif) no-repeat 30px 11px;width:40px;float:left;border-right:1px solid #a492a7;height:21px;padding:10px 0 0 10px;cursor:pointer;} #pays_connexion_num_fax{width:40px;float:left;border-right:1px solid #a492a7;height:21px;padding:5px 0 0 10px;cursor:pointer;} #pays_connexion_num_fax img#img_pays_connexion{display:block;margin-top: 4px;} #pays_connexion_num_fax ul{display:none;list-style-type:none;position:absolute;border:1px solid #a492a7;background:#fff;border-radius:5px;padding:5px;margin:19px 0 0 -15px;box-shadow:3px 3px 0 rgba(0,0,0,0.1);z-index: 1;} #pays_connexion_num_fax ul.open{display:block;} #pays_connexion_num_fax ul:before{content:"";position:absolute;width:17px;height:15px;background:url(f_paysconnexion.png) no-repeat;margin:-20px 0 0 10px;} #pays_connexion_num_fax ul li{line-height:25px;padding-left:7px;border-radius:3px;} #pays_connexion_num_fax ul li:hover{background:#e4dee4;} #connexion_num_fax input{border:0;background:#fff;width:230px;height:30px;line-height:30px;padding-left:10px;} #case_paiement{width:350px;margin:-25px 0 0 540px;cursor:default;border:1px solid #395b15;background:#f4f2f7;} #bloc_paie{position:relative;} #bloc_paie:before{content:"";position:absolute;top:5px;left:5px;bottom:5px;right:5px;background:#f4f2f7;opacity:0.8;} #bloc_paie.on:before{display:none;} #finaliser_commande_cb{display:block;height:0;padding-top:100px;overflow:hidden;background:url(paiement_cb.png) no-repeat center top;cursor:pointer;margin-left:12px;} #finaliser_commande_paypal{display:block;width:280px;height:0;padding-top:100px;overflow:hidden;background:url(paiement_paypal.png) no-repeat;float:left;cursor:pointer;} #reception_validation_commande p.wait{margin:30px 0 0 270px;} .alerte_annuaire{background:url(n0.png) no-repeat;font-size:12px;color:#666;padding-left:20px;} #contact_box{position:fixed;z-index:99;bottom:-170px;right:20px;transition:all ease 0.2s;} #contact_box p.head{position:absolute;background:#7dbf2b;width:320px;height:48px;line-height:48px;border-radius:24px;color:#fff;text-align:left;font-size:16px;font-weight:600;cursor:default;box-shadow:0 0 8px rgba(0,0,0,0.2);} #contact_box p.head:before{content:"";display:block;width:40px;height:40px;margin:5px 10px 0 10px;background:url(logoseul.png) no-repeat 0 -2px;background-size:40px 40px;float:left;} #contact_box div.body{width:290px;padding:55px 20px 30px 10px;text-align:left;background:#fff;margin:24px 0 0 0;box-shadow:0 0 8px rgba(0,0,0,0.2);opacity:0;} #contact_box div.body p{color:#7dbf2b;font-size:17px;font-weight:700;background:url(picto_contact.png) no-repeat 0 0;background-size:50px 100px;height:50px;margin-bottom:10px;padding:3px 0 0 50px;} #contact_box div.body p:last-child{background-position:0 -50px;} #contact_box:hover{bottom:0;} #contact_box:hover div.body{opacity:1;} .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl + .tgl-btn { outline: 0; display: block; width: 100px; height: 40px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 20px; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .tgl + .tgl-btn:after { left: 0; } .tgl + .tgl-btn:before { display: none; } .tgl:checked + .tgl-btn:after { left: 50%; } .tgl-skewed + .tgl-btn { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; font-family: sans-serif; background: #2980b9; } .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before { display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease; width: 100%; text-align: center; position: absolute; line-height: 40px; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .tgl-skewed + .tgl-btn:active { background: #888; } .tgl-skewed + .tgl-btn:active:before { left: -10%; } .tgl-skewed:checked + .tgl-btn { background: #16a085; } .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .tgl-skewed:checked + .tgl-btn:after { left: 0; } .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } /* Select perso */ .select-cities { position: relative; height: 52px; width: 480px; margin: 25px auto; background-color: rgba(255, 255, 255, 0.2); background-image: url('https://www.ringover.com/img/signup/place.png'); background-repeat: no-repeat; background-position: 15px 10px; background-size: 18px 30px; text-align: left; color: #fefefe; border-radius: 3px; } .select-cities:hover { background-color: rgba(255, 255, 255, 0.4); } .select-cities:before { content: ""; position: absolute; width: 6px; height: 1px; background: #fff; top: 50%; right: 25px; transform: rotate(45deg); transition: all 200ms ease; } .select-cities:after { content: ""; position: absolute; width: 6px; height: 1px; background: #fff; top: 50%; right: 21px; transform: rotate(-45deg); transition: all 200ms ease; } .select-cities.select-open:before { transform: rotate(-45deg); } .select-cities.select-open:after { transform: rotate(45deg); } .select-cities .select-value { display: block; height: 52px; width: calc(100% - 50px); padding-left: 50px; font-weight: bold; line-height: 52px; cursor: pointer; } .select-cities .select-container { position: absolute; width: 100%; max-height: 328px; border: 1px solid #e0e6ed; border-radius: 3px; top: 30px; background: #fefefe; opacity: 0; pointer-events: none; transform: scaleY(0); transform-origin: 0 0; transition: all 300ms ease; z-index: 2; } .select-cities .select-container:before { content: ""; position: absolute; width: 14px; height: 14px; top: -8px; left: 50%; background: #fefefe; border-top: 1px solid #e0e6ed; border-left: 1px solid #e0e6ed; border-top-left-radius: 3px; z-index: -1; transform: rotate(45deg); } .select-cities.select-open .select-container { top: 58px; opacity: 1; pointer-events: auto; transform: scaleY(1); } .select-container .select-data { margin: 0; padding: 14px 0; max-height: 300px; list-style-type: none; overflow: auto; } .select-container .select-data li { padding: 0 14px; line-height: 30px; color: #55657A; cursor: pointer; } .select-data li strong { font-weight: normal; } .select-data li em { float: right; } .select-container .select-data li:hover { background: #1fc7a9; color: #fefefe; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .select-data li:hover strong { font-weight: bold; } .select-container .select-data .disabled { margin: 20px 15px; text-align: center; line-height: 0; border-bottom: 1px solid #999999; cursor: default; } .select-container .select-data .disabled span { padding: 0 10px; background: #fefefe; color: #999999; font-style: italic; } .select-container .select-data .disabled:hover { background: #fefefe; color: #999999; text-shadow: none; } .tarif_colonne.tarif_decal_card {margin-left: 150px;} @media screen and (max-width: 940px) { .tarif_colonne.tarif_decal_card { margin: 0 10% 10px 10%; } #header_options .header-container {display: none;} .total{width:90%;padding:0 5% 0 5%;} input.input_ins{width:calc(100% - 12px);} textarea.textarea_ins{width:calc(100% - 22px);} /* HEADER */ #header{height:70px;background:#f9f9f9;border-bottom:1px solid #f0f0f0;transition:all ease 0.15s;} #header.on{height:370px;} #header.small1{height:70px;} #header #logo{display:none;} #header #logoresponsive{display:block;background:url(logoseul.png) no-repeat;background-size:70px 70px;height:70px;line-height:70px;font-size:18px;font-weight:700;padding-left:80px;width:100px;} #header #burger{position:absolute;top:0;right:0;width:70px;height:70px;} #header #burger span{display:block;position:absolute;width:40px;height:4px;background:#772b81;top:33px;left:15px;cursor:pointer;transition:all ease 0.15s;} #header #burger span:before,#header #burger span:after{content:"";display:block;position:absolute;width:40px;height:4px;background:#772b81;top:-10px;left:0;transition:all ease 0.15s;} #header #burger span:after{top:10px;} #header #burger.on span{transform:rotate(45deg);} #header #burger.on span:before{transform:rotate(90deg);top:0;} #header #burger.on span:after{opacity:0;} /*#header #burger.on span{transform:rotate(90deg);} #header #burger.on span:before{transform:rotate(-45deg);width:20px;top:-8px;left:-1px;} #header #burger.on span:after{transform:rotate(45deg);width:20px;top:8px;left:-1px;}*/ #header_menu{position:absolute;background:transparent;height:0;top:70px;overflow:hidden;transition:all ease 0.15s;} #header_menu.on{height:300px;} #header_menu ul{padding:0;text-align:center;} #header_menu li{height:50px;} #header_menu li a.normal{float:none;height:50px;line-height:50px;} #header_menu li a.normal:hover{background:none;} #header_menu li a.normal.lead{background:none;color:#000;} #header_menu li#menu_accueil{display:none;} #header_menu li .button{float:none;margin:0;} #header.small1 .total{text-align:center;} #header.small1 #burger{display:none;} #header.small1 #logoresponsive{display:inline-block;width:auto} /* FOOTER */ #footer .col1{width:100%;float:none;} #footer .col2{width:100%;float:none;margin-left:0;} #footer .col2 ul{width:100%;} #footer .paiement{display:none;} #contact_box{display:none;} #footersmall{position:static;height:auto;line-height:normal;padding:20px 0 20px 0;} /* PAGE D'ACCUEIL */ #cont_accueil{height:auto;padding:0 10px 20px 10px;} #cont_accueil #n1enfrance{margin:-4px -5px 0 0;right:5%;} #cont_accueil h1{} #cont_accueil #anim{display:none;} #cont_accueil #animEn{display:none;} #cont_accueil #col{position:static;margin:0;} #boite_temoignage_accueil{padding:0 20px 40px 20px;} #boite_temoignage_accueil h2.h2_accueil{background:none;line-height:normal;padding:30px 0 30px 0;} #boite_temoignage_accueil div.t{width:100%;float:none;} #boite_temoignage_accueil div.t.decal{margin:0;margin-bottom:20px;} #boite_temoignage_accueil a.button{margin-top:30px;} .colonne_temoignage{width:100%;float:none;} .box_accueil{width:100%;float:none;height:auto;margin:20px 0 20px 0;} /* TEXTES */ .textbox{min-height:auto;border-bottom:1px solid #e0e0e0;padding-bottom:40px;margin-bottom:40px;} .textbox img{width:100%;height:auto;float:none;} .textbox div.text{float:none;margin-left:0;width:100%;} .textbox div.text.br{padding-top:0;} .textbox div.text.br2{padding-top:0;} .textbox div.text.br3{padding-top:0;} .textbox.imgright img{float:none;} .textbox.imgright div.text{float:none;margin:0;} .textboxdual{width:100%;float:none;margin-right:0;} .textboxdual img{width:100%;} .textboxtrial{width:100%;float:none;margin-right:0;} .textboxtrial img{width:100%;} .conseilbox{height:auto;padding:20px 0 20px 0;} .conseilbox img{float:none;width:100%;} .conseilbox p{float:none;width:100%;height:auto;padding-top:20px;} .imgporta{float:none;margin-right:0;} ul.ulporta{float:none;width:100%;} .col_menufaq{width:100%;margin:0;} .col_menufaq h2{margin-top:30px;} #reponse_faq h3{margin:0;} #reponse_faq p{margin:10px 0 0 0;} .bloc_faq{margin-left:0;} ul.undeuxtrois li{min-height:30px;padding-top:8px;line-height:normal;} .flag_envoi{display:none;} /* CREDITS */ .tab_credit{width:100%;} .tab_credit .col{width:49%;margin:0 0 5px 0;} .tab_credit .col:nth-child(even){margin-left:2%;} .tab_credit .col p.j{border-left:0;border-top-left-radius:5px;border-top-right-radius:5px;} .tab_credit .col p.p{border-right:1px solid #dbd2dc;border-bottom-right-radius:5px;} .tab_credit .col.cc100 p.p strong{padding:10px 0 10px 0;} .tab_credit .col.cc250 p.p strong{padding:10px 0 10px 0;} .tab_credit .col.cc500 p.p strong{padding:10px 0 10px 0;} .tab_credit .col.cc1000 p.p strong{padding:10px 0 10px 0;} .tab_credit .col.cc10000 p.p strong{padding:10px 0 10px 0;} .center_recap{width:100%;margin:40px 0 0 0;} .table_recap{width:100%;max-width:100%;} /* TARIFS */ .tarif_2colonnes{margin:30px 0 0 0;} .tarif_colonne{width:80%;float:none;margin:0 10% 10px 10%;} .tarif_colonne p.head:before{width:200px;} .tarif_colonne .type:after{width:80%;margin:30px 0 0 10%;} .tarif_colonne .arg:after{width:20%;margin:30px 0 0 40%;} .tarif_colonne .action a.btn{width:80%;margin:5px 0 0 10%;} .tarif_colonne .action span.check{width:80%;margin:5px 0 0 10%;} .tarif_colonne.bleu{margin-left:10%;} .tarif_colonne .type span.info span.textinfo{width:100px;} .faq{background:#fff;height:auto;} .faq h3{padding:10px 0 0 0;line-height:normal;} .faq h3:before,.faq h3:after{display:none;} .faq.open h3{color:#772b81;background:#fff;} .faq p{padding:15px 0 0 0;} /* INSCRIPTION */ h1.h1_inscription{display:none;} h2.h2_inscription{border-bottom:0;} .return{display:none;} #arianne{height:auto;margin-top:20px;} #arianne li{float:none;} #navigation #suivant{float:right;} #navigation #error{width:90%;line-height:normal;} .desc_inscription{width:auto;margin:20px 0 0 0;float:none;} .wait#liste_numeros_wait{margin:0 0 0 calc(50% - 21px);} #liste_numero{float:none;width:100%;height:auto;} #liste_numero li{width:auto;float:none;} #liste_numero li:nth-child(odd){margin-right:0;} .optionbox{width:100%;float:noneleft;margin:20px 0 0 0;} #choix_indicatif{position:fixed;width:100%;top:0;bottom:0;right:0;left:0;height:auto;margin-top:0;overflow:auto;} #choix_indicatif div.col{width:100%;float:none;margin-right:0;} #choix_indicatif p.t{display:none;} .bloc_infos{width:100%;float:none;margin:20px 0 0 0;} .bloc_infos.small{width:100%;} #finaliser_commande_cb{width:100%;float:none;margin-left:0;} #finaliser_commande_paypal{width:100%;float:none;} .popup{width:auto;height:auto;left:15px;margin-left:0;top:15px;margin-top:0;bottom:15px;right:15px;} .popup .content{height:calc(100% - 75px);} .popup#popup_connexion{width:auto;height:300px;margin-left:0;top:50%;left:15px;right:15px;} #connexion_num_fax{width:calc(100% - 2px);} #connexion_num_fax input{width:calc(100% - 61px);} #connexion_pass_fax{width:calc(100% - 2px);} #connexion_pass_fax input{width:calc(100% - 61px);} } .recap-subtitle h3{color: #333333;float: left;} .recap-subtitle img{float: right;width: 44px;height: 33px; margin-top: -10px;margin-left: 8px;} .recap-line{margin-top: 15px;border-bottom: 2px solid #cbcbcb;} .row{margin: 15px 0;} .row label{display: inline-block;width: 125px;font-weight: 600;} .row input,.row select{padding: 6px 14px;border: 1px solid #cbcbcb;border-radius: 4px;font-size: 12px;} .row select{padding: 6px;} .row div{display: none;font-size: 11px;margin-left: 130px;} .form-error label{color: #e74c3c;} .form-error input,.form-error select{border: 1px solid #e74c3c;} .form-error div{display: block;color: #e74c3c;} .checked-img{margin:35px 0 0 0!important;} .checked-img .visa{margin-left:30px;} .row [type=submit] { float: right; margin-top: 5px; padding: 0 15px; min-width: 158px; height: 35px; font-weight: bold; color: #969696; background-color: #dfdfdf; border: 1px solid #cbcbcb; border-radius: 18px; cursor: pointer; transition: all 200ms ease; } #redirectForm{display:none;margin-top:10px;font-size:1.1em;color:#e74c3c;} /*.row [type=submit]:hover { color: #f4f4f4; background-color: #7dbf2b; border: 1px solid #5a9c2b; }*/ input[type=range] { height: 30px; -webkit-appearance: none; margin: 10px 0; width: 100%; background-color: #e6e6e6; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 2px #50555C; background: #50555C; border-radius: 7px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 4px #000000; border: 0px solid #000000; height: 24px; width: 24px; border-radius: 12px; background: #529DE1; cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #50555C; } input[type=range]::-moz-range-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 2px #50555C; background: #50555C; border-radius: 7px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 4px #000000; border: 0px solid #000000; height: 24px; width: 24px; border-radius: 12px; background: #529DE1; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #50555C; border: 0px solid #000000; border-radius: 14px; box-shadow: 0px 0px 2px #50555C; } input[type=range]::-ms-fill-upper { background: #50555C; border: 0px solid #000000; border-radius: 14px; box-shadow: 0px 0px 2px #50555C; } input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 4px #000000; border: 0px solid #000000; height: 24px; width: 24px; border-radius: 12px; background: #529DE1; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #50555C; } input[type=range]:focus::-ms-fill-upper { background: #50555C; } /** Preview fax CSS */ .preview { position: relative; display: flex; flex-direction: column; width: 350px; height: 639px; margin: 0 auto; border: 1px solid #1d1d26; } #closeBtn { width: 28px; margin-left: 5px; display: none; } .fullscreen { position: fixed!important; margin: 0!important; width: inherit!important; height: inherit!important; z-index: 5; background-color: #fff; } .preview-nav { display: flex; align-items: center; padding: 0 4px; height: 34px; background-color: #e6e6e6; } .preview-page { flex: 1; text-align: center; font-weight: bold; } .preview-page span { padding: 6px 8px; border-radius: 4px; background-color: #fdfdfd; font-weight: bold; } .drawer { flex: 1; } .preview-footer { display: flex; height: 68px; padding: 4px; background-color: #e6e6e6; } .treshold { flex: 1; margin-right: 10px; display: flex; flex-direction: column; } .treshold-label { text-align: center; font-size: 1.3em; font-weight: bold; } .slider-container { display: flex; align-items: center; } .btn { background-color: #cdcdcd; border: none; outline: none; cursor: pointer; } .btn:hover { background-color: #bcbcbc; } .preview-btn { margin-left: 5px; padding: 4px 5px; border-radius: 50%; } .preview-btn img { width: 18px; height: 16px; } .slider-btn { border: 2px solid #c0c0c0; font-size: 1.7em; padding: 2px 4px; margin: 4px; } .slider-btn:first-child { background-color: #fafafa; } .slider-btn:last-child { background-color: #878787; } .fullscreen-btn img { margin: 4px; width: 45px; height: 45px; } .loader-bg { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 5; } .loader { width: 150px; height: 150px; line-height: 150px; box-sizing: border-box; text-align: center; z-index: 10; text-transform: uppercase; color: #fff; } .loader:before, .loader:after { opacity: 0; box-sizing: border-box; content: "\0020"; position: absolute; width: 150px; height: 150px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 50px #fff, inset 0 0 50px #fff; } .loader:after { margin-left: -100px; z-index: 1; animation: gogoloader 2s infinite 1s; } .loader:before { margin-left: -45px; z-index: 2; animation: gogoloader 2s infinite; } @keyframes gogoloader { 0% { -webkit-transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 0; } } .flip-vertical { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .back-button { margin-left: 14px; padding: 0 20px; height: 28px; background-color: #fff; color: #7dbf2b; border: 1px solid #7dbf2b; border-radius: 14px; outline: none; cursor: pointer; } .back-button:hover { background-color: #7dbf2b; color: #fdfdfd; }