/**********************************
 * Color
 **********************************
 * Plages Privees 51,11,24
 * - Bandeau Fuchsia : #BB2958		187, 41, 88
 * - Bouton Fuchsia : #CB2D60		203, 45, 96
 *
 * Restaurants Bord de l'eau 17, 50, 51
 * - Bandeau bleu : #40BFC4			64, 191, 196
 * - Bouton bleu : #3EB4B9			62, 180, 185
 *
 * Rooftops 21,51,40
 * - Bandeau vert : #50C49C			80, 196, 156
 * - Bouton vert : #59D5AA			89, 213, 170
 *
 * Agenda / Evenement 51,36,9
 * - Bandeau jaune : #EDA929		237, 169, 41
 * - Bouton jaune : #F8B941			248, 185, 65
 **********************************/

#theme_paillote .navigation_item.selected 		{ color: #CB2D60; border-color: #BB2958; }
#theme_restaurant .navigation_item.selected 	{ color: #40BFC4; border-color: #40BFC4; }
#theme_rooftop .navigation_item.selected 		{ color: #50C49C; border-color: #50C49C; }


/*************************************
 * Theme par defaut
 *************************************/
#theme_default
{

}
#theme_default .bg 		{ background-color: #BB2958; }
#theme_default .bgalt 	{ background-color: #CB2D60; }
#theme_default .text 	{ color: #CB2D60 !important; }
#theme_default .textw 	{ color: #333; }


/*************************************
 * Theme Plage privee
 *************************************/
#theme_paillote
{

}
#theme_paillote .bg 	{ background-color: #BB2958; }
#theme_paillote .bgalt 	{ background-color: #CB2D60; }
#theme_paillote .text 	{ color: #CB2D60 !important; }
#theme_paillote .textw 	{ color: #fff; }


/*************************************
 * Theme Rooftop
 *************************************/
#theme_rooftop
{

}
#theme_rooftop .bg 		{ background-color: #50C49C; }
#theme_rooftop .bgalt 	{ background-color: #59D5AA; }
#theme_rooftop .text 	{ color: #50C49C !important; }
#theme_rooftop .textw 	{ color: #fff; }




/*************************************
 * Theme Restaurant
 *************************************/
#theme_restaurant
{

}
#theme_restaurant .bg 		{ background-color: #3EB4B9; }
#theme_restaurant .bgalt 	{ background-color: #40BFC4; }
#theme_restaurant .text 	{ color: #3EB4B9 !important; }
#theme_restaurant .textw 		{ color: #fff; }




/*************************************
 * Theme Agenda
 *************************************/
#theme_agenda
{

}
#theme_agenda .bg 		{ background-color: #EDA929; }
#theme_agenda .bgalt 	{ background-color: #F8B941; }
#theme_agenda .text 	{ color: #EDA929 !important; }
#theme_agenda .textw 	{ color: #fff; }



/*************************************
 * Menu Background
 *************************************/
#theme_paillote #commons_menu 	{ 	background-color: rgba(51,11,24, .8); 		}
#theme_restaurant #commons_menu { 	background-color: rgba(17, 50, 51, .8); 	}
#theme_rooftop #commons_menu 	{ 	background-color: rgba(21,51,40, .8); 		}
#theme_agenda #commons_menu 	{	background-color: rgba(51,36,9, .8); 		}


/*************************************
 * Specific
 *************************************/
#commons_search #type_changer
{
	position:  		relative;
	z-index:  		100;
	padding-left:  	70px !important;
	cursor:  		pointer;
}
#commons_search #type_changer::after
{
   	content: 				" ";
   	display: 				block;
   	clear: 					both;
   	position:  				absolute;
	z-index:  				1000000;
   	top:  					0;
   	left:  					0;
   	bottom:  				0;
   	width:  				64px;
	background-size:  		30px;
	background-position: 	center center;
	background-repeat:  	no-repeat;
	/*border-right:    		1px solid rgba(0,0,0,.07);*/
}

/*************************************
 * Bouton changement de type
 *************************************/

#theme_paillote 	#commons_search #type_changer::after 		{ background-image: url(../images/icon/default_paillote.svg); }
#theme_rooftop 		#commons_search #type_changer::after 		{ background-image: url(../images/icon/default_rooftop.svg); }
#theme_restaurant 	#commons_search #type_changer::after 		{ background-image: url(../images/icon/default_restaurant.svg); }
#theme_agenda 		#commons_search #type_changer::after 		{ background-image: url(../images/icon/default_agenda.svg); }

/*************************************
 * Type Changer > Paillote
 *************************************/
#theme_paillote 	.changer_type_item.paillote span { background-image: url(../images/icon/paillote_paillote.svg); }
	#theme_paillote 	.changer_type_item.paillote:hover span,
	#theme_paillote 	.changer_type_item.paillote.selected span { background-image: url(../images/icon/default_paillote.svg); }

#theme_paillote 	.changer_type_item.restaurant span { background-image: url(../images/icon/paillote_restaurant.svg); }
	#theme_paillote 	.changer_type_item.restaurant:hover span,
	#theme_paillote 	.changer_type_item.restaurant.selected span { background-image: url(../images/icon/default_restaurant.svg); }

#theme_paillote 	.changer_type_item.rooftop span { background-image: url(../images/icon/paillote_rooftop.svg); }
	#theme_paillote 	.changer_type_item.rooftop:hover span,
	#theme_paillote 	.changer_type_item.rooftop.selected span { background-image: url(../images/icon/default_rooftop.svg); }

#theme_paillote 	.changer_type_item.agenda span { background-image: url(../images/icon/paillote_agenda.svg); }
	#theme_paillote 	.changer_type_item.agenda:hover span,
	#theme_paillote 	.changer_type_item.agenda.selected span { background-image: url(../images/icon/default_agenda.svg); }

#theme_paillote 	.changer_type_item:hover,
#theme_paillote 	.changer_type_item.selected { background-color: #CB2D60; color: #fff !important; }
#theme_paillote 	.changer_type_item { border-left:  1px solid #BB2958;	 }

#theme_paillote 	#commons_changer_type_content_localisation_input { background-image: url(../images/icon/paillote_search.svg); 	 }


/*************************************
 * Type Changer > Rooftop
 *************************************/
#theme_rooftop 	.changer_type_item.paillote span { background-image: url(../images/icon/rooftop_paillote.svg); }
	#theme_rooftop 	.changer_type_item.paillote:hover span,
	#theme_rooftop 	.changer_type_item.paillote.selected span { background-image: url(../images/icon/default_paillote.svg); }


#theme_rooftop 	.changer_type_item.restaurant span { background-image: url(../images/icon/rooftop_restaurant.svg); }
	#theme_rooftop 	.changer_type_item.restaurant:hover span,
	#theme_rooftop 	.changer_type_item.restaurant.selected span { background-image: url(../images/icon/default_restaurant.svg); }


#theme_rooftop 	.changer_type_item.rooftop span { background-image: url(../images/icon/rooftop_rooftop.svg); }
	#theme_rooftop 	.changer_type_item.rooftop:hover span,
	#theme_rooftop 	.changer_type_item.rooftop.selected span { background-image: url(../images/icon/default_rooftop.svg); }


#theme_rooftop 	.changer_type_item.agenda span { background-image: url(../images/icon/rooftop_agenda.svg); }
	#theme_rooftop 	.changer_type_item.agenda:hover span,
	#theme_rooftop 	.changer_type_item.agenda.selected span { background-image: url(../images/icon/default_agenda.svg); }

#theme_rooftop 	.changer_type_item:hover,
#theme_rooftop 	.changer_type_item.selected { background-color: #59D5AA; color: #fff  !important; }

#theme_rooftop 	.changer_type_item { border-left: 1px solid  #50C49C;	 }
#theme_rooftop 	#commons_changer_type_content_localisation_input { background-image: url(../images/icon/rooftop_search.svg); 	 }

/*************************************
 * Type Changer > Restaurant
 *************************************/
#theme_restaurant 	.changer_type_item.paillote span { background-image: url(../images/icon/restaurant_paillote.svg); }
	#theme_restaurant 	.changer_type_item.paillote:hover span,
	#theme_restaurant 	.changer_type_item.paillote.selected span { background-image: url(../images/icon/default_paillote.svg); }


#theme_restaurant 	.changer_type_item.restaurant span { background-image: url(../images/icon/restaurant_restaurant.svg); }
	#theme_restaurant 	.changer_type_item.restaurant:hover span,
	#theme_restaurant 	.changer_type_item.restaurant.selected span { background-image: url(../images/icon/default_restaurant.svg); }


#theme_restaurant 	.changer_type_item.rooftop span { background-image: url(../images/icon/restaurant_rooftop.svg); }
	#theme_restaurant 	.changer_type_item.rooftop:hover span,
	#theme_restaurant 	.changer_type_item.rooftop.selected span { background-image: url(../images/icon/default_rooftop.svg); }


#theme_restaurant 	.changer_type_item.agenda span { background-image: url(../images/icon/restaurant_agenda.svg); }
	#theme_restaurant 	.changer_type_item.agenda:hover span,
	#theme_restaurant 	.changer_type_item.agenda.selected span { background-image: url(../images/icon/default_agenda.svg); }


#theme_restaurant 	.changer_type_item:hover,
#theme_restaurant 	.changer_type_item.selected { background-color: #40BFC4; color: #fff !important; }

#theme_restaurant 	.changer_type_item { border-left: 1px solid  #3EB4B9;	 }
#theme_restaurant 	#commons_changer_type_content_localisation_input { background-image: url(../images/icon/restaurant_search.svg); 	 }


/*************************************
 * Type Changer > Agenda
 *************************************/
#theme_agenda 	.changer_type_item.paillote span { background-image: url(../images/icon/agenda_paillote.svg); }
	#theme_agenda 	.changer_type_item.paillote:hover span,
	#theme_agenda 	.changer_type_item.paillote.selected span { background-image: url(../images/icon/default_paillote.svg); }

#theme_agenda 	.changer_type_item.restaurant span { background-image: url(../images/icon/agenda_restaurant.svg); }
	#theme_agenda 	.changer_type_item.restaurant:hover span,
	#theme_agenda 	.changer_type_item.restaurant.selected span { background-image: url(../images/icon/default_restaurant.svg); }

#theme_agenda 	.changer_type_item.rooftop span { background-image: url(../images/icon/agenda_rooftop.svg); }
	#theme_agenda 	.changer_type_item.rooftop:hover span,
	#theme_agenda 	.changer_type_item.rooftop.selected span { background-image: url(../images/icon/default_rooftop.svg); }

#theme_agenda 	.changer_type_item.agenda span { background-image: url(../images/icon/agenda_agenda.svg); }
	#theme_agenda 	.changer_type_item.agenda:hover span,
	#theme_agenda 	.changer_type_item.agenda.selected span { background-image: url(../images/icon/default_agenda.svg); }

#theme_agenda 	.changer_type_item:hover,
#theme_agenda 	.changer_type_item.selected { background-color: #F8B941; color: #fff !important; }

#theme_agenda 	.changer_type_item { border-left: 1px solid  #EDA929;	 }
#theme_agenda 	#commons_changer_type_content_localisation_input { background-image: url(../images/icon/agenda_search.svg); 	 }