/* ===================================================
 * CUSTOM CSS - RESPONSIVE - SWI - BM
 * ===================================================
 */
  
  /* Configuration pour le responsive */
/*@media (min-width: 845px) and (max-width: 979px) {*/
@media (max-width: 979px) {

	/* Footer */

	#footer_top .container_specific .nav-list { padding: 0 15px; text-align: center; }
	
	#footer_top ul li {
		margin: 0;
		padding: 0 3px;
	}
	
	#footer_top ul li a { padding: 10px 0 10px 0; }
    
    #footer_bottom .container_specific {
        padding: 10px 20px;
    }
	#footer_bottom .container_specific #footer_logo { margin: 40px 0 0 0; }
	#footer_bottom .logo_ville { float: right; margin: -13px 0 0; }
	#footer_bottom .span3 ul li { padding: 7px 0; }
	
}
  
/* 
********************************************************************************
tablette paysage 
********************************************************************************
*/
@media (max-width: 844px) {    

	/*Toute la page*/
	body {
		background-color: #ffffff;
	}
	
	/* Animation */
	#container_animation {
		display: none;
	}
	
	
	/* Plan de la ville */
	.promo_img_plan_biblio{
		padding:0;
		width:834px;
	}
	
	/* Menu horizontal niveau 1 */
	#search{
		display: none;
	}
	  
    .nav {
        margin-bottom: 0;
    }
    
    ul.inline, ol.inline {
        margin-left: 30px;
    }
    
    ul.inline > li, ol.inline > li {
        display: inline-block;
    }
    
    .span9 {
        margin-left: 0;
        padding: 0 10px;
        width: auto;
    }
	/*MENU TOP - logo*/
	#container_menu_2 #logo_info_services{
		display:none;
    }
	/* Footer social */
    #footer_top {
		display:none;
    }
	
    #footer_top {
        text-align: left;
    }
    
    #footer_top ul.inline, ol.inline {
        margin-left: 0;
    }
	
	/* Global */	
	#container_specific {
		margin: 0;
	}
    #content_container .span3 {
        /*width: 100%;*/
    }
	
	/* header - logos */
	#logo_promo{
		display: none;
	}
	#logo_promo{
		text-align:right;
		padding-top:23px;
		padding-left:-60px;
	}
	

	/* Accueil - Promotion */
	.promo_titre_all {
		height:120px;
	}
	
	/* Animation */
	.carousel_caption_block {
		margin-bottom:30px;
	}

	
	
	/* Accueil - Annonces - Slogan */

	#slogan_titre {
		height:260px;
	}

	#slogan_plus {
		margin-top:35px;
	}

	.input-medium{
		width:90px;
	}
	
	.promo_img{
		width:235px;
	}
	
	#container_promo .span4 {
		width: 236px;
	}
	#container_promo .first {
		padding-left: 0px;
	}
	
	.promo_bloc_info {
		padding-left:0px;
		padding-right:0px;
	}
	
	/*Page détail*/
	
	#container_titre_a_decouvrir .span12{
		width: 100%;
	}
	
	#container_detail_event .span8{
		width: 700px;
	}
	
	
	
}

/* 
********************************************************************************
tablette vertical 
********************************************************************************
*/
@media (max-width: 768px) {
	/*Toute la page*/
	body {
		background-color: #ffffff;
	}
	
	ul.inline > li {
		display: inline-block;
	}
	
	/* Plan de la ville */
	.promo_img_plan_biblio{
		padding:0;
		width:758px;
	}

	
	/*MENU TOP - logo*/
	#container_menu_2 #logo_info_services{
		display:none;
    }
	/* Animation */
	#container_animation {
		display: none;
	}
	
	/* horaire - 4 colonnes */
	#container_menu_4col_c .span3{
		width:170px;
	}
	
	/*  Slogan */
	#container_thematique_2col #container_slogan {
		display: none;
	}
	#container_thematique_2col .block_float_left_205	{
		display: none;
	}
	
	
	/* Logo */
	#logo {
		padding-left: 10px;
	}
	#header #logo img{
		padding-left: 10px;
	}
	
	#menu_1 {
		padding-left: 10px;
	}

	/* Accueil - Annonces - Slogan */
	#container_annonce{
		margin-left: 10px;
	}
	
	#container_annonce .span3 {
		width: 168px;
	}
	#container_annonce .span6 {
		width: 354px;
	}
	
	#container_slogan {
	}
	
	#container_promo{
		margin-left: 0px;
	}

	#container_promo .span4 {
		width: 230px;
	}
	#container_promo .span12 {
		/*width: 100%;*/
	}
	#container_promo .span4 .first {
	}
	.promo_img{
		width:235px;
	}
	
	
	/**/
	#container_page_contenu .span8{
		width:100%;
		padding-right:20px;
	}
	
	/* Page de Contenu */
	#contenu_col1 {
		display: none;
	}
	#contenu_col1_span4 {
		display: none;
	}
	#contenu_col2{
		margin-left: 0px;
	}
	#contenu_col2_titre{
		/*margin-left: 10px;*/
	}
	#container_2col #container_slogan {
		display: none;
	}
	#container_2col {
		margin-left: 10px;
	}
	#container_list {
		margin-left: 10px;
	}
	
	/*FORM recherche event*/
	#menu_agenda_search {
	  float:left;
	}
		
	#menu_agenda_search  li.first {
	  display: none;
	}
			
	#container_agenda_search{
		margin-left: 0px;
	}
	
	/* Menu sur 4 colonnes */
	
	#container_menu_4col{
		margin-left: 10px;
	}
	
	#container_menu_4col .span3 {
	  width: 168px;
	}

	/*Lire voir écouter*/	
	#container_acces_collection_fd .span4  {
		width:225px;
	}
	#container_thematique_4col .span3{
	  width: 168px;
	}
	#container_thematique_4col .span12{
	  width:90%;
	}
		
	/* Footer */
	#container_specific{
		margin-left: 10px;
	}
	#footer_bottom{
		margin-left: 10px;
	}
	
	
	#footer_bottom  .span3 {
	  width: 165px;
	}
	 
	#footer_contact .span5{
		display: none;
	}
	
	#footer_bottom .container_specific .row .span3 {
		padding: 0;
	}
	
	/* Footer social */
    #footer_top {
        display:none;
    }
	
		
		
	/* Détail d'un event */
	
	#container_detail_event{
		margin-top:10px;
		margin-bottom:10px;
	}
	#container_detail_event .box{
		margin-bottom:0px;
	}


	#container_detail_event{
		margin-top:10px;
		margin-bottom:10px;
	}
	#container_detail_event .box{
		margin-bottom:0px;
	}

	#container_detail_event .span8{
		width: 700px;
	}

	#detail_event_col1{
		margin-top:10px;
		margin-bottom:10px;
	}
	#detail_event_col1_img{
	}
	#detail_event_col1_adresse{
		border-top: solid 1px #000000;
		margin-top:10px;
		padding-top:3px;
	}
	#detail_event_col1_transport{
		border-top: solid 1px #000000;
		padding-top:3px;
	}
	   
	#detail_event_col2{
		margin-top:10px;
		margin-bottom:10px;
	}
	#detail_event_col2_info{
		display: block;	
	}
	#detail_event_col2_info_date{
		width:450px;
		font-family: georgia;
	}
	#detail_event_col2_info_heure{
		font-family: georgia;
		width:128px;
		float:right;
		text-align : right;
	}
	#detail_event_col2_titre{
		border-top: solid 5px #000000;
		margin-top:5px;
		padding-top:5px;
		display: block;	
	}
	#detail_event_col2_titre_h2_b{
		margin-top:3px;
		margin-bottom:3px;
	}
	#detail_event_col2_titre_h2_g{
		margin-bottom:3px;
	}
	#detail_event_col2_titre_h3{
		margin-bottom:3px;
		font-family: georgia;
	}
	#detail_event_col2_desc{
		margin-top:5px;
	}			

	#content_button{
		float:right;
		margin-bottom:15px;
		
	}

	
	
}



/* 
********************************************************************************
Autres
********************************************************************************
*/
@media (max-width: 767px) {    
	
	/*MENU TOP - logo*/
	#container_menu_2 #logo_info_services{
		display:none;
    }
	
	/* Animation */
	#container_animation {
		display: none;
	}
	
	
	/* Plan de la ville */
	.promo_img_plan_biblio{
		padding:0;
		width:747px;
	}
	
	.span4 {
		width: 300px;
	}
    
	/* Footer social */
    #footer_top {
        display:none;
    }
	
	/* Footer */

    #footer_logo {
        text-align: left;
    }
	
	#footer_contact {
		margin: 0 0 20px 0;
	}
	
	#footer_contact .span4 {
		text-align: left;
	}
	
	#footer_bottom #container_specific .span3 {
	  width: 168px;
	  background-color:#ff00ff;
	}
	
} 

/* 
********************************************************************************
iphone vertical 
********************************************************************************
*/
@media (max-width: 536px) {
	
	/*Toute la page*/
	body {
		background-color: #ffffff;
	}
	
	#header #logo img{
		padding-left: 0px;
	}
	.logo_img{
		width:280px;
	}
	
	#logo_promo{
		text-align:left;
	}
		
		
	/*MENU TOP - logo*/
	#container_menu_2 #logo_info_services{
		display:none;
    }
	
	/* Footer social */
    #footer_top {
        display:none;
    }
	
	
	/*FORM recherche event*/
	#menu_agenda_search {
		background-color:#000;
		border-radius: 10px;
		margin-bottom:5px;
	}
		
	#menu_agenda_search  li {
		list-style: none;
		display:block;
		padding:10px 10px 5px 10px;
		margin-bottom:3px;
		width: 260px;
	}
	
	/*Lire voir écouter*/	
	#container_acces_collection_fd .span4  {
		width:280px;
		margin-bottom:8px;
		padding:15px;
	}
	#container_thematique_4col .span3{
	  width: 100%;
	}
	#container_thematique_4col .span12{
	  width:100%;
	}
	
	/* horaire - 4 colonnes */
	#container_menu_4col_c .span3{
		width:100%;
	}
	
	/*positionnement contenu*/
   #container_specific{
		margin-left: 0;
	}
	/* Plan de la ville */
	#container_plan{
		display:none;
	}
	
	
	
	.hidden-phone {
		display: none;
	}
	
	.hidden-tablet {
		display: none;
	}
		
	/* Page de Contenu */
	#contenu_col1 {
		display: none;
	}
	#contenu_col1_span4 {
		display: none;
	}
	
	
	/* Animation */
	#container_animation {
		display: none;
	}
	/* Accueil - Annonces - Slogan */
	#container_slogan {
		display: none;
	}
	
	/* Menu horizontal niveau 1 */

	#container_menu_1 #menu_1 li{
		width: 280px;
		list-style: none;
		display:block;
		padding: 0;
		margin-left:0px;
		margin-bottom:5px;
		border:none;
	}

	/* Menu horizontal niveau 2 */
	#container_menu_2{
		padding-left: 0px;
	}
	#container_menu_fd{
		padding-left: 0px;
		background-color:#ffffff;
	}
	
		
	#menu_2 {
	  padding-left:0px;
	}
	#container_menu_2 #menu_2  li {
		list-style: none;
		display:block;
		padding:10px;
		margin-bottom:8px;
		background-color: rgba(0, 161, 154, 1);
		border-radius: 10px;
		width: 260px;
	}
	
	#container_menu_fd .span8 {
		width: 280px;
		padding-left: 0px;
		background-color:#000000;
	}
	
	/* Logo */
	#logo {
		padding-left: 0px;
	}
	#header_top_container_bm .span9 {
	  width: 280px;
	}
	
	#container_menu_1_ligne .span8 {
	  width: 280px;
	}
	
	/*Big MENU DYNAMIQUE */
	
	#menu_XL {
	  margin: 0 ;
	  padding-left:10px;
	  padding-top:3px;
	  list-style: none ;
	  text-align: left ;
	  height:28px;
		line-height: 25px;
		margin-bottom:120px;
	}
	#menu_XL  li {
		display: block;
		margin-right:30px;
		margin-top:10px;
		margin-bottom:8x;
		font-family: arial;
		font-variant: normal;
		line-height: 25px;
	}

	#menu_XL  .dropdown-menu{
		
	}

	#menu_1 {
		padding-left: 0px;
	}
	/*Détail event */
	
	#detail_event_col2{
		margin-top:10px;
		margin-bottom:10px;
	}	
	#container_detail_event .span8{
		width: 280px;
	}
	
	
	/*Detail bibliothèque*/
	#contenu_biblio_adresse, #contenu_biblio_transport , #contenu_biblio_horaires_adulte , #contenu_biblio_horaires_jeunesse , #contenu_col2_desc {
		width:100%;
	}
	#contenu_biblio_map{
		display:none;
	}
	/*Détail liste*/
	.selection_desc{
		display:none;
	}
	#container_list {
		margin-left: 0px;
	}
	#container_list  .span6{
		display:none;
	}
	#container_list  .span3{
		width:100%;
	}
	
	/* Gestion des images */
	.img_selection{
		padding:0;
		width:100%;
		height:140px;
		box-shadow: 1px 1px 8px #000;
	}

	
	/* Accueil - Annonces - Slogan */
	#horaire_map #container_annonce{
		display:none;
	}
	#lire_voir_ecouter #container_annonce{
		display:none;
	}
	
	#container_annonce{
		margin-left: 0px;
	}
	#container_annonce .span3 {
		width: 280px;
	}
	
	
	#container_promo{
		margin-left: 0px;
	}

	#container_promo .span4 {
		width: 280px;
	}
	#container_promo .span4 .first {
	}
	.promo_img{
		width:235px;
	}
	
	
	/* Menu sur 4 colonnes */
	
	#container_menu_4col{
		margin-left: 0px;
	}
	
	#container_menu_4col .span3 {
	  width: 280px;
	  margin-bottom: 10px;
	}
	
	/* footer */
	#footer_contact{
		padding-left:0px;
		margin-left:0px;
	}
	#footer_contact {
		width: 100%;
	}
	#footer_contact .span4{
		width: 280px;
	}
	#container_footer_specific{
		margin-left:0;
		padding-left:0;
	}
	
	#footer_container .span3{
		width: 280px;
	}
	
	#footer_bottom{
		width: 100%;
		padding:0px;
		margin:0px;
	}
	#footer_bottom .logo_ville {
		margin-right: 70px;
		margin-bottom: 70px;
	}
	#footer_bottom .logo_vdg {  
		float: left;
		margin-bottom: 20px; 
	}

}