@charset "UTF-8";
/* ----------------------------- */
/* = Media queries */
/* ----------------------------- */

@media only screen and (max-width: 1300px) {
	.slider-container { width:100%;}
	.slider-container .one-slide img { width:100%; height:auto;}
}

/* = Tablet Portrait to Tablet Landscape (768-1000) */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
	.sub-content { width:96%; padding:0 2%;}
	.block-1of3,
	.home #actu-box .block-1of3{ width:33%; float:left; margin:0 1.9% 0 0;}
	.home #actu-box .block-1of3 { width:32%;}
	.block-1of3,
	.home #actu-box li.last { margin:0;}
	#main-col,
	.block-2of3,
	.home #main-col { width:63%; margin:0 4% 0 0; float:left;}
	#nav-right,
	#right-col { padding:20px 2%; width:29%;}
	#main-col .block-2of3 { width:55%; margin:0 4% 0 0;}
	#nav .submenu { padding:20px 2% 30px 3%; width:95%;}
	#nav .niv2 li { width:46%; margin-right:4%;}
	#nav .tab-01 .niv2 > li { width:40%; margin-right:4%;}
	#nav .niv2 li img { width:98%; height:auto; margin:0 2% 20px 0;}
	.home #actu-box .block-1of3 img { width:100%; height:auto;}
	.home #main-col { padding:0 2% 20px 3%; width:60%; margin:0 3% 0 0;}
	.home #right-col { margin:0;}
	.block-actions li li,
	 #main-col .block-2of2 .block-1of2,
	.block-article li,
	.block-guide .guide,
	#main-col .block-goOut .content,
	#actu-box .block-1of2,
	#main-col #actu-box .block-1of2,
#main-col .actu-box .block-1of2  { width:48%;}
	#main-col .list-goOut .block-goOut .content { width:100%; margin:0;}
	#main-col .list-goOut.block-2of2 .block-1of2,
	#actu-box .block-1of2 { margin:0 4% 20px 0;}
	#main-col .list-goOut.block-2of2 .block-1of2.last { margin:0 0 20px 0;}
	.full { width:100%; height:auto;}
	.theme .main-content { padding:0;}
	.magazine #main-col .block-pdf .img { width:50%;}
	.magazine #main-col .block-pdf .summary { width:45%;}
	.block-article li,
	#main-col .block-2of2 .block-1of2,
	.block-guide .guide,
	#main-col #actu-box .block-1of2,
#main-col .actu-box .block-1of2,
	#container #main-col .actu-box .block-1of2 { margin:0 4% 20px 0;}
	.block-article li.last,
	#main-col .block-2of2 .block-1of2.last,
	#container #main-col .actu-box .block-1of2.last { margin:0;}
	#nav li { margin:0 30px 0 0;}
	.field { margin:0 2% 0 0;}
	.field.last,
	.csc-textpic-imagecolumn .csc-textpic-lastcol { margin:10px 0 0 10px;}
        .filter .field { margin:10px 5px 0;}
	.commune #main-col .detail .info-map,
	.commune #main-col .detail .list-commune { width:44%;}
	.theme #actu-box .block-1of3,
	.csc-textpic-imagecolumn { width:48%; margin: 0 20px 0 0;}
	.theme #main-col { width:62%; margin:0; padding:20px 2% 20px 3%;}
        #map-geolocal-list { width:100% !important;}
	
	#actu-box li, .block-goOut .content { height:300px;}
	#actu-box .text { top:200px;}
	#main-col .block-goOut .text { top:207px;}
	.block-organigramme .last h2 strong { display: block;}
	.home .block-mag .mag,
	.block-img-rte .img { width:48%; margin:0 4% 10px 0; float:left;}
	.block-img-rte .img img { width:100%; height:auto;}
	.block-img-rte .img.left { margin:0 1% 10px 0;}
	.block-img-rte .img.right { margin:0;}
	.home .block-mag .last { margin:0;}
	.home .block-mag .img { width:100%;}
	.home .block-mag .text { width:90%; padding:15px 5%; height:125px;}
	#main-col .block-mag .text .statut { margin:0 0 5px;}
	.block-actu .link, .block .link { clear:both;}
	#main-col .block .text { font-size:1em;}
	.block-pdf img { height:162px;}
	.home .block-mag .text { padding:20px 4%;}
	#main-col .block-elu-all .text { padding:10px; height:130px;}
	#main-col .block-elu-all .text .link { font-size:0.916em;}
	
	.magazine .block-mag .mag { margin:0 0 10px;}
	
	.block-elu li { height:65px; width:23%; margin:0 2% 5px 0;}
	.block-elu li.last { margin:0 0 5px 0;}
	.block-elu li.president { width:48%;}
	#search-engine { padding:10px 0 10px 10px;}
	#search-engine input[type="submit"] { margin:0 10px 0 20px;}
	
}
@media only screen and (max-width: 980px) {
	#system-tab select, #system-tab .selector { width:170px !important;}
	#system-tab .selector span { width:120px !important;}
	#nav li { margin:0 2% 0 0;}
	#actu-box .text, 
	.block-goOut .text { top:200px;}
	#main-col .list-goOut .block-goOut .content { height:280px;}
	#main-col .list-goOut .block-goOut .text { top:190px;}
	#main-col .list-goOut .block-goOut:hover .text { top:80px;}
	#actu-box li:hover .text, 
	.block-goOut .content:hover .text {top:60px;}
	#main-col .block-goOut .text { top:200px;}
	#actu-box li, .block-goOut .content { height:290px;}
	#actu-box .text  { top:180px;}
	
}
@media only screen and (min-width: 770px) and (max-width: 980px) {
	.search { width:210px;}
	.search label { font-size:1.25em;}
	.search input[type="text"] { width:170px;}
	.fontsize li.first { margin:0;}
}

/* = Mobile Landscape to Tablet Portrait (480-767) */
/* ----------------------------------------------------------------------- */

@media only screen and (max-width: 777px) {
        .search:after {
            clear: both;
            content: " ";
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
        }
        iframe.voeux {width: 400px;height: 250px;}
        .tx-arcalertpopin-pi1 {left:10%!important;}
	#nav .btn-item { font-size:0.86em;}
	#header .info li { margin:0 0 0 20px;}
	#header .info .date{ margin:0 1px 0 10px;}
	#skiplink { bottom:5px; left:0; top:inherit;}
	.fontsize { display:none;}
	.solidarite #tools-box p.title { margin:0 0 5px;}
	.fontsize { margin:0 0 10px;}
	.home .fontsize { margin:10px 0;}
	.fontsize li.first { margin:0;}
	#search input[type="text"] { width:205px;}
	#search label { left:20px;}
	#main-col .list-goOut .block-goOut .text,
	#main-col .list-goOut .block-goOut:hover .text { top:inherit;}
	
	.home #actu-box { padding:20px 3%;}
	.theme #actu-box { padding:0;}
	#main-col .block-2of3 { float:none; margin:0; width:100%;}
	#main-col .block-1of3 { float:none; width:100%;}
	#actu-box li,
	#main-col .actu-box li, 
	.block-goOut .content { height:auto;}
	#actu-box .text,
	#main-col .actu-box .text, 
	.block-goOut .text { position:inherit; top:inherit; height:104px;}
	.block-goOut .text { height:auto;}
	#actu-box li:hover .text, .block-goOut .content:hover .text { top:inherit; padding:15px 15px 20px;}
	#actu-box .text .chapo,
	.actu-box .text .chapo,
	#actu-box .text .link,
	.actu-box .text .link { display:none;}
	#main-col .block h2 { font-size:1.25em;}
	#actu-box .text .subtitle, .block-goOut .text .subtitle { margin:0;}
	#main-col p { line-height:1.2;}
	.block-mag .text { padding:15px 2%; height:auto;}
	.block-elu { height:204px; padding:25px 10px;}
	.block-elu li { height:65px; width:30%; margin:0 2% 5px 0;}
	.block-elu li.last { margin:0 0 5px 0; display:none;}
	.block-elu li.president { width:62%;}
	#main-col .block-elu-all .text { width:46%;}
	
	.commune #main-col .detail .info-map, 
	.commune #main-col .detail .list-commune { width:44%;}
	.commune #main-col input[type="text"] { width:100px;}
	.commune #main-col input[type="submit"] { padding:0 10px;}
	
	.magazine .block-pdf .img img { width:120px;}
	.magazine .block-pdf .img { height:150px;}
	
	.block-pdf .img img { width:100px;}
	.block-pdf .img { height:120px;}
	
	#footer .block-1of3,
	.home #actu-box .block-1of3 { width:32%;}
	#main-col .block-2of3 { width:100%; margin:0;}
	.home #actu-box li.last { margin:0;}
	.block-download { width:96%; padding:20px 2%;}
	.block-download .download,
	.block-download .useful-link { float:left; width:48%;}
	.block-download .useful-link { margin:0 0 0 4%;}
	.block-download .map { clear:both;}
	
	.theme #actu-box .block-1of3 { width:48%; margin:0 4% 0 0;}
	.theme #main-col { margin:20px 0 0 0;}
	.block-actions .act1 { margin:0 4% 10px 0;}
	.block-actions .act2 { margin:0 0 10px;}
	.block-actions .act3 { margin:0 4% 0 0;}
	.home .block-actions h3 { height:90px; padding:15px;}
	
	.home #main-col .block-2of2 .block-1of2 { margin:0 4% 0 0;}
	.home #main-col .block-2of2 .block-pdf { margin:0;}
	#footer .tools li { margin:0 0 0 20px;}
	
	#main-col .openclose .block-2of2 .block-1of2 { width:48%;}
	#main-col .block-openclose .text p.statut { display:none !important;}
	#main-col .block-goOut .text,
	#main-col .block-goOut:hover .text { top:inherit;}
	#main-col .block-goOut .content { margin:0 4% 20px 0;}
	#actu-box li:hover .text { padding:20px 0 0 0;}
	.home .sub-content { width:100%; padding:0;}
        #header .sub-content { width: 98%; padding: 10px 1% 25px;}
        #nav .sub-content {padding:0 1%;}
        #header .weather, 
        #header .info .date{ width: auto; padding: 10px;}
        #header .info li { font-size: 0.917em; margin: 0 0 0 10px;}
	.theme .sub-content { width:96%; padding:0 2%;}
	.theme .sub-content .main-content { margin:0 -2%;}
	.theme #main-col { margin:0; padding:20px 4% 10px 2%;}
	.theme #nav-right { padding:20px 2% 20px 0;} 
	.theme #right-col { padding:0 2% 20px 0;}
	.home #main-col .block-2of2 .block-1of2.last { margin:0;}
	#main-col .block .text { height:auto;}
	#main-col .block-elu-all .text { width:auto; height:130px;}
	.home div.block-elu { padding:0; height:auto;}
	.home #actu-box .text { height:80px;}
	#main-col .block-elu-all .text .link { width:50%;}
	#main-col .block-elu-all .text .link a { display:block;}
	.services #main-col input[type="submit"] { margin:20px 0 0 0;}
	
	#system-tab select, #system-tab .selector { width:280px !important;}
	#system-tab .selector span { width:230px !important;}
	.trafic-legend-layer .trafic.last { float:none; margin:10px 0 0;}
	.trafic-legend-layer .trafic { float:none;}
	#main-col .block-argument .block-1of3 { float:left; width:30%; margin:0 4% 0 0;}
        div#uniform-field-theme, div#uniform-field-elu { margin: 0 20px 10px 0;}
        .arc-player .block-player iframe { width: 470px !important; height: 320px !important; }
        #main-col .list-goOut .block-goOut .content, 
        #main-col .list-goOut .block-goOut .content:hover .text{ height: auto;}
        .block-pdf .text { width: 94%; padding: 15px 3% 18px;}
        .block-pdf .img { width: 35%;}
        .block-pdf .summary { width: 65%;}
        .block-pdf .text .left { width: 60%;}
        .block-pdf .text .right {}
        .organigramme #main-col .block-2of2 .text { padding: 15px 5% 10px;}
        
        .block-elu ul { height: auto;}
        .block-elu ul { padding:15px 15px 10px;}
        .search { margin: 0 10px 0 0;}
        #right-col .block-goOut .text { top: inherit; padding: 20px 15px 40px;}
        #right-col .block-goOut .text h3 { font-size: 1.083em;}
        #right-col .block-goOut .text p.link { position: relative; right: 5px; bottom:0;}
        #right-col .block-goOut .text .link a { background-position: right center;}
        #right-col .block-goOut .content:hover .text { top: inherit; height: auto;}
        #right-col #nav-right { width: 100%;}
        
        /* .fb_iframe_widget
        ===================== */
        .fb_iframe_widget span, 
        .fb_iframe_widget iframe{ width:225px !important;}
        
        .block-menu .title strong {
            display: block;
            margin: 2px 0 0;
        }
        #right-col .block-goOut .text, 
        #actu-box .text, 
        #main-col .actu-box .text{ min-height: inherit;}
        #main-col .list-goOut .block-goOut .text { min-height: 120px;}
        #main-col .block-goOut .text { min-height: 120px;}
	#main-col .block-goOut .content-hover .text { top: inherit;}
        .map-itineraire,
        .map-itineraire iframe{ width: 650px !important; overflow: hidden;}
        div.map-itineraire {
            margin: 0;
        }
        
}
@media only screen and (max-width: 767px) {
	#main-col,
	#right-col,
	.block-2of3,
	.block-1of3,
	#nav-right { float:none;}
	#main-col,
	#right-col,
	.block-1of3,
	.block-2of3,
	#nav-right { width:100%;}
	#main-col { margin:0;}
	#nav-right,
	#right-col { width:96%; padding:20px 2%;}
	#footer .block-1of3 { width:33%;}
	#system-tab .selector  { width:280px !important;}
#system-tab .selector span { width:230px !important;}
#system-tab .field { margin:0 0 10px;}
}

/* = Mobile Portrait to Mobile Landscape   */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 660px) {
     iframe.voeux {width: 300px;height: 150px;}
	.block:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	#main-col img ,
	#header .sub-content,
	#main-col,
	.block-actions li li, 
	.home .block-2of2 .block-1of2,
	.block-download .download, 
	.block-download .useful-link,
	#main-col .block-goOut .content{ width:100%; height: auto;}
	.block-actions .services,
	#header .info ul.clear,
	#header .info .date,
	#header .sn-tn .social-networks,
	#header .sn-tn #top-nav,
	#footer .menu,
	#footer .logo,
	#footer .info h2,
	#footer .twitter,
	#footer .instagram,
	#footer .google ,
	#nav .tab-01,
	#nav .block-actu,
	#container #tools-box .block-1of3,
	.online-services,
	.home .block-2of2 .block-pdf,
	.block-elu,
	.block-pdf,
	.block-mag,
	.home #main-col .block-2of2,
	.block-download .map,
	#tools .print,
	#tools .facebook,
	#tools .twitter,
	#tools .google,
	.magazine #main-col .block-pdf .summary,
	.magazine .block-pdf .text .link,
	#main-col .block-mag .text p.number,
	.magazine.article #right-col .block-pdf,
	#main-col .block-result .rss { display:none;}
	#logo { margin:35px 0 0 20px;}
	.sub-content,
	.home #main-col,
	.block-guide .guide,
	#main-col .block-2of2 .block-elu-all,
	#main-col .block-2of2 .list-commune { width:100%; padding:0;}
	#main-col .trafic-legend-layer .trafic img,
	#main-col .tx-indexedsearch-icon img { width:auto;}
	.services .block-result ul.legend-trafic-condition li { display:block;}
	.mobile { display:inherit;}
	.block-actions,
	#main-col .block-2of2.list-commune,
	#main-col .block-goOut { margin:0 -2%;}
	#header { position:relative; padding:0 0 10px; border-bottom:1px solid #a7a7a7; }
	#header .weather { float:right;}
	#header .info { position:absolute; top:0; width:100%; background-color:#000000;}
	#nav-right, #right-col { width:100%; padding:20px 0;}
	#nav { border-top:1px solid #ffffff; border-bottom:1px solid #a7a7a7;}
	#nav li,
	.block-download .download, 
	.block-download .useful-link { float:none;}
	.commune p.search a, .services p.search a { display:block;}
	#nav .mobile .btn-nav { cursor:pointer;display:inline-block; margin:0 5px;}
	#nav .mobile .search { display:block; margin:0 10px 0 0;}
	#nav ul { display:none;}
	#nav .btn-item { font-size:1em; padding: 10px 20px;}
	.search input[type="submit"] { background-image:url(../images/btn-search-mobile.png);}
	.block-download .useful-link { margin:0;}
	#main-col .partner img { width:inherit;}
	#tools li { margin:0;}
	#nav .tab-02 .btn-item { color:#ba3822;border-bottom:6px solid #ba3822;}
	#nav .tab-03 .btn-item { color:#e78510;border-bottom:6px solid #e78510;}
	#nav .tab-04 .btn-item { color:#bb4a6a;border-bottom:6px solid #bb4a6a;}
	#nav .tab-05 .btn-item { color:#99a51b;border-bottom:6px solid #99a51b;}
	#nav .tab-06 .btn-item { color:#2e8198;border-bottom:6px solid #2e8198;}
	#nav .tab-07 .btn-item { color:#614a87;border-bottom:6px solid #614a87;}
	div.csc-textpic-imagecolumn.csc-textpic-firstcol { margin:0 2% 0 0;}
	div.csc-textpic-imagecolumn.csc-textpic-lastcol { margin:0;}
	.commune .block-article li { margin:0 0 10px;}
	.commune .block-article li.last { margin:0;}
	#main-col .block-goOut .content img,
	#actu-box .block-1of2 img,
	#main-col .actu-box .block-1of2 img { width:50%;}
	#main-col .block-goOut .link a { text-transform:uppercase;}
	#main-col .block-2of2 .block-elu-all .text { width:55%;}
	ul.block-guide li.guide.last { margin-bottom:20px;}
	.commune .field { margin:0 10px 10px 0;}
	.commune #main-col input[type="text"] { width:150px;}
	.commune #main-col input[type="submit"] { padding:0 20px;}
	.commune form.filter { padding:0 0 20px;}
	.block-goOut .content:hover .text { padding:10px 2%;}
	.block-pdf img { height:auto;}
	.slider-container { margin:0 auto; border-top:1px solid #ffffff;}
	.slider-container img { width:100%; height:auto;}
	#bxslider .description { position:relative; width:auto; bottom:inherit; height:auto; padding:20px;}
	#bxslider .sub-content { width:100%; padding:0;}
	#bxslider li { border-top: 1px solid #ffffff; padding:0 0 10px; border-bottom:1px solid #a7a7a7; background:#f2f2f2;}
	.magazine .block-pdf .text .right,
	.magazine .block-pdf .text .left { float:none;}
	.magazine .block-pdf .text .right .link { display:block; padding:0;}
	#main-col .block-2of2 .block-elu-all .text { height:130px;}
	.block-elu-all { background-color:#f3f3f3;}
	#main-col .list-goOut .block-goOut .content { height:auto; background-color:#f2f2f2;}
	#main-col .list-goOut.block-2of2 .block-1of2 { width:100%; margin:0 0 20px;}
	.home #actu-box { padding:0;}
	#actu-box .link,
	.actu-box .link { padding:15px 0; margin:0 0 0 15px;}
	#footer .block-1of3, 
	.home #actu-box .block-1of3,
	.magazine #main-col .block-pdf .img { width:100%;}
	#actu-box .text,
	.actu-box .text, 
	.block-goOut .text { height:70px;}
	.home #main-col { }
	#breadcrumb { padding:15px 0 15px 10px;}
	#main-col { width:96%; padding:0 2%;}
	.block-actions { border-top:1px solid #a7a7a7;}
	.home #main-col .block-actions h2,
	#main-col ul.list-icon img { width:auto;}
	#main-col .block-actions h2 { margin:0; font-size:1.167em;color:#ffffff; padding:10px 20px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background: url("../images/theme-mobile.png") no-repeat scroll right center #000000;}
	.solidarite #main-col .block-actions h2 { background:url(../images/theme-solidarite-mobile.png) no-repeat right center #000000;}
	.education-jeunesse #main-col .block-actions h2 { background:url(../images/theme-education-mobile.png) no-repeat right center #000000;}
	.deplacement #main-col .block-actions h2 { background:url(../images/theme-deplacement-mobile.png) no-repeat right center #000000;}
	.environnement #main-col .block-actions h2 { background:url(../images/theme-environnement-mobile.png) no-repeat right center #000000;}
	.developpement #main-col .block-actions h2 { background:url(../images/theme-developpement-mobile.png) no-repeat right center #000000;}
	.culture-sport #main-col .block-actions h2 { background:url(../images/theme-culture-mobile.png) no-repeat right center #000000;}
	
	#main-col .block-guide { margin:0 -2%;}
	#main-col .block-guide h2 {  margin:0; font-size:1.167em;color:#ffffff; padding:10px 20px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#000000;}
	#main-col .block-guide img { width:50%;}
	#main-col .block-guide .content { background:#f2f2f2;}
	#main-col .block-guide .text p { font-size:0.917em;}
	#main-col .block-guide .guide .link { padding:0;}
	
	.block-actions ul { border-top:1px solid #a7a7a7;}
	.home .block-actions .theme { padding:10px 0 0 10px;}
	.block-actions h3,
	#main-col .block-actions img { float:left;}
	.block-actions h3 { width:42%; padding:15px 4%;}
	#main-col .block-actions img { width:50%;}
	.home .block-actions h3,
	.block-actions h3 { height:auto;}
	.block-actions .solidarite .content { background-color:#ba3822;}
	.block-actions .environnement .content { background-color:#99a51b;}
	.block-actions .culture-sport .content { background-color:#614a87;}
	.block-actions .environnement .content { background-color:#99a51b;}
	#container { margin:0;}
	#bxslider .description h2 { font-size:1.5em;}
	#bxslider .description p { font-size: 1.167em;}
	
	.block img { width:50%; float:left;}
	.block .text { width:44%; float:left; padding:10px 2%;}
	.block-actu .link, .block .link { padding:0 0 10px 10px; font-size:1.167em; font-family:'helveticaneue', helvetica, sans-serif; }
	.home #actu-box .block-1of3 img { width:50%; float:left;}
	.home #actu-box .block-1of3 { margin:0 0 10px;}
	.page-tag .block-article li { margin:0 0 10px;}
	#main-col .block-player,
	#main-col .block-discover,
	#main-col .block-2of2.elu { margin:0 -2% 20px -2%;}
	#main-col .block-player .block-1of2 { width:100%;}
	#main-col .block-discover .text { width:96%; padding:10px 2%;}
	.block-discover .text li { width:98%; }	
	#main-col .block-article h2,
	.magazine #main-col .block-pdf h2,
	.magazine #main-col .block-mag h2,
	#main-col .block-player .block-1of2 h2,
	#main-col .block-discover h2,
	.page-tag #main-col .block-article h2,
	#main-col .block h2,
	body #main-col .block.block-actions h2 { padding:10px 20px; margin:0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; font-family:1.167em; color:#ffffff; background:#000000;}
	.magazine .block-pdf .img { width:100%; text-align:center;}
	.magazine #main-col .block-pdf .img img { width:140px; float:none;}
	.block-pdf .img img,
	#main-col .block-goOut .content { float:none;}
	.block-article,
	.magazine .block-mag,
	.magazine .block-pdf,
	.page-tag .block-article,
	.page-tag form.tag-type { margin:0 -2%;}
	.block-article ul { border-top:1px solid #a7a7a7;}
	.block-article li { width:100%;}
	.block-article .text { width:40%;}
	#main-col .block-article img { width:50%;}
	h1 { font-size:2em;}
	#main-col p.subtitle { font-size:1.5em;}
	.magazine .block-pdf,
	.magazine .block-mag { display:block;}
	.magazine .block-pdf h2 {}
	.magazine .block-pdf .text {margin:0 0 10px; width:96%; padding:10px 2%;}
	.magazine .block-pdf img { width:100%;}
	.magazine .block-mag .mag { width:100%;}
	.magazine .block-mag .img { width:50%;}
	.magazine .block-mag .text { padding:5px 2% 0 2%; height:auto; width:45%;}
	.magazine .block-mag .text .link { padding:0; margin:0;}
	.page-tag form.tag-type { padding:0 0 30px 20px;}
	#main-col .block-article .subtitle { margin:0;}
	#main-col .block-article .text { padding:0 2%; width:44%;}

	#right-col .block-elu { display:block;}
	#right-col .block-elu h3 { font-size:1em;}
	#right-col .block-elu h3 a span img { float:none;}
	.magazine #main-col .block-mag .text .link a { padding:1px 15px 3px 0; background-position:right center;}
	#footer .info p, #footer .info a { font-size:1em;}
	div.switch,
	.block-menu li a { font-size:1em;}
	#main-col .chapo p,
	h2 { font-size:1.333em;}
	#nav li { margin:0;}
	#tools-box p.title,
	.solidarite #tools-box p.title { margin:0 0 10px 10px; }
	#tools { padding:0 10px 0 0;} 
	.footer-tools { padding:15px 10px;}
	.container-footer { padding:20px 10px;}
	#footer .tools { margin:5px 0 0;}
	.backtop { margin: 20px 0 0 20px;}
	.home #right-col { padding:0; width:100%; clear:both;}
	.block-fb { display:none;}
	.block-actions .act3 { margin:0 0 10px;}
	.block { border-top:1px solid #a7a7a7; background:#ffffff;}
	.block-goOut .link a { text-transform:none; padding:0 0 0 10px; color:#0073b9; background:none;}
	.block h2,
	#right-col .block-elu h2 { color:#ffffff; padding:10px 20px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#0073b9;}
	.block-guide h2,
	#right-col .block-elu h2 { background-color:#CE0D32;}
	.block-elu { padding:0; height:auto;}
	.block-elu ul { width:270px;}
	.block-elu ul li img { width:100%; height:auto;}
	#actu-box .text, 
	.actu-box .text,
	.block-goOut .text { height:auto;}
	#footer .tools li { font-size:1em;}
	.social-networks li.flux { margin:0 0 0 10px;}
	.footer-tools h2 { border:none; font-size: 1.167em; margin:7px 2% 0 0; width:auto;}
	#right-col .block-actu { border-top:1px solid #a7a7a7;}
	#footer .info { padding:0 0 5% 0;}
	#footer .nav { margin:0 auto; text-align:center;}
	#footer .nav li { display:inline-block; float:none; margin:0 10px 10px 0;}
	
	#actu-box.block-2of2,
	.actu-box.block-2of2 { margin:20px -2%;}
	#actu-box.block-2of2 .block-1of2 {}
	#main-col .block-goOut .content { background-color:#f2f2f2;}
	#actu-box.block-2of2 .block-1of2,
	.actu-box.block-2of2 .block-1of2,
	#main-col #actu-box .block-1of2,
	#main-col .actu-box .block-1of2 { width:100%; margin:0 0 20px;}
	#actu-box .block-1of2 img,
	.actu-box .block-1of2 img { margin:0 2% 0 0;}
	#main-col #actu-box .link { margin:10px; }
	#main-col .block-2of2 .block-1of2.last { margin:0 0 20px 0;}
	
	.organigramme #main-col .block-2of2 { margin:0 -2% 0;}
	.organigramme #main-col .block-2of2 .block-1of2 { width:100%; float:none;}
	.organigramme #main-col .block-2of2 .text { float:none; width:auto;}
	.organigramme #container #main-col .block-2of2 .block-1of2 h2{ color:#ffffff;}
	#main-col .block-elu-all .text .link { width:80%;}
	#main-col .block-elu-all .text .link a { display:inline;}
	#main-col .openclose .block-2of2 .block-1of2 { width:100%; margin:0 0 20px; background:#fff;}
	#main-col .openclose .block-2of2 .block-1of2 .content { background:#fff;}
	#main-col .openclose .block-2of2 .block-1of2 .content .img { margin:0;}
	#main-col .openclose .block-2of2 .block-1of2 .content .text { width:53%;}
	#main-col .block .legend-trafic-condition .text { float:none;}
	#main-col .block .legend-trafic-condition li { margin:0 0 3px;}
        #header .weather { font-size: 0.8em;}
        #header .sub-content { padding:0 0 10px; }
        #skiplink { display: none;}
        .home #actu-box .text { width: 42%; height: auto; padding-bottom: 0;}
        #footer .footer-tools .social-networks { padding: 0 0 0 10px; margin: 5px 0 0 10px; border-left: 1px solid #ffffff;}
        #footer .footer-tools .tools { margin: 20px 0 0 0;}
        #footer .social-networks li { margin: 0 10px 0 0;}
        .home #actu-box li:hover .text { padding: 15px 4% 0 4%;}
        #main-col { min-height: inherit;}
        .fb_iframe_widget span, .fb_iframe_widget iframe { width: 320px !important;}
        .block-pdf .text .left { width: 100%;}
        .csc-sitemap ul { width: auto; padding: 10px;}
        #main-col .arc-territoire .block-2of2 .block-1of2 { width: 100%; margin: 0 0 20px;}
         #main-col .arc-territoire .block-2of2 .info-map { border: none; padding: 0 0 0 7%; width: 93%; margin: 0;}
         #main-col .arc-territoire .elu { padding: 10px 2% 0;}
         #main-col .arc-territoire .elu .title { display: block; padding: 0 0 10px;}
         #main-col .arc-territoire .elu .list-commune { border-top: 1px dotted #404040; padding: 10px 0 0;}
         .commune .detail .list-commune ul { overflow: inherit; height: auto;}
         .commune #main-col p.search { margin: 0 0 20px 0;}
         #main-col #actu-box .text { width: 48%;}
         #main-col #actu-box.block-2of2 .block-1of2 { margin: 0 0 10px}
         #main-col #actu-box .text .subtitle { font-size: 1em;}
         #actu-box li:hover .text { padding: 5px 0 0;}
         #main-col #system-tab .actu-box li img { width: 100%;}
         #main-col .actu-box .block-1of2, 
         #main-col #system-tab .actu-box .block-1of2, 
         #main-col #system-tab .actu-box .block-1of2.last{ border: 1px solid #ccc; width: 99%; margin: 0 0 20px;}
         #main-col .actu-box .block-1of2 .text { width: auto; padding: 10px; min-height: inherit;}
         #main-col .list-goOut .block-goOut .content img {
             width: 100%;
         }
         #main-col .list-goOut .block-goOut .text { min-height: inherit; width: 100%;}
         #main-col .list-goOut .block-goOut .text h3 { font-size:1.167em;}
          #main-col .list-goOut .block-goOut .text p.link { bottom: 0; right: 10px; margin:5px 0 0; padding: 0; position: relative;}
          #right-col { padding: 20px 0 10px;}
          #right-col .block-actu { margin: 0;}
          .map-itineraire,
        .map-itineraire iframe,
        #map-geolocal-itineraire{ width: 280px !important; overflow: hidden;}
        .arc-player .block-player iframe {width:320px !important; height: 213px !important; margin: 0 auto;}
        #main-col .block-goOut .text { width: 46%; padding: 5px 2%; min-height: inherit;}
        .pyrenees-atlantiques #main-col .block-goOut p.link a { background-position: left center;}
        #main-col .block-goOut .content:hover .text { top: inherit;}
        #main-col .block-goOut .text p.link { position: relative; padding: 0; font-size: 0.927em;right:5px; bottom:0;}
        #main-col .block-goOut .text p.link a { text-transform: none; background-position: right center;}
        #main-col .block-goOut .text .chapo { font-size: 0.927em;}
        #main-col .arc-annuaire .detail .block-1of2 { width: 100%; border: none;}
        #nav .submenu {
            top: inherit;
            min-height: inherit;
        }
        #nav .niv2 { width: 100%; float: none;}
        #nav .niv2 li { width:100%; margin: 0;}
        .btn-theme-home { position: relative; bottom:inherit; left: 0;}
        .ext-link a { display: block;}
        .services #main-col input[type="submit"] { margin: 0;}
        #main-col .csc-menu-def { padding: 20px 4%; width: 92%;}
        .search-engine #main-col .block-result li {word-break: break-all;}
        #main-col #system-tab legend { margin: 0 0 10px;}
        #system-tab .tabs li { width: 92%; padding: 10px 4%; float: none; margin: 0 0 5px;}
        #main-col .actu-box .block-1of2 .text { width:100%;}
        #main-col #actu-box.block-2of2 li.block-1of2 {
            background: #f2f2f2;
        }
        #right-col .block-elu.alone img { width: 100%; }
        #right-col .block-elu.alone .text { width: 96%; padding: 5px 2%;}
        #right-col .block { margin: 0 0 10px;}
        .emploi #main-col .arc-emploi .button a { display: block;}
        #nav-right .title {
            background-image: url('../images/arrow-white-open.png');
            background-repeat: no-repeat;
            background-position: 420px center;
        }
        .arc-gallery.vertical .arc-gallery-pictures { width: 100%;margin: 0;}
}
@media only screen and (max-width: 420px) {
         iframe.voeux {width: 300px;height: 150px;}
	.home .block-actions h3, 
	.block-actions h3 { width:40%; font-size:1.167em;}
	.block .text h3 { font-size:0.917em; margin:0;}
	.block-pdf .text h3 { margin:0 0 5px; font-size:1em;}
	.block p { font-size:0.833em;}
	#actu-box .text,
	#main-col .actu-box .text, 
	.block-goOut .text,
	.block .text { padding:5px 0; min-height: inherit;}
	.block .text,
        #right-col .block-goOut .text{ padding:5px;}
	.block.block-actions h3 { width:46%; margin:0; padding:10px 2%;}
	#header .info .mobile a,
	.home #main-col .block-actions h2, 
	body #main-col .block.block-actions h2 { padding:10px;}
	.home .block-actions h3, 
	.block-actions h3,
	#actu-box .text .subtitle,
	.actu-box .text .subtitle, 
	.block-goOut .text .subtitle,
	#actu-box .text h3,
	#main-col .actu-box .text h3,
	.home #main-col .block-actions h2, 
	#main-col .block-actions h2,
	#right-col .block-elu.alone h3 { font-size:1em;}
	#nav .mobile .btn-nav { margin:0;}
	#bxslider .description h2{ margin: 0 0 5px;}
	.bx-wrapper .bx-controls-direction a { top:20%;}
	#bxslider .cat { display:none;} 
	.magazine #main-col .block-mag .text .name { font-size:1.083em;}
	.magazine #main-col .block-mag .text .statut { font-size:1em;}
	#main-col .block-2of2.info-sup .block-1of2 { width:100%; margin:0 0 10px;}
	#container #main-col .actu-box .block-1of2,
	#container #main-col .actu-box .block-1of2.last { margin:0 0 10px 0; border: 1px solid #ccc; width: auto;}
	.formular .field .align,
	.formular #main-col .field p.info { margin:0;}
	#main-col .block-argument .block-1of3 { width:100%; margin:0 0 10px;}
        #header .info .mobile a { padding: 10px 0 10px 10px;}
        #nav-right .title {
            background-image: url('../images/arrow-white-open.png');
            background-repeat: no-repeat;
            background-position: 280px center;
        }
}