@media (max-width: 960px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
		width:100%;
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */

	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}
	
	/* .cadre { */
    /* /*background: rgba(163, 173, 180, 0.7);*/ */
	/* min-width:100%; */
    /* background-color: #71b786; */
    /* padding: 10px; */
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* flex-direction: column; */
    /* max-height: 100%; */
    /* border-radius: 15px; */
	/* } */
	
	.cadre {
    /*background: rgba(163, 173, 180, 0.7);*/
    background-color: #fff;
    padding: 15px;
    flex-direction: column;
    max-height: 100%;
    /* border-radius: 15px; */
	}
	
	.cadre1 {
	padding-top:15px;
	text-align:center;
	background-color:#71b786;
	}

	
		textarea.form-control{
		margin:8px;min-width:40%
	}
	
	.table td.TbQuestion {
		width: 0px;
		/* padding-top: 2px !important; */
		font-size: 14px;
		border:0px;
		text-align:right;
		/*vertical-align: middle;*/
	}
	
	.tableQ tr td {
    border-top: 0px !important;
    padding:5px !important;
	}

	
	.notes, .note10 {
		float: left;
		padding-top: 5px;
		text-align: center;
		width: 100%;
	}
	
	.note10 {
		width:auto;
		padding-left: 3px;
	}

	label.label_item.lbtxt {
		width: 100%;
	}
	
	.DivQuestion{
		float:left;
		font-size: 13px;
		border:0px;
		Text-align:right;
		padding-right:30px;
		
	}

	.DivReponse{
		float:left;
		padding-left: 5px;
		width: 100%;
	}
}



@media screen and (min-width: 1024px) {
	
	.container {
    max-width: 1024px;
	}
	
	.cadre {
    /*background: rgba(163, 173, 180, 0.7);*/
    background-color: #fff;
    padding: 15px;
    min-width: 960px;

    flex-direction: column;
    max-height: 100%;
    /* border-radius: 15px; */
	}
	
	.cadre1 {
	padding-top:15px;
	min-width:940px;
	text-align:center;
	background-color:#71b786;
}

	
	textarea.form-control{
		margin:8px;min-width:550px
	}
	
	.table td.TbQuestion {
    width: 310px;
    /* padding-top: 2px !important; */
    font-size: 14px;
    border:0px;
	text-align:right;
	/*vertical-align: middle;*/
	}
	
	.tableQ tr td {
    border-top: 0px !important;
    padding:5px !important;
	padding-right: 30px !important;
	}

	
	.notes, .note10 {
    float: left;
    padding-top: 5px; 
    padding-right: 20px;
    text-align: center;
    /*height: 50px;*/
	}

	.note10 {
		padding-left: 8px;
	}

	label.label_item.lbtxt {
    width: 90px;
	}
	
	.DivQuestion{
	float:left;
	font-size: 14px;
    border:0px;
	Text-align:right;
	Width:350px;
	padding-right:30px;
	
}

	.DivReponse{
		float:left;
	}
}









body {
    /*background: url("/assets/images/fond.jpg") no-repeat center center fixed;*/
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background-color: #e5e5e5;
}




html, body {
    height: 100%;
}

.container, .row.justify-content-center.align-items-center {
    /* height: 100%; */
    min-height: 100%;
}

.table td {
    font-size: 16px;
}

.cadre {
  background-color: #fff;
}
	

.selected {
    /* -webkit-filter: drop-shadow( 2px 2px 2px #123234 ); */
    /* filter: drop-shadow( 2px 2px 2px #bdbdbd); */
    /*zoom: 1.2;*/
}

.notselected {
    opacity: 0.9
}

.notes img {
    width: 35px;
}

.note10 img {
    /*width: 25px;*/
}

.radio_item {
    display: none !important;
}

label.label_item.lbtxt.selected {
    /* border: 1px solid #6aba9d; */
    /* background-color: #6aba9d; */
	/* color: #fff; */
	
	border: 1px solid #a19a8f;
	background-color: #d3cabb;
	color: #000;
    
}

label.label_item.lbtxt {
	height:40px;
    border: 1px solid #dedede;
    background-color: #e6e6e6;
	font-size:13px;
	display: flex;
    justify-content: center;
	align-items: center;
	border-radius: 6px
}

.tableQ tr td {
    border-top: 0px !important;
    padding:5px !important;
}

.table td, .table th {
    border-top: 0px solid #fff !important;
}


.note10 .selected img {
    /*width: 25px;*/
	zoom: 1.2  !important;
}

table.tableQ {
    margin-top: 20px;
}


#BTTerminer {
    width: 160px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .2rem;
	background-color:#71b786;
}