BOU/*
CONGRES
#163946 : bleu
#ffdd03 : jaune
#ea5e55 : rouge
#f4f3f1 : fond gris

EXPOSANTS
#5dbfc7; bleu
#b7d281; vert
#ff8f3d; orange
#f4f3f1; fond gris


#513d8e; beige
#432d44; violet

*/



@font-face{
    /* titres */
    /* textes */
    font-family:'DINOTCompPro-Medium';
    src:url(fonts/DINWebPro-Medium.eot);
    src:url(fonts/DINWebPro-Medium.eot?#iefix) format('embedded-opentype'),
        url(fonts/DINWebPro-Medium.woff) format('woff'),
        url(fonts/DINCompPro-Medium.ttf) format('truetype');
}

@font-face{
    /* nav */
    font-family:'DINCompPro-Cond';
    src:url(fonts/DINWebPro-Cond.eot);
    src:url(fonts/DINWebPro-Cond.eot?#iefix) format('embedded-opentype'),
        url(fonts/DINWebPro-Cond.woff) format('woff'),
        url(fonts/DINCompPro-Cond.ttf) format('truetype');
}

@font-face{
    /* textes */
    font-family:'DINCompPro';
    src:url(fonts/DINWebPro.eot);
    src:url(fonts/DINWebPro.eot?#iefix) format('embedded-opentype'),
        url(fonts/DINWebPro.woff) format('woff'),
        url(fonts/DINCompPro.ttf) format('truetype');
}

@font-face{
    font-family:'DINOTBold';
    src:url(fonts/dinot-bold-webfont.eot);
    src:url(fonts/dinot-bold-webfont.eot?#iefix) format('embedded-opentype'),
        url(fonts/dinot-bold-webfont.woff) format('woff'),
        url(fonts/dinot-bold-webfont.ttf) format('truetype');
    font-weight:bold;
}

/*******************************************************************************
 * Default
 *******************************************************************************/

html, body {
    margin:0;
    padding:0;
}
body, input, select, textarea {
    font-family:'DINCompPro';
    font-size:16px;
    line-height:24px;
    color:#2a2a2a;
}
.container {
    width:970px;
    margin:0 auto;
}
.logo {
    display:block;
    margin:0 auto;
}
.menu1 {
    border-top:1px solid #94a1a5;
    border-bottom:1px solid #94a1a5;
    padding: 0 30px;
    background:#f4f3f1;
    line-height:35px;
    font-size:15px;
}
.menu2 {
    border-bottom:1px solid #94a1a5;
    padding: 0 30px;
    background:#f4f3f1;
    line-height:35px;
    font-size:15px;
}
.menu1 a, .menu2 a, .menu2 span, .exposant .menu1 a, .exposant .menu2 a, .exposant .footer1 a {
    color:#2a2a2a;
    text-decoration:none;
    margin-right:0px; /* linda */
    line-height:30px;
    display:inline-block;
    border-bottom:5px solid transparent;
}
.menu2 a.active {
    border-bottom:5px solid #e8496e;
    font-weight: bold

}

/*
.exposant .exposer a { color: #ff8f3d; }
.exposant .exposer a.active { border-bottom:5px solid #ff8f3d; }

.exposant .complements a { color: #ff8f3d; }
.exposant .complements a.active { border-bottom:5px solid #ff8f3d; }

.exposant .acces a { color: #b7d281; }
.exposant .acces a.active { border-bottom:5px solid #b7d281; }

.exposant .compte a { color: #5dbfc7; }
.exposant .compte a.active { border-bottom:5px solid #5dbfc7; }

.exposant .infospratiques a { color: #513d8e; }
.exposant .infospratiques a.active { border-bottom:5px solid #513d8e; }
*/

.footer1 {
    margin-top:80px;
    line-height:40px;
    border-top:1px solid #94a1a5;
    border-bottom:1px solid #94a1a5;
    background:#f4f3f1;
    padding:0 30px;
}
.footer2 {
    height:40px;
    border-top:1px solid #94A1A5;
    background:#DCDFE0;
    background:#94A1A5;
}
h1 {
    color: #163946;
    font-size: 38px;
    font-weight: normal;
    line-height: 34px;
    margin: 26px 0;
}
.exposant h1 {
    color: #e8496e;
    text-transform: uppercase;
}
h2 {
    color: #163946;
}
.exposant h2 {
    font-size: 20px;
    color: #5dbfc7;
}
h3 {
    color: #163946;
    text-decoration:underline;
    /*text-transform: uppercase;*/
}


.exposant h3 {
    font-size: 18px;
    color: #513d8e;
}
h4 {
    color: #163946;
}
.exposant h4 {
    font-size: 16px;
    color: #513d8e;
    text-transform: uppercase;
}

.waiting, .infos {
    font-family:'DINOTBold';
    background: #5dbfc7;
    border:1px solid #5dbfc7;
    color:#fff !important;
    border-radius:5px;
    font-size:16px;
    padding:4px 20px;
    text-decoration:none;
    display:inline-block;
    cursor:pointer;
}
.proposition {
    border:1px solid #ccc;
    background:#eee;
    padding:10px 15px;
    margin-bottom:20px;
}

.encart {
    border:1px solid #ccc;
    background:#eee;
    padding:15px 15px;
    margin-bottom:20px;
}
.encart h2 {
    margin:2px 0 10px 0;
    color:#444;
}
.encart p {
    margin:0;
    color:#444;
}

.rubrique {
    border-bottom:2px solid #e8496e;
    margin-bottom:10px;
}
.question {
    cursor:pointer;
    background:url(/front/img/arrow_down.png) no-repeat top right;
}

.open {
    background:url(/front/img/arrow_up.png) no-repeat top right;
}
.hprom {
    font-style:italic;
    color:#c00;
}
a {
    color: #163946;
}
.exposant a {
    color: #513d8e;
}
.intro {
    color: #625858;
    font-family: "DINCompPro";
    font-size: 23px;
    margin: 15px 0;
    line-height:25.3px;
}

.todo {
    color:#ff007f;
    font-style:italic;
}
strong {
    color: #163946;
}
.exposant strong {
    color: #5dbfc7;
}
em { font-style:normal; color:#ff8f3d;}
.later {
    font-style: italic;
    color: #163946;
}
.exposant .later {
    color: #5dbfc7;
}
.dev { color:#c00; background:#fee; border: 1px solid #c00; margin:20px 0; padding:15px; }

.liste-hprom li {
    margin-bottom:1em;
}

/*******************************************************************************
 * Forms
 *******************************************************************************/
#erreur {
    padding: 15px;
    border: 1px solid #c00;
    background: #fee;
    color: #c00;
    margin-bottom: 20px;
    list-style: none;
}

.erreur label {
    color: #c00;
}
.erreur input[type=text], .erreur textarea, .erreur select {
    border-color: #c00;
    background: #fee;
    color: #c00;
}
.erreur-hint, .erreur .hint {
    color: #c00;
    font-style:italic;
}

.hint {
    color: #163946;
    font-style:italic;
}

.field, fieldset {
    border:0;
    margin:0;
    padding:0 0 10px 0;
    display: block;
}
.field table {
    width: 100%;
    border-collapse: collapse;
}
.field th, .field td {
    vertical-align: top;
    padding:3px 0;
}
.field td.input {
    padding-left:0;
    text-align:left;
    width:20px;
}
.field td.quantity {
    width:140px;
    text-align:left;
}
.field td.prix {
    width:260px;
    text-align:right;
}
.field td.controls {
    width:50px;
    text-align:left;
}
label {
    /*
    float:left;
    width:300px;
    */
    display:block;
}
.inline label {
    display: inline-block;
}
.long {
    width: auto;
    float: none;
    display: inline;
}
.radio label {
    float: none;
    width: auto;
}

.boutonoff {
    font-family:'DINOTBold';
    background: #5dbfc7;
    border:1px solid #5dbfc7;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    padding:4px 20px;
    text-decoration:none;
    display:inline-block; 
}
input[type=submit], .bouton {
    font-family:'DINOTBold';
    background: #163946;
    border:1px solid #163946;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    padding:4px 20px;
    text-decoration:none;
    display:inline-block;
    cursor:pointer;
}
.exposant input[type=submit], .exposant .bouton {
    background: #5dbfc7;
    border:1px solid #5dbfc7;
    color:#fff;
}
.exposant .bouton-secondary, .bouton-secondary {
    border:1px solid #ccc;
    background:#ccc;
    color:#333;
}
.bouton .later {
    color:#fff;
    font-family:'DINCompPro';
}
.buttonwrapper {
    margin-top:15px;
}
.keyword {
    display:inline-block;
    border-radius:3px;
    padding:2px 10px;
    font-size:14px;
    background:#eee;
    text-decoration:none;
    color:#333 !important;
    margin:0 10px 10px 0;
}
input[type=text] {
    width:450px;
    padding:2px 5px;
    border:1px solid #94A1A5;
}
.inputquantity {
}
.inputquantity input {
    width:30px !important;
    text-align:center;
    border:1px solid #94A1A5;
    background:#fff;
}
.inputquantity .less, .inputquantity .more {
    border:1px solid #94A1A5;
    background:#eee;
    color:#000;
    padding:2px 5px;
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
}
.inputquantity .less {
    /*border-radius: 5px 0 0 5px;*/
    border-left:none;
}
.inputquantity .more {
    /*border-radius: 0 5px 5px 0;*/
    border-left:none;
}
textarea {
    width:450px;
    padding:2px 5px;
    border:1px solid #94A1A5;
}
select {
    border:1px solid #94A1A5;
}

.totaux {
    border-collapse:collapse;
}
.totaux th {
    padding:3px 10px;
    text-align:right;
    font-weight:normal;
    border-bottom:1px dotted #666;
}
.totaux td {
    padding:3px 10px;
    text-align:right;
    border-bottom:1px dotted #666;
}
.totaux th.total, .totaux td.total {
    font-weight:bold;
    color: #163946;
}
.exposant .totaux th.total, .exposant .totaux td.total {
    color: #5dbfc7;
}

.hp {
    display: none;
}

table.calendrier {
    width:100%;
    border-top:1px solid #ccc;
    border-collapse:collapse;
}
table.calendrier th {
    width:160px;
    padding:2px 10px;
    vertical-align: top;
    border-bottom:1px solid #ccc;
    text-align:left;
}
table.calendrier td {
    padding:2px 10px;
    vertical-align: top;
    border-bottom:1px solid #ccc;
}
table.calendrier .next th, table.calendrier .next td {
    background:#fee;
    color:#c00;
    font-weight:bold;
}
ul.calendrier li {
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom:2px;
}
ul.calendrier li.next {
    background:#fee;
    color:#c00;
    font-weight:bold;
}


/*******************************************************************************
 * Breadcrumb
 *******************************************************************************/

.breadcrumb {
    height:30px;
    margin-bottom:1em;
}
.breadcrumb a, .breadcrumb span, .breadcrumb input[type=submit] {
    display:block;
    float:left;
    border:1px solid #bbb;
    background:#bbb;
    border-radius:16px;
    text-align:center;
    line-height:30px;
    text-decoration:none;
    width:30px;
    height:30px;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    margin-right:10px;
    padding:0;
}

.breadcrumb a, .breadcrumb input[type=submit] {
    cursor:pointer;
}

.breadcrumb a.active, .breadcrumb span.active, .breadcrumb input[type=submit].active {
    border:1px solid #5dbfc7;
    background: #5dbfc7;
    color:#fff;
}
.breadcrumb span {
    border:1px solid #fff;
    background:#fff;
    color:#888;
}

.message {
    padding: 10px;
    border: 1px solid #ff8f3d;
    background: #fee;
    color: #ff8f3d;
    font-weight: bold;
    margin-bottom:20px;
}

.societe_hebergee {
    border:1px solid #666;
    padding:0 15px 15px 15px;
    margin-bottom:2em;
}
.remarque {
    font-style:italic;
}

.details label { display:inline; }
.details .value { font-weight:bold; }


.radios .details { margin:0 0 1em 0; }
.exposants {
    border-collapse:collapse;
}
.exposants th {
    vertical-align:middle;
    padding:0 10px;
    text-align:left;
    font-weight:normal;
    border-bottom:1px dotted #666;
}
.exposants td {
    vertical-align:middle;
    padding:0 10px;
    text-align:left;
    border-bottom:1px dotted #666;
}
.exposants th {
    font-weight:bold;
    color: #5dbfc7;

}
.exposants .logos { width:100px; }
.exposants .societes { width:250px; }
.exposants .activites { width:400px; }
.exposants .annees { width:150px; }

.exposants td.logos { font-size:13px; }
.exposants td.societes { font-size:13px; }
.exposants td.activites { font-size:13px; }
.exposants td.annees { font-size:13px; }


.fiche th { width:220px; font-weight:bold;
    color: #5dbfc7;
    vertical-align:top; }
.fiche td { width:480px; }


.alphabet, .pagination { margin:20px 0; }
.alphabet a, .alphabet span, .pagination a, .pagination span { margin-right:5px; }
.pages { margin:20px 0; }

.ficheexposant label { font-weight:bold;
    color:#5dbfc7;
}

.document { border-top:1px dotted #666; margin-bottom:15px; }
.document h3 { margin:10px 0 0 0; }
.document table { margin:15px 0 15px 50px; }
.document th { color:#5dbfc7; text-align:left; }
.document td { vertical-align:top; padding:0; }
.document_type { font-style:italic; }
.document_address { width: 350px; padding-right:20px; }
.document_contact { width: 300px; padding-right:20px; }
.document_date { width: 250px; }

.document .bouton { color:#eee; }
.document .bouton:hover { color:#fff; }

.cartouche1, .cartouche2 { border:1px solid #2a2a2a; font-size:16px; padding:10px; margin-bottom:1em; }
.cartouche1 h2 { color:#2a2a2a; font-size:16px; font-weight:bold; text-decoration:underline; margin:0; }
.cartouche1 label { display:inline; padding-right: 5px; }
.cartouche1 span { margin-right:20px;}

table.technique { border-collapse:collapse; }
table.technique td, table.technique th { border: 1px solid #000; padding:3px 5px; }
table.technique th { background:#eee; }
table.technique input[type=text] { width:100px; text-align:center; }
table.technique td.monetary { text-align:right; }

table.publicite { font-size:13px; border-collapse:collapse; }
table.publicite th { vertical-align:top; }
table.publicite th.line { text-align:right; padding-left:15px; padding-right:15px; }
table.publicite td { text-align:center; }
table.publicite th, table.publicite td { border:1px solid #94A1A5; padding:3px 3px;}

table.annuaire { border-collapse:collapse; width:100%; }

table.monetary { border-collapse:collapse; width: 100%;}
table.monetary td, table.monetary th { border-bottom: 1px dotted #000; padding:3px 5px; text-align:right;}
table.monetary th:nth-child(1), table.monetary td:nth-child(1) {text-align:left; width:auto;}
table.monetary th:nth-child(2), table.monetary td:nth-child(2) {text-align:right; width:100px;}
table.monetary th:nth-child(3), table.monetary td:nth-child(3) {text-align:right; width:120px;}
table.monetary th:nth-child(4), table.monetary td:nth-child(4) {text-align:right; width:120px;}

table.pax { border-collapse:collapse; width: 100%;}
table.pax td, table.pax th { border-bottom: 1px dotted #000; padding:3px 5px; text-align:right;}
table.pax th:nth-child(1), table.pax td:nth-child(1) {text-align:left; width:275px;}
table.pax th:nth-child(2), table.pax td:nth-child(2) {text-align:left; width:150px;}
table.pax th:nth-child(3), table.pax td:nth-child(3) {text-align:left; width:auto;}
table.pax th:nth-child(4), table.pax td:nth-child(4) {text-align:right; width:120px;}

table.hotel {border-collapse:collapse; border-top:1px dotted black; width:600px; margin:40px 180px 20px; }
table.hotel th { text-align:left; width:200px;}
table.hotel td { font-weight:bold; text-align:right;}
table.hotel th, table.hotel td { border-bottom:1px dotted black; padding: 3px 5px;}

.reductions { font-style:italic; color:#ff8f3d; }

.quantity { text-align:center; }
.attention { color:#ff8f3d; }


.technique .designation { text-align:left; width:464px; }
.technique .prix { text-align:right; width:130px; }
.technique .quantite { text-align:right; width:100px; }
.technique .total { text-align:right; width:120px; }
.technique .options { text-align:center; width:100px; }

.cnil {
    font-size:11px;
    line-height:16px;
}

.annulation {
    color:#cc0000;
}

.products {
    margin: 0 -10px;
}
.product {
    display: block;
    position: relative;
    width: 205px;
    height: 200px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    float: left;
    text-align:center;
}
.product .cta {
    position: absolute;
    display: inline-block;
    left:10px;
    bottom:10px;
    border:1px solid #5dbfc7;
    background:#5dbfc7;
    color:#fff;
    text-decoration: none;
    line-height:30px;
    padding:0 10px;
    border-radius: 5px;
    width:120px;
    left:50%;
    margin-left:-70px;
}
.product .product-image {
    position:absolute;
    width:80px;
    top:65px;
    left:50%;
    margin-left:-40px;
    z-index:1;
}
.product .product-image img {
    width:80px;
}
.product .product-name {
    position:relative;
    z-index:2;
}
.product-type {
    font-size:13px;
}
.product-name {
    color: #5dbfc7;
    font-weight:bold;
}
.product-libelle {
    color: #5dbfc7;
    font-weight:bold;
}
.product-description {
    font-size:13px;
}
.options {
    border-bottom: 1px solid #ccc;
    padding-bottom:15px;
    margin-bottom:10px;
}
.filtres {
    float:left;
}
.panier {
    float:right;
    line-height:32px;
}

.participants {
    border-collapse: collapse;
    width: 100%;
}
.participants th {
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.participants td {
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
}


/******************************************************************************
 * Clear Floated Elements
 * http://sonspring.com/journal/clearing-floats
 ******************************************************************************/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*******************************************************************************
 * http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
 * slightly enhanced, universal clearfix hack
 *******************************************************************************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */