body {
	background-color: #40D1FF;
	color: white;
/* 	min-width: 350px; */
}

#logodiv {
	background-color: rgba(64, 209, 255, 0.88);
}

#menujs {
	background-color: rgba(64, 209, 255, 0.88);
}

p, form {
	font-weight: 100;
}

	.pmoins, .pmoins2 {
		position: relative;
		font-size: 16px;
		top: -14px;
	}

.rouge {
	color: red;
}

.fondpb {
	background-color: #ffdbe1;
}

.label {
	text-align: right;
	display: inline-block;
}

.labelradio {
	text-align: left;
	display: inline-block;
}

.input {
	color: #0073CC;
	background-color: #6edeff;
	font-family: "Comfortaa";
	font-weight: 100;
	border-width: 0px;
}

.labeltextarea {
	padding-top: 4px;
}

	.textarea {
		color: #0073CC;
		background-color: #6edeff;
		font-family: "Comfortaa";
		font-weight: 100;
		border-width: 0px;
		vertical-align: top;
	}

#accueilp {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	display: block;
}

	#afin {
		width: 92%;
	}

	#divdemande {
		color: white;
		text-align: left;
		display: inline-block;
	}

		#votredemandeconcerne {
			margin: 0;
		}

		#idradiomep {
			color: #0073CC;
			display: inline-block;
		}

		#idradioprog {
			color: #E5FF00;
			display: inline-block;
		}

		#idradiophoto {
			color: #00FF74;
			display: inline-block;
		}

		#idradiogestion {
			color: #FF8080;
			display: inline-block;
		}

		#idradioautre {
			color: #A300FF;
		}

#form button {
	color: #0073CC;
	background-color: #6edeff;
	border-style: none;
	font-family: "Comfortaa", "Futura", Helvetica, Arial, sans-serif;
	font-weight: 100;
	display: inline;	
	position: relative;
	left: -2%;
}

	#form button:hover {
		background-color: white;
	}

@media (min-width: 950px) {
	.cutopt {
	}

	.cutopt2 {
	}

	p, form {
		font-size: 18px;
	}

	form {
		min-width: 860px;
		margin-left: 8%;
	}

		.pmoins, pmoins2 {
			padding-left: 310px;
		}

	label {
		font-size: 21px;
	}

		.label {
			width: 300px;
			margin-right: 6px;
		}

		.input {
			font-size: 21px;
			margin-bottom: 21px;
		}

		.textarea {
			font-size: 21px;
		}

	#accueilp {
		padding-top: 21px;
		width: 68%;
		font-size: 21px;
	}

		#fairepourvous {
			padding-left: 88px;
		}

		#aujourdhui {
			padding-left: 176px;
		}

		#etdemain {
			padding-left: 21px;
			display: inline-block;
		}

	#divdemande {
		margin-bottom: 21px;
	}

		#idradiomep, #idradioprog, #idradiophoto, #idradiogestion {
			margin-bottom: 10px;
		}

	#prenom, #nom, #nomsociete, #telephone {
		width: 221px;
	}

		#email {
			width: 288px;
		}

		#sujet {
			width: 548px;
		}

		#detail {
			width: 548px;
			height: 148px;
		}

	#form button {
		margin: 21px 0px;
		padding: 4px 8px;
		font-size: 21px;
	}

	#demandeparvenue {
		margin-top: 88px;
		margin-left: 10%;
	}
}

@media (min-width: 700px) and (max-width: 949px) {
	.cutopt {
	}

	.cutopt2 {
		display: block;
	}

	p, form {
		font-size: 18px;
	}

	form {
		min-width: 480px;
		margin-left: 4%;
/* background-color: rgba(255, 255, 255, 0.48); */
	}

		.pmoins {
			padding-left: 310px;
		}

		.pmoins2 {
			padding-left: 88px;
		}

	label {
		font-size: 21px;
	}

		.label {
			width: 300px;
			margin-right: 6px;
		}

		.input {
			font-size: 21px;
			margin-bottom: 18px;
		}

		.textarea {
			font-size: 21px;
		}

	#accueilp {
		padding-top: 21px;
		width: 68%;
		font-size: 21px;
	}

		#fairepourvous {
			padding-left: 88px;
		}

		#aujourdhui {
			padding-left: 176px;
		}

		#etdemain {
			padding-left: 21px;
			display: inline-block;
		}

	#prenom, #nom, #nomsociete, #telephone {
		width: 221px;
	}

		#email {
			width: 288px;
		}

		#sujet {
			width: 90%;
			max-width: 588px;
			margin-left: 10%;
		}

		#detail {
			width: 90%;
			max-width: 588px;
			height: 148px;
			margin-left: 10%;
		}

	#divdemande {
		margin-bottom: 21px;
	}

		#idradiomep, #idradioprog, #idradiophoto, #idradiogestion {
			margin-bottom: 10px;
		}

	#form button {
		margin: 21px 0px;
		padding: 4px 8px;
		font-size: 21px;
	}

	#demandeparvenue {
		margin-top: 88px;
		margin-left: 10%;
	}
}

@media (min-width: 450px) and (max-width: 699px) {
	.cutopt {
		display: block;
	}

	.cutopt2 {
	}

	p, form {
		font-size: 18px;
	}

	form {
		margin-left: 4%;
		width: 96%;
	}

		.pmoins, .pmoins2 {
			padding-left: 28px;
		}

	label {
		font-size: 21px;
	}

		.label {
			text-align: left;
		}

		.input {
			font-size: 21px;
			margin-bottom: 0px;
			margin-left: 4%;
		}

		.textarea {
			font-size: 21px;
		}

	#accueilp {
		padding-top: 21px;
		width: 88%;
		margin-left: 8%;
		font-size: 21px;
	}

		#fairepourvous {
			padding-left: 68px;
		}

		#aujourdhui {
			padding-left: 136px;
		}

		#etdemain {
			padding-left: 21px;
			display: inline-block;
		}

	#prenom, #nom, #nomsociete, #telephone {
		width: 248px;
	}

		#email {
			width: 300px;
		}

		#sujet {
			width: 90%;
			min-width: 300px;
			max-width: 600px;
		}

		#detail {
			width: 90%;
			min-width: 300px;
			max-width: 600px;
			height: 148px;
			margin-left: 4%;
		}

	#divdemande {
		margin-bottom: 21px;
	}

		#votredemandeconcerne {
			margin-bottom: 8px;
		}

		#idradiomep, #idradioprog, #idradiophoto, #idradiogestion {
			margin-bottom: 10px;
		}

	#form button {
		margin: 21px 0px;
		padding: 4px 8px;
		font-size: 21px;
	}

	#demandeparvenue {
		margin-top: 88px;
		margin-left: 10%;
	}
}

@media (max-width: 449px) {
	.cutopt {
		display: block;
	}

	.cutopt2 {
	}

	p, form {
		font-size: 18px;
	}

	form {
		margin-left: 4%;
	}

		.pmoins, .pmoins2 {
			padding-left: 28px;
			margin-right: 4%;
		}

	label {
		font-size: 21px;
	}

		.label {
			text-align: left;
		}

		.input {
			font-size: 21px;
			margin-bottom: 0px;
			margin-left: 4%;
		}

		.textarea {
			font-size: 21px;
		}

	#accueilp {
		padding-top: 21px;
		width: 88%;
		margin-left: 8%;
		font-size: 21px;
	}

		#fairepourvous {
			padding-left: 68px;
		}

		#aujourdhui {
			padding-left: 136px;
		}

		#etdemain {
			padding-left: 21px;
			display: inline-block;
		}

	#prenom, #nom, #nomsociete, #telephone {
		width: 248px;
	}

		#email {
			width: 88%;
			max-width: 288px;
		}

		#sujet {
			width: 88%;
/* 			min-width: 300px; */
			max-width: 600px;
		}

		#detail {
			width: 88%;
/* 			min-width: 300px; */
			max-width: 600px;
			height: 148px;
			margin-left: 4%;
		}

	#divdemande {
		margin-bottom: 21px;
	}

		#votredemandeconcerne {
			margin-bottom: 8px;
		}

		#idradiomep, #idradioprog, #idradiophoto, #idradiogestion {
			margin-bottom: 10px;
			vertical-align: top;
		}

	#form button {
		margin: 21px 0px;
		padding: 4px 8px;
		font-size: 21px;
	}

	#demandeparvenue {
		margin-top: 88px;
		margin-left: 10%;
	}
}

@media (max-width: 388px) {
	.cutopt3 {
		display: block;
	}
}