body {
	font-family: Questrial, Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	color: #000;
	margin: 0 0 0 0;
}
a {
	color: #0086b3;
	text-decoration: none;
}
img {
	border: none;
}
select {
  font-size: 16px;
}

.ret { clear:both }
#navig {
	min-width: 880px;
	overflow: hidden;
}
#navig-content {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
}
#logo {
	float: left;
	margin-top: 6px;
	cursor: pointer;
	font-family: Quicksand;
	font-weight: bold;
	font-size: 40px;
	color: #0086b3;
}
#point {
	font-size: 36px;
	color: #64B216;
}
.deco {
	/*font-family: Cinzel Decorative;
	text-transform: uppercase;*/
}
.bleu {
	color:#aef;
}
#logo-top {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px
}
#bar {
	float: right;
	padding-top: 5px;
}
#country {
	padding-left: 20px;
}
.menu {
	float: left;
	margin: 8px 2px;
	margin-top: 12px;
	padding: 5px 10px;
	color: #0086b3;
	border: #fff solid 2px;
	border-radius: 8px;
}
.menu:hover {
	border: #0086b3 solid 2px;
}
.country {
	float: left;
	padding: 17px 15px;
}
#slog {
	float: left;
	color: #0A51A9;
	font-family: Questrial;
	font-size: 11px;
	margin-top: 36px;
	margin-left: 4px;
	display: none;
}
#content {
	min-height: 1000px;
}
#content-top {
	font-family: Questrial,Arial;
	color: #fff;
	background: #108DB7;
	/*border: #108DB7 solid;
	border-width: 1px 0 1px 0;*/
}
#content-title, .content-title {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#content-text, .content-text {
	width: 860px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	font-family: Questrial,Arial;
}
#content-form {
	background: #f3f3f3 url(/images/bg-gray.png) top repeat-x;
	border: #ccc solid;
	border-width: 1px 0 1px 0;
}
#footer {
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding: 20px;
	background: #666;
}
#msgform {
	text-align: left;
	font-size: 20px;
	margin: 30px;
}
#pform,#msgform {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.form {
	width: 800px;
	padding: 20px 140px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #f3f3f3 url(/images/bg-gray.png) top repeat-x;
	border: #ccc solid 1px;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -o-border-radius:8px;
}
.form td {
	padding: 10px;
}
.field {
	font-size: 14px;
	width: 350px;
	margin-left: 3px;
	padding: 2px;
	padding-left: 4px;
	border: #ccc solid 1px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -o-border-radius:4px;
	background: #fff;
}
.mfield {
	font-family: Verdana;
	font-size: 16px;
	width: 98%;
	color: #777;
	padding: 6px;
	border: #ccc solid 1px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -o-border-radius:6px;
	background: #f3f3f3 url(/images/bg-gray.png) top repeat-x;
}
.mdiv {
	margin-top: 20px;
	margin-bottom: 20px;
}
.caddie {
	font-size: 14px;
	font-weight: bold;
	background: #1664B2 url(/images/blueh.jpg);
	color: #fff;
	width: 170px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -o-border-radius:6px;
	cursor: pointer;
	padding: 10px;
}
.caddie:hover {
	background: #64B216;
}
#reponse {
	width: 520px;
	font-size: 18px;
	color: #1664B2;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border: #ccc solid 1px;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -o-border-radius:8px;
	background: #f3f3f3 url(/images/bg-gray.png) top repeat-x;
	padding: 40px;
}
.title { text-align:center; margin-left:0px; width:auto; font-size: 32px; color: #fff; }
.t1, .t2 { font-size: 32px; color: #0086b3; margin-bottom:40px; }
.text1, .text2 { font-size: 18px; width:550px; margin-bottom:30px; margin-left:30px; line-height: 24px }
.t2, .text2 { text-align:center; margin-left:0px; width:auto; }
.i1 { float: left; padding-top:20px; }
.t2red { color: #D0E4A6; font-size: 28px; }

.logo {
	font-family: Quicksand;
	font-weight: bold;
}
.break {
	clear:both;
	height:40px;
}
.left {
	float:left;
}

@-ms-viewport { width: device-width; }

@media screen and (max-width: 880px) {
	#navig, #navig-content, #content-text {
		width: auto;
		min-width: 0;
	}
	#invite { display: none }
}

@media screen and (max-width: 600px) {
	.form, #pform, #specs, .text1, .text2, #reponse, .mfield {
		width: auto;
		min-width: 0;
		margin-left: 0;
	}
	#logo, #bar, #logo-top, .i1 {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#slog, #invite, .country { display: none }
	.t1 { text-align: center }
}