

@font-face {
    font-family: 'metapro-bold';
    src: url('fonts/MetaPro/metapro-bold-webfont.eot');
    src: url('fonts/MetaPro/metapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetaPro/metapro-bold-webfont.woff') format('woff'),
    url('fonts/MetaPro/metapro-bold-webfont.ttf') format('truetype'),
    url('fonts/MetaPro/metapro-bold-webfont.svg#metapro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metapro-normal';
    src: url('fonts/MetaPro/metapro-normal-webfont.eot');
    src: url('fonts/MetaPro/metapro-normal-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetaPro/metapro-normal-webfont.woff') format('woff'),
    url('fonts/MetaPro/metapro-normal-webfont.ttf') format('truetype'),
    url('fonts/MetaPro/metapro-normal-webfont.svg#metapro-normal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metapro-thin';
    src: url('fonts/MetaPro/metapro-thin-webfont.eot');
    src: url('fonts/MetaPro/metapro-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetaPro/metapro-thin-webfont.woff') format('woff'),
    url('fonts/MetaPro/metapro-thin-webfont.ttf') format('truetype'),
    url('fonts/MetaPro/metapro-thin-webfont.svg#metapro-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metapro-light';
    src: url('fonts/MetaPro/metapro-light-webfont.eot');
    src: url('fonts/MetaPro/metapro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/MetaPro/metapro-light-webfont.woff') format('woff'),
    url('fonts/MetaPro/metapro-light-webfont.ttf') format('truetype'),
    url('fonts/MetaPro/metapro-light-webfont.svg#metapro-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0; padding:0; }

#page { width: 100%; /*min-width: 640px;*/ }
#page h1 { margin: 0; width: 100%; }
#page h1 img { display: block; width: 100%; margin: 0; }

#page h1#header img#header_mobile { display:none; }

#page .contener_page { width: 640px; margin: 0 auto; }
#page .contener_page .contener_page2 { width: 600px; margin: 0 auto; }

#page p.confirm { margin: 0; font-family: "metapro-normal", Arial; font-weight: normal; font-size: 20px; color: #333333; text-align: justify; padding-top: 20px; }
#page p.intro { margin: 0; font-family: "metapro-normal", Arial; font-weight: normal; font-size: 36px; color: #333333; text-align: justify; padding-top: 80px; }
#page h2 { width: 100%; padding-bottom: 15px; border-bottom: 1px #eeeeee solid; font-family: "metapro-bold", Arial; font-weight: normal; font-size: 16px; color: #da3343; margin-bottom: 25px; }
#page .visuel_modele { display: block; width: 100%; }

#page .contener_optin label { font-family: "metapro-light", Arial; font-weight: normal; font-size: 20px; color: #333333; vertical-align: middle; line-height: 30px; }
#page .contener_optin #label_id_optin { display: inline; }

#page .bloc_mentions_legales { width: 100%; padding-top: 30px; }
#page .bloc_mentions_legales p { font-family: 'metapro-normal', Arial; font-weight: normal; font-size: 11px; color: #000000; margin: 0; padding: 0; padding-bottom: 15px; }
#page .bloc_mentions_legales p a { color: inherit; }

.field_row_localite { position: relative; padding-top: 0; }
.geolocme { position: absolute; top: 5px; right: 1px; display: block; width: 40px; height: 40px; border: 0px; }
.geolocme img { display: block; width: 100%; height: 100%; background: url(images/geolocme.png) center center no-repeat; border: 0px; cursor: pointer; }
.geolocme_wip img { background-image: url(images/geolocme_loader.gif); border: 0px; }

.contener_confirm_info { width: 425px; display: inline-block; font-family: "metapro-normal", Arial; font-weight: normal; font-size: 17px; color: #999999; margin-bottom: 0; vertical-align: top; margin-top: 12px; }

.contener_optin,
.contener_input_text,
.contener_select { display: inline-block; vertical-align: middle; }
.field_row, .row { margin-bottom: 30px; }
.contener_select,
.contener_input_text { width: 425px; }
label { line-height: 48px; font-family: "metapro-light", Arial; font-weight: normal; font-size: 20px; color: #333333; margin-bottom: 0; }
label.primary { width: 170px; }
.contener_select select,
.contener_input_text input { border: 1px #d5d5d5 solid; width: 100%; height: 50px; line-height: 50px; font-family: "metapro-light", Arial; font-size: 20px; font-weight: normal; color: #333333; text-indent: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.contener_select select.error,
.contener_input_text input.error { border: 1px #ff0000 solid; }

.contener_input_radio { vertical-align: middle; }
.contener_input_radio_elts label { line-height: 21px; vertical-align: middle; margin-right: 5px; }

#contener_map { width: 100%; }
#contener_map #intro_dealer { font-family: "metapro-light", Arial; font-size: 20px; font-weight: normal; color: #333333; margin-bottom: 15px; }
#contener_map #intro_dealer.error { color: #ff0000; }
#contener_map #map { width: 100%; height: 325px; }
#contener_map #dealer_infos { margin-top: 15px; margin-bottom: 25px; }
#contener_map #dealer_infos p { font-family: "metapro-light", Arial; font-size: 15px; font-weight: normal; color: #999999; margin-bottom: 0px; }
#contener_map #dealer_infos p.raison_sociale { font-family: "metapro-light", Arial; font-size: 24px; font-weight: normal; color: #d7122b; margin-bottom: 7px; }

.contener_bt_valid { width: 100%; text-align: right; margin-top: 15px; }
.contener_lien_brochures { width: 100%; text-align: right; }
a.bt { display: inline-block; height: 46px; line-height: 44px; background-image: url(images/btn_bg.png); background-position: 95% center; background-repeat: no-repeat; font-family: 'metapro-bold', Arial; font-weight: normal; font-size: 15px; color: #ffffff; text-align: center; text-decoration: none;vertical-align: top; }
a.bt-brochure { padding: 0 7%; background-color: #d7122b; }


.ui-menu { background: #ffffff; border: 1px #d5d5d5 solid; border-top: 0; }
.ui-menu.selectmenu-overflow { max-height: 275px; }
.ui-menu li.ui-menu-item { background: #ffffff; height: 48px; line-height: 48px; font-family: 'metapro-light', Arial; font-weight: normal; font-size: 15px; color: #000000; padding-top: 0; padding-bottom: 0; }
.ui-menu li.ui-state-focus,
.ui-menu li.ui-state-active { background: #000000; color: #ffffff; }
.ui-autocomplete { max-height: 275px; overflow-x: hidden; overflow-y: auto; }
/* CUSTOM UI SELECT */
#page .contener_select .ui-selectmenu-button { position: relative; width: 100% !important; height: 50px; background: #ffffff url(images/select_bg.png) center bottom repeat-x; border: 1px #d5d5d5 solid; }
#page .contener_select.error .ui-selectmenu-button { border: 1px #ff0000 solid; }
#page .contener_select .ui-selectmenu-button span.ui-icon { width: 8px; height: 6px; position: absolute; top: 50%; margin-top: -3px; /*right: 1.5em;*/ right: 1.2em; background: url(images/select_puce.png) no-repeat; }
#page .contener_select .ui-selectmenu-button.ui-corner-top span.ui-icon { background: url(images/select_puce_open.png) no-repeat; }
#page .contener_select .ui-selectmenu-button .ui-selectmenu-text { line-height: 48px; font-family: 'metapro-light', Arial; font-weight: normal; font-size: 20px; color: #000000; padding: 0 1.7em 0em 0.8em; }
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active { margin: 0; }
.ui-selectmenu-menu .ui-menu { background: #ffffff; border: 1px #d5d5d5 solid; border-top: 0; }
.ui-selectmenu-menu .ui-menu.selectmenu-overflow { max-height: 275px; }
.ui-selectmenu-menu .ui-menu li { background: #ffffff; height: 48px; line-height: 48px; font-family: 'metapro-light', Arial; font-weight: normal; font-size: 15px; color: #000000; padding-top: 0; padding-bottom: 0; }
.ui-selectmenu-menu .ui-menu li.ui-state-focus,
.ui-selectmenu-menu .ui-menu li.ui-state-active { background: #000000; color: #ffffff; }


.contener_input_radio .jquery-checkbox       {display: inline; font-size: 21px; line-height: 21px; cursor: pointer; cursor: hand; margin-right: 5px;}
.contener_input_radio .jquery-checkbox .mark {display: inline;background: none;}

.contener_input_radio .jquery-checkbox img {vertical-align: middle; width: 20px; height: 21px;}
.contener_input_radio .jquery-checkbox img{background: transparent url(images/radio.png) no-repeat;}

.contener_input_radio .jquery-checkbox img{ background-position: 0px 0px; }
.contener_input_radio .jquery-checkbox-hover img{ /*background-position: 0px -20px;*/ }
.contener_input_radio .jquery-checkbox-checked img{ background-position: 0px -21px; }
.contener_input_radio.error .jquery-checkbox img{ background-position: 0px -42px; }
.contener_input_radio.error .jquery-checkbox-checked img { background-position: 0px -63px; }

.contener_input_radio .jquery-checkbox-disabled img{ background-position: 0px -84px; }
.contener_input_radio .jquery-checkbox-checked .jquery-checkbox-disabled img{ background-position: 0px -105px; }


/*#contener_offre { margin: 10px 0; }*/
#contener_offre .offre_content { text-align: center; margin-top: 10px; background: #f2f2f2; padding: 7px 0; line-height: 30px; font-family: "metapro-normal",Arial; font-size: 16px; font-weight: normal; color: #9e9e9e; }
#contener_offre .offre_content span { font-size: 22px; }
#contener_select_modele { margin-top: 25px; }
#contener_select_dealer { margin-top: -10px; }
.bloc .desc { margin: 0; font-family: "metapro-normal", Arial; font-weight: normal; font-size: 20px; color: #333333; text-align: justify; padding-top: 20px; }
.bloc .contener_bt { width: 100%; text-align: center; margin-top: 10px; }