body{color:#545454;font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.5}
body,html{height:100%}
a{color:#19559e;text-decoration:none}
a:hover{color:#999; text-decoration:underline}
a.lien{color:#19559e;text-decoration:underline}
a.lien:hover{color:red}
a.pdf{height:17px;width:17px;padding:2px 0 2px 20px}
a.pdf{color:#C00}
a.pdf{background:url(../images/commun/doc-pdf.gif) left center no-repeat}
a.info{background:url(../images/commun/info.gif) left center no-repeat;padding:0 0 0 12px;font-weight:400}
.qcd {color:#19559e;text-decoration:none}
.qcd:hover {color:#999;text-decoration: underline;cursor: pointer;}
.call_to_action a, .call_to_action_expand_link a{color:#FFF; font-size:20px; text-decoration:none}
.majuscules{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.cleaner{clear:both}
.erreur, .rouge{color:red}
.erreur{font-weight:700;font-size:12px}
.gris{color:#666666}
.disabled{color:grey;}
.legende{color:#03569A;padding-top:0!important}
.curved{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.italic{font-style:italic}
.btn-default{text-shadow:none}

.text9{font-size:9px;}
.text10{font-size:10px;}
.text11{font-size:11px;}
.text12{font-size:12px;}
.text13{font-size:13px;}
.text14{font-size:14px;}
.text15{font-size:15px;}

.parsley-errors-list,.parsley-required{margin:0!important}
.parsley-required{font-size:11px}

/*.rating{margin:0 auto;width:140px}
.rating:not(:checked)>input{position:absolute;top:-9999px;clip:rect(0,0,0,0)}
.rating:not(:checked)>label{float:right;width:1em;padding:0 .1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:200%;line-height:1.2}
.rating:not(:checked)>label:before{content:'★ '}
.rating:not(:checked)>label,.rating:not(:checked)>label~label{color:#ffd700;text-shadow:1px 1px #daa520,2px 2px #B57340,.1em .1em .2em rgba(0,0,0,.5)}
.rating>input:checked+label,.rating>input:checked+label~label,.rating>input:checked~label,.rating>input:checked~label~label,.rating>label:hover~input:checked~label{color:#ea0;text-shadow:1px 1px #daa520,2px 2px #B57340,.1em .1em .2em rgba(0,0,0,.5)}
.rating>label:active{position:relative;top:2px;left:2px}*/

option,select{padding:0 5px}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
input[type=number]{-moz-appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input::-o-inner-spin-button,input::-o-outer-spin-button{-o-appearance:none;margin:0}
label input[type=radio]~i.fa.fa-circle-o{color:#c8c8c8;display:inline}
label input[type=radio]:checked~i.fa.fa-circle-o,label input[type=radio]~i.fa.fa-check-circle-o{display:none}
label input[type=radio]:checked~i.fa.fa-check-circle-o{color:#00568b;display:inline}
label:hover input[type=radio]~i.fa{color:#7AA3CC}
label input[type=checkbox]~i.fa.fa-square-o{color:#c8c8c8;display:inline}
label input[type=checkbox]:checked~i.fa.fa-square-o,label input[type=checkbox]~i.fa.fa-check-square-o{display:none}
label input[type=checkbox]:checked~i.fa.fa-check-square-o{color:#00568b;display:inline}
label:hover input[type=checkbox]~i.fa{color:#7AA3CC}
label input[type="radio"] ~ i.fa.fa-circle-o{color:#c8c8c8;display:inline}
label input[type="radio"] ~ i.fa.fa-check-circle-o{display:none}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{display:none}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{color:#00568b;display:inline}
label:hover input[type="radio"] ~ i.fa{color:#7AA3CC}
label input[type="checkbox"] ~ i.fa.fa-square-o{color:#c8c8c8;display:inline}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{display:none}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{display:none}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{color:#00568b;display:inline}
label:hover input[type="checkbox"] ~ i.fa{color:#7AA3CC}
hr{margin:0}

.supertop,.top,body{background-color:#FFF;text-align:left; clear: both;}
.topmenu {background-color: #f3f3f3; margin-top: 30px;}
#disclaimer{text-align:center;font-size:11px;background-color:#f3f3f3}
#footer{margin-top:20px;background-color:#f3f3f3;padding-top:10px}
#entete,.content_footer,.supertop{margin:0 auto}
.supertop{width:100%}
#cadre,.content_footer,.top,.content_siteWrapper,.top_home{width:1280px}
.top,.top_home{margin:10px auto 0;background:#fff}
#cadre{margin:5px auto 0;height:200px;background-color:#fff}
html>body #cadre{height:auto;min-height:200px}
#connexion {height:66px}
.content_footer{padding:0 0 20px}
@media screen and (max-width:767px) {
.top{height:54px}
}
@media screen and (max-width:1280px) {
#cadre,.content_footer,.top,.content_siteWrapper,.top_home{width:100%}
}
#entete h1,#entete h3{font-size:16px;font-weight:400;position:absolute;text-align:center}
#calculette .legende{padding-right:0;padding-top:4px}

#entete h1{margin:75px 0 0 450px;width:250px;min-width:250px;line-height:1.4}
/*#entete a{font-size:10px;font-weight:700;color:#fff;float:left;width:110px;height:66px}
#entete a:hover{color:#000}*/

#header_fc {position: relative;float: right;margin-right: 20px;}

.breadcrumbs{font-size: 11px; clear: both;}
.breadcrumbs .fa{color:#333}
@media screen and (max-width:767px) {
    .breadcrumbs {padding-top: 10px;}
}

/*#connexion{position:absolute;background:url(../images/commun/fond-connexion.png) left top no-repeat;width:200px;margin:174px 0 0 776px}
#connexion p{margin:0 10px;color:#fff;font-size:10px}
#connexion p.erreur{margin:0 10px;color:red;font-size:10px}
#connexion td.bouton{text-align:center;width:35px}
#connexion td.input{vertical-align:middle}
#connexion input.champ{width:145px;margin-left:10px;font-size:10px;border:none;background:#fff}*/

#logo_agrement, table.boutons{margin-top:12px}

#contenu #bloc h1,#contenu #bloc h2{color:#fff;padding:0 0 0 20px;line-height:40px;background-color:#004294}
#contenu{position:inherit}
#contenu #bloc{padding-bottom:10px;background-color:#FFF}
#contenu #bloc #bloc_contenu{padding:0 20px 10px}

h1{font-size:28px;color:#19559e;font-weight:700;text-transform:uppercase}
h2{font-size:22px;color:#19559e;font-weight:700;border-left:30px solid #19559e;padding-left:10px;text-transform:uppercase;margin-top:40px; clear: both;}
h3{font-size:20px;color:#19559e;}
#contenu #bloc h3.panier{padding:0;color:#0080FE;font-size:15px;margin:0}
#contenu #bloc h4{font-size:13px;margin:0 20px 5px 0}
#contenu #bloc p{margin:0 0 10px}
#contenu hr{clear:both;width:100%;border:0;border-bottom:1px #0080FE solid;height:1px}
.button_annuler,.button_calculer,.button_commander,.button_continuer,.button_effacer,.button_modifier,.button_payer,.button_retour,.button_valider{cursor:pointer;width:125px;height:36px}
#contenu fieldset{padding:10px;border:1px solid #004294;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}
#contenu #bloc ul{margin:10px 20px 0 0}
#contenu #bloc ul li{margin:5px 15px}
#contenu .petite_legende{font-size:10px}

.content_footer #bloc,.content_footer #colonne p{margin:0 20px}
.content_footer #mentions{display:block;font-size:9px;margin:0 20px;text-align:center}
.content_footer #bloc{display:block;text-align:center}
.content_footer #colonne{float:left;width:332px;margin:15px 0 25px}

#contenu #bloc #regions{margin:.5em 0 0;padding:0}
#contenu #bloc ul li.region{margin:5px 10px}
#regions .departement,#regions .region{margin:5px 10px 5px 0;list-style:none;text-align:center;float:left}
#regions .departement{height:60px;border:4px solid #0080FE;width:450px}
#regions .region.selected{border:4px solid #F90}
#regions .region.ui-selecting{border:4px solid #FECA40}
#regions .region.ui-selected{border:4px solid #0080FE}

#offre{margin-top:0;}

.call_to_action, .call_to_action_expand_link{padding:10px;margin-bottom:20px;border-radius:3px;border:none;color:#FFF;text-decoration:none;background:#004294;position:relative;font-size:15px;-webkit-box-shadow:-5px 7px 18px -7px rgba(0,0,0,0.75);-moz-box-shadow:-5px 7px 18px -7px rgba(0,0,0,0.75);box-shadow:-5px 7px 18px -7px rgba(0,0,0,0.75)}
.call_to_action::after{content:"";position:absolute;right:-15px;top:28px;font-size:14px;line-height:26px;font-weight:700;background:url(../images/commun/icone/chevron_blanc_droit.png) no-repeat center center #004294;border-radius:50px;border:3px solid #FFF;width:30px;height:30px;text-align:center;color:#FFF}
.call_to_action_expand_link::after{content:"";position:absolute;right:5px;top:28px;font-size:14px;line-height:26px;font-weight:700;background:url(../images/commun/icone/chevron_blanc_droit.png) no-repeat center center #004294;border-radius:50px;border:3px solid #FFF;width:30px;height:30px;text-align:center;color:#FFF}
.call_to_action:hover, .call_to_action_expand_link:hover{background-color:#636363;box-shadow:2px 2px 10px gray inset;-moz-box-shadow:2px 2px 10px gray inset;-webkit-box-shadow:2px 2px 10px gray inset}

[data-expand-target]{overflow:hidden;position:relative;}
[data-expand-link]:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;margin:-250px;}

@media screen and (max-width:700px) {
    h2.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:0;font-size:15px;transition:.4s}
    h2.accordion.active,h2.accordion:hover{background-color:#ddd}
    h2.accordion:after{content:'\02795';font-size:13px;color:#777;float:right;margin-left:5px}
    h2.accordion.active:after{content:"\2796"}
    #accordion_mobile>.panel.show{opacity:1;max-height:500px}
    .sf-t3.sf-slide .sf-viewport .sf-step{padding:0}
}
.navbar{border-radius:0;z-index:10;background-color:#f3f3f3}
.navbar-brand{font-size:12px}
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a{color:#000000a8;font-size:12px;font-weight:700;text-transform:uppercase}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#004294}
.navbar-default .navbar-collapse{background-color:#f3f3f3}
@media screen and (max-width:1000px) {
    .nav>li>a,.navbar-brand{padding:12px 7px}
}

#logo_header_cgm{margin-bottom:20px}
#logo_agrement{position:absolute;margin-left:-370px}
#txt_leader_cg{position:absolute;margin-left:32%;margin-top:17px}
@media screen and (max-width:940px) {
    #container,#offre #desc{display:none}
}
@media screen and (max-width:767px) {
    #logo_header_cgm,.top{margin-top:0;width:100%}
    .top{height:0}
    #logo_header_cgm{margin-left:0;position:inherit}
    #contenu #bloc h1{text-align:center}
    .topmenu{margin-top: 0}
    .navbar-default{background-color:#fff}
    .navbar-default .navbar-toggle{background-color:#fff}
    .navbar-brand{padding:0 0 0 5px}
}

.info_exclam{color:#fff;font-weight:700;border-spacing:0 5px;position:absolute;left:-2px;top:-2px;width:31px;border-bottom-right-radius:3px;border-top-left-radius:3px;background-color:#004294;line-height:32px;text-align:center}
.title_info_exclam{margin-left:22px;font-size:18px;padding:4px;margin-bottom:5px;color:#004294}
.txt_info_exclam{font-style:italic;text-align:justify}

@media (min-width:768px) {
.navbar{min-height:35px;margin-bottom:0;border:none}
}
.carousel-control{width:5%}
.carousel-control.left,.carousel-control.right{background-image:none}
.carousel-indicators{bottom:0}

.fond_plaque,.fond_plaque_input{background-image:url(../images/commun/plaques/plaque_auto_immatriculation_vierge_mobile.png);width:200px;height:44px!important;font-size:25px!important}
.fond_plaque{padding:0 35px!important}
.fond_plaque_input{padding-top:5px!important;padding-left:25px!important;padding-right:30px!important}

.border_tarifs_regions{border:1px solid #004294;border-radius:5px;min-height:352px;padding:0 10px 10px;margin-bottom:10px}
.border_info_exclam{border:2px solid #004294;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}

.form_calculateur .form-group{margin-bottom:10px}
.form_calculateur .form-control{height:22px;padding:0 5px}

.style_titre_h2{font-size:22px;color:#19559e;font-weight:700;border-left:30px solid #19559e;padding-left:10px;text-transform:uppercase;margin-top:40px}

#resultat{font-weight:700;text-align:center;color:red;border:1px solid red;border-radius:5px;padding:5px;margin-bottom:10px}

.bloc_info_agence_map{background-color:#004294;width:350px;height:385px;position:absolute;z-index:1;margin-left:530px;margin-top:50px;text-align:center;padding:10px;color:#FFF;font-size:15px;border-radius:5px}
@media (max-width:1200px) {
    .bloc_info_agence_map{margin-left:350px}
}

.ui-datepicker .ui-datepicker-title{font-weight:700}
.ui-datepicker .ui-datepicker-calendar td a,.ui-datepicker a,.ui-datepicker a:hover{text-decoration:none}
.ui-datepicker{background-color:#fff;border:1px solid #66AFE9;border-radius:4px;box-shadow:0 0 8px rgba(102,175,233,.6);display:none;margin-top:4px;padding:10px;width:240px}
.ui-datepicker a:hover,.ui-datepicker td:hover a{color:#2A6496;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}
.ui-datepicker .ui-datepicker-header{margin-bottom:4px;text-align:center}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{cursor:default;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:20px;line-height:1;margin-top:2px;width:30px}
.ui-datepicker .ui-datepicker-prev{float:left;text-align:left}
.ui-datepicker .ui-datepicker-next{float:right;text-align:right}
.ui-datepicker .ui-datepicker-prev:before{content:"\e079"}
.ui-datepicker .ui-datepicker-next:before{content:"\e080"}
.ui-datepicker .ui-icon{display:none}
.ui-datepicker .ui-datepicker-calendar{table-layout:fixed;width:100%}
.ui-datepicker .ui-datepicker-calendar td,.ui-datepicker .ui-datepicker-calendar th{text-align:center;padding:4px 0}
.ui-datepicker .ui-datepicker-calendar td{border-radius:4px;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out,color .1s ease-in-out;-o-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}
.ui-datepicker .ui-datepicker-calendar td:hover{background-color:#eee;cursor:pointer}
.ui-datepicker .ui-datepicker-current-day{background-color:#4289cc}
.ui-datepicker .ui-datepicker-current-day a{color:#fff}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover{background-color:#fff;cursor:default}

#logo_cheque,#logo_mandat_administratif,#logo_franfinance,#logo_paypal{background-color:#007cc1;box-shadow:0 0 0 rgba(0,0,0,.2),0 -1px 1px rgba(0,0,0,.5) inset;font-family:gothammed,Helvetica,sans-serif;padding:6px 17px;text-shadow:0 -1px 1px #000,0 0 0 #FFF;width:260px;font-size:14px;color:#FFF;height:40px;font-weight:700}
#logo_cheque,#logo_mandat_administratif,#logo_paypal{background:linear-gradient(to bottom,#86d1f3 1%,#007cc1 99%);border:0 solid #004990;border-radius:3px}
#logo_3X_banque_casino, #logo_4X_banque_casino {
    background: linear-gradient(to bottom,#86d1f3 1%,#007cc1 99%);
    border: 0 solid #004990;
    border-radius: 3px;
    box-shadow: 0 0 0 rgba(0,0,0,.2), 0 -1px 1px rgba(0,0,0,.5) inset;
    font-family: gothammed,Helvetica,sans-serif;
    padding: 6px 17px;
    text-shadow: 0 -1px 1px #000, 0 0 0 #FFF;
    width: 260px;
    font-size: 14px;
    color: #FFF;
    height: 40px;
    font-weight: 700;
}
@media screen and (max-width:767px) {
    #contenu #bloc #bloc_contenu{padding:0 5px 10px}
}

.box_document{border:1px solid #ccc;border-radius:5px;padding:2px;text-align:center;margin:4px;color:#FFF;background-color:#004294;-webkit-box-shadow:-4px 0 40px -12px rgba(0,0,0,.41);-moz-box-shadow:-4px 0 40px -12px rgba(0,0,0,.41);box-shadow:-4px 0 40px -12px rgba(0,0,0,.41);cursor:pointer}
.box_doc_particulier:hover{background-color:#004294}
.box_liste_document{border:1px solid #6f9fcf;border-radius:5px;background-color:#004294;color:#fff;margin-top:5px}
.bloc_document{border:1px solid #6f9fcf;border-radius:5px;background-color:#eef4fa;margin-top:5px;padding:10px}
.numero_document{position:absolute;background-color:#004294;color:#fff;border-radius:50px;padding:2px 7px;font-weight:700;border:2px solid #fff;line-height:1.3}
.logo_original{position:absolute;width:55px;right:0}
.logo_original_description{position:absolute;right:0}
.logo_duree_validite{position:absolute;background-color:#ea0007;border-radius:5px;color:#fff;padding:2px 4px;font-weight:700;right:0}
.fond-logo-pdf{position:absolute;width:110px;opacity:.6;display:none}
.img-document{margin-bottom:10px}
.img-document-detail{margin-bottom:10px;margin-top:20px}
/*.box_shadow{-webkit-box-shadow:-4px 0 40px -12px rgba(0,0,0,.41);-moz-box-shadow:-4px 0 40px -12px rgba(0,0,0,.41);box-shadow:-4px 0 40px -12px rgba(0,0,0,.41)}*/
.no_hover,.no_hover:hover{color:#FFF}
/*.h1_checkout{padding:0 0 0 20px;margin-bottom:30px;margin-top:40px}*/
.intertitre{color:#004294;background-color:rgba(221,221,221,.48);font-size:13px;border-bottom:#004294 1px solid;margin-bottom:20px;border-radius:5px;padding:2px 2px 2px 10px}
#commander_form fieldset{border:none}
#commander_form label{font-size:12px}
#commander_form input[type=radio],#commander_form input[type=checkbox]{margin-top:-1px}
.plaque_immatriculation_auto_desktop{width:284px;height:63px!important;background-image:url(../images/commun/plaques/plaque_auto_immatriculation_vierge.png);text-align:center;margin:12px auto}
@media screen and (max-width:768px) {
    .plaque_immatriculation_auto_desktop{width:200px;height:44px;background-image:url(../images/commun/plaques/plaque_auto_immatriculation_vierge_mobile.png);font-size:24px!important}
}
.numero_plaque_immatriculation_auto_desktop{font-size:38px;margin-left:30px;padding-top:11px;width:219px;float:left}
.content_departement_plaque_immatriculation_auto_desktop{width:29px;height:63px;float:left}
.logo_plaque_immatriculation_auto_desktop{margin-top:5px;width:29px;height:28px}
.numero_departement_plaque_immatriculation_auto_desktop{width:29px;height:30px;color:#FFF;padding-top:5px;font-size:17px}
.plaque_immatriculation_moto_desktop{width:166px;height:125px;background-image:url(../images/commun/plaques/plaque_moto_immatriculation_vierge.png);text-align:center;margin:12px auto}
.numero_plaque_immatriculation_moto_desktop_1{font-size:38px;margin-left:34px;padding-top:11px;width:98px;float:left}
.numero_plaque_immatriculation_moto_desktop_2{font-size:38px;margin-left:0;padding-top:11px;width:162px;float:left}
.content_departement_plaque_immatriculation_moto_desktop{width:29px;height:63px;float:left}
.logo_plaque_immatriculation_moto_desktop{margin-top:5px;width:29px;height:28px}
.numero_departement_plaque_immatriculation_moto_desktop{width:29px;height:30px;color:#FFF;font-size:17px;padding-top:6px}
#table_plaques_moto_luxe,#table_plaques_moto_premium{padding:5px;width:50%;float:left}
.quantite_plaque{width:120px;height:auto;margin:15px auto}
#regions li{margin:2px!important}
.region{opacity:.3}
.logo_region_selected{opacity:1!important;box-sizing:border-box!important;border:1px solid #00568b!important}
#departement{width:100%!important}
.departement_choix{cursor:pointer;display:inline-block;color:#00568b;font-weight:700;border:1px solid #00568b;padding:10px;margin:8px;border-radius:3px}
.departement_selected{background-color:#71a0d8;color:#FFF}
@media screen and (max-width:767px) {
    .bouton_calculer_design{width:100%;white-space:normal;line-height:1}
}
.mdp_non,.mdp_oui{display:none}
.panel-default>.panel-heading{background-image:linear-gradient(to bottom,#efefef 0,#efefef 100%)}
.panel-heading{background-color:#004294;border-color:#ddd;padding:2px 10px;color:#FFF;border-radius:3px 3px 0 0;font-size:14px;margin-bottom:0}
.panel-group{margin-bottom:6px}
.panel-group .panel{border:0}
.btn_validez{width:150px;margin-top:10px}
.btn.active,.btn:active{border:2px solid #004294!important}
.sf-left{background:#ccc!important}
.box_relief{box-shadow:0 2px 11px #333;-webkit-box-shadow:0 2px 11px #333;-moz-box-shadow:0 2px 11px #333}
.dot{display:inline-block;float:left;width:20px;height:20px;border:3px solid #d3d3d3;border-radius:10px;margin-right:10px;position:relative}
.dot:before{content:'';display:block;width:8px;height:8px;margin:3px 0 0 3px;border-radius:4px}
#regions .region{border:none;height:62px}
#regions .region:hover{border:1px solid #666}

@media screen and (max-width:1280px) {
    .sf-nav-wrap{display:none}
}
#bloc_contenu{line-height: 28px;}
#contenu #bloc article .bloc_contenu a{font-weight:700;color:#0080FE;text-decoration:underline}
#contenu #bloc article .form_calcul{width:286px;float:left;background-color:#0080FE;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px}
#contenu #bloc article .form_calcul fieldset{width:280px;z-index:99999;border:3px solid #004294;padding:0;margin:0;border-radius:3px}
#contenu #bloc article .form_calcul form{overflow:hidden}
#contenu #bloc article .form_calcul table{width:100%}
#contenu #bloc article .form_calcul h4{width:260px;height:30px;line-height:30px;padding-left:20px;background-color:#004294;color:#fff;margin:0}
#contenu #bloc article .form_calcul select{width:100%;border:none;height:30px}
#contenu #bloc article .form_calcul input[type=text]{width:270px;border:none;height:30px;padding:0 5px}
#contenu #bloc article .form_calcul #div_commander{text-align:center;z-index:999999}
#contenu #bloc article .form_calcul #calculer_submit{background-color:#004294;width:100%;height:40px;line-height:30px;color:#fff;margin:0;display:block;text-align:center;font-weight:700;border:none;padding-top:5px;padding-bottom:5px}
#contenu #bloc article .form_calcul #calculer_submit:hover{background-color:#444;cursor:pointer}

#tableScooter{border-width:1px;border-style:solid;border-color:#093F81;width:90%;border-collapse:collapse}
.celluleScooter,.celluleScooterHead{border-width:1px;border-style:solid;width:50%;padding:10px}
.celluleScooter{border-color:#000}
.celluleScooterHead{border-color:#093F81;background-color:#0768AD;color:#fff}

.form-style-10{padding:15px 30px;box-shadow:0 0 10px rgba(0,0,0,0.13);-moz-box-shadow:0 0 10px rgba(0,0,0,0.13);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.13)}
.form-style-10 .inner-wrap{padding:10px 30px;background:#F8F8F8;border-radius:6px;margin-bottom:10px}
.form-style-10 .inner-wrap-content{padding:5px 30px;background:#F8F8F8;border-radius:6px;margin-bottom:0}
.form-style-11{padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.13);-moz-box-shadow:0 0 10px rgba(0,0,0,0.13);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.13)}
.form-style-11 .inner-wrap{padding:10px;margin-bottom:10px}
.form-style-11 .inner-wrap-content{padding:10px;margin-bottom:0}
@media screen and (max-width: 560px) {
    .form-style-10{padding:0}
    .form-style-10 .inner-wrap-content{padding-left:20px;}
    .form-style-11{padding:0}
}
.form-style-10 h1{background:#2A88AD;padding:20px 30px 15px;margin:-30px -30px 30px;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.12);-moz-box-shadow:inset 0 2px 2px 0 rgba(255,255,255,0.17);-webkit-box-shadow:inset 0 2px 2px 0 rgba(255,255,255,0.17);box-shadow:inset 0 2px 2px 0 rgba(255,255,255,0.17);border:1px solid #257C9E}
.form-style-10 h1 > span{display:block;margin-top:2px;font:13px Arial,Helvetica,sans-serif}
.form-style-10 label{display:block;font:13px Arial,Helvetica,sans-serif;color:#888}
.form-style-11 label{display:block;font:13px Arial,Helvetica,sans-serif;color:#888}
.form-style-10 input[type="text"],.form-style-10 input[type="date"],.form-style-10 input[type="datetime"],.form-style-10 input[type="email"],.form-style-10 input[type="number"],.form-style-10 input[type="search"],.form-style-10 input[type="time"],.form-style-10 input[type="url"],.form-style-10 input[type="password"],.form-style-10 textarea,.form-style-10 select{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:2px solid #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);height:38px}
.form-style-11 input[type="text"],.form-style-11 input[type="date"],.form-style-11 input[type="datetime"],.form-style-11 input[type="email"],.form-style-11 input[type="number"],.form-style-11 input[type="search"],.form-style-11 input[type="time"],.form-style-11 input[type="url"],.form-style-11 input[type="password"],.form-style-11 textarea,.form-style-11 select{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px solid #004294;box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.33);height:38px}
.form-style-10 .section{color:#004294;margin-bottom:5px;margin-left:35px}
.form-style-11 .section{color:#004294;margin-bottom:5px;margin-left:35px}
.form-style-10 .section span{background:#004294;padding:1px 7px;position:absolute;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:0 solid transparent;margin-left:-40px;color:#fff;margin-top:2px;line-height:1.3}
.form-style-11 .section span{background:#004294;padding:1px 7px;position:absolute;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:0 solid transparent;margin-left:-40px;color:#fff;margin-top:2px;line-height:1.3}
.form-style-10 .privacy-policy{float:right;width:250px;font:12px Arial,Helvetica,sans-serif;color:#4D4D4D;margin-top:10px;text-align:right}
.form-style-10 .indication{float:right;font-size:11px}
.form-style-11 .indication{float:right;font-size:11px}
.radio_style_bouton{width:120px;margin-right:15px!important;background-color:#fff;background-image:none;color:#707070;border:1px solid #004294}
.radio_style_bouton.active{background-color:#004294!important;color:#FFF}
.radio_style_bouton:hover{background-color:#004294}
.bouton_oui_non{width:60px}
.form-horizontal .radio{min-height:10px}
.bouton_valider{width:150px;background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background:0 0;border:none;border-radius:2px;color:#000;position:relative;height:50px;margin:0;padding:0 16px;display:inline-block;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle;background:#f99200;color:#fff;font-weight:bold}

.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background-color:#004294;color:#fff;border:1px solid #004294}
@media screen and (max-width: 1200px) {
    .onglet_demarche{width:150px}
}
@media screen and (max-width: 1030px) {
    .onglet_demarche{width:95px}
}
.nav-tabs{margin-left:-1px}
.form-style-10{box-shadow:none}
.form-style-11{box-shadow:none}
.nav-tabs>li>a{border:1px solid #ddd;border-bottom:none;background-color:#f8f8f8;padding:10px 0}
.onglet_demarche_txt{text-align:center;padding-right:5px;padding-left:5px}
#contenu #bloc ul li{margin:0}
.form_calculateur .form-control{height:38px}
.border_calculateur{margin-top:-2px;border:solid 1px #004294;background-color:#fefefe;border-radius:0 4px 4px 4px;padding-top:5px}
#siteWrapper #calculateur_header{background:rgba(0,66,148,0.9);z-index:100;padding-top:15px}
#siteWrapper #calculateur_header.fixed{position:fixed;width:100%;top:0;left:0}
.margin_bloc{margin-top:130px!important;padding-right:15px;padding-left:15px}
.marginCadre{margin-top:135px!important}
.marginCadreMobile{margin-top:170px!important}
.content_siteWrapper{margin:0 auto}
.bouton_calculer_design{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background:0 0;border:none;border-radius:2px;position:relative;height:50px;margin:0;padding:0 16px;display:inline-block;font-size:14px;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle;background:#f99200;color:#fff;font-weight:700}
::-moz-selection{background:#004294;color:#fff}
::selection{background:#004294;color:#fff}
@media (max-width:767px) {
    h1{font-size:15px}
    h2,.style_titre_h2{font-size:15px}
    .margin_bloc_all{margin-top:410px!important;padding-right:15px;padding-left:15px}
    .margin_bloc{margin-top:240px!important;padding-right:15px;padding-left:15px}
    .margin_calculateur{margin-top:0}
    #siteWrapper #calculateur_header.fixed{position:fixed;width:100%;top:0;left:0;margin-top:0}
    #calculateur_header .form-control{height:32px}
    #calculateur_header label{margin-bottom:0}
    #calculateur_header button{margin-top:5px!important;width:70%;margin-right:15%;margin-left:15%;height:40px;top: 0px !important;}
    #calculateur_header .form-group{margin-bottom:10px}
}
.sous_titre_slider{font-size:22px;line-height: 1.2em}
.sous_titre_agrement{font-size:14px; font-style:italic}
.avantages_cgm{background-color:#f3f3f3;padding:5px 0}
.numero_etape{color:#004294;font-size:24px}
.txt_conseillers_france{float:left; padding-top:20px; padding-left:10px}
@media (max-width:1850px) {

}
@media (max-width:1770px) {

}
@media (max-width:1725px) {
.sous_titre_slider{font-size:18px}
}
@media (max-width:1500px) {
#txt_leader_cg{margin-left:47%}
}
@media (max-width:992px) {
#txt_leader_cg{margin-left:60%}
}
@media (max-width:770px) {
#txt_leader_cg{display:none}
}
@media (max-width:1100px) {
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a{font-size:11px}
}
@media (max-width:850px) {
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a{font-size:10px}
}
@media (max-width:767px) {
    .form-group-hidden-xs{display:none}
    .top_home_h1{font-size: 17px!important;margin-top: 30px;}
    .sous_titre_agrement{display:none}
    .numero_etape{font-size:15px}
    .sous_titre_slider {margin-bottom:10px;font-size:13px}
    h2 {margin-top:20px;}
    .ListDept li, .ListFoot li {margin-bottom: 7px;}
    .marginWrapper{margin-top:50px}
    .txt_conseillers_france{padding-top:0}
    .margin_20_mobile{margin-top: 20px!important;}
}

/*.avis_ekomi{text-align:center;color:#004294;font-weight:700;margin-bottom:15px;margin-top:15px;font-size:20px}*/
.glyphicon-star {
  color: #f99200;
}
.glyphicon-star.half {
  position: relative;
}
.glyphicon-star.half:before {
  position: relative;
  z-index: 9;
  width: 47%;
  display: block;
  overflow: hidden;
}
.glyphicon-star.half:after {
  content: "\e006";
  position: absolute;
  z-index: 8;
  color: #bdc3c7;
  top: 0;
  left: 0;
}

/* centrer l'image */

.center-img {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.center-img img {
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
h3 
{
    margin-top: 15px;
    margin-bottom: 10px;
}

.bg-blue {
   background-color: #004394;
    color: #ffffff;
    padding-left: 1em;
}
.bg-grey {
 background-color : #E5E5E5;
  color: #000000;
    padding-left: 1em;
}


/* index */
.img-index-demarche{
    height: auto;
    width: 30%
}
@media(max-width:992px){
    .img-index-demarche{
        height: auto;
        width: 30%;
    }
}
.demarche-image-wrapper{
    text-align: center;
    padding-top: 1rem;
}
.demarche-text-wrapper .demarche-title{
    text-align: center;
    font-weight: bold;
}
.demarche-text-wrapper .demarche-p{
    text-align: center;
}
.demarche-text-wrapper .demarche-p-wrapper {
    padding: 0 1rem
}
@media(max-width:992px){
    .demarche-wrapper{
        margin-bottom:4rem
    }
}
.demarche-bloc{
    padding-top:2rem
}
@media(min-width:992px){
    .youtube-mobile{
        display: none;
    }
    .youtube-desktop{
        text-align: center;
        padding: 4rem 0;
    }
    .title-youtube{
        font-size:2rem;
        font-weight: bold;
    }
}
@media(max-width:992px){
    .youtube-desktop{
        display: none;
    }
    .youtube-mobile{
        padding-top: 2rem;
        padding-bottom: 2rem;
        text-align: center;
    }
    .title-youtube{
        font-size:1.6rem;
        font-weight: bold;
    }
}

@media(min-width: 992px){
    .table-malus-wrapper{
        max-width: 50%;
    }
}


/* FAQ */
.faq-wrapper{
    padding: 2rem;
    margin-top: 2rem;
    background-color: #f6f6f6;
    margin-bottom: 6rem;
}
/*.faq-wrapper p.title{
    font-weight: bold;
    text-transform: uppercase;
}
@media(min-width:992px){
    .faq-wrapper p.title{
        font-size:16px;
    }
}
@media(max-width:992px){
    .faq-wrapper .title-mobile {
        padding-left: 0;
        letter-spacing: 1px;
    }
}*/
.faq-wrapper .question{
    color: #19559e;
    font-weight: bold;
    font-size: 15px;
    border: none !important;
    margin: 0px !important;
    padding-left: 0px;
    text-transform: uppercase;
}
.faq-wrapper .reponse{
    color: #4b4b4b;
    line-height: 28px;
}
@media(min-width:992px){
    .faq-wrapper{
        margin-bottom: 4rem;
    }
    /*.faq-wrapper .title-mobile {
        display: none;
    }*/
}
/*@media(max-width:992px){
    .faq-wrapper .title-desktop {
        display: none;
    }
}*/
@media(min-width:992px){
    .faq-wrapper .reponse{
        max-width: 80%;
    }
}
.faq-wrapper .col-12{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.faq-wrapper .d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.faq-wrapper .qr-wrapper{
    background-color: white;
    padding: 1rem!important;
    border: 1px solid lightgray;
    align-items: center;
    margin-bottom: 2rem;
}
.faq-wrapper .question-wrapper{
    align-items: center;
    padding: 1rem 0 !important;
    cursor: pointer;
}
.faq-wrapper .reponse-wrapper{
    /* display: none; */
    align-items: center;
    padding: 1rem 0 !important;
}
.faq-wrapper p{
    margin:0
}
.faq-wrapper .icon-details-question{
    height: 1.5rem;
    width: 1.5rem;
}
.faq-wrapper .icon-wrapper{
    padding-left: 1rem;
}
.d-none{
    display: none!important;
}
.faq-wrapper .title-faq-wrapper{
    padding-bottom: 1.5rem;
}
@media(max-width:992px){
    .thumbnail .caption{
        padding:0;
    }
}

table.editor-table-class {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

table.editor-table-class thead th {
    color: #FFF;
    background-color: #002a5d;
    padding: 5px;
    min-width: 50px;
}

table.editor-table-class tbody td {
    padding: 5px;
    border: 1px solid #002a5d;
    background-color: #FFF;
    min-width: 50px;
}

.close-calculateur-btn {
 position: absolute;
 top: 8px;
 right: 15px;
 z-index: 1001;
 background: rgba(255, 255, 255, 0.9);
 color: #333;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 font-size: 16px;
 box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 transition: all 0.3s ease;
 border: 1px solid #ddd;
}
.close-calculateur-btn:hover {
    background: rgba(255, 255, 255, 1);
    color: #000;
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.close-calculateur-btn i {
    pointer-events: none;
}
/* Style pour le conteneur quand le formulaire est fermé */
#calculateur_header.calculateur-ferme {
    display: none !important;
}
/* Animation pour la fermeture */
#calculateur_header.calculateur-fermeture {
    animation: slideUp 0.3s ease-out forwards;
}
@keyframes slideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
/* Mobile : afficher le bouton seulement quand sticky */
@media (max-width: 767px) {
    #calculateur_header.fixed .close-calculateur-btn {
        display: flex !important;
    }
}
/* Desktop : afficher le bouton seulement quand sticky */
@media (min-width: 768px) {
    #calculateur_header.fixed .close-calculateur-btn {
        display: flex !important;
    }
}

#home_fc {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}