body{background-color: #E8E2F8;}

.block-principal {
   background-color: white;
   font-family: calibri;
   font-size: 20px;
   margin-left:auto;
   margin-right:auto;
   width: 900px;
}

.titre {
    background-color: #c7c7c7;
    font-weight: bold;
    padding: 10px;
}

.button {
    background-color: #EEFFED;
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    width: 120px;
}

.error{
	color:red;
	margin-left:33px;
	margin-top:50px;
}

/**
 * Page Intro
 * 
 */
.block-principal-intro{
	height:500px;
}

.text_intro{
	padding:10px;
}

.test_sound_intro{
	border: 2px solid #E8E2F8;
    height: 110px;
    margin-left: 220px;
    margin-top: -50px;
    width: 475px;
}

.test_sound_intro_text{
	position: relative;
	left: 15px;
    top: 46px;
	font-weight:bold;
	float:left;
}

.test_sound_intro_img{
	float:left;
	position: relative;
	top:10px;
	left:10px;
}

.button_index{
	left: 745px;
    position: relative;
    top: 5px;
}

.button_intro2{
    left: 745px;
    position: relative;
    top: -16px;
}

.button_intro3{
	 left: 743px;
    position: relative;
    top: 32px;
}

.button_back2{
	left: 4px;
    position: relative;
    top: -4px;
}

/**
 * Page Exemple
 * 
 */
 .block-principal-question {
    padding-bottom: 25px;
}

.block-principal-question table{
	margin-left: 30px;
    margin-top: 20px;
}

.block-principal-question table td.label {
    width: 200px;
}

.button_question {
    left: 350px;
    margin-top: 50px;
    position: relative;
}

/**
 * Page Exemple
 * 
 */
.question_stimuli{
	width:850px;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
}

.sound{
	display:none;
}

.start_sound{
	margin-left:100px;
	margin-top:100px;
	font-size:40px;
	font-weight:bold;
	padding-bottom:100px;
}

.haut_parleur{
	margin-left:300px;
	margin-top:75px;
	padding-bottom:75px;
}

.stimuli{
	display:none;
	background-color:white;
	height:440px;
}

.text_box{
    background-color: #EEFFED;
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    width: 120px;
    float:left;
    margin-left: 80px;
    margin-top: 20px;
    padding:20px;
}

.replay_box{
	background-color: #EEFFED;
    border: 1px solid #000000;
    margin-left: 80px;
    margin-top: 20px;
    padding: 5px;
    text-align: center;
    width: 634px;
}

/**
 * Page End Expe
 * 
 */
 .merci{
 	margin-top:10px;
 	margin-left:175px;
 	padding-bottom:25px;
 }
  
/**
 * Page Admin
 * 
 */
.block-principal-admin-login{
	height: 230px;
    width: 400px;
}

.block-principal-admin-login table{
	 margin-left: 30px;
}
 
.titre_admin_login{
	background-color: #c7c7c7;
    font-weight: bold;
    padding: 10px;
    text-align:center;
}

.block-principal-admin-login .button_login {
    margin-left: 130px;
    margin-top: 30px;
}
 
 .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;
 }
 
 #enregistrement{
    position:relative;
 	top:20px;
 	background-color: #D4F3D4;
 	margin-left:auto;
 	margin-right:auto;
 	width:1000px;
	float:normal;
}

.block-principal-create-bdd{
	height:170px;
	background-color:#f2f2f2;
}

.titre_create_study{
	background-color: #C7C7C7;;
    padding: 5px;
    text-align: center;
    font-weight:bold; 
 }
 
 .table_create_study{
 	padding:20px;
 }
 
 
.button_save_create_study {
    left: 745px;
    position: relative;
    top: -15px;
}

.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;
}