/* 
    Document   : custom_mobile
    Created on : 4 déc. 2013, 14:43:10
    Author     : Heckel
    Description: Styles spécifiques pour la version mobile
*/

object{ pointer-events: none; }

.sidr ul li:hover > a, 
.sidr ul li ul li:hover > a,
.sidr ul li:hover > span, 
.sidr ul li.active > a, 
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
    box-shadow: none;
	line-height: auto;
}

/* Bouton du menu principal */
#btn_menu_mobile {
	cursor: pointer;
    float: right;
    margin: 15px 0;
    padding: 0 20px;
    text-align: right;
    width: 15%;
}
#btn_mobile_close {
	cursor: pointer;
    float: right;
    margin: 0;
	padding: 0;
}

#sidr { width: 100%; padding: 15px 0 0 0; text-align: center; }
#sidr .top_menu_mobile { border-bottom: 1px solid #696969; float: left; padding: 0 0 15px; width: 100%; }
#sidr span { display: inline-block; font-size: 14px; font-weight: bold; margin: 5px 0 0 55px; padding: 0; }
#sidr ul { border-bottom: none; border-top: none; }
#sidr ul li { border-bottom: none; border-top: none; line-height: auto; }
#sidr > ul > li { border-bottom: 1px solid #696969; border-top: none; line-height: 49px; }
#sidr > ul > li > ul > li { line-height: 49px; }
#sidr ul li a { font-family: georgia; font-size: 16px; padding: 0 7px; }
#sidr > ul > li > a { font-size: 18px; }
#sidr ul li#mob293 a,
#sidr ul li#mob563 a { color: #0098CB; }
#sidr ul li#mob315 a,
#sidr ul li#mob530 a { color: #FF3399; }
#sidr ul li#mob297 a,
#sidr ul li#mob531 a { color: #FF6600; }
#sidr ul li#mob316 a,
#sidr ul li#mob532 a { color: #CC33FF; }
#sidr ul li#mob317 a,
#sidr ul li#mob533 a { color: #669900; }
#sidr ul li#mob318 a,
#sidr ul li#mob534 a { color: #FF9900; }
#sidr ul li#mob535 a { color: #6076FF; }
#sidr ul li.mobtrans { background-color: #191919; }
#sidr ul li#mobtrans a { color: #FFFFFF; font-family: arial; }
#sidr ul li.active a { font-weight: normal; }

#sidr ul li.mobtrans a { font-family: arial; }

#sidr .mobsubmenu { display: none; }

#accueil .titre_item_mobile {
	width: 100%;
	background-color: #333333;
	padding: 15px 0;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	clear: both;
}
#accueil .titre_item_mobile p { margin: 0; padding: 0 20px; }

#accueil .item_mobile {
	clear: both;
    float: left;
    margin: 0 0 2px;
    width: 100%;
}
#accueil .item_mobile a { color: #333333; }
#accueil .item_mobile img {
	float: left;
    margin: 0 5px 0 0;
    max-width: 50%;
}
#accueil .item_mobile div {
	float: left;
    max-width: 45%;
    padding: 0 10px 0 0;
}
#accueil .item_mobile div h2 {
	font-size: 16px;
    line-height: 20px;
    margin: 5px 0 0;
}
#accueil .item_mobile p { margin:0; }

#accueil .encart_mobile {
	background-color: #191919;
	padding: 20px;
	margin: 0 0 2px 0;
}
#accueil .encart_mobile a { color: #696969; font-size: 15px; }
#accueil .encart_mobile h3.titre_bleu { color: #0099CC; }
#accueil .encart_mobile h3.titre_orange { color: #FF6600; }
#accueil .encart_mobile h3.titre_rose { color: #FF3399; }
#accueil .encart_mobile h3 { border-bottom: none; margin: 0 0 5px; }
#accueil .encart_mobile p.desc { color:#FFFFFF; text-transform: uppercase; font-weight: bold; }
#accueil .encart_mobile p.date { font-weight: bold; }

/* Pages intérieures */
#cur_menu_mobile {
	float: left;
	font-family: georgia;
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0 30px 20px;
	width: 90%;
}

body#b_293 #cur_menu_mobile a,
body#b_563 #cur_menu_mobile a,
body#b_293 #menu_sublevel_mobile a,
body#b_563 #menu_sublevel_mobile a { color: #0098CB; }
body#b_297 #cur_menu_mobile a,
body#b_531 #cur_menu_mobile a,
body#b_297 #menu_sublevel_mobile a,
body#b_531 #menu_sublevel_mobile a { color: #FF6600; }
body#b_315 #cur_menu_mobile a,
body#b_530 #cur_menu_mobile a,
body#b_315 #menu_sublevel_mobile a,
body#b_530 #menu_sublevel_mobile a { color: #FF3399; }
body#b_316 #cur_menu_mobile a,
body#b_532 #cur_menu_mobile a,
body#b_316 #menu_sublevel_mobile a,
body#b_532 #menu_sublevel_mobile a { color: #CC33FF; }
body#b_317 #cur_menu_mobile a,
body#b_533 #cur_menu_mobile a,
body#b_317 #menu_sublevel_mobile a,
body#b_533 #menu_sublevel_mobile a { color: #669900; }
body#b_318 #cur_menu_mobile a,
body#b_534 #cur_menu_mobile a,
body#b_318 #menu_sublevel_mobile,
body#b_534 #menu_sublevel_mobile a { color: #FF9900; }
body#b_314 #cur_menu_mobile a { color: #B90000; }
body#b_535 #cur_menu_mobile a { color: #6076FF; }

body#b_293 #menu_sublevel_mobile,
body#b_563 #menu_sublevel_mobile,
body#b_297 #menu_sublevel_mobile,
body#b_531 #menu_sublevel_mobile,
body#b_315 #menu_sublevel_mobile,
body#b_530 #menu_sublevel_mobile,
body#b_316 #menu_sublevel_mobile,
body#b_532 #menu_sublevel_mobile,
body#b_317 #menu_sublevel_mobile,
body#b_533 #menu_sublevel_mobile,
body#b_318 #menu_sublevel_mobile,
body#b_534 #menu_sublevel_mobile,
body#b_535 #menu_sublevel_mobile { background-color: #181818; padding: 0 20px; font-family: georgia; font-size: 18px; font-weight: bold; }
/*
body#b_293 #menu_sublevel_mobile,
body#b_563 #menu_sublevel_mobile { background-color: #0099CC; }
body#b_297 #menu_sublevel_mobile,
body#b_531 #menu_sublevel_mobile { background-color: #FF6600; }
body#b_315 #menu_sublevel_mobile,
body#b_530 #menu_sublevel_mobile { background-color: #FF3399; }
body#b_316 #menu_sublevel_mobile,
body#b_532 #menu_sublevel_mobile { background-color: #CC33FF; }
body#b_317 #menu_sublevel_mobile,
body#b_533 #menu_sublevel_mobile { background-color: #669900; }
body#b_318 #menu_sublevel_mobile,
body#b_534 #menu_sublevel_mobile { background-color: #FF9900; }
body#b_535 #menu_sublevel_mobile { background-color: #6076FF; }
*/

#menu_sublevel_mobile { width: 100%; margin-left: 0; overflow: hidden; }
#menu_sublevel_mobile.m_close { height: 35px; }

#menu_sublevel_mobile ul#menu_sub_mobile { margin: 30px 80px 0 0  }
#menu_sublevel_mobile ul#menu_sub_mobile li {
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	font-family: georgia;
	font-size: 16px;
}
#menu_sublevel_mobile ul#menu_sub_mobile li a{ display: block; padding: 0 0 15px; font-weight: normal; }
#menu_sublevel_mobile ul#menu_sub_mobile li a:hover { color: #FFFFFF; text-decoration: underline; }
#menu_sublevel_mobile ul#menu_sub_mobile li a.act { color: #FFFFFF; }
#menu_sublevel_mobile ul#menu_sub_mobile li ul { margin: 0; padding: 0; }
#menu_sublevel_mobile ul#menu_sub_mobile li ul li { list-style: none outside none; padding:0; margin:15px 0; }
#menu_sublevel_mobile ul#menu_sub_mobile li ul li.last { margin:0; }
#menu_sublevel_mobile ul#menu_sub_mobile li ul li a { border-bottom: none; padding: 0; }
#menu_sublevel_mobile ul#menu_sub_mobile li ul li a.act { font-weight: bold; }

/* Bouton pour le sous menu */
#btn_submenu_mobile { 
	cursor: pointer;
	position: absolute;
	right: 20px;
	margin: 0; 
}

/* Configuration pour le responsive */
/*@media (min-width: 845px) and (max-width: 979px) {*/
@media (max-width: 1024px) {
	/* Accueil - Vidéo youtube */
	#YouTubeModal.modal { left: 33%; }
}

@media (max-width: 979px) {
    body,
	body#accueil,
	body#b_293,
	body#b_563,
	body#b_297,
	body#b_531,
	body#b_315,
	body#b_530,
	body#b_316,
	body#b_532,
	body#b_317,
	body#b_533,
	body#b_318,
	body#b_534,
	body#b_314,
	body#b_535
	{
        padding-left: 0;
        padding-right: 0;
        background: none;
    }
	
	body .row, body .thumbnails {	margin-left: 0; }
	
	#header_container { background-color: #191919; height: auto; }
    
	#header_container .container_specific .row { padding: 0; }
	
    #header_container .container_specific .span4 {
        width: 100%;
        float: left;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		min-height: initial;
		padding-left: 0;
		margin-left: 0;
    }
    
    #header_container .container_specific .span3 {
        width: auto;
    }
	
	#box_logo {
		float: left;
		width: 70%;
	}
	#box_logo a { display: inline-block; }
	.baa #box_logo { margin-bottom: 20px; }
    #btn_menu_mobile { margin: 32px 0; }
	body.baa #header_container .container_specific .span4 {
		width: 100%;
	}
	
    #header_container .container_specific #menu_n1 {
        margin-left: 0;
        padding-right: 10px;
        width: auto;
    }
    
    #header_container .container_specific .span2 {
        margin-left: 0;
        width: auto;
    }
	
	#header_container .container_specific .zone_empty {
		height: 22px;
		display: table;
	}
	
	#header_container .container_specific {
		background-color: #181818;
	}
    
    #menu_n2 {
        width: auto;
        padding-right: 20px;
    }
    
    #menu_level3 {
        width: 100%;
        margin-left: 0; 
    }
    
    .span9 {
        width: 67%;
    }
	
	/* Retour haut de page */
	#top_link {
		width: auto;
	}
	
	.top { margin: 0 0 10px 10px; }
	
	#content_container .container_specific { box-shadow: none; }
	
	#content_main{ margin-top: 30px; margin-bottom: 10px; }
	#content_main #breadcrumb { display: none; }
	
	/* Accueil - Newsletter */
	#accueil #content_container #bottom { float: left; margin: 30px 0 0 0; }
	#accueil #content_container #bottom.span .noblock { float: none; }
	#accueil #content_container .span .tx-sremailsubscribe-pi1 .span6 { width: auto; }
	
	#accueil #content_container #bottom .tx-sremailsubscribe-pi1 h3,
	#accueil #content_container #bottom .tx-sremailsubscribe-pi1 .span6 .newsletter { padding: 20px; }
	#accueil #content_container #bottom .tx-sremailsubscribe-pi1 .span6 div.newsletter div { margin: 0; padding: 0; }
	#accueil .tx-sremailsubscribe-pi1 .newsletter div input[type="text"],
	#accueil .tx-sremailsubscribe-pi1 .newsletter div input[type="email"] { width: 200px; }
	#accueil .tx-sremailsubscribe-pi1 .newsletter div input[type="text"], 
	#accueil .tx-sremailsubscribe-pi1 .newsletter div input[type="email"] { padding: 10px 0 10px 10px; }
	.tx-sremailsubscribe-pi1 .newsletter div a span { padding: 10px; }
	#accueil #content_container #bottom .tx-sremailsubscribe-pi1 .span6 div.newsletter input.tx-sremailsubscribe-pi1-submit { padding: 12px 5px 28px }
	
	/* Colonne de droite - Newsletter */
	#content_right .newsletter h3 { padding: 20px; }
	#content_right .newsletter div input.tx-sremailsubscribe-pi1-submit { float: left; }
	#content_right .newsletter p { font-size: 16px; }
	.newsletter div input[type="text"], .newsletter div input[type="email"] { width: 200px; }
	
	#footer_top .container_specific .nav-list { padding: 0 15px; text-align: center; }
	
	#footer_top ul li {
		margin: 0;
		padding: 0 3%;
	}
	
	#footer_top ul li a { padding: 10px 0 10px 0; }
    
	#footer_top [class*="span"] { width: 100%; }
	
    #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; }
	
	#footer_bottom h3 { font-size: 15px; }
	#footer ul.nav-list li a, #footer ul.nav-list li a:hover { font-size: 15px; }
	
	#content_main .box {
		padding: 0;
	}
	
	/* Page des domaines */
	#content_main #domaines .span8,
	#content_main #domaines .span4 {
		width: auto;
		margin: 0;
	}
	#content_main #domaines li.last {
		margin-right: 2px;
	}
	
	/* Gestion des onglets */
	#content_main ul.nav-tabs { margin-bottom: 20px; }
	#content_main ul.nav-tabs > li { display: none; width: 100%; }
	#content_main ul.nav-tabs > li a { width: auto; padding: 12px 0 12px 10px; margin: 0; text-align: left; font-size: 18px; }
	#content_main ul.nav-tabs > li.active { display: block; }
	#content_main ul.nav-tabs > li.active a { font-size: 18px; }
	
	body#b_293 #content_main ul.nav-tabs > .active > a, 
	body#b_293 #content_main ul.nav-tabs > .active > a:hover,
	body#b_563 #content_main ul.nav-tabs > .active > a, 
	body#b_563 #content_main ul.nav-tabs > .active > a:hover {
		background: #0099CC url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_293 #content_main ul.nav-tabs > .openItem > a, 
	body#b_293 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_563 #content_main ul.nav-tabs > .openItem > a, 
	body#b_563 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #0099CC;
	}
	
	body#b_315 #content_main ul.nav-tabs > .active > a, 
	body#b_315 #content_main ul.nav-tabs > .active > a:hover,
	body#b_530 #content_main ul.nav-tabs > .active > a, 
	body#b_530 #content_main ul.nav-tabs > .active > a:hover {
		background: #FF3398 url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_315 #content_main ul.nav-tabs > .openItem > a, 
	body#b_315 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_530 #content_main ul.nav-tabs > .openItem > a, 
	body#b_530 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #FF3398;
	}
	
	body#b_297 #content_main ul.nav-tabs > .active > a, 
	body#b_297 #content_main ul.nav-tabs > .active > a:hover,
	body#b_531 #content_main ul.nav-tabs > .active > a, 
	body#b_531 #content_main ul.nav-tabs > .active > a:hover {
		background: #FF6600 url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_297 #content_main ul.nav-tabs > .openItem > a, 
	body#b_297 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_531 #content_main ul.nav-tabs > .openItem > a, 
	body#b_531 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #FF6600;
	}
	
	body#b_316 #content_main ul.nav-tabs > .active > a, 
	body#b_316 #content_main ul.nav-tabs > .active > a:hover,
	body#b_532 #content_main ul.nav-tabs > .active > a, 
	body#b_532 #content_main ul.nav-tabs > .active > a:hover {
		background: #CC33FF url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_316 #content_main ul.nav-tabs > .openItem > a, 
	body#b_316 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_532 #content_main ul.nav-tabs > .openItem > a, 
	body#b_532 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #CC33FF;
	}
	
	body#b_317 #content_main ul.nav-tabs > .active > a, 
	body#b_317 #content_main ul.nav-tabs > .active > a:hover,
	body#b_533 #content_main ul.nav-tabs > .active > a, 
	body#b_533 #content_main ul.nav-tabs > .active > a:hover {
		background: #669900 url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_317 #content_main ul.nav-tabs > .openItem > a, 
	body#b_317 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_533 #content_main ul.nav-tabs > .openItem > a, 
	body#b_533 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #669900;
	}
	
	body#b_318 #content_main ul.nav-tabs > .active > a, 
	body#b_318 #content_main ul.nav-tabs > .active > a:hover,
	body#b_534 #content_main ul.nav-tabs > .active > a, 
	body#b_534 #content_main ul.nav-tabs > .active > a:hover {
		background: #FF9900 url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_318 #content_main ul.nav-tabs > .openItem > a, 
	body#b_318 #content_main ul.nav-tabs > .openItem > a:hover,
	body#b_534 #content_main ul.nav-tabs > .openItem > a, 
	body#b_534 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #FF9900;
	}
	
	body#b_535 #content_main ul.nav-tabs > .active > a, 
	body#b_535 #content_main ul.nav-tabs > .active > a:hover {
		background: #6076FF url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_535 #content_main ul.nav-tabs > .openItem > a, 
	body#b_535 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #6076FF;
	}
	
	body#b_199 #content_main ul.nav-tabs > .active > a, 
	body#b_199 #content_main ul.nav-tabs > .active > a:hover {
		background: #33CCCC url("../images/mobile/arrow_menu_mobile_open.svg") no-repeat scroll 95% 10px / 45px auto;
		font-size: 18px;
	}
	body#b_199 #content_main ul.nav-tabs > .openItem > a, 
	body#b_199 #content_main ul.nav-tabs > .openItem > a:hover {
		background: #33CCCC;
	}
	
	body#b_293 #content_main ul.nav-tabs,
	body#b_563 #content_main ul.nav-tabs,
	body#b_315 #content_main ul.nav-tabs, 
	body#b_530 #content_main ul.nav-tabs,
	body#b_297 #content_main ul.nav-tabs,
	body#b_531 #content_main ul.nav-tabs
	body#b_316 #content_main ul.nav-tabs,
	body#b_532 #content_main ul.nav-tabs,
	body#b_317 #content_main ul.nav-tabs,
	body#b_533 #content_main ul.nav-tabs,
	body#b_318 #content_main ul.nav-tabs,
	body#b_534 #content_main ul.nav-tabs,
	body#b_535 #content_main ul.nav-tabs,
	body#b_199 #content_main ul.nav-tabs
	{
		border-bottom: transparent;
	}
	
	#content_main .tab-content .span9,
	#content_main .tab-content .span9 p { width: auto; }
	
	/* Agenda */
	.calendar #content_main .titre_filtre { font-size: 14px; }
	.calendar #content_main #accordion4 { margin: 0 0 20px 0; }	
	.calendar #content_main .box h2 { display: none; }
	#content_main .content_agenda .illus_partage a { margin: 0 10px 0 0; }
	.content_detail_partage { margin-top: 20px; text-align: left; }
	
	/* Onglets */
	#content_main .tab-pane .illus_partage a { margin: 0 10px 0 0; text-decoration: none; }
	
	/* Page avec filtre */
	#container_filtre .box { clear: both; float: left; width: 100%; }
}

@media (max-width: 844px) {
    #header_container {
        height: auto;
    }
    
    #header_container .container_specific #menu_transvers {
        width: 100%;
        float: left;
    }
    
    #menu_transvers ul {
        height: auto;
    }
    
    #header_container .container_specific .span3 {
        background: none;
    }
    
    #menu_transvers ul li {
        padding: 5px 0;
    }
    
    #menu_transvers ul li.lien_handicap {
        padding: 5px 0;
    }
    
    .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;
    }
    
    #content_container {
        margin: 0;
    }
    
    #content_container .span3 {
        width: 100%;
    }
    #content_right {
        margin-top: 0;
    }
    
    #content_right .newsletter div a {
        float: left;
    }
	
    #footer_top {
        text-align: left;
    }
    
    #footer_top ul.inline, ol.inline {
        margin-left: 0;
    }

}

@media (max-width: 768px) {

	ul.inline > li {
		display: inline-block;
	}
	
	iframe {
		max-width: 100%;
	}
	
	#header_container {
		height: auto;
		box-shadow: none;
	}
	
	#btn_menu_mobile { margin: 30px 0; }
	
	#menu_level3 {
		text-align: left;
		height: auto;
		margin-top: 0;
	}
	
	#menu_level3 .nav > li > a {
		padding: 0 5px;;
		line-height: 20px;
	}
    
    #content_main #content_image img {
        width: 100%;
    }
	
	#footer_bottom .container_specific .row .span3 {
		padding: 0;
	}

}

@media (max-width: 767px) {    
	
	.span4 {
		width: 300px;
	}
    
    #header_container .container_specific .row {
        padding: 0 0 0 0;
    }
    
    #header_container .container_specific .span3 {
        float: left;
        width: auto;
        margin-left: 20px;
    }
    
	#header_container .container_specific .span2 + .zone_empty {
		display: table;
	}
    
    #menu_n2 {
        background: none repeat scroll 0 0 #333333;
        height: auto;
        padding: 10px 0;
        width: auto;
    }
    
    #menu_n2 li.active {
        background: none repeat scroll 0 0 transparent;
    }
 
    #menu_n2 li {
        display: inline-block;
    }
    
    #content_container {
        margin: 0;
    }
    
    #menu_level3 {
        line-height: 35px;
    }
	
    #footer_logo {
        text-align: left;
    }
	
	#footer_contact {
		margin: 0 0 20px 0;
	}
	
	#footer_contact .span4 {
		text-align: left;
	}
} 
    
@media (max-width: 536px) {
    #header_container #box_search {
        margin: 10px 0 0;
    }
    
    #header_container .container_specific .span3 {
        background-color: #000000;
        float: left;
        margin-left: 0;
        padding: 0 0 0 20px;
        width: 100%;
    }
    
	#btn_menu_mobile { margin: 15px 0; }
	
    #menu_n2 li {
        padding: 3px 0 3px 20px;
    }
    
    #accueil #content_container .row #transvers {
        margin: 0;
    }
    
    #accueil #content_container .row #transvers div.transvers_first {
        margin-left: 0;
    }
    
    #content_main #back_parent {
        margin: 0 20px 15px 0;
		width: 100%;
    }
	#content_main #back_parent a {
		background: transparent url("../images/arrow_back_cal.png") no-repeat scroll 25px 3px;
		padding: 0 0 0 45px;
	}
    
    #content_main div.csc-textpic-text {
        float: none;
    }  
	
	#footer_top ul li {
		padding: 1%;
	}
	
	#footer_bottom .logo_ville {
		max-width: 60%;
		margin: 0;
	}	
}

@media (max-width: 320px) {
	#footer_top ul li {
		padding: 0;
	}
}