/* Définition des constantes pour le thème du site */
:root {
/* Couleurs de contrastes pour les cadres et autres */
--main-light:#FCFCFC;
--secondary-light:#EFEFEF;
--accent-1:#00b3a6;
--accent-2:#00c0e9;

/* Taille des différents textes et titres */
--title-2:1.5em;

--std-line:30px;
--lg-line:45px;

/* Marge des différents éléments */
--sm-padding:8px;
--std-padding:15px;
--lg-padding:30px;

/* Radius des différents éléments */
--sm-radius:3px;
--std-radius:5px;
}

/* Définition des polices d'écritures utilisées */
@font-face { font-family:'roboto'; src:url('fonts/roboto-Regular.ttf') format('ttf'); font-weight:normal; font-style:normal; }

body, html{ height:100%; width:100%; margin:0; padding:0; }
body{ font-family:"roboto", "arial", sans-serif; text-align:center; margin:0; padding:0; }

#page{ display:block; position:relative; width:calc(100% - 20px); max-width:680px; /*max-width:480px;*/ min-width:calc(300px - 20px);  margin:0 auto; padding:10px; }

*:focus, *:active{ outline:0; }

input { display:block; clear:both; margin:10px auto; width:200px; background:#fff; padding:0 2px; height:var(--std-line); border:2px solid var(--accent-1); border-radius:var(--std-radius); text-align:center; }

input:focus{ border-color:var(--accent-2); }

/* Style d'affichage des boutons de validation de formulaire */
input[type=submit] { background-color:var(--accent-2); color:var(--main-light); border:none; border-radius:var(--std-radius); width:208px; }

span { background-color:var(--accent-2); color:var(--main-light); border:none; border-radius:var(--std-radius); padding:10px;  }

a { text-decoration:none; }

.logo { height:0; width:calc(100% - 20px); padding:calc(100% - 20px) 0 0 0; margin:0px auto 20px auto; background:transparent url('img/logo.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }

.container { display:block; position:relative; text-align:center; width:100%; padding:0; margin:0; }
.container p{ margin:0 0 30px 0;}
.container p:nth-of-type(1), .container p:nth-of-type(2){ margin:0 0 40px 0;	}

form.container p{ margin:0 0 30px 0 !important; }