/* #Big screen
================================================== */

    /* Note: Design for a width of 1550px */

    @media only screen and (min-width: 1550px) {
	    #header .mask, #mask {width:1300px}
/* 	    #header #site-name {border-right:5px solid YELLOW} */
	    #container, #main {width:1280px}
	    #leaves-b {width:1300px;height: 400px;right: 0px;}
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
	    body {background:url(gfx/bg-1024.jpg)}
/*  	    #header #site-name {border-right:5px solid GREEN} */
   	    #header #site-name {text-transform: uppercase;font-size: 26px;width: 300px;float: left;}
	    #header .mask, #mask {width:640px}
	    #container, #main {width:640px}
	    #navigation .menu-name-main-menu ul.menu li a {padding-right: 15px}
	    #navigation .menu-level-2 ul.menu li a, #navigation .form-type-bef-link a  {font-size: 12px}
	    #navigation .bef-select-as-links a {padding-right: 9px}
	    .language-switcher-locale-url li {display: block}
	    .view-news ul {width:360px}
	    #leaves-b {width:1300px;height: 230px;right: 0px;}
	    #main {margin-bottom: 150px}
	    #leaves-r img:last-child {display: none}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	    body {background:url(gfx/bg-1024.jpg)}
	    #header #site-name {text-transform: uppercase;font-size: 30px;width: 300px;float: left;}
	    #header .mask, #mask {width:390px}
/*  	    #header #site-name {color:#0F0;border-right:5px solid PURPLE} */
	    #container, #main {width:390px}
	    .language-switcher-locale-url li {display: block}
	    .view-news ul {width:380px}
	    #main {margin-bottom: 10px}
	    #leaves-r img:last-child {display: none}
	    
	    #smenu {margin-bottom: 13px;}
	    .crumbs {margin:10px 0}
	    .crumbs li {display: block;clear: both;width: inherit;float: none;margin:10px 0;padding: 0}
	    .crumbs li.level1,
	    .crumbs li.level3 {padding: 0}
	    .crumbs li.level1 a,
	    .crumbs li.level3 a {margin:0 10px 0 60px}
	    .node-type-ville .level2,
	    .node-type-mur .level2 {display: none}
	    .current {margin:5px}
	    .homeslides {display: none}
	    
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	    body {background:url(gfx/bg-1024.jpg)}
/* 	    #header #site-name {color:#00F;border-right:5px solid BLUE} */
	    #container, #main {width:400px}
    }