.buttonPerso{
  background-image:url(../../image/formulaire/fondBoutton.png);
  color:white;
  border-color:white;
  cursor:pointer;
  padding:3px;
  padding-left:10px;
  padding-right:10px;
}

.buttonPerso:hover{
  background-image:url(../../image/formulaire/fondBouttonSurvol.png);
}

.listeBleu tr td{
  padding:10px;
}
.listeBleu tr th{
  padding:10px;
}

.choixautocompletion{
  background-color: white;
}

.choixautocompletion:hover{
  background-color: #d8d8d8;
}

#divSFormulaireGroupeSansPoint{
  width: 100%;
}

#divSFormulaireGroupe{
  border-top-width:0px;
  border-top-style:dotted;
  border-color:#313131;
  padding:5px;
  margin-top:15px;
  width:100%;
}


.formulaireFond{
  background-color:grey;
  color:white;
}

.formulaireEntete{
  color:black;
}

.form_general{

  color:black;
}

.form_general input[type="text"]{
  color:black;
  background-color:#ABABAB;
  background-color:white;
  /*
  border-color:black;
  border-width:1px;
  */
}

.form_general input[type="password"]{
  color:black;
  background-color:#ABABAB;
  background-color:white;
  /*
  border-color:black;
  border-width:1px;
  */

}




.fondFormulaireOnglet{
  cursor:pointer;
  width:100%;

  color:black;
  height:50px;
}

.ongletFormulaire{
  height:30px;
  color:grey;
  background-color:white;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  font-size:12px;
}

.ongletFormulaire:hover{
  background-color:#b9b9b9;
  color:white;
}

.boutonGoogleBleuSoft{
  color:#2682cf;
  font-weight:bold;
  background-color:white;
  border-color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  text-decoration: underline;
}

.boutonGoogleRougeSoft{
  color:#cf2626;
  font-weight:bold;
  background-color:white;
  border-color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  text-decoration: underline;
}

.boutonGoogleBleu{
  background-color:#4d8ffd;
  color:white;
  border-color:#3079ed;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
}

/*
.softVert{
  background-color:#3fb249;
  color:white;
  border-color:#3fb249;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
}
.softVert:hover{
  background-color:#9bd659;
  color:white;
  border-color:#9bd659;
  border-style:solid;
  border-width:1px;
  padding:10px;
  cursor:pointer;
  border-radius: 6px;
}
*/
/*
.softRouge{
  font-size: 14px;
  background-color:#d33d3d;
  border-color:#d33d3d;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  height:20px;
  cursor:pointer;
  border-radius: 6px;
}
.softRouge:hover{
  font-size: 14px;
  background-color:#eb6a6a;
  border-color:#eb6a6a;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  height:20px;
  cursor:pointer;
  border-radius: 6px;
  text-decoration: underline;
}
*/

.softOrange{
  font-size: 14px;
  background-color:#f08200;
  border-color:#f08200;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  height:20px;
  cursor:pointer;
  border-radius: 6px;
}
.softOrange:hover{
  font-size: 14px;
  background-color:#f2a244;
  border-color:#f2a244;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  height:20px;
  cursor:pointer;
  border-radius: 6px;
  text-decoration: underline;
}
/*
.softBleu{
  font-size: 14px;
  background-color:#007bdb;
  border-color:#007bdb;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  height:20px;
  cursor:pointer;
  border-radius: 6px;
}
.softBleu:hover{
  transition: visibility 1s, opacity 1s linear;
  font-size: 14px;
  background-color:#54abf2;
  border-color:#54abf2;
  color:white;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  border-radius: 6px;
  text-decoration: underline;
}
*/
/*
.softGris{
  background-color:#9ba4b2;
  color:white;
  border-color:#9ba4b2;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  border-radius: 3px;
}
.softGris:hover{
  background-color:#abb7ca;
  color:white;
  border-color:#abb7ca;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  border-radius: 3px;
}
*/
/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
@keyframes shine {
  0% {
    transform: translateX(-30px) rotate(-25deg);
  }
  100% {
    transform: translateX(250px) rotate(-25deg);
  }
}

.softVert {
  background: #1693A5;
  background: #3fb249;
  color: #FFFFFF;
  padding:5px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 100ms linear;
}
.softVert:hover {
  transform: scale(1.05) rotate(-2.5deg);
  transform: scale(1.05);
  background: #5ec567;
}
.softVert:hover::after {
  content: '';
  display: block;
  width: 75px;
  height: 175%;
  background: rgb(255,255,255);
  background: #3fb249;
  background: #9bd659;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
  opacity: 0.5;
  position: absolute;
  top: -20px;
  left: 0;
  animation: shine 200ms linear;
  transform: translateX(250px) rotate(-25deg);
}


.softBleu {
  background: #1693A5;
  background: #007bdb;
  color: #FFFFFF;
  padding:5px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 100ms linear;
}
.softBleu:hover {
  transform: scale(1.05) rotate(-2.5deg);
  transform: scale(1.05);
  background: #54abf2;
}
.softBleu:hover::after {
  content: '';
  display: block;
  width: 75px;
  height: 175%;
  background: rgb(255,255,255);
  background: #3fb249;
  background: #54abf2;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
  opacity: 0.5;
  position: absolute;
  top: -20px;
  left: 0;
  animation: shine 200ms linear;
  transform: translateX(250px) rotate(-25deg);
}


.softRouge {
  background: #1693A5;
  background: #d33d3d;
  color: #FFFFFF;
  padding:5px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 100ms linear;
}
.softRouge:hover {
  transform: scale(1.05) rotate(-2.5deg);
  transform: scale(1.05);
  background: #eb6a6a;
}
.softRouge:hover::after {
  content: '';
  display: block;
  width: 75px;
  height: 175%;
  background: rgb(255,255,255);
  background: #3fb249;
  background: #54abf2;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
  opacity: 0.5;
  position: absolute;
  top: -20px;
  left: 0;
  animation: shine 200ms linear;
  transform: translateX(250px) rotate(-25deg);
}


.softGris {
  background: #1693A5;
  background: #9ba4b2;
  color: #FFFFFF;
  padding:5px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 100ms linear;
}
.softGris:hover {
  transform: scale(1.05) rotate(-2.5deg);
  transform: scale(1.05);
  background: #abb7ca;
}
.softGris:hover::after {
  content: '';
  display: block;
  width: 75px;
  height: 175%;
  background: rgb(255,255,255);
  background: #3fb249;
  background: #54abf2;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
  opacity: 0.5;
  position: absolute;
  top: -20px;
  left: 0;
  animation: shine 200ms linear;
  transform: translateX(250px) rotate(-25deg);
}
/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
.boutonGoogleJaune{
  background-color:#ffe933;
  background-color:#fdda4d;
  color:white;
  border-color:#fdc14d;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
}


.boutonGoogleVert{
  background-color:#6ce466;
  color:white;
  border-color:#3ec241;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
}

.boutonGoogleVertHidden{
  background-color:#6ce466;
  color:white;
  border-color:#3ec241;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
  display:none;
}


.boutonGoogleRouge{
  background-color:#fd4d4d;
  color:white;
  border-color:#df1616;
  border-style:solid;
  border-width:1px;
  padding:5px;
  cursor:pointer;
}

.invisible{
  display:none;
}

.textGoogle{
  color:grey;
  background-color:white;
  padding:10px;
  margin:5px;
}

/*
 ABABAB
 */