--- a/web/static/res/css/style_1024.css Wed Jan 16 12:12:51 2013 +0100
+++ b/web/static/res/css/style_1024.css Wed Jan 16 21:26:15 2013 +0100
@@ -664,7 +664,9 @@
text-transform: uppercase;
}
#inter_choice .big_txt p{
- margin: 2.1372em 0; /*109px 0*/
+ /* margin: 2.1372em 0; 109px 0*/
+ margin: 1.9372em 0;
+ line-height: 1.2;
}
#inter_choice .big_txt p:first-child,
#choice .big_txt p:first-child, {
@@ -686,6 +688,12 @@
#transition .big_txt p.margin_exeption{
margin: 0.9215em 0; /*47px 0;*/
}
+#transition .big_txt p.margin_exeptionTop {
+ margin-top: 0.9215em;
+}
+#transition .big_txt p.margin_exeptionBottom {
+ margin-bottom: 0.9215em;
+}
.positionAbs {
position: absolute;
top: 0;
@@ -858,6 +866,9 @@
width: 25%;
display: inline-block;
}
+#intPortrait p a {
+ cursor: pointer;
+}
#intPortrait .white a:hover,
#intPortrait .white a:hover {
color: #7e7878;
@@ -1262,14 +1273,20 @@
/* Resize for screen (max-width: 525px) and smartphone */
/*----------------------------------------------*/
/* la taille du texte choix (plus petit) */
-
@media only screen and (max-width: 900px) {
+ #inter_choice .big_txt p {
+ font-size: 39px;
+ }
#choice .big_txt p,
#transitionTxt .big_txt p {
font-size: 39px;
}
}
+
@media only screen and (max-width: 700px) {
+ #inter_choice .big_txt p {
+ font-size: 28px;
+ }
#choice .big_txt p,
#transitionTxt .big_txt p {
font-size: 28px;
@@ -1286,10 +1303,16 @@
}
@media only screen and (max-width: 480px) {
+ #inter_choice .big_txt p {
+ font-size: 22px;
+ }
#choice .big_txt p,
#transitionTxt .big_txt p {
font-size: 22px;
}
+ #inter_choice .big_txt p {
+ font-size: 18px;
+ }
#theEnd h1 {
font-size: 40px;
}
@@ -1327,7 +1350,43 @@
width: 18px;
height: 18px;
}
+ #content h3 {
+ font-size: 14px;
+ }
+ #content p,
+ #content h4 {
+ font-size: 12px;
+ }
+ /* changement de la taille de titre */
+ #title_hp {
+ padding: 0;
+ margin-left: -20px ; /* decalage du titre à gauche 32 / 53px */
+ }
+ #title_hp h1 {
+ margin: 1px 0 5px 0;
+ padding-left: 1.142857em; /* 32px 40px / -20% */
+ font-size: 28px; /* 43px */
+ }
+ #title_hp h2 {
+ padding-left: 2em; /* 30px 35px / -20% */
+ font-size: 15px; /* 24px */
+ }
+ #title_hp .h2_exeption {
+ font-size: 16px; /* 25px / -20% */
+ }
+ #content .big_link {
+ font-size: 16px;
+ }
+ #popUpClose {
+ width: 10px;
+ height: 10px;
+ }
+}
+
+/*----------------------------------------------*/
+/* Resize for smartphone */
+/*----------------------------------------------*/
body#mobilhp {
height: 100%;
}
@@ -1349,80 +1408,60 @@
#mobilhp footer {
height: 30%;
}
- #content h3 {
- font-size: 14px;
- }
- #content p,
- #content h4 {
- font-size: 12px;
- }
/* pas de padding pour le dernier elem */
#mobilhp footer .logo_partners > li:last-child {
padding-right: 0;
}
/* un nouveau elem sur mobile*/
- #mobilhp .txt_bold {
+ #mobilhp #txt_phone {
font-family: "Arial Black", "arial_blackregular", sans-serif;
- /*text-align: left;*/
- text-align: center;
+ text-align: left;
text-transform: uppercase;
font-size: 14px; /* 43px */
line-height: 1.1;
+ color: #ffffff;
+ margin: 1em 0;
}
/* changement de la taille de titre */
- #title_hp {
- padding: 0;
- margin-left: -20px ; /* decalage du titre à gauche 32 / 53px */
- }
#mobilhp #title_hp {
padding: 0;
display: inline-block;
vertical-align: bottom;
}
- #title_hp h1 {
- margin: 1px 0 5px 0;
- padding-left: 1.142857em; /* 32px 40px / -20% */
- font-size: 28px; /* 43px */
- }
- #title_hp h2 {
- padding-left: 2em; /* 30px 35px / -20% */
- font-size: 15px; /* 24px */
- }
- #title_hp .h2_exeption {
- font-size: 16px; /* 25px / -20% */
- }
- #popUpClose {
- width: 10px;
- height: 10px;
- }
#mobilhp #blanket {
top: 0;
}
-}
-@media only screen and (max-width: 480px) and (orientation: landscape) {
+
+
+@media only screen and (orientation: landscape) {
#mobilhp header {
- height: 38%;
+ height: 36%;
}
#mobilhp #bottom {
height: 26%;
}
- #mobilhp footer {
- height: 36%;
+ #mobilhp footer {
+ height: 38%;
}
#mobilhp #content{
width: 98%;
}
- footer .logo_partners {
- margin-bottom: 0;
- }
+
#mobilhp footer .logo_partners > li:last-child {
padding-right: 22px;
}
- footer #socialMedia {
- margin-top: 10px;
+ #mobilhp footer #socialMedia {
+ margin-top: 0;
}
}
/*
+ footer .logo_partners {
+ margin-bottom: 0;
+ }
+ footer #socialMedia {
+ margin-top: 10px;
+ }
+
.logo_partners {
float: none;