web/static/res/css/style_1024.css
changeset 80 46b897524cc4
parent 78 8c3f0b94d056
child 93 7c37aaa2a8ae
--- 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;