﻿@font-face
		{
			font-family: 'QuicksandBold';
			src: url('imgs/fonts/Quicksand_Bold-webfont.eot');
			src: url('imgs/fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('imgs/fonts/Quicksand_Bold-webfont.woff') format('woff'), url('imgs/fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('imgs/fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
			font-weight: bold;
			font-style: normal;
		}

		a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var
		{
			background: transparent;
			border: 0 none;
			font-size: 12px;
			margin: 0;
			padding: 0;
			vertical-align: baseline;
			list-style: none;
		}

		* { font-size:12px;color:#666;font-family:verdana}
		
		body {background:#eee;padding-top:10px }
		body .field-validation-error{color:#bf0246;font-weight:700;display:block;margin:3px 0px} 
		.main {margin:auto; width:640px }
		.header {background:#fff url(imgs/header.png) no-repeat;height:101px; }
		.header h1{color:#fff;font-family: QuicksandBold;position:relative;top:20px;right:10px;text-align:right;font-size:20px}
		.main .body{margin-top:3px;background:#fff;padding:10px}
		.main .body h2 {font-size:12px;margin-bottom:15px}
		.main .body p {padding:15px}
		.main .body .intro {margin:10px 0px;font-style:italic}
        .main .body .validation-summary-errors {padding:5px;margin-bottom:15px;color:#bf0246;border:solid 1px #bf0246;background:#fec6c3 }
        .main .body .section {margin-top:20px}
		.main .body .submit { text-align:right}
		.main .body .submit input {
			padding: 4px 20px;
			background: #459710;
			color: #fff;
			font-family: QuicksandBold;
			border: none;
			border-radius: 3px;
			border-top: 1px solid #a2cb88;
			border-bottom: 1px solid #4d832a;
			text-transform: uppercase;
			font-size: 14px;
			text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
			cursor: pointer;
			-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0;
			-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0;
			box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0;
			white-space: nowrap;
		}
		
        .body .thanks {margin:70px 0px 100px 0px}

		.footer{color:#fff;background:#fff url(imgs/footer.png) no-repeat;height:24px;text-align:center;padding-top:20px}
		.footer a{color:#fff;font-weight:700;}
		.legal{text-align:center;color:#fff;font-size:10px;margin-top:10px;color:#666}
		
		.questionOuiNon {overflow:auto;margin:5px 0px}
		.questionOuiNon .label {width:330px;float:left;margin-left:15px;border-bottom:solid 1px #eee;margin-right:3px;font-size:11px;text-align:right}
		.questionOuiNon .radios {overflow:auto;width:270px;float:left; repeat-y;}
		.questionOuiNon .radios label {font-weight:700}
		.questionOuiNon .radios label.Yes {color:green}
		.questionOuiNon .radios label.No {color:#bf0246}
		
		.question4choix {overflow:auto;margin:5px 0px}
		.question4choix .label {width:330px;float:left;margin-left:15px;border-bottom:solid 1px #eee;margin-right:3px;font-size:11px;text-align:right}
		.question4choix .radios {overflow:auto;width:270px;float:left;background:#fff url(imgs/background4questions.png) repeat-y;}
		.question4choix .radios input{width:23%;margin:3px 0px!important;}
		.question4choix .titles .head{float:left;width:67px;font-size:10px;text-align:center; font-weight:700}
		.question4choix .titles {overflow:auto;width:270px;float:right;}
		

        .question5choix {overflow:auto;margin:5px 0px}
		.question5choix .label {width:280px;float:left;margin-left:15px;border-bottom:solid 1px #eee;margin-right:3px;font-size:11px;text-align:right}
		.question5choix .radios {overflow:auto;width:320px;float:left;background:#fff url(imgs/background5questions.png) repeat-y;}
		.question5choix .radios input{width:17%;margin:3px 0px!important;}
		.question5choix .titles .head{float:left;width:19%;font-size:10px;text-align:center; font-weight:700}
		.question5choix .titles {overflow:auto;width:320px;float:right;}
		
		

		.question10choix  {overflow:auto;text-align:center}
		.question10choix .titles{overflow:auto;margin-bottom:3px}
		.question10choix .titles .head{width:56px;float:left;font-weight:700}
		.question10choix .radios{overflow:auto;background:#fff url(imgs/background10questions.png) repeat-y 50% 50%;}
		.question10choix .radios input{width:9%;margin:3px 0px!important;float:left;height:15px}
		
		.questionTexte .textarea {text-align:center}
		.questionTexte .textarea textarea{border:solid 1px #bf0246; width:90%; height:45px}
		
		.required {color:#bf0246;font-weight:700}