@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: auto;}
.pageWidth, #container .pageWidth { width:740px; }

#logo { font-size:55px; margin-bottom:21px; margin-left:15px}
#header { padding-top:21px; }
nav { padding-left:15px }
h2 { font-size:38px; line-height:46px;} 

#banner { margin-bottom:-40px;}
#container.pageWidth {  width:700px;  }

#footer { padding:20px 0; }

.carte {width:600px; height:450px; }

}


@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { width:auto;}
.pageWidth { width:auto; }

#logo { text-align:center; font-size:40px; margin-bottom:10px; margin-left:0 }
#header { padding:10px 0 0 0}

h2 { font-size:24px; line-height:30px;}

#menu { display:block; }
nav { background:rgba(0,0,0,0.20) url(../img/nav-bg.png) repeat-x left top; font-size:14px; text-align:center; margin:0; padding-left:0 }
nav li { float:none; }
nav li a { background:none; border-top:solid 1px rgba(0,0,0,0.10); line-height:40px; padding-top:0; display:block; margin:0 }
nav li:hover a, nav li.active a { background:rgba(255,255,255,0.1); }
nav li:first-child a { background-image:none; border-top:0 }

#banner { margin-bottom:-20px;}
#banner-journal { margin-bottom:-20px;}
#banner-journal img { width:100%; } /*#banner-journal img { width:100%; } */

#banner-journal img { width:100%; } 
#container { padding:15px 10px 5px 10px; margin:0 10px;}
#container.pageWidth { padding:15px; width:auto; }

#footer { padding:15px 0; text-align:center }
.copyRight { margin-left:0}

.carte {width:300px; height:225px; }

}


@media only screen and (max-width: 400px), only screen and (max-device-width: 400px), only screen and (max-width: 400px) {

.carte {width:150px; height:113px; }


}