/************************************************/
/* RESET                                        */
/************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: 100;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/************************************************/
/* FONTS                                        */
/************************************************/
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/Roboto-Thin-webfont.eot');
    src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'entypo';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}


/************************************************/
/* GLOBAL                                       */
/************************************************/
body { font-family:'RobotoRegular', Arial, sans-serif; font-size:14px; color:#00557A; letter-spacing:0; background-color:#F7F9FB; }
a, input, textarea, select { outline:none; }
a { -webkit-transition-property:color, border-color; -webkit-transition-duration:.3s, .3s; -moz-transition-property:color, border-color; -moz-transition-duration:.3s, .3s; -o-transition-property:color, border-color;  -o-transition-duration:.3s, .3s; transition-property:color, border-color; transition-duration:.3s, .3s; color:#00557A; text-decoration:underline; outline:0 none; }
a:hover { text-decoration:none; color:#C0CF00; }
b, strong { font-family:'RobotoBold', Arial, sans-serif; }
#global,
#exposant-piedpage,
#footer { background-color:#FFF; width:940px; margin:0 auto; padding:0 20px; }
#global { padding-bottom:20px; }
.content { overflow:hidden; }
#toTop { position:fixed; bottom:48%; right:10px; cursor:pointer; display:block; width:43px; height:43px; background:url("../pics/btgotop.png") no-repeat 0 0; text-indent:-9999px; z-index:666; }
#toTop:hover { background-position:bottom; }
.center { text-align:center; }
.vert { color:#C0CF00; }
.entypo { font-family:'entypo', Arial, sans-serif; font-size:24px; color:#C0CF00; }
img { display:block; }
h1 a { float:left; width:360px; height:50px; margin-top:20px; background:url("../pics/logo2017.gif"); text-indent:-9999px; }
h2 { font-size:18px; width:280px; background-color:#00557A; color:#FFF; padding:10px; }

#header { height:90px; }
#header ul { float:right; }
#header ul li { display:block; float:left; }
#header ul li a { height:90px; display:block; padding:0 10px; text-decoration:none; }
#header li:hover a { background-color:#00557A; color:#FFF; }
#header ul li a span { display:block; height:44px; margin-bottom:8px; }
#header ul li a span#salon { background:url("../pics/salon.png") no-repeat center 20px; }
#header ul li a span#visiter { background:url("../pics/visiter.png") no-repeat center 20px; }
#header ul li a span#exposer { background:url("../pics/exposer.png") no-repeat center 20px; }
#header ul li a span#partenaires { background:url("../pics/partenaires.png") no-repeat center 20px; }
#header ul li a span#contact { background:url("../pics/contact.png") no-repeat center 20px; }
#header ul li a:hover span#salon,
#header ul li a:hover span#visiter,
#header ul li a:hover span#exposer,
#header ul li a:hover span#partenaires,
#header ul li a:hover span#contact  { background-position:bottom; /* -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;*/ }
#header li ul { display:none; }
#header li:hover ul { width:170px; display:block; position:absolute; z-index:9999; background-color:#00557A; }
#header li:hover li a { color:#FFF; height:34px; line-height:34px; width:140px; background:url("../pics/picto_fleche.png") no-repeat 10px 13px; padding-left:20px; }
#header li:hover li a:hover { background-color:#C0CF00; }
#header li:hover span#visiter,
#header li:hover span#exposer  { background-position:bottom; }

#slider  { position:relative; overflow:hidden; display:block; height:480px; width:940px; }
#slider .bx-wrapper .bx-loading { min-height:48px; background:#fff url("../pics/loading.gif") no-repeat center center; height:100%; width:100%; position:absolute; z-index:2000; }
#slider .bx-wrapper .bx-controls-direction a { position:absolute; background:url("../pics/bg_direction_nav.png") no-repeat; width:40px; height:40px; text-indent:-9999px; z-index:9999; top:407px; left:0; }
#slider .bx-wrapper a.bx-prev { background-position:0 0; }
#slider .bx-wrapper a.bx-next { background-position:-40px 0; margin-left:41px; }
#slider .bx-wrapper a:hover.bx-prev { background-position:0 -40px; }
#slider .bx-wrapper a:hover.bx-next { background-position:-40px -40px; }
#slider .bx-wrapper .bx-controls-direction a.disabled { display: none; }
#slides_info { font-family:'RobotoLight', Arial, sans-serif; font-size:20px; position:absolute; top:20px; right:0; z-index:100; background-color:#FFF; padding:10px; line-height:100%; text-align:right; letter-spacing:2px; }
#slides_info .info_txt { float:left; padding-top:8px; }
#slides_info .info_logo { float:right; width:67px; padding-left:15px; }

#conteneur { margin-top:40px; line-height:18px; }
#colonne-gauche { width:660px; float:left; margin-right:40px; }
#colonne-gauche p { margin-bottom:18px; }
#edito { width:620px; overflow:hidden; }
.bg-txt { background-color:#F7F9FB; padding:20px; }
#colonne-gauche .signature { float:left; margin:20px 30px 0 0; text-align:left; }
#colonne-gauche .signature.premier { width:280px; }
#colonne-gauche .signature.deuxieme { width:280px; }
#colonne-gauche .signature.troisieme { width:130px; }
#colonne-gauche .signature.quatrieme { width:105px; margin-right:0; }
#colonne-gauche .fonction { font-size:11px; line-height:15px; margin-top:2px; }
#colonne-droite { width:240px; float:left; }
#bloc-reseau { border:1px solid #F7F9FB; width:238px; height:166px; display:block; position:relative; overflow:hidden; }
#colonne-droite .btn { background:url("../pics/bg_btn_blanc.png") no-repeat; position:absolute; z-index:20; width:5px; height:9px; margin:11px 0 0 10px; }
#colonne-droite #btn-exposer .btn { background:url("../pics/bg_btn_bleu.png") no-repeat; }
#bloc-badge a,
#bloc-exposer a { background:url("../pics/bg_btn_inscription.jpg"); height:168px; width:240px; display:block; z-index:1; position:relative; margin-top:20px; text-decoration:none;  }
#bloc-exposer a { background:none; background-color:#00557A; }
#bloc-exposer a #txt { color:#FFF; padding:18px 10px 0 10px; line-height:22px; }
#bloc-exposer .titre-exposer { font-size:25px; font-family:'RobotoBold', Arial, sans-serif; padding-bottom:10px; }
#btn-badge,
#btn-exposer { height:30px; line-height:30px; width:220px; margin-left:10px; top:128px; position:absolute; z-index:10; display:block; color:#FFF; font-family:'RobotoMedium', Arial, sans-serif; font-size:16px; background-color:#E22028; text-align:center; }
#btn-exposer { background-color:#FFF; color:#00557A; }
a:hover #btn-badge { background-color:#C0CF00; }
a:hover #btn-exposer { background-color:#C0CF00; color:#FFF; }
#colonne-droite a:hover #btn-exposer .btn { background:url("../pics/bg_btn_blanc.png") no-repeat; }

#exposant-piedpage { margin-top:40px; padding:20px; }
ul#logos  { overflow:hidden; width:940px; }
ul#logos li { height:84px; float:left; list-style:none; }

#footer { margin-top:20px; margin-bottom:20px; font-size:12px; padding:20px; }
#footer a { text-decoration:none; }
#footer img { margin-top:10px; }
#organisateur { width:120px; float:left; }
#agree { width:400px; float:left; margin-left:80px; }
#mentions { float:right; }


/************************************************/
/* PROGRAMME & INFOS PRATIQUES                  */
/************************************************/
#page-programme .titre,
#page-infos-pratiques .titre { font-family:'RobotoBold', Arial, sans-serif; margin-top:40px; background-color:#F7F9FB; padding:10px; margin-bottom:18px; }
#page-programme .titre { margin-top:0; }
#page-infos-pratiques .bg { padding:20px; }
#page-programme #colonne-gauche p { margin-bottom:14px; padding-left:20px; }
#page-programme .retrait { margin-left:102px; display:block; }
#page-programme .retrait3 { margin-left:52px; display:block; }
#page-programme .retrait4 { margin-left:50px; display:block; }
#page-programme .retrait2 { margin-left:28px; display:block; }
#page-programme .inauguration { text-align:center; margin-bottom:40px; }
#page-programme .check { background:url("../pics/check_b.png") no-repeat; width:14px; height:14px; display:block; float:left; padding-left:2px; }
#page-programme a.programme-complet { color:#FFF; background-color:#00557A; text-decoration:none; width:220px; margin:0 auto; padding:15px 0; text-align:center; margin-top:40px; display:block; text-transform:uppercase; font-size:16px; line-height:24px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease }
#page-programme a:hover.programme-complet { background-color:#C0CF00; }
#page-programme a.programme-complet-intro, #page-inscription .programme-complet-intro { color:#FFF; background-color:#F30; text-decoration:none; width:100%; margin:0 auto; padding:15px 0; text-align:center; margin-bottom:40px; display:block; text-transform:uppercase; font-size:16px; line-height:24px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border:1px solid #e32d00; border-bottom:3px solid #e32d00; }
#page-inscription .programme-complet-intro a { color:#FFF; }
#page-programme a:hover.programme-complet-intro { color:#FFF; background-color:#00557A; }


/************************************************/
/* 404                                          */
/************************************************/
#page-erreur h2.oups { font-size:20px; margin-bottom:20px; font-family:'RobotoMedium', Arial, sans-serif; width:100%; background-color:#F7F9FB; color:#00557A; padding:0;}


/************************************************/
/* EXPOSER                                      */
/************************************************/
#page-exposer h2 { font-size:18px; width:280px; background-color:#00557A; color:#FFF; padding:10px; }
#page-exposer .raison { background:url("../pics/bg_num.gif") no-repeat left center; font-family:'RobotoBold', Arial, sans-serif; font-size:14px; text-transform:uppercase; height:24px; margin-bottom:10px; line-height:24px; }
#page-exposer .num { color:#FFF; padding:0 14px 0 8px; }
#page-exposer .raison.last { margin:0; }
#page-exposer .dossier { width:234px; float:left; text-align:center; margin-top:40px; }
#page-exposer .dossier b { padding:8px 0; display:block; text-decoration:none; }
#page-exposer .dossier img { height:330px; width:234px; display:block; }
#page-exposer .dossier a { background-color:#F7F9FB; display:block; }
#page-exposer .dossier a:hover { background-color:#FFF; }
#page-exposer .dossier a span { font-size:12px; padding:8px 0; display:block; }
#page-exposer .commercial { margin-top:40px; }
#dossier { width:508px; margin:0 auto; }
#dossier-inscription.dossier { float:right; }


/************************************************/
/* FICHE PARTENAIRE                             */
/************************************************/
#espace-adherents { margin-top:40px; }
#espace-adherents a img { float:left; width:238px; height:166px; display:block; margin-left:80px; }
#espace-adherents a:hover img, #bloc-reseau a:hover img { opacity:0.6; filter:alpha("opacity=60"); filter:progid:DXImageTransform.Microsoft.Alpha("opacity=60"); }


/************************************************/
/* PARTENAIRES                                  */
/************************************************/
ul#listing-partenaires li a { width:278px; float:left; border:1px solid #F7F9FB; height:108px; margin:0 20px 20px 0; padding:10px; }
ul#listing-partenaires li a:hover { border:1px solid #00557A; }
/*ul#listing-partenaires li a:hover img { opacity:0.6; filter:alpha("opacity=60"); filter:progid:DXImageTransform.Microsoft.Alpha("opacity=60"); }*/
ul#listing-partenaires li a.last { margin-right:0; }


/************************************************/
/* FICHE PARTENAIRE                             */
/************************************************/
#fiche { width:700px; font-size:13px; letter-spacing:0; line-height:18px; }
#fiche p { margin-bottom:15px; }
#fiche #header { overflow:hidden; height:100px; }
#fiche .left { width:160px; height:80px; float:left; background-color:#FFF; padding:10px; }
#fiche .right { width:490px; height:70px; float:left; background-color:#00557A; padding:15px; color:#FFF; }
#fiche #soc { font-size:18px; margin-bottom:4px; text-transform:uppercase; }
#fiche #secteur { font-family:'RobotoThin', Arial, sans-serif; text-transform:uppercase; }
#fiche #conteneur { margin:0; padding:15px 15px 0 15px; }
#fiche #footer { padding:0; margin:0; width:670px; margin:0 15px 15px 15px; overflow:hidden; position:absolute; bottom:0; }
#fiche #footer img { margin:0; }
#fiche .tete { width:125px; height:125px; float:left; background-color:#FFF; }
#fiche .info { width:515px; height:95px; float:left; background-color:#EAF0F6; margin:0; padding:15px; text-align:right; }


/************************************************/
/* CONTACT                                      */
/************************************************/
.bec { text-align:center; border:1px solid #F7F9FB; padding:20px; }
.bec img { width:120px; margin:0 auto; margin-bottom:15px; }
.contact-bloc { width:298px; float:left; border:1px solid #F7F9FB; padding:10px; margin-top:20px; }
.contact-bloc.right { margin-left:20px; }
.contact-bloc img { float:left; margin-right:15px; }
.widea { padding:26px 0; }
.bec a:hover, .contact-bloc a:hover { text-decoration:none; }


/************************************************/
/* POPUP                                        */
/************************************************/
/*#cboxContent { padding-bottom:33px; }
#cboxClose { width:23px; height:23px; background:#00557A url("../pics/colorbox/close.png") no-repeat 0 0; }*/
#cboxContent { border:15px solid #FFF; padding:0; }
#cboxClose { width:40px; height:40px; background:#00557A url("../pics/colorbox/close.png") no-repeat 0 0; right:0; top:0; border:0; text-indent:-99999px; position:absolute; cursor:pointer; }


/************************************************/
/* INSCRIPTION                                  */
/************************************************/
#formIns .red { color:#F30; }
#formIns .vert { color:#C0CF00; }
#formIns sup { vertical-align:top; line-height:8px; font-size:16px; }
#formIns .content { overflow:hidden; }
#formIns .formContent { width:900px; margin:0 auto; background-color:#F7F9FB; margin-bottom:20px; overflow:hidden; padding:20px; }
#formIns .colRight,
#formIns .colLeft { float:left; width:450px; overflow:hidden; }
#formIns .rubrique,
#formIns p { margin:0; overflow:hidden; }
#formIns .rubrique { margin-bottom:20px; }
#formIns .rubrique img { float:left; padding-right:15px; font-size:24px; }
#formIns .colRight .rubrique img { margin-left:30px; }
#formIns .titre { padding-top:18px; font-size:24px; }
#formIns label { padding-left:5px; cursor:pointer; }
#formIns input[type=text],
#formIns select,
#formIns textarea { font-size:16px; height:20px; line-height:20px; padding:5px; border:1px solid #C3D6DE; margin-bottom:10px; width:280px; color:#00557A; outline:0 none; }
#formIns textarea { height:100px; overflow:hidden; }
#formIns select { width:292px; height:32px; cursor:pointer; }
#formIns .first,
#formIns input.last,
#formIns .blocSelection.last
#formIns textarea.last { margin:0; }
#formIns input[type=text]:focus,
#formIns textarea:focus,
#formIns select:focus,
#formIns input[type=text]:hover,
#formIns textarea:hover,
#formIns select:hover { border:1px solid #00557A; }
#formIns ul { overflow:hidden; }
#formIns ul li { margin-top:10px; display:block; overflow:hidden; }
#formIns .checked+label { color:#C0CF00; font-style:italic; }
#formIns ul li:hover,
#formIns #essai label:hover,
#formIns #mobilite label:hover,
#formIns .blocSelectionAdresse label:hover { color:#C0CF00; font-style:normal; }
#formIns .titreSelection { margin-bottom:10px; font-size:18px; font-family:'RobotoBold', Arial, sans-serif; background:url("../pics/picto.gif") 0 0 no-repeat; padding-left:26px; }
#formIns .titreSelection.subPicto { background:url("../pics/picto_double.gif") 0 0 no-repeat; }
#formIns .titreSelection span { font-family:'RobotoRegular', Arial, sans-serif; }
#formIns input[type=submit] { color:#FFF; padding:15px 15px 15px 42px; font-size:16px; font-weight:100; cursor:pointer; border:0 none; background:#C0CF00 url("../pics/check.png") 15px 15px no-repeat; line-height:100%; width:172px; margin-left:384px; }
#formIns input[type=submit]:hover { background-color:#00557A; }
#formIns .left20 { margin-left:20px; }
#formIns .left { float:left; }
#formIns .bottom20 { margin-bottom:20px; }
#formIns .blocSelection.bottom0 { margin-bottom:0; }
#formIns input#invitation { width:120px; margin-top:-2px; position:absolute; margin-left:5px; margin-bottom:0; font-size:14px; padding:2px 4px; }
#formIns li#align .iradio, #formIns li#align label { margin-top:2px; }

/* INFO VISITEUR & ADRESSE */
#formIns #profil label,
#formIns #nv-adr label,
#formIns #personnelleInfo label { padding:0 15px 0 0; width:90px; text-align:right; display:block; float:left; margin-top:9px; }
#formIns #profil .colRight label,
#formIns #nv-adr label { width:143px; }

/* FORMATION & INFO PERSO */
#formIns #personnelleInfo label { margin:9px 0 0 0; width:132px; }
#formIns #personnelleInfo .titreSelection { margin-bottom:20px; }
#formIns .cnfpt { padding:10px; background-color:#FFF; }
#formIns .cnfpt .titre { padding-top:0; font-size:18px; line-height:24px; }
#formIns .blocCnfpt { width:439px; }
#formIns .formation.blocCnfpt label { text-align:left; display:inline-block; width:386px; }
#formIns #siret { margin-top:35px; }

/* ATELIERS */
#formIns .blocSelection,
#formIns .ateliers { background-color:#FFF; padding:10px; border:1px solid #C3D6DE; margin-bottom:20px; }
#formIns .ateliers, #formIns .blocSelection.last { margin-bottom:0; }
#formIns .ateliers { width:418px; }
#formIns .ateliers label { text-align:left; display:inline-block; width:395px; }
#formIns .choix { font-family:'RobotoBold', Arial, sans-serif; margin-top:20px; }
#formIns input { float:left; }
#formIns .blocSelection label,
#formIns .blocSelectionAdresse label { float:left; line-height:1.4; margin-right:30px; }

/* FACTURATIONS & ESSAI VEHICULE */
/*#formIns #tarif { margin-left:26px; }*/
#formIns .titreSelection.participation { margin-top:40px; }
#formIns #montantFacture { margin-top:40px; overflow:hidden; border:1px solid #C0CF00; width:300px; }
#formIns #totalttc { float:left; width:110px; text-align:center; padding:15px; font-size:24px; font-weight:100; }
#formIns #total { float:left; background-color:#C0CF00; padding:15px; width:130px; color:#FFF; font-size:18px; text-align:right; }
#formIns #reglement { margin-top:20px; background-color:#FFF; padding:10px; border:1px solid #C3D6DE; }
#formIns .blocSelectionAdresse { margin:20px 0 20px 30px; overflow:hidden; }
#formIns .blocSelectionAdresse span { float:left; width:250px; }

/* COMMENTAIRES, ATTENTION & MENTIONS LEGALES */
#formIns textarea#commentaires { width:888px; }
#formIns #attention .rubrique, #formIns textarea.last { margin:0; }
#formIns #attention .info { padding-top:8px; }
#formIns #infoLegale { font-size:11px; margin-top:120px; line-height:18px; }

/* ERREUR */
#formIns input[type=text].error,
#formIns select.error,
#formIns textarea.error { border-color:#F30; background-color:#FFE6E6; }
#formIns input[type=text]:focus.error,
#formIns input[type=text]:hover.error,
#formIns textarea:focus.error,
#formIns textarea:hover.error,
#formIns select:hover.error,
#formIns select:focus.error { border-color:#F30; background-color:#FFF; }
#formIns .confirm_mail { margin-left:105px; width:292px; text-align:center; color:#FFF; background-color:#F30; }
#formIns .confirm_mail div { padding:4px 0 3px 0; }

.blocErreur { background-color:#F30; margin:10px 0; padding:10px 0; width:140px; color:#FFF; text-align:center; font-family:'RobotoMedium', Arial, sans-serif; }
.hidden { display:none; }
/*.blocErreur+ul { border:1px solid #F30; padding:10px; width:345px; }*/


/************************************************/
/* INSCRIPTION OK                               */
/************************************************/
#inscription-ok { padding:20px; }
.important { background-color:#ad1a22; color:#FFF; padding:10px; font-size:14px; margin-top:25px; line-height:20px; }
.important a { color:#FFF; text-decoration:underline; }
.important a:hover { text-decoration:none; }
.contact { text-align:center; margin-top:50px; }
.facture, .badge { margin:20px 0 40px 0; text-align:center; }
.facture a, .badge a { color:#FFF; width:220px; display:inline-block; font-size:16px; text-decoration:none; background-color:#e74c3c; padding:10px; border:3px solid #cb1d17; }
.facture a:hover, .badge a:hover { background-color:#cb1d17; }
.badge a { background-color: #1abc9c; border:3px solid #16a085; }
.badge a:hover { background-color: #16a085; }


/************************************************/
/* FORMULAIRE INVITATION                        */
/************************************************/
#global-form { width:560px; margin:0 auto; }
#global-form .cat { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#fe7800; color:#FFF; font-size:18px; padding:10px 0; text-align:center; text-transform:uppercase; }
#form-r { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:540px; background-color:#f7f7f7; padding:20px 10px; font-size:14px; }
#form-r .titre-invit { overflow:hidden; margin-bottom:5px; }
#form-r .titre-invit .bl { margin-left:20px; width:245px; }
#form-r .bc { overflow:hidden; margin-bottom:10px; }
#form-r .bl { width:265px; float:left; }
#form-r .br { width:245px; float:left; margin-left:30px; }
#form-r label { width:15px; font-size:12px; display:inline-block; margin-right:5px; text-align:right; }
#form-r .msg { font-size:16px; padding:10px 0; color:#FFF; margin-bottom:20px; text-align:center; }
#form-r .bg-vert { background-color:#1abc9c; border:2px solid #16a085; }
#form-r .bg-rg { background-color:#e74c3c; border:2px solid #c0392b; }
#form-r input { font-size:14px; outline:none; border:1px solid #7f8c8d; padding:5px 4px; width:235px; height:18px; }
#form-r input.error { border:1px solid #F00; }
#form-r input[type=submit] { cursor:pointer; text-align:center; color:#FFF; border:2px solid #dc6800; width:140px; background:#fe7800 url("../pics/check.png") 12px 10px no-repeat; padding-left:16px; margin-left:0; margin:0 auto; height:38px; font-size:16px; }
#form-r input[type=submit]:hover { background-color:#dc6800; }
#form-r input.error { border:1px solid #C00; }
#form-r span.error { text-align:left; display:block; background-color:#C00; font-size:12px; padding:6px 8px; color:#fff; text-align:left; display:block; }
#form-r .bl span.error { margin-left:20px; }