/* ATTENTION, ce fichier a été généré par l'outil de personnalisation */
/* Veuillez ne pas effectuer de modification dans ce fichier */
.navbar.navbar-cplus .container-fluid{
	background-color: transparent;/** LOGOMENUFULL ** background-color ** transparent **/
	background-image: none;/** LOGOMENUFULL ** background-image ** none **/
	background-repeat: no-repeat;/** LOGOMENUFULL ** background-repeat ** no-repeat **/
	background-position-x: left;/** LOGOMENUFULL ** background-position-x ** left **/
	background-position-y: top;/** LOGOMENUFULL ** background-position-y ** center **/
    background-size: contain;
}

.navbar-header{
	width: calc(100% + 5px);/** LOGOMENU ** width ** calc(100% + 5px) **/
	max-width: calc(100% + 5px);/** LOGOMENU ** max-width ** calc(100% + 5px) **/
	margin-top: 5px;/** LOGOMENU ** margin-top ** 5px **/
	margin-bottom: 5px;/** LOGOMENU ** margin-bottom ** 5px **/
}

@media (min-width: 768px){
	.navbar-header{
	max-width: calc(100% + 5px);/** LOGOMENUSM ** max-width ** calc(100% + 5px) **/
	}
}

@media (min-width: 992px){
	.navbar-header{
	max-width: calc(100% + 5px);/** LOGOMENUMD ** max-width ** calc(100% + 5px) **/
	}
}

@media (min-width: 1200px){
	.navbar-header{
	max-width: 340px;/** LOGOMENULG ** max-width ** 340px **/
	}
}

/* LOGO et Navbar */

.navbar-cplus .navbar-toggle{
    background-color: #ddd;
    border-color: #888;
    width: 35px;
    height: 34px;
    padding: 6px;
}

.navbar-cplus .navbar-toggle:focus,
.navbar-cplus .navbar-toggle:hover {
    background-color: #eee;
}

.navbar-cplus .navbar-brand {
    /*width: 240px;*/
    width: calc(100% - 60px);
    /*height: 120px;*/
    height: 60px;
	color: #fff;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px !important;
    text-decoration: none;
    background-size: contain;
    position: relative;
    margin-bottom: 5px;
	background-color: transparent;/** LOGOMENU ** background-color ** transparent **/
	background-image: url(../images/user/logo_cplus.fw_15728572610442.png);/** LOGOMENU ** background-image ** url(../images/logo_client.png) **/
	background-repeat: no-repeat;/** LOGOMENU ** background-repeat ** no-repeat **/
	background-position-x: left;/** LOGOMENU ** background-position-x ** left **/
	background-position-y: top;/** LOGOMENU ** background-position-y ** top **/
    background-size: contain;
}

@media (min-width: 768px){
	.navbar-cplus .navbar-brand{
		height: 100px; /* * LOGOMENUSM ** height ** 100px * */
	}
}

@media (min-width: 992px){
	.navbar-cplus .navbar-brand{
		height: 100px; /* * LOGOMENUMD ** height ** 100px * */
	}
}

@media (min-width: 1200px){
	.navbar-cplus .navbar-brand{
		height: 115px; /* * LOGOMENULG ** height ** 115px * */
	}
}

.navbar-cplus {
    background-color: transparent;
    border-color: transparent;
    border: 0;
    margin-bottom: 0;
}

@media (max-width: 768px){
	nav.navbar.navbar-cplus{
		position: fixed;
	    z-index: 999;
	    width: 100%;
	background-color: #3a6f99;/** BODY ** background-color ** #3A6F99 **/
	}

	#main-content{
		padding-top: 80px;
	}
}

.navbar-cplus .navbar-nav{
	margin: 0;
}

.navbar-cplus .navbar-brand,
.navbar-cplus .navbar-brand:focus,
.navbar-cplus .navbar-brand:hover{
    text-decoration: none;
}

.navbar-cplus .navbar-nav>li>a,
.navbar-cplus .navbar-nav>li>a:focus,
.navbar-cplus .navbar-nav>li>a:hover {
    color: #FFFFFF;
    text-decoration: none;
    
}

.navbar-cplus .navbar-nav>.open>a,
.navbar-cplus .navbar-nav>.open>a:focus,
.navbar-cplus .navbar-nav>.open>a:hover,
.navbar-cplus .navbar-nav .open .dropdown-menu>li>a,
.navbar-cplus .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-cplus .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #FFF;
    text-decoration: none;
}

.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li > a{
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li:last-child > a{
	border-bottom: none;
}

.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li > a:hover,
.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li > a:focus{
	color: #fff;
	background-color: rgba(255,255,255,0.2);
}


.navbar-cplus .navbar-brand .navbar-brand-content {
	color: #ffffff;/** LOGOMENUTEXT ** color ** #FFFFFF **/
	text-align: right;/** LOGOMENUTEXT ** text-align ** right **/
	width: 100%;
    position: absolute;
    bottom: 0;
    font-weight: bold;
    font-size: 1.2em;
}

.navbar-cplus .navbar-collapse {
    margin: 0;
    padding: 0;
    border: 0;
}

.navbar-cplus .navbar-nav > li.navbar-jaune > a{
	/*background-color:#E3AE46 !important;*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#E3AE46,0),color-stop(#EEC97F,1));
    background:-webkit-linear-gradient(top, #E3AE46 0%, #EEC97F 100%);
    background:-moz-linear-gradient(top, #E3AE46 0%, #EEC97F 100%);
    background:-o-linear-gradient(top, #E3AE46 0%, #EEC97F 100%);
    background:linear-gradient(top, #E3AE46 0%, #EEC97F 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3AE46', endColorstr='#EEC97F',GradientType=0 );
	border-left: 4px solid #c1933a;
}

.navbar-cplus .navbar-nav > li.navbar-vert > a{
	/*background-color:#ADDD87 !important;*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#,0),color-stop(#8CBE63,1));
    background:-webkit-linear-gradient(top, #ADDD87 0%, #8CBE63 100%);
    background:-moz-linear-gradient(top, #ADDD87 0%, #8CBE63 100%);
    background:-o-linear-gradient(top, #ADDD87 0%, #8CBE63 100%);
    background:linear-gradient(top, #ADDD87 0%, #8CBE63 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADDD87', endColorstr='#8CBE63',GradientType=0 );
	border-left: 4px solid #829c62;
}

.navbar-cplus .navbar-nav > li.navbar-bleu > a{
	/*background-color:#80a9da !important;*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
	border-left: 4px solid #6f8aa9;
}

.navbar-cplus .navbar-nav > li.navbar-rouge > a{
	/*background-color:#EB666A !important;*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#,0),color-stop(#D3393F,1));
    background:-webkit-linear-gradient(top, #EB666A 0%, #D3393F 100%);
    background:-moz-linear-gradient(top, #EB666A 0%, #D3393F 100%);
    background:-o-linear-gradient(top, #EB666A 0%, #D3393F 100%);
    background:linear-gradient(top, #EB666A 0%, #D3393F 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB666A', endColorstr='#D3393F',GradientType=0 );
	border-left: 4px solid #96484a;
}

.navbar-cplus .navbar-nav > li.navbar-violet > a{
	/*background-color:#9D4BEC !important;*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#9D4BEC,0),color-stop(#643294,1));
    background:-webkit-linear-gradient(top, #9D4BEC 0%, #643294 100%);
    background:-moz-linear-gradient(top, #9D4BEC 0%, #643294 100%);
    background:-o-linear-gradient(top, #9D4BEC 0%, #643294 100%);
    background:linear-gradient(top, #9D4BEC 0%, #643294 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D4BEC', endColorstr='#643294',GradientType=0 );
	border-left: 4px solid #643294;
}

/*.navbar-cplus .navbar-nav .dropdown .dropdown-menu {
	display: none;
}*/

.navbar-cplus .navbar-nav .navbar-jaune.dropdown .dropdown-menu {
	background-color: #efc26c;
}

.navbar-cplus .navbar-nav .navbar-bleu.dropdown .dropdown-menu {
	background-color: #92b9e6;
}

.navbar-cplus .navbar-nav .navbar-vert.dropdown .dropdown-menu {
	background-color: #aad278;
}

.navbar-cplus .navbar-nav .navbar-rouge.dropdown .dropdown-menu {
	background-color: #ec7579;
}

.navbar-cplus .navbar-nav .navbar-violet.dropdown .dropdown-menu {
	background-color: #ad83d6;
}

@media (max-width: 767px){

	.navbar-cplus .navbar-brand,
	.navbar-cplus .navbar-nav>li>a,
	.navbar-cplus .navbar-brand:focus,
	.navbar-cplus .navbar-brand:hover,
	.navbar-cplus .navbar-nav>li>a:focus,
	.navbar-cplus .navbar-nav>li>a:hover {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li > a{
		padding-top: 10px;
		padding-bottom: 10px;

	}

	
}

@media (min-width: 768px){

	/*.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand{
		margin-right: 30px;
	}*/

	.navbar-cplus .navbar-brand{
		
	}

	.navbar-cplus .navbar-nav{
		/*margin-top: 70px;*/
		width: 100%;
		float: left !important;
	}

	.navbar-cplus .navbar-nav > li{
		/*margin-top: 70px;*/
		width: 20%;
	}

	.navbar-cplus .navbar-nav > li > a {
		background: linear-gradient(135deg, transparent 15px, #365a80 15px);
		border-right: 1px solid #6572a0;
		padding: 10px 15px;
		margin-top: 0;
		font-size: 14px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(0,0,0,.5);

		height: 40px;
		line-height: 20px;

		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;

		/*-webkit-transition: margin-top 0s ease-in-out;
		-moz-transition: margin-top 0s ease-in-out;
		-o-transition: margin-top 0s ease-in-out;
		transition: margin-top 0s ease-in-out;*/

	}

	.navbar-cplus .navbar-nav > li.navbar-jaune > a{
		background: linear-gradient(135deg, transparent 15px, #E8B655 15px);
		border-right: 1px solid #c1933a;
		border-bottom: 0px solid #c1933a;
		border-left: 0px;
	}

	.navbar-cplus .navbar-nav > li.navbar-bleu > a{
		background: linear-gradient(135deg, transparent 15px, #9AC466 15px);
		border-right: 1px solid #4b5a37;
		border-bottom: 0px solid #4b5a37;
		border-left: 0px;
	}

	.navbar-cplus .navbar-nav > li.navbar-vert > a{
		background: linear-gradient(135deg, transparent 15px, #7CA5D5 15px);
		border-right: 1px solid #6572a0;
		border-bottom: 0px solid #6572a0;
		border-left: 0px;
	}

	.navbar-cplus .navbar-nav > li.navbar-rouge > a{
		background: linear-gradient(135deg, transparent 15px, #E2494E 15px);
		border-right: 1px solid #96484a;
		border-bottom: 0px solid #96484a;
		border-left: 0px;
	}

	.navbar-cplus .navbar-nav > li.navbar-violet > a{
		background: linear-gradient(135deg, transparent 15px, #9D4BEC 15px);
		border-right: 1px solid #643294;
		border-bottom: 0px solid #643294;
		border-left: 0px;
	}

	.navbar-cplus .navbar-nav > .open > a, 
	.navbar-cplus .navbar-nav > .open > a:hover, 
	.navbar-cplus .navbar-nav > .open > a:focus{
		background-color: transparent;
		color: #eee;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-accueil{
		background: linear-gradient(135deg, transparent 15px, #E8B655 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-consos{
		background: linear-gradient(135deg, transparent 15px, #7CA5D5 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-paiement{
		background: linear-gradient(135deg, transparent 15px, #9AC466 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-resas{
		background: linear-gradient(135deg, transparent 15px, #E2494E 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-famille{
		background: linear-gradient(135deg, transparent 15px, #9D4BEC 15px);
	}

	.navbar-cplus .navbar-nav .navbar-jaune.dropdown .dropdown-menu {
		background-color: #efc26c;
	}

	.navbar-cplus .navbar-nav .navbar-bleu.dropdown .dropdown-menu {
		background-color: #92b9e6;
	}

	.navbar-cplus .navbar-nav .navbar-vert.dropdown .dropdown-menu {
		background-color: #aad278;
	}

	.navbar-cplus .navbar-nav .navbar-rouge.dropdown .dropdown-menu {
		background-color: #ec7579;
	}

	.navbar-cplus .navbar-nav .navbar-violet.dropdown .dropdown-menu {
		background-color: #ad83d6;
	}

	.navbar-cplus .navbar-nav .dropdown .dropdown-menu > li > a{
		color: #fff;
		padding-top: 8px;
		padding-bottom: 8px;
	}

}

@media (min-width: 992px){

	.navbar-cplus .navbar-brand .navbar-brand-content {
	    right: 0;
	bottom: 5px;/** LOGOMENUTEXT ** bottom ** 5px **/
	}
	.navbar-cplus .navbar-brand{
		margin-right: 0;
		margin-bottom: 0px;
		/*width: 220px;*/
		/*height: 100px;*/
	}

	.navbar-cplus .navbar-nav{
		margin-top: 70px;
	}

	.navbar-cplus .navbar-nav > li > a {
		/*margin-top: 69px;*/
		/*margin-top: 90px;*/
	}

	.navbar-cplus .navbar-nav > li > a:hover,
	.navbar-cplus .navbar-nav > li > a:focus {
    	/*margin-top: 66px;*/
    	/*margin-top: 86px;*/
    	margin-top: -10px;
    	height: 50px;
    }

	.navbar-cplus .navbar-nav > li.navbar-jaune > a:hover,
	.navbar-cplus .navbar-nav > li.navbar-jaune > a:focus{
		border-bottom: 4px solid #c1933a;
	}

	.navbar-cplus .navbar-nav > li.navbar-bleu > a:hover,
	.navbar-cplus .navbar-nav > li.navbar-bleu > a:focus{
		border-bottom: 4px solid #6572a0;
	}

	.navbar-cplus .navbar-nav > li.navbar-vert > a:hover,
	.navbar-cplus .navbar-nav > li.navbar-vert > a:focus{
		border-bottom: 4px solid #4b5a37;
	}

	.navbar-cplus .navbar-nav > li.navbar-rouge > a:hover,
	.navbar-cplus .navbar-nav > li.navbar-rouge > a:focus{
		border-bottom: 4px solid #96484a;
	}

	.navbar-cplus .navbar-nav > li.navbar-violet > a:hover,
	.navbar-cplus .navbar-nav > li.navbar-violet > a:focus{
		border-bottom: 4px solid #643294;
	}

}

@media (min-width: 1200px){

	.navbar-cplus .navbar-brand{
		
	}

	.navbar-cplus .navbar-nav {
		margin-top: 75px;
	}

	.navbar-cplus .navbar-nav > li > a {
		/*margin-top: 59px;*/
		/*margin-top: 95px;*/
		padding: 15px 5px;
		padding-left: 45px;
		height: 50px;
	}

	.navbar-cplus .navbar-nav > li > a div.icone_menu{
		display: block;
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    background: red;
	    left: 5%;
	    bottom: 11%;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-accueil{
		background: linear-gradient(135deg, transparent 15px, #E8B655 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-accueil div.icone_menu{
		background: url(../images/icone_menu_accueil_v3.png) center center no-repeat;
		background-size: contain;
		left: 15%;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-consos{
		background: inear-gradient(135deg, transparent 15px, #7CA5D5 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-consos div.icone_menu{
		background: url(../images/icone_menu_histo_v3.png) center center no-repeat;
		background-size: contain;
		left: 9%;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-paiement{
		background: linear-gradient(135deg, transparent 15px, #9AC466 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-paiement div.icone_menu{
		background: url(../images/icone_menu_solde_v3.png) center center no-repeat;
		background-size: contain;
		left: 2%;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-resas{
		background: inear-gradient(135deg, transparent 15px, #E2494E 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-resas div.icone_menu{
		background: url(../images/icone_menu_resa_v3.png) center center no-repeat;
		background-size: contain;
		left: 7%;
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-famille{
		background: inear-gradient(135deg, transparent 15px, #9D4BEC 15px);
	}

	.navbar-cplus .navbar-nav > li > a.icone-menu-famille div.icone_menu{
		background: url(../images/icone_menu_famille_v3.png) center center no-repeat;
		background-size: contain;
		left: 5%;
	}

	.navbar-cplus .navbar-nav > li > a:hover,
	.navbar-cplus .navbar-nav > li > a:focus {
    	/*margin-top: 46px;*/
		/*margin-top: 81px;*/
		margin-top: -5px;
    	height: 55px;
    }

}