/*******************************************************************************
* Nom original du logiciel : EGGCRM.
* Copyright (C) COGIVEA
* Le propriétaire du code original est COGIVEA.
* Les parties créées par EGGCRM sont sous Copyright (C) COGIVEA
* Tous droits réservés.
* http://www.cogivea.com       support@cogivea.com
*
* Ce logiciel est un programme informatique de Gestion Relation Client aussi
* nommé GRC ou CRM en anglais.
*
* Ce logiciel est régi par la licence propriétaire COGIVEA.
* Vous pouvez utiliser, modifier ce programme sous les conditions de la licence 
* COGIVEA telle que diffusée sur le site "http://www.cogivea.com".
*
* L'acquisition de licence logiciel n'accorde qu'un droit d'usage et en aucun 
* cas un droit de commercialisation sans l'accord préalable par écrit de la 
* société COGIVEA SARL. Le logiciel peut être modifié uniquement dans un 
* objectif d'exploitation interne à l'acquéreur.
*
* Le fait que vous puissiez accéder à cet en-tête signifie que vous avez pris
* connaissance de la licence COGIVEA, et que vous en avez accepté les termes.
*
* Informations complémentaires :
* Licence_COGIVEA_V1-fr.txt
*
* English version license :
* Licence_encart-en.txt
* Licence_COGIVEA-en.txt
*******************************************************************************/
* {
  width : 100%;
  margin : auto;
  color : white;
  font-family:"Arial";
}

html {
  width : auto;
  height: 100%;
  background : linear-gradient(#74C1D3, #428192) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding : 0 10px;
  min-height:600px;
}

body {
  max-width:800px;
  width :100%;
  height : auto;
}

h1,h2 {
  display : inline;
}

h1 {
  font-size : 2.5em;
}

h2{
  font-size : 1.5em;
  font-weight: normal;
}

#titre {
  margin-top : 5%;
  margin-bottom : 5%;
  border-bottom:2px solid white;
}

label {
  font-size : 1.2em;
}

input, .box {
  color : #404040;
  border : none;
  display : inline-block;
  height : 30px;
  border-radius: 0px;
}

input {
  padding-left : 5px;
}

.box {
  background : #FFFFFF;
  text-align : center;
  cursor : pointer;
  width : 30px;
  line-height: 1.8em;
}

.box:active {
  background : #CCCCCC;
}

.connect {
  background : #1FDF3A;
  width:auto;
  text-align:center;
  border : none;
  padding : 5px 15px;
  cursor : pointer;
}

.back {
  background : #D00404;
  width:auto;
  text-align:center;
  border : none;
  padding : 5px 15px;
  cursor : pointer;
  margin-right:10px;
}

p {
  font-size : 0.8em;
}

#famous {
  font-style : italic;
  text-align : right;
  margin-top : 50px;
}