La page en travaux devient RWD et utilise la configuration du plugin au lieu...

La page en travaux devient RWD et utilise la configuration du plugin au lieu de celle de SoyezCréateurs

inclure/entravaux.html

@@ -53,6 +53,7 @@ body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,
 /*------------------------------------------------------------------ */
 
 /* Page Style */
+html { height: auto; }
 body{
 	color: #e9e2ee;
 	font-size: 14px;
@@ -87,24 +88,25 @@ img.center {
 	margin-left: auto;
 	margin-right: auto;
 }
+#icone_travaux { display: none; }
 #coming-soon{
 	background: rgba(0,0,0,0.7);
+	-webkit-box-sizing : border-box;‌​
+      -moz-box-sizing : border-box;
+           box-sizing : border-box;
 	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
 	   -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
 			box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
 	display: block;
-	position: absolute;
-	width: 800px;
-	height: auto;
-	top: 40%;
-	left: 50%;
-	margin: -160px 0 0 -400px;
+	width: 80%;
+	margin: 2em auto;
+	padding: 1em 3em;
 }
 #coming-soon h1{
 	text-align: center;
 	font-size: 35px;
 }
-#coming-soon h2 { margin: 0 3em; 2em; }
+#coming-soon h2 { margin: 0 0 2em; 0 }
 #coming-soon h2 img.logo { float: right; padding-left: 1em; padding-bottom: 1em; }
 #coming-soon h2 sub { display: block; padding-left: 8px; margin-left: 2em; border-left: 1.2em solid #aaa; font-size: 50%; font-weight: normal; line-height:normal; font-size:.8em;}
 #coming-soon p{
@@ -112,43 +114,46 @@ img.center {
 }
 
 #bandeau_annonce, #bandeaucontact {
-	width: 600px;
 	display: block;
-	margin: 20px auto 0 auto;
-	padding: 4px;
+	margin: 2em 0 0 0;
+}
+#bandeaucontact {
+	clear: both;
 }
 #bandeau_annonce p { text-align: left; }
 /*Submit Form*/
 #subscribe {
-	width: 600px;
 	display: block;
-	margin: 20px auto 40px auto;
-	padding: 4px;
+	clear: both;
 }
+#subscribe h2 { margin: 0; }
 #subscribe input{
 	display: block;
-	font-size: 13px;
+	font-size: 1.5em;
 	font-weight: bold;
-	float: left;
 	border: 0;
 	-webkit-border-radius: 3px;
 	   -moz-border-radius: 3px;
 			border-radius: 3px;
 	padding: 0 10px;
-	height: 35px;
+	height: 2em;
 }
 #subscribe input[type="text"],
 #subscribe input[type="email"]{
 	color: #335;
 	margin: 0 4px 0 0;
-	width: 443px;
+	width: 100%;
+	-webkit-box-sizing : border-box;‌​
+       -moz-box-sizing : border-box;
+            box-sizing : border-box;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
 	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
 			box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
 }
 #subscribe input[type="submit"]{
 	margin:0;
-	width: 85px;
+	margin-top: 1em;
+	display: inline-block;
 	color: #222;
 	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
 	background: #b6d76f;
@@ -177,6 +182,8 @@ img.center {
 			box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
 }
 
+#coming-soon p.boutons { text-align: right; }
+
 #coming-soon .twitter:before{
 	content: '@';
 	padding-top: 2px;
@@ -201,7 +208,7 @@ img.center {
 	<h1><:info_travaux_titre:></h1>
 	<h2>[<img class="logo" src="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />]#NOM_SITE_SPIP[ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</h2>
 
-	[<div id="bandeau_annonce">(#CONFIG{soyezcreateurs_google/annonce_entravaux}|propre)</div>]
+	[<div id="bandeau_annonce">(#CONFIG{entravaux_message,<:entravaux:info_travaux_texte:>}|propre)</div>]
 
 	[(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
 	<!--<a href="http://twitter.com/#!/jpyrat" title="Visit Pyrat.net on Twitter" class="twitter center">Pyrat.net</a>-->