body{
  background-color: #E8E2F8;
}

.main_container {
   background-color: white;
   font-family: calibri;
   font-size: 16px;
   margin-left:auto;
   margin-right:auto;
   width: 905px;
   min-height:600px;

}

.title {
    background-color: #c7c7c7;
    font-weight: bold;
    padding: 10px;
    font-size: 20px;
}

#progressbar{
	width:150px;
	height:10px;
	float:right;
	left: 155px;
    position: relative;
    top: 18px;
}

.ui-widget-header {background-color:blue;}

#progressbar_title{
	float:right;
	left: 5px;
    position: relative;
    top: -3px;
    font-size:15px;
    width:150px;
}


.content{
    padding-bottom:10px;
    padding-top:20px;
    min-height:450px;
}

.footer{
  position: relative;
  margin-top: 20px;
  padding-top:20px;

}

.button {
    position: relative;
    margin: auto;
    background-color: #EEFFED;
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    width: 120px;
}

.button_intro, .button_answers{
    position: relative;   
}

.error{
	color:red;
	margin-left:33px;
	margin-top:50px;
}

.text_intro{padding: 10px;}

.text_questions{
    width:500px;
    padding: 9px;
   /* clear: both;*/
   clear: both;
    
   
}

.text_questions_item{
    width: 250px;
    text-align: right;
    padding-right: 20px;
    float:left;
    
}

.text_questions_option{
    float:left;
    width: 200px;
    padding-left: 10px;
    text-align: left;
     
}

.tests_available{
    clear: both;
    font-size: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
     
} 

.choose_language{
    width: 70%;
    margin:auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: center;
     
}  

.languages {
    clear: both;
    width: 70%;
    margin:auto;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
     
}  


.language {
           float:left;
           width: 100px;
     
}  


 #enregistrement{
  position:relative;
 	top:20px;
 	background-color: #D4F3D4;
 	margin-left:auto;
 	margin-right:auto;
	float:normal;
}

.video{
	/*display:none;*/
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.answers, .button_answers {
   display:none;
   text-align: center;

}

.choose_options {
   top: 30px;
   text-align: center;

}

.answer {
   margin-top: 100px;
   text-align: center;
   margin: auto;
   width:400px;
   height:60px;
   padding-top:20px;
   background-color: #eee;
}

.answer1, .answer2{
   margin-top: 60px;
}


/**
 * page Admin
 * 
 */
 
 .main_container_admin {
   
   min-height:200px;

}

.admin_boxes {
  position: relative;
  margin-left:auto;
 	margin-right:auto;


}
 
 .box{
    background-image: url("../admin/create/image/cartouche.jpg");
    float: left;
    height: 168px;
    width: 226px;
    font-size:23px;
}
 
 .create_study_text{
 	left: 25px;
    position: relative;
    top: 70px;
 }
 
 .view_study_text{
    left: 40px;
    position: relative;
    top: 70px;
 }
 
  .close_study_text{
    left: 25px;
    position: relative;
    top: 70px;
 }
 
 .edit_lang_text {
    left: 25px;
    position: relative;
    top: 70px;
 }
 
 .closed_study{
 	color: #FF0000;
    font-size: 35px;
    font-weight: bold;
    left: 150px;
    position: relative;
    top: 100px;
 }
 
 #enregistrement{
    position:relative;
 	top:20px;
 	background-color: #D4F3D4;
 	margin-left:auto;
 	margin-right:auto;
	float:normal;
}

.block-principal-create-bdd{
	height:170px;
	background-color:#f2f2f2;
}

.sort_by_sid{
	border:1px solid black;
	padding:20px;
	margin-left:25px;
	margin-top:20px;
}

.sort_by_researcher{
	border:1px solid black;
	padding:20px;
	margin-left:50px;
	margin-top:20px;
}

.sort_by_studycode{
	border:1px solid black;
	padding:20px;
	margin-left:50px;
	margin-top:20px;
}

.check_sort{
	position:relative;
	left:10px;
	top:2px;	
}

.titre_create_study{
	background-color: #C7C7C7;;
    padding: 5px;
    text-align: center;
    font-weight:bold; 
 }
 
 .table_create_study{
 	padding:20px;
 }
 
 
.button_save_create_study {
    position: relative;
    top: 20px;
}

.view_study td{
	border : 1px solid black;
	padding:10px;
	text-align:center;
}

.view_study td.title{
	font-weight:bold; 
}

table.view_study{
	margin-top:25px;
	margin-left:30px;
	border-collapse:collapse;
}

/**
 * Page Demo
 * 
 */

.block-image{
	background-image: url("../img/wheel.png");
	width:585px;
	height:469px;
	 margin-left:auto;
   margin-right:auto;
   z-index:1;
}

.block-image-1{
    height: 70px;
    left: 375px;
    position: relative;
    top: -447px;
    width: 70px;
    z-index: 2;
}

.lang_table {

      margin-left:20px;

}