@charset "utf-8";
/* CSS Document */
.col100x { width:100%; }
.col100flex { width:100%; display:flex; flex-wrap:wrap; }
.col090x { width:90%; }
.col090flex { width:90%; display:flex; flex-wrap:wrap; }
.col080x { width:80%; }
.col080flex { width:80%; display:flex; flex-wrap:wrap; }
.col070x { width:70%; }
.col070flex { width:70%; display:flex; flex-wrap:wrap; }
.col060x { width:60%; }
.col060flex { width:60%; display:flex; flex-wrap:wrap; }
.col050x { width:50%; }
.col050flex { width:50%; display:flex; flex-wrap:wrap; }
.col040x { width:40%; }
.col040flex { width:40%; display:flex; flex-wrap:wrap; }
.col030x { width:30%; }
.col030flex { width:30%; display:flex; flex-wrap:wrap; }
.col020x { width:20%; }
.col020flex { width:20%; display:flex; flex-wrap:wrap; }
.col010x { width:10%; }
.col010flex { width:10%; display:flex; flex-wrap:wrap; }

p.nomargin, h1.nomargin, h2.nomargin, ul.nomargin { margin:0; padding:0; }

input, select, textarea { width:100%; padding:0.25vw 0.5vw; font-size:1vw; border:#CCCCCC 1px solid; border-radius:0.35vw; font-family:'advent', Verdana, Arial, Geneva, sans-serif; }
	textarea { resize:none; }
input:hover, select:hover, textarea:hover { border:#00CC00 1px solid; }
input:focus, select:focus, textarea:focus { color:#339900; }
input.error, textarea.error { width:100%; border:#B54790 1px solid; padding:5px 2px; font-size:1vw; background-color:#F0CACA; }

input[type=submit] { width:90%; margin:0 auto; cursor:pointer; border:none; border-radius:6px; font-family:'advent', Verdana, Arial, Geneva, sans-serif; font-size:1vw; font-weight:bold; }
input.cancel { background-color:#FF0000; color:#FFFFFF; }
	input.cancel:hover { background-color:#666666; }
input.forward { background-color:#006600; color:#FFFFFF; }
	input.forward:hover { background-color:#666666; }


.bandeContainer_rubrique h5 { margin:0; padding:0; font-family:'bigshoulders', Arial, Helvetica, sans-serif; font-size:1.4vw; }

	.bandeContainerNews_rubriqueTitle { width:100%; max-width:1400px; margin:20px auto; display:block; }
	.contactBox { width:100%; max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; }
		.containerLeft { width:70%; display:flex; flex-wrap:wrap; }
			#contactForm { width:90%; margin:0 auto 2vw auto; padding:0 2vw }
				.codeMail { background-color:#F00; color:#FFF; padding:0.5vw 1vw; border-radius:8px; letter-spacing:0.5vw; }			
				.errorMessage { width:100%; margin-bottom:1vw; padding:1vw; display:flex; flex-wrap:wrap; border:#FF0000 1px solid; border-radius:8px; }
					.errorMessageText { width:80%; padding-left:2vw; }
						.errorMessageText p { margin-bottom:0; padding-bottom:0; }
						.errorMessageText ul { list-style-type:square; margin-top:0; padding-top:0; }
							.errorMessageText ul li span { color:#FF0000; font-weight:bold; }
				.formLabel { width:99.5%; display:flex; flex-wrap:wrap; margin:0.25vw 0.25%; padding:0.5vw 1vw; background-color:#CCCCCC; border-radius:0.35vw; }
					.picto { width:10%; padding:0 1vw; text-align:right; }
					.label { width:30%; padding:0 1vw; text-align:right; }
					.field { width:50%; }
					
					.col070x a:link, .col070x a:visited { color:#FF0000; }
					.col070x a:hover, .col070x a:active { color:#3399CC; }
				
		.containerRight { width:30%; }


@media only screen and (max-width: 600px) {
	input, select, textarea { padding:0.25vw 0.5vw; font-size:6vw; border-radius:1vw; }
	.containerLeft { width:100%; }
		#contactForm { width:100%; margin:2vw 0; padding:0 2vw; font-size:6vw; }
			.picto { width:10%; }
			.label { width:100%; text-align:left; padding-left:10vw; }
			.field { width:80%; }
			input[type=submit] { font-size:6vw; margin-bottom:4vw; }

	.containerRight { width:100%; padding:2vw 4vw; font-size:6vw; }
}