﻿
.navbar {
    padding: 5px 0px 5px;
    min-height: 30px;
    /*border-top: 3px solid #000;
   border-bottom: 3px solid #000;*/
    background-image: linear-gradient(#6894AD, #97D1F7);
    margin: 0px;
}

.header .logo {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #FFF;
    min-height:1px;
}

    .header .logo .logo-event {
        width: 500px;
        height: 80px;
        display: inline-block;
        vertical-align: middle;
        /*background-image: url("/images/cmcic/logo_event.svg");*/
        background-image: url("/images/cmcic/CIC_MarketSolutions_logo.jpg");
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
        -webkit-transition: width .3s,height .3s,background-image .3s;
        -o-transition: width .3s,height .3s,background-image .3s;
        transition: width .3s,height .3s,background-image .3s;
    }

@media (max-width: 500px){
    .header .logo .logo-event {
        width: 100%;
    }
}

.navbar .navbar-nav > li.arrow > .sub-menu-bloc {
	display: inline-block;
	width: 100%;
}


.navbar .navbar-nav > li > .sub-menu-bloc > .sub-menu-nav {
    color: inherit;
    width: 100%;
    font-size: 14px;
}

.navbar .navbar-nav li ul.sub-menu-nav li {
    float: left;
    height: 30px;
    line-height: 30px;
    text-transform: none;
    width: 100%;
    font-size: 14px;
    color: #000;
    text-align: left;
	text-transform: uppercase;
}

@media (min-width: 767px/**/) {
	.navbar .navbar-nav {
		display: table;
		width: 100%;
        max-width: 1230px;
        float: none;
	}

        .navbar .navbar-nav > li {
            display: table-cell;
            font-size: 20px;
            color: #000;
            text-align: center;
            float: none;
            padding: 10px 10px;
            position: relative;
        }

            .navbar .navbar-nav > li.arrow {
                word-break: keep-all;
            }

        .navbar .navbar-nav > li.arrow > .ic-arrow-dropdown {
            display: inline-block;
            position: relative;
        }



        .navbar .navbar-nav > li.arrow > .ic-arrow-dropdown::before {
            border-color: transparent transparent #25378d;
            border-style: solid;
            border-width: 0 12px 10px;
            content: "";
            display: block;
            height: 0;
            position: absolute;
            transform: rotate(180deg);
            width: 0;
            right: -20px;
            bottom: 3px;
        }
	
	.navbar .navbar-nav > li > .sub-menu-bloc > .sub-menu-nav {
		padding: 0;
	}
	.navbar .navbar-nav li ul.sub-menu-nav li {
		list-style: none;
	}

        .navbar .navbar-nav > li.arrow > .sub-menu-bloc {
            display: none;
            background: transparent;
            background: #FFF;
            width: auto;
            position: absolute;
            top: 42px;
            right: -35px;
            margin: 0;
            padding: 10px 20px;
            max-width: 270px;
            background-color: #E5EBF1;
            z-index: 10000;
        }
	
	.navbar .navbar-nav > li.arrow:hover > .sub-menu-bloc,
	.navbar .navbar-nav > li.arrow > .sub-menu-bloc:hover	{
		display: block;
	}



        .navbar .navbar-nav > li.arrow:hover > .ic-arrow-dropdown::after {
            border-color: transparent transparent #E5EBF1;
            border-style: solid;
            border-width: 0 12px 10px;
            content: "";
            display: block;
            height: 0;
            position: absolute;
            transform: rotate(360deg);
            width: 0;
            right: -20px;
        }

        .navbar .navbar-nav > li.arrow:hover > a {
            /*border-bottom: 2px solid #25378d;*/
            border-bottom: 2px solid #fff;
            /*padding-bottom: 7px;*/
        }

        .navbar .navbar-nav > li.arrow > a {
            padding-bottom: 7px;
        }
	
	.navbar .navbar-nav li ul.sub-menu-nav li {
		text-align: center !important;
	}
}

@media (max-width:1000px) and (min-width: 767px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: left;
    }

        .navbar .navbar-nav > li {
            display: inline-block;
            float: left;
            padding: 10px 30px;
        }
}

.navbar .navbar-nav > li > a {
    color: #fff;
    padding: 3px 5px 2px;
    /*text-transform:uppercase;*/
	display: inline-block;
}


    .navbar .navbar-nav > li > a.active {
        border-bottom: 2px solid #fff;
    }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    /*border-bottom: 2px solid #25378d;*/
    border-bottom: 2px solid #fff;
    /*padding-bottom: 7px;*/
    background-color: transparent;
}

.flashBandeau {
    background-color: #25378d;
    color: #FFF;
    position: relative;
    border-bottom: 3px solid #000;
    display: inline-block;
    width: 100%
}

        .flashBandeau > img {
            margin: 0 auto;
        }

    .leftText {
        position: absolute;
        top: 20px;
        left: 15px;
    }

    @media (max-width: 500px) {
        .leftText {
            position: absolute;
            top: 20px;
            left: 15px;
        }
    }

    .event_location {
        font-size: 14px;
        text-align: center;
    }

.btn.btn-register {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border-radius: 50px;
    border-color: #6a93ac !important;
    background-color: #6a93ac !important;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bolder;
}

    .btn.btn-primary {
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        border-radius: 40px;
        border-color: #E61937 !important;
        background-color: #E61937 !important;
        color: #FFF;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bolder;
    }
