Changement des couleurs des boutons

design/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Bootstrap 101 Template</title>
+    <title>Module PiPhone</title>
 
     <!-- Bootstrap -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
@@ -18,9 +18,11 @@
     	
     	.panel {margin:0.5em !important; padding: 0.5em !important;}
     	.form-inline > * {margin:0.5em!important;}
-    	.well {background: #9954BB; color: #FFFFFF;}
+    	.well {background: #777777; color: #FFFFFF;}
     	h1 {font-size: 2em;}
     	a {color: #000000;}
+    	.btn-info {background: #777777; border-color: #777777;}
+    	.btn-info:hover {background: #666666; border-color: #666666;}
     </style>
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
@@ -36,15 +38,15 @@
 				<div class="col-sm-12">
 					<!-- contact page -->
 					<div class="col-md-2 col-sm-4 hidden-xs"><!-- image à gauche -->	
-						<img class= "img-responsive img-circle" src="http://www.europarl.europa.eu/mepphoto/108570.jpg" alt="mep">
+						<img class= "img-responsive img-circle" src="http://www.europarl.europa.eu/mepphoto/108570.jpg" width="140px" alt="mep">
 						
 							<div class="visible-sm-block"><!-- infos -->
 								<address style="margin-top:1em;">
 									<strong>Informations</strong><br>
-								Cred messenger bag ethical semiotics, <br>
-								Pinterest pug skateboard fap hella slow-carb, <br>
-								Synth squid ugh cray trust fund listicle, <br>
-								Bold-pressed hoodie retro.
+    								Cred messenger bag ethical semiotics, <br>
+    								Pinterest pug skateboard fap hella slow-carb, <br>
+    								Synth squid ugh cray trust fund listicle, <br>
+    								Bold-pressed hoodie retro.
 								</address>
 							</div><!-- /infos -->
 					</div><!-- /image à gauche -->
@@ -68,20 +70,20 @@
 							</div><!-- /titre -->
 								
 							<div><!-- groupes -->
-									<repeat group="{{ @contact.groups }}" value="{{ @group }}">
-										<check if="{{ @group.type!='Committee' }}">
-								<dl class="dl-horizontal hidden-xs" id="resume">
+								<repeat group="{{ @contact.groups }}" value="{{ @group }}">
+									<check if="{{ @group.type!='Committee' }}">
+							            <dl class="dl-horizontal hidden-xs" id="resume">
 											<dt>{{ @group.type }}:</dt>
 											<dd><a href="https://memopol.lqdn.fr/europe/parliament/group/Greens/EFA/"><img src="https://memopol.lqdn.fr/static/img/groups/eu/GreensEFA.png" height="24" alt="Greens/EFA" /></a> - {{ @group.name }}</a></dd>
 											<dt>{{ @group.type }}:</dt>
 											<dd><a href="https://memopol.lqdn.fr/europe/parliament/group/Greens/EFA/"><img src="https://memopol.lqdn.fr/static/img/groups/eu/GreensEFA.png" height="24" alt="Greens/EFA" /></a> - {{ @group.name }}</a></dd>
-								</dl>
-								<ul class="list-inline visible-xs-block" id="committee">
+							            </dl>
+							            <ul class="list-inline visible-xs-block" id="committee">
 											<li><img src="https://memopol.lqdn.fr/static/img/groups/eu/GreensEFA.png" height="24" alt="Greens/EFA" /></li>
 											<li><img src="https://memopol.lqdn.fr/static/img/groups/eu/GreensEFA.png" height="24" alt="Greens/EFA" /></li>
-								</ul>
-										</check>
-									</repeat>
+						                </ul>
+									</check>
+								</repeat>
 							</div><!-- /groupes -->
 							
 							
@@ -101,10 +103,10 @@
 							<div class="hidden-xs hidden-sm text-right"><!-- infos -->
 								<address style="margin-top:1em;">
 									<strong>Informations</strong><br>
-								Cred messenger bag ethical semiotics, <br>
-								Pinterest pug skateboard fap hella slow-carb, <br>
-								Synth squid ugh cray trust fund listicle, <br>
-								Bold-pressed hoodie retro.
+    								Cred messenger bag ethical semiotics, <br>
+    								Pinterest pug skateboard fap hella slow-carb, <br>
+    								Synth squid ugh cray trust fund listicle, <br>
+    								Bold-pressed hoodie retro.
 								</address>
 							</div><!-- /infos -->