#body-page {
  color:black;
  background-color:white;
  background:url(../img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:0 25;
}

#content-index {
  width: 100%;
  height: 100%;
  padding: 20% 0 0 0 !important;
  margin: 0 !important;
  background:url(../img/background-connexion.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#form-connexion {
  display:block;
  background-color:#333333CC;
  width: 30%;
  margin: auto;
  padding: 0.5em;
  text-align: center;
}

#form-connexion input {
  border: 1px solid #fff;
  background-color:#333333CC;
  margin: 0.2em 0em;
  padding: 0.5em 1em;
  width: 75%;
  height: 2em;
}
#form-connexion button {
  width: 80%;
  border: 1px solid #FFA500;
  background-color:#FFA500;
  margin: 2em 3em 1em 3em;
  padding: 0.3em;
  height: 2em;
}

.input-container {
  display: flex;
  width: 100%;
  margin: 1em 0em 0em 0em;
}
.icon {
  padding: 0px;
  margin: 5px 1% 0 9%;
  color: #FFA500;
  min-width: 5%;
}


#content-page {
  vertical-align: top;
  width:100% !important;
}
#content-accueil {
  margin: 1em 10%;
  vertical-align: top;
  width:80% !important;
}
#info{
  position:absolute;
  right: 6%;
  top:20px;
}
#info img{
  width:35px;
}

#archive{
  position:absolute;
  right: 10%;
  top:20px; 
}
#archive img{
  width:50px;
}
#return{
  position:absolute;
  right: 15%;
  top:20px; 
}
#return img{
  width:50px;
}

#accueil-logout{
  position:absolute;
  right: 10%;
  top: 20px; 
}
#accueil-logout img{
  width: 50px;
}
#accueil-password{
  position:absolute;
  right: 10%;
  top: 80px; 
}
#accueil-password img{
  width:50px;
}

#logo-cc{
  display:block;
  height:75px;
  float:left;
}
#logo-sh{
  display:block;
  height:75px;
  float:right;
}

#titre{
  display: block;
  font-weight: bold;
  color: blue;
  margin: 25 100;
  clear: both;
  font-size: 1.4em;
}

#titre a {
  font-size:0.8em;
  border: 1px solid red;
  text-align:center;
  vertical-align: center;
  padding:5px 5px 2px 5px;
  border-radius: 7px;
}

label{
  display:block;
}

#titre .around{
  border: 1px solid blue;
  text-align:center;
  vertical-align: center;
  padding:5px 5px 2px 5px;
  border-radius: 7px;
}

.inline{
  display:inline;
}

div.checkbox{
  margin-top:5px;
  margin-left: 6%;
  width:685px;
}

div.checkbox input{
  float:left;
  width:5%;
}


.form-sollicitation {
  display:inline-block;
  margin: 0 100px;
}

.form-sollicitation div {
  display:inline-block;
}
.div-front{
  text-align:center;
  width:4%;
}
.div-content{
  width:45%;
  margin:0 0 0 2%;
}
.div-motif{
  margin: 5px 0;
  width :93.5%;
  float: right;
}

input{
  width:100%;
  border: 1 solid #000;
  border-radius: 5px;
}

textarea{
  border: 1 solid #000;
  border-radius: 5px;
  width:100%;
}

select,
option {
  width:100%;
}

div .form-type {
  display:block;
  text-align: center;
  margin: 0 10%;
  padding: 0 auto;
  width:80%;
}

#appli-right {
  margin-top:2em;
  display:inline-block;
  width:30%;
}

#appli-left{
  margin-top:2em;
  vertical-align: top;
  display:inline-block;
  width:70%;
}

#appli-left p {
  text-align: justify;
}

.type_appli{
  display:inline-block;
  text-align: center;
  margin: 0 3%;
  width:26%;
  max-height:25%;
  vertical-align: top;
}

.type_appli img {
  width:90px;
}

.type_appli .around{
  border: 1px solid #000;
  text-align:center;
  vertical-align: center;
  
  border-radius: 45px;
}

.type_accueil{
  display:inline-block;
  text-align: center;
  margin: 0 2em;
}
.type_accueil a img{
  width:90px;
}
.type_accueil div {
  text-align:left;
  padding: 5px;
}

#logos{
  display:inline-block;
  text-align: center;
  width:100%;
}


table tr:nth-child(even) {
    background-color: #eee;
}
table tr:nth-child(odd) {
    background-color: #fff;
}
table{
  width:100%;
}
table td{
  padding:5px;
  vertical-align: top;
}
table td.date{
  width:150px;
}
table td.type{
  width:39px;
  text-align:center;
}
table td.type img{
  width:35px;
}
table td.nom{
  width:150px;
}
table td.theme{
  width:180px;
}
table td.motif{
  text-align: justify;
}


#accueil-title {
  font-size:1.5em;
}

#accueil-title span{
  font-size:2.5em;
}

#accueil-title p{
  font-size:0.8em;
  font-style: italic;
}