/* 
    Document   : styles
    Created on : 13 sept. 2016, 11:56:39
    Author     : 
    Description:
    Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html {
  position: relative;
  min-height: 100%;
}

footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
 
}

body {
  padding-top: 0px;
  color:#646464;
  background-color: white ;/*#efefef;*/
  font-family: "Trebuchet MS";
}

.body_{
     background: url(../images/images_404.jpg) no-repeat center;
}

.wrap{
	width: 95%;
    margin: auto;
    margin-top:10px;
}

.header_left{
  display: inline-block;
  float:left;
  width:19.5%;
   
}
.header_right{
	display: inline-block;
    width:80%;
    margin:5px 0;
    padding-left: 10px;
}
.header_right form{
	
}
.sidebar
{

	background: #417690;
	display: inline-block;
	width:15%;
	min-height: 91%;
	position: absolute;
	top: 30;
	z-index: 19;
	
}

h1,h2,h3,.highlight,.navbar a,#masthead h4 {
  font-family:'Oswald',arial narrow,sans-serif;
}
.connexion{
  margin: auto;
  margin-top: 5%;
  width: 25%;
  height: 50%;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  /*background-color: white;*/
  border: 1px solid #F94C4C;
  border-radius: 20px 0 20px 0;
 /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 150, 0, .05);
        /* box-shadow: inset 5px rgba(0, 150, 0, .05);
  box-shadow:  8px 8px 12px #aaa;*/
}
@media screen and (max-width: 700px) {
    .connexion{
        margin: auto;
  margin-top: 5%;
  width: 70%;
  height: 50%;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  /*background-color: white;*/
  border: 1px solid #F94C4C;
  border-radius: 20px 0 20px 0;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 150, 0, .05);
        /* box-shadow: inset 5px rgba(0, 150, 0, .05);
  box-shadow:  8px 8px 12px #aaa;*/
    }   
}

.connexion .col-sm-12{
   background-color: #417690;
    width: 100%;
    color: white;
    padding: 10px;
    font-family: "Times New Roman", Georgia, Serif;
    font-size:1.5em; 
}
.connexion form{
    margin: auto;
    padding-top: 20px;
   
}
.connexion .form-control{
   
}

.connexion input{
    width: 90%;
}
.connexion input[type=submit], input[type=reset] {
    width: 40%;  
 }

.doconnexion {
    /*  padding: 1.2em 2px; */
    font-size: 1.2em;
    text-align: right;
    color: #515A5A;
}

.doconnexion a {
    color: #F0677C;
}
#site-name{
	font-size:1.5em;
}

#menu-top{
	font-size:1em;
}
.bk{
    text-align: center;
    color:  #417690; /*#F0677C;*/
    font-size: 1.5em;
    margin: 10px;
    font-weight:  bold;
}
.text{
    color: #417690 ;/*#F0677C;*/
    font-size: 1em;
    margin: 10 px;
    font-style: italic;
    text-align: center;
}



@media screen and (max-width: 250px){
    .header_left{
        width: 100%;
    }
    .header_right{
        width: 100%;
    }
   
    .bk{
        font-size: 0.6em;
    }

}
@media screen and (max-width: 300px){
    .header_left{
        width: 100%;
    }
    .header_right{
        width: 100%;
    }
    .sidebar{
        width: 100%;
    }
    .bk{
        font-size: 0.7em;
    }
}
@media screen and (max-width: 450px){
    .header_left{
        width: 100%;
    }
    .header_right{
        width: 100%;
    }
    
    .bk{
        font-size: 0.8em;
    }
}
@media screen and (max-width: 600px){
    .header_left{
        width: 100%;
    }
    .header_right{
        width: 100%;
    }
    .sidebar{
        width: 40%;
    }
    .bk{
        font-size: 0.7em;
    }
}
@media screen and (max-width: 700px){
    .header_left{
        width: 35%;
    }
    .header_right{
        width: 65%;
    }
    .sidebar{
        width: 35%;
    }
    .bk{
        font-size: 0.9em;
    }
}
@media screen and (max-width: 750px){
    .header_left{
        width: 35%;
    }
    .header_right{
        width: 65%;
    }
    .sidebar{
        width: 35%;
    }
    .bk{
        font-size: 0.9em;
    }
}
@media screen and (max-width: 800px){
    .header_left{
        width: 100%;
    }
    .header_right{
        width: 70%;
    }
    .sidebar{
        width: 30%;
    }
    .bk{
        font-size: 1em;
    }
}

/* .modal-transparent */

.modal-transparent {
  background: transparent; /* transparent;*/
  color: #23527c;
 
}

.modal-transparent .modal-header {
  /*background: transparent;*/
    background: #5499C7;
    color: white;
    margin-top: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.modal-title{
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.modal-transparent .modal-footer {
  /*background: transparent;*/
  background: #5499C7;
  color: white;
}
.modal-transparent .modal-content {
  /*background: transparent;*/
  background: white;
  
}
.modal-transparent .modal-dialog{
	width: 85%;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 0.97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}


/**  ++++++++++++++++++++ Accordeon  ++++++++++++++++++ **/

#accordion .panel-heading{
	background-color: #417690;
	color:white;
}
.btn_horizon{
    margin-left: 15px;
}

fieldset {
     border:1px solid  #5499C7;

 }

legend {
     color: #5499C7;
 }

form label{
    color:#000022;
}

/**  for HR separate section  **/
.fake-legend {
  height: 15px;
  width:100%;
  border-bottom: dotted 1px #000;
  text-align: center;
  margin: 2em 0;
}
.fake-legend span {
  background: #fff;
  position: relative;
  top: 0;
  padding: 0 20px;
  line-height:30px;
  color: black;
  font-size:1.1em;
}

tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }