remise en place des css + creation des css

SRC/public/css/app.css

@@ -2332,7 +2332,7 @@ output {
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
-  line-height: 1.42857143;
+  line-height: 1.5;
   color: #555555;
   background-color: #ffffff;
   background-image: none;
@@ -2809,9 +2809,28 @@ fieldset[disabled] .btn-default.active {
   background-color: #333333;
 }
 .btn-primary {
-  color: #ffffff;
+  /*color: #ffffff;
   background-color: #337ab7;
-  border-color: #2e6da4;
+  border-color: #2e6da4;*/
+    /*border-radius*/
+    border-color: #2e6da4;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 1px;
+    border-radius: 3px;
+    color: white;
+    font-size: 12px;
+    font-weight : normal;
+    border-top: 1px solid #3B96D7;
+    padding-left: 15px;
+	padding-right: 15px;
+    background: rgb(98,186,236);
+    background: -moz-linear-gradient(top, rgba(98,186,236,1) 0%, rgba(18,128,211,1) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,186,236,1)), color-stop(100%,rgba(18,128,211,1)));
+    background: -webkit-linear-gradient(top, rgba(98,186,236,1) 0%,rgba(18,128,211,1) 100%);
+    background: -o-linear-gradient(top, rgba(98,186,236,1) 0%,rgba(18,128,211,1) 100%);
+    background: -ms-linear-gradient(top, rgba(98,186,236,1) 0%,rgba(18,128,211,1) 100%);
+    background: linear-gradient(top, rgba(98,186,236,1) 0%,rgba(18,128,211,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62baec', endColorstr='#1280d3',GradientType=0 );
 }
 .btn-primary:hover,
 .btn-primary:focus,
@@ -2820,13 +2839,26 @@ fieldset[disabled] .btn-default.active {
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
   color: #ffffff;
-  background-color: #286090;
-  border-color: #204d74;
+   background: rgb(55,148,216);
+    background: -moz-linear-gradient(top, rgba(55,148,216,1) 0%, rgba(3,81,184,1) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,148,216,1)), color-stop(100%,rgba(3,81,184,1)));
+    background: -webkit-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
+    background: -o-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
+    background: -ms-linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
+    background: linear-gradient(top, rgba(55,148,216,1) 0%,rgba(3,81,184,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3794d8', endColorstr='#0351b8',GradientType=0 );
 }
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
-  background-image: none;
+     background: #4f85bb; /* Old browsers */
+background: -moz-linear-gradient(top, #4f85bb 0%, #4f85bb 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* IE10+ */
+background: linear-gradient(to bottom, #4f85bb 0%,#4f85bb 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); 
 }
 .btn-primary.disabled,
 .btn-primary[disabled],

SRC/public/css/game.css

@@ -0,0 +1,8 @@
+body
+{
+	background-image:url("../pictures/homePic/fond.jpg");
+  background-attachment:fixed;
+  background-repeat:no-repeat;
+  background-position:100% 100%;
+  background-size:cover;
+}

SRC/public/css/home.css

@@ -6,6 +6,12 @@ body {
   background-size:cover;
 }
 
+.imgSearch /* image de la loupe */
+{
+	height: 25px;
+	width : 25px;
+}
+
 .form-group
 {
 	margin-top : 0.5%;
@@ -17,4 +23,39 @@ body {
 	box-shadow: 0px 0px 3px black;
 	max-height : 250px;
 	max-width : 250px;
+}
+
+.well, .well-lg /* le nom du referent */
+{
+	margin : 1%;
+	width : 40%;
+	box-shadow: 0 0 6px black inset;
+	border: 1px solid dimgrey;
+}
+
+.carousel-indicators
+{
+	position: fixed;
+	bottom : 8%;
+}
+
+.carousel-indicators li { /*tous les cercles */
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  border: 1px solid #ffffff;
+  border-radius: 10px;
+  cursor: pointer;
+  background: white;
+  border: 1px solid silver;
+}
+
+.carousel-indicators .active { /*contour cercle actif */
+  margin: 0;
+  width: 12px;
+  height: 12px;
+  border: none;
+  background-color: #2AADE5;
 }

SRC/public/css/referent.css

@@ -28,6 +28,7 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
 	border-radius: 7px;
 	border: 1px solid grey;
 	box-shadow: 0px 0px 2px dimgrey;
+	width : 25%;
 }
 
 .listg legend
@@ -69,6 +70,7 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
 	border-radius: 7px;
 	border: 1px solid grey;
 	box-shadow: 0px 0px 2px dimgrey;
+	width : 70%;
 }
 
 .jeux

SRC/resources/views/app.blade.php

@@ -8,7 +8,7 @@
 
 	<link href="/css/app.css" rel="stylesheet">
 	<link href="/css/chosen.min.css" rel="stylesheet">
-
+	<link href="/css/game.css" rel="stylesheet" type="text/css"/>
 	<!-- Fonts -->
 	<link href='//fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
 

SRC/resources/views/home.blade.php

@@ -7,7 +7,7 @@
 <nav>
 <form class="form-inline navbar">
   <div class="form-group">
-  	<img alt="" height="35px" src="./pictures/homePic/search.png">
+  	<img alt="" class="imgSearch" src="./pictures/homePic/search.png">
     <div class="input-group">
       	</span><input type="text" class="form-control" placeholder="Rechercher un Référant">
     </div>

SRC/resources/views/referent_games.blade.php

@@ -1,10 +1,9 @@
 @extends('app')
-
+<link href="css/referent.css" rel="stylesheet" type="text/css"/>
 <br>
 <center><h1>Games</h1></center>
 <br>
 <br>
-
 <div class="container">
   <div class="col-sm-6 col-md-4">
     <div class="thumbnail">