/****
In the order found in main_prefixed.css:

@media (min-width: 768px) {
@media (min-width: 992px) {
@media (min-width: 1200px) {
@media (max-width: 768px) {
@media print {
@media screen and (max-width: 1020px) {
@media screen and (max-width: 767px) {
@media screen and (max-width: 460px) {


Plus petit : Nokia : 240px
Retenus :
@media (min-width: 350px) pour les smartphone
@media (min-width: 900px) pour le reste
@media (min-width: 1200px) pour le reste

****/


/* SMALL */
@media (min-width: 350px) {

	#bloc_main {
		margin-left: 300px;
	}
	
	#img_embedded_configuration {
		width: 300px;
		margin-top: 0px;
	}

	#img_bank_configuration {
		width: 300px;
		margin-top: 0px;
	}

/* Begin for contact forms */

	#maindiv {
		padding: 20px;
	}

	#left_text {
		margin-bottom: 15px;
	}
/* End for contact forms */

	.padselect {
	  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333;
	  padding: 5px;
	  -khtml-border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	  -webkit-border-radius: 5px 5px 5px 5px;
	  border-radius: 5px 5px 5px 5px;
	  background: #FFFFFF;
	  box-shadow: 0px 0px 7px 3px #CCCCCC;
	  margin-bottom: 5px;
	}

	#webinar_select {
		display: none;
	}
	
	#webinar_radio {
		display: block;
	}

}

/* MEDIUM */
@media (min-width: 767px) {

	#img_embedded_configuration {
		width: 500px;
	}

	#img_bank_configuration {
		width: 600px;
		margin-top: 200px;
	}
	
/* Begin for contact forms */
	#maindiv {
		display: flex;
		padding: 20px;
		width: 80%;
	}

	#left_text {
		margin-right: 40px;
		display: flex;
		margin-bottom: 15px;
	}
/*
	#right_form {
			display: grid;
  grid-auto-flow: row;
	}
*/
	input {
		width: 400px;
	}

	textarea {
		width: 400px;
	}
/* End for contact forms */

	.padselect {
	  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333;
	  padding: 5px;
	  -khtml-border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	  -webkit-border-radius: 5px 5px 5px 5px;
	  border-radius: 5px 5px 5px 5px;
	  background: #FFFFFF;
	  box-shadow: 0px 0px 7px 3px #CCCCCC;
	  margin-bottom: 10px;
	  min-width: 200px;
	  margin-right: 10px;
	}

	#webinar_select {
		display: block;
	}
	
	#webinar_radio {
		display: none;
	}

}


/* LARGE */
@media (min-width: 1200px) {

	#bloc_main {
		margin-left: 300px;
	}
	
	#img_embedded_configuration {
		width: 600px;
		margin-top: 200px;
	}

	#img_bank_configuration {
		width: 600px;
		margin-top: 200px;
	}
	
/* Begin for contact forms */
	#maindiv {
		display: flex;
		padding: 20px;
		width: 80%;
	}

	#left_text {
		margin-right: 40px;
		display: flex;
		margin-bottom: 15px;
	}
/*
	#right_form {
			display: grid;
  grid-auto-flow: row;
	}
*/
	input {
		width: 400px;
	}

	textarea {
		width: 400px;
	}
/* End for contact forms */


	.padselect {
	  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333;
	  padding: 5px;
	  -khtml-border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	  -webkit-border-radius: 5px 5px 5px 5px;
	  border-radius: 5px 5px 5px 5px;
	  background: #FFFFFF;
	  box-shadow: 0px 0px 7px 3px #CCCCCC;
	  margin-bottom: 10px;
	  min-width: 200px;
	  margin-right: 10px;
	}

	#webinar_select {
		display: block;
	}
	
	#webinar_radio {
		display: none;
	}
}