body 
{
    background-color: rgb(22,29,35);
	color:white;
}

/* La division globale de contenu avec le fond BHC */
.content
{
	background-position:top right;
	background-repeat:no-repeat;
	background-image: url('gfx/bhc_background.png'); /* fallback */
	background-image: url('gfx/bhc_background.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060)); /* Saf4+, Chrome */
	background-image: url('gfx/bhc_background.png'), -webkit-linear-gradient(top, #000000, #606060); /* Chrome 10+, Saf5.1+ */
	background-image: url('gfx/bhc_background.png'),    -moz-linear-gradient(top, #000000, #606060); /* FF3.6+ */
	background-image: url('gfx/bhc_background.png'),     -ms-linear-gradient(top, #000000, #606060); /* IE10 */
	background-image: url('gfx/bhc_background.png'),      -o-linear-gradient(top, #000000, #606060); /* Opera 11.10+ */
	background-image: url('gfx/bhc_background.png'),         linear-gradient(to bottom, #000000, #606060); /* W3C */
	
	width:900px;
	min-height:650px;
	margin:auto;
	margin-top:0px;
}

/* La div globale pour contenir le système de login */
.login
{
	

	display:inline-block;
	width:450px;
	height:150px;
	
	padding-top:120px;
	
	margin-left:225px;
	margin-top:140px;
	
	text-align: center;

	background-image: url('gfx/login_header.png'); /* fallback */
	background-image: url('gfx/login_header.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060), to(#000000)); 	/* Saf4+, Chrome */
	background-image: url('gfx/login_header.png'), -webkit-linear-gradient(top, #000000, #606060, #000000);									/* Chrome 10+, Saf5.1+ */
	background-image: url('gfx/login_header.png'),    -moz-linear-gradient(top, #000000, #606060, #000000); 									/* FF3.6+ */
	background-image: url('gfx/login_header.png'),     -ms-linear-gradient(top, #000000, #606060, #000000); 									/* IE10 */
	background-image: url('gfx/login_header.png'),      -o-linear-gradient(top, #000000, #606060, #000000); 									/* Opera 11.10+ */
	background-image: url('gfx/login_header.png'),         linear-gradient(to bottom, #000000, #606060, #000000); 							/* W3C */
	background-repeat:no-repeat;
	background-position:50% 10%;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	
}

#in_login, #in_password
{
	margin-top:5px;
	font-size:120%;
}
#do_login
{
	margin-top:25px;
	font-size:120%;
}

/* la classe pour masquer les blocs */
.hide
{
	display:none;
}

/* la classe pour afficher les blocs */
.show
{
	display:inline;
}



/* la class pour les informations personnelles */
#info_perso
{
	display:inline-block;

	width:450px;
	height:310px;
	
	margin-left:225px;
	margin-top:140px;
	
	padding-top:30px;
	
	/*background-image: url('gfx/bhc_logo.png'); *//* fallback */
	background-image: /*url('gfx/bhc_logo.png'),*/ -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060), to(#000000)); 	/* Saf4+, Chrome */
	background-image: /*url('gfx/bhc_logo.png'),*/ -webkit-linear-gradient(top, #000000, #606060, #000000);									/* Chrome 10+, Saf5.1+ */
	background-image: /*url('gfx/bhc_logo.png'),*/    -moz-linear-gradient(top, #000000, #606060, #000000); 									/* FF3.6+ */
	background-image: /*url('gfx/bhc_logo.png'),*/     -ms-linear-gradient(top, #000000, #606060, #000000); 									/* IE10 */
	background-image: /*url('gfx/bhc_logo.png'),*/      -o-linear-gradient(top, #000000, #606060, #000000); 									/* Opera 11.10+ */
	background-image: /*url('gfx/bhc_logo.png'),*/         linear-gradient(to bottom, #000000, #606060, #000000); 							/* W3C */
	background-repeat:no-repeat;
	background-position:95% 0%; 							/* W3C */
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

.title_generic
{
	width:100%;
	font-size:180%;
	font-weight:bold;
	padding-left:35px;
}

.info_perso_tbl
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#EEEEEE)); 	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #AAAAAA, #EEEEEE);									/* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #AAAAAA, #EEEEEE); 									/* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #AAAAAA, #EEEEEE); 									/* IE10 */
	background-image:      -o-linear-gradient(top, #AAAAAA, #EEEEEE); 									/* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #AAAAAA, #EEEEEE); 							/* W3C */
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;

	padding:5px 10px;
	font-size:120%;
	color:black;
	width:90%;
	margin:auto;
	margin-top:35px;
}

.input_ip
{
	width:250px;
	background:rgb(230, 230, 230);
}

.ip_ok
{
	text-align:center;
	margin:auto;
}

/* La classe pour mettre en avant les inputs en erreurs (form info perso) */
.data_error
{
	width:250px;
	background-color:#FF6666;
}

/* La division globale pour la presentation generale */
#div_presentation, #div_help_1, #div_help_2, #div_help_3, #div_end_ok, #div_end_err
{
	display:inline-block;

	width:680px;

	margin-left:100px;
	margin-top:140px;
	
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
	
	/*background-image: url('gfx/bhc_logo.png');*/ /* fallback */
	background-image: /*url('gfx/bhc_logo.png'),*/ -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060), to(#000000)); 	/* Saf4+, Chrome */
	background-image: /*url('gfx/bhc_logo.png'),*/ -webkit-linear-gradient(top, #000000, #606060, #000000);									/* Chrome 10+, Saf5.1+ */
	background-image: /*url('gfx/bhc_logo.png'),*/    -moz-linear-gradient(top, #000000, #606060, #000000); 									/* FF3.6+ */
	background-image: /*url('gfx/bhc_logo.png'),*/     -ms-linear-gradient(top, #000000, #606060, #000000); 									/* IE10 */
	background-image: /*url('gfx/bhc_logo.png'),*/      -o-linear-gradient(top, #000000, #606060, #000000); 									/* Opera 11.10+ */
	background-image: /*url('gfx/bhc_logo.png'),*/         linear-gradient(to bottom, #000000, #606060, #000000); 							/* W3C */
	background-repeat:no-repeat;
	background-position:95% 0%; 							/* W3C */
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/* la div de warning lorsque le choix est invalide pour passer a la question suivante */
.div_warning
{
	border:solid white 1px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	background-image:  -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060), to(#000000)); 	/* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(top, #000000, #606060, #000000);									/* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(top, #000000, #606060, #000000); 									/* FF3.6+ */
	background-image:      -ms-linear-gradient(top, #000000, #606060, #000000); 									/* IE10 */
	background-image:       -o-linear-gradient(top, #000000, #606060, #000000); 									/* Opera 11.10+ */
	background-image:          linear-gradient(to bottom, #000000, #606060, #000000); 							/* W3C */
	
	max-width:300px;
	text-align:center;
}

.warning_title
{
	text-align:center;
}

.warning_bt
{
	text-align:center;
	margin-bottom:5px;
}

/* la classe generique pour les paragraphes de texte dans les dic d'info */
.screen_p
{
	margin:auto;
	margin-top:5px;
	width:80%;
}

/* la classe generique pour les paragraphes strong de texte dans les dic d'info */
.screen_p_strong
{
	margin:auto;
	margin-top:10px;
	font-weight:bold;
	font-size:110%;
	width:90%;
}
.help_list
{
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
	width:70%;
	text-align: left;
}
.help_exemple
{
	text-align:left;
	width:75%;
	margin:auto;
}

/* La classe generique pour les lien dans les div d'information */
.link
{
	color:yellow;
	font-weight:bold;
}

/* la division contenant les questions */
.div_question
{
	margin-top:100px;
	text-align:center;
	width:100%;
}

/* le titre de la question */
.question_title
{
	/*text-align:left;
	padding-left:50px;*/
	font-size:150%;
}

/* la table de presentation des questions */
.tbl_question
{
	width:70%;
	margin:auto;
	border-collapse: separate;
    border-spacing: 0px 3px;
}
.tbl_question tr
{
	background-color:#252525;
}
.tbl_question td.question_choice
{
	width:40px;
}

/* le bouton next, dans les questions */
.img_next
{
	margin:auto;
	margin-top:50px;
}

.bt_help
{
	float:right;
	margin-right:30px;
}