@media (max-width:640px) {
/* passer largeur fixe en largeur automatique*/
body,div,ul,blockquote {
width:auto !important;
margin:auto !important;
padding:auto !important;
}
p {
margin:1.2px !important;
padding:1.2px !important;
}
/* largeur maximale 100% aux éléments pbq */
img,blockquote {
max-width:100% !important;
}
/* réduire taille qq img */
.logos img, .drapeau img {
width:2em !important;
height:2em !important;
}
/* diminuer taille qq polices */
h1,h2,#titre,#header p {
font-size:.9em !important;
}
/* masquer les éléments superflus */
#header > p,#titre h2,#titre span,.adresse span,ul span,#album + h2,h2.envert,.texteend,h3,blockquote h2 a,blockquote p[class="vert"],blockquote + .logos {
display:none !important;
}
a:hover {
background-color:inherit !important;
}
a[title*="06"] {
color:#33F !important;
}
}
@media screen {
body {
margin:0 auto;
padding:10px;
}
#main {
font-family:"Bookman Old Style", Arial, sans-serif;
font-size:15px;
color:#C03000;
text-align:center;
}
img {
border:0 !important;
}
.vert p:first-letter {
float:none; /* positionnement de la lettrine dans le conteneur */
font:normal 2em "Bookman Old Style", Arial, sans-serif;
}
a:link,a:visited,a:hover,.vert a {
color:#C03000;
font-weight:700;
}
a:hover {
background-color:#FC3;
}
blockquote {
margin-left:50px;
margin-right:50px;
}
#titre,h2,h3,#album a,ul#menufr {
font-size:15px;
font-weight:700;
}
h1 {
font-size:21px;
}
.enteteimg {
text-align:left;
float:left;
}
#header {
font-weight:700;
}
#header a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#33F;
}
#header p, h1 {
font-family:"Times New Roman", Arial, sans-serif;
font-style:italic;
}
#header p {
color:green;
font-size:19px;
}
img a:hover,.logos a:hover {
background-color:transparent;
}
.img2a {
float:left !important;
}
.img1a {
float:right !important;
}
#album,ul#menufr,.img1a,.img2a {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
behavior: url(../PIE.php);
}
.img1a,.img2a {
-webkit-box-shadow:6px 8px 5px #C5C5C5;
-moz-box-shadow:6px 8px 5px #C5C5C5;
box-shadow:6px 8px 5px #C5C5C5
behavior: url(../PIE.php);
}

#album,ul#menufr { 
-webkit-box-shadow:4px 5px 5px #C5C5C5;
-moz-box-shadow:4px 5px 5px #C5C5C5;
box-shadow:4px 5px 5px #C5C5C5;
behavior: url(../PIE.php);
}
#album {
margin:auto;
width:490px;
height:25px;
background-color:#9C0;
background-color:rgba(154,204,0,0.8);
behavior: url(../PIE.php);
padding:0 10px;
}
#album a {
text-decoration:none;
background-color:transparent;
}
.vert {
font-size:15px;
color:green;
text-align:justify;
margin-left:10px;
margin-right:10px;
}
.envert {
color:green;
}
ul#menufr {
word-spacing:2px;
background-color:#9C0;
width:750px;
padding-left:1px;
padding-right:1px;
margin:auto;
list-style-type:none;
background-color:rgba(154,204,0,0.8);
}
ul#menufr li {
display:inline;
padding:1px;
}
.texteend,.adresse {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}
.texteend {
font-size:11px;
color:silver;
margin-left:5px;
margin-right: 5px;
padding-left:5px;
padding-right:5px;
text-align:justify;
}
.texteend a,.texteend a:hover {
color:silver;
text-decoration:none;
}
}
@media screen and (max-width:640px) and (orientation:landscape) {
body {
-webkit-text-size-adjust: 70%;
}
}
@media screen and (max-width:640px) and (orientation:portrait) {
#album,#titre {
height:auto !important;
}
}