/*
 * Copyright (C) 2000 - 2013 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have recieved a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "http://www.silverpeas.org/docs/core/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
 @import url("stylesheet.css");
 
 * {
   margin: 0px;
   padding: 0px;
   /*overflow:hidden;*/
   border: none;
   text-align: center;
 }
 
 body, html, form, .page, #background{ 
     height:100%
     }

body{
    background: #FFF var(--imgFond-url) 0 0 no-repeat;
}

 #top {
   background-color: #333;
   height: 35px;
   color: #FFFFFF;
   line-height: 35px;
 }
 
 #top a {
   color: #FFFFFF;
 }
 
 .clear {
   clear: both;
 }
 
 .page,
 #login-socialnetwork {
   z-index: 1;
   background:transparent url("../imgDesign/logo.png") center  2em no-repeat;
 }
 
 .page {
   margin-top: 0;
 }
 
 #login-socialnetwork {
   text-align: left;
   padding-left: 351px;
   z-index: 3;
   padding-bottom: 27px;
   background: transparent url("util/icons/external/deco-login-btn.png") 350px bottom no-repeat;
 }
 
 #login-socialnetwork a {
   display: block;
   clear: left;
   width: 164px;
   padding-left: 30px;
 }
 
 #background {
   background: url("") top center no-repeat;
   height: 100%;
 }
 
 #background .submit {
   color: #666666;
   text-decoration: none;
   font-weight: bold;
 }
 
 #background div.submit {
   position: absolute;
   top: 310px;
   width: 448px;
   text-align: center;
   padding: 5px
 }
 
 #backgroundBig {
   background: url()  top center no-repeat;
   min-height: 524px;
 }
 
 #backgroundBig .submit {
   color: #666666;
   text-decoration: none;
   font-weight: bold;
   position: static;
 }
 
 #backgroundBig div.submit {
   position: absolute;
   top: 410px;
   width: 448px;
   text-align: center;
   padding: 5px
 }
 
 .cadre {
   position: absolute;
   top: 186px;
   left: calc(50% - 266px);
   background-color:var(--couleur-principale);
   padding: 2em;
   width: 469px;
 }
 
 input {
    background-color: #FFF;
    border: 1px solid #384e73;
    border-radius: 0;
    display: block;
    padding: 5px;
    width: 448px;
    text-align: left;
 }
 
 select {
   background-color: #FFF;
   border: 1px solid #384e73;
   border-radius:0;
   padding: 5px;
   width: 250px;
   text-align: left;
   float: left;
 }
 
 select option {
   text-align: left;
 }
 
 .titre {
     
     display:none;
 }
 
 #header {
   margin-bottom: 0;
 }
 
 .logo {
     display:none;
 }
 
 .information {
   font-size: 14px;
   text-align: right;
 color: #FFF;
 opacity: 0.8;
 padding: 1em;
 }
 
 .information span {
  background-color: #FFF;
  padding:5px 10px;
   color: red;
 }
 
 p label {
   display: block;
   margin-bottom: 10px;
   /*padding-bottom:5px;*/
 }
 
 p label span {
   display: block;
   padding: 4px 0px 2px 0px;
   font-size: 16px;
   font-weight: 500;
   /*font-family:Open Sans;*/
   color: #FFF;
   text-align: left;
  
 }
 
 #formLogin .submit {
   position: relative;
   text-align: left;
   top: -10px;
 }
 
 #formLogin .submitWithOneDomain {
   position: relative;
   text-align: left;
   margin-bottom: 10px;
   margin-top: 20px;
 }
 
 .caractere {
   height: 44px;
 }
 
 .noDisplay {
   display: none;
 }
 
 .forgottenPwd a {
     display:none;
 }
 
 .rememberPwd {
   font-size: 14px;
   color: #0b6199;
   font-weight: normal;
 }
 
 .changePwd {
   font-size: 14px;
   color: #0b6199;
   font-weight: normal;
 }
 
 .passwordRules {
   font-size: 14px;
   color: #0b6199;
   font-weight: normal;
 }
 
 .passwordRules a {
   font-size: 14px;
   color: #0b6199;
   font-weight: normal;
 }
 
 #storePassword {
   background-color: transparent;
   border: 0px;
   display: inline;
   padding-bottom: 0px;
   width: 15px;
   text-align: left;
   vertical-align: middle;
   margin-left: 5px;
 }
 
 .questionSelection {
   float: right;
   margin-top: 10px;
   font-size: 14px;
   text-align: left;
   width: 300px;
 }
 
 #question {
   width: 400px;
 }
 
 .fnfinformation {
   float: right;
   margin-top: 30px;
   font-size: 14px;
   text-align: left;
 }
 
 .fnfinformation ul li {
   padding-left: 5px;
   margin-left: 25px;
   text-align: left;
 }
 
 a.submit, a.submitWithOneDomain{
   background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 100%); 
   border-radius:0px;
   border:1px solid #CCC;
   display: inline-block;
   text-decoration: none;  
   padding: 0.5em 1em;
 }

 
 a.submit.validate:before, a.submitWithOneDomain.validate:before{  
   content: '';
   display: inline-block;
   background: transparent url(../imgDesign/validate.png) 0 0 no-repeat;
     background-size: auto;
   background-size: auto 114%;
   width: 1.2em;
   height: 1em;
   margin-right: 0.5em;
   vertical-align: -0.125em;
 }
 a.submit.refused, a.submitWithOneDomain.refused{
  
   content: '';
   display: inline-block;
   background: transparent url(../imgDesign/no-ok.png) 0 0 no-repeat;
     background-size: auto;
   background-size: auto 114%;
   width: 1.2em;
   height: 1em;
   margin-right: 0.5em;
   vertical-align: -0.125em;
 }
 
 a.submit span span, a.submitWithOneDomain span span {
   color: #000;
   font-size: 12px;
   text-decoration: none;
 }
 
 #copyright {
     position:fixed;
     bottom:0;
     right:0;
     left:0;
     padding:1em;
 }
 

 #content-terms-of-service {
   clear: both;
   float: none;
   height: 271px;
   overflow: auto;
   text-align: left;
   padding-top: 1em;
 }
 
 #content-terms-of-service * {
   text-align: left;
 }
 
 #splash #top {
   background-color: #f48250;
   }
 
 #splash a.submit,
 #splash #no-more{
         display:inline-block;
         width:auto;
         margin:10px 10px 10px 0;
 }
 
 #background > div > p:nth-child(6) {
    position: absolute;
    right: 3.5em;
    bottom: 1.5em;
 }