*{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;
}