body {font-family:'Open Sans', sans-serif; font-size:14px; padding:0; margin:0; background-image:url(../image/mission/grass.jpg); background-repeat:repeat;}
img, div {margin:0; padding:0;}
em, a {text-decoration:none; font-style:normal;}
a {color:#3781c2;}
	em:visited, a:visited {color:#3787c2}
		a.reference:visited {color:#fff;}
	a:hover {color:#81AAE0;}
		a.reference:hover {color:#fff;}
h1 {font-size:2.5em; font-weight:700; color:#333; text-transform:uppercase;}
h2 {text-transform:uppercase; color:#333;}
td {vertical-align:top;}
button {display:inline-block; padding:6px; margin:15px 0; border-radius:5px; color:#fff; text-decoration:none; background:#55ab46; right:30px; border:none; font-size:14px;}
	button:hover {background:#338924;} 
input, select, .submit-feedback {display:inline-block; margin:10px 0; padding:7px 12px; border:1px solid #ccc; color:#000; font-size:18px; font-family:'Open Sans', sans-serif; border-radius:3px; width:220px; margin-right:15px;}

label {display:block; padding-left:15px; text-indent:-15px; margin:10px 0 20px 0;}

.mobile {display:none;}

.sponsors {position:absolute; right:50%; margin-right:150px; z-index:50; vertical-align:middle;}
	.sponsors a {display:inline-block; padding:17px 15px;}
	.sponsors img {position:relative;}
	.sponsors .metis {height:55px;}
	.sponsors .tog {top:5px; height:70px;}
	
.logo {position:absolute; left:50%; width:150px; margin-left:-75px; margin-top:25px; z-index:50;}

.share {position:absolute; left:50%; margin-left:180px; z-index:50;}
	.share a {display:inline-block; padding:45px 10px 0 10px;}
	.share img {width:32px;}
	
.menu {position:absolute; top:210px; left:50%; margin-left:-414px; z-index:10; padding:0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#fff;}
	.menu div {display:inline-block; background-color:rgba(0,0,0,0.4); color:#fff; padding:10px; margin:0; font-size:17px; text-transform:uppercase; font-weight:700; cursor:pointer; left:-2px;}
	.menu img {height:24px; margin:7px 20px;}
	.menu #m1 {background:rgb(175, 0, 0); color:#fff;}
	.menu .en {background:#1268ba;}

.language {position:absolute; top:100px; right:0; z-index:5; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,0.3); font-size:0;}
	.language img {width:64px;}
		
.box {background:#fff; padding:50px 0; width:100%;}

.slides {box-sizing:border-box;}		
	.slides img {display:none; position:absolute; width:100%;}
		.slides .bg {display:block; position:relative; z-index:-10;}
		.slides .s1 {display:block;}
	.slides .previous, .slides .next {font-size:30px; color:#fff; padding:10px; position:absolute; visibility:hidden; display:inline-block; margin-top:-17px; border-radius:20px; font-weight:bold; line-height:60%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}
	.slides .previous:hover, .slides .next:hover {background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,0.3); color:#000; cursor:default; z-index:20;}
	.slides .previous {left:30px;}
	.slides .next {right:30px; padding-left:12px; }
	.slides:hover div {visibility:visible;}
	.pointer {cursor:pointer;}

.news {}
	.news h2 {margin-top:0;}
	.news .block {position:relative; left:50%; margin-left:-350px; width:690px;}
	.news article {padding:20px 0;}
		.news article a {text-transform:uppercase; font-weight:600;}
	.news .column {display:inline-block; vertical-align:top;}
	.news img {max-width:180px; margin-right:50px; display:inline-block;}
	.news .c1 {width:230px; text-align:center;}
	.news .c2 {width:450px;}
	.news h3 {font-size:1.1em; font-weight:400; font-style:italic; margin-top:0;}

.agenda {text-align:center;}
	.agenda .head {position:relative; font-size:1.3em; display:inline-block; padding:10px; background:#af0101; color:#fff; text-transform:uppercase; font-weight:700; z-index:0; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }
	.agenda .table {text-align:left; position:relative; left:50%; box-sizing:border-box; width:700px; margin-left:-350px; font-size:1.2em; padding:20px; border:1px solid #eee; box-shadow:2px 2px 2px rgba(0,0,0,0.2); background:#fff; z-index:5;}
	.agenda div {padding:5px 10px; vertical-align:top;}
	.agenda .item {border-bottom:1px solid #ccc;}
		.agenda .item div {display:inline-block; font-style:italic;}
		.agenda .item div:nth-child(1){width:90px;}
		.agenda .item div:nth-child(2){width:50px;}
		.agenda .item div:nth-child(3) {width:420px; font-style:normal;}
	.agenda a {text-transform:uppercase; font-weight:600; padding-left:5px; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
	.agenda .message {display:none; padding:10px 0 30px 20px;}
	
.navigation {display:block; margin-top:30px; font-size:1.3em; text-align:center; text-transform:uppercase; cursor:pointer;}
	.navigation.top {margin-bottom:50px;}
	
.about {text-align:center;}

.profile {display:inline-block; width:49%; padding:40px; box-sizing:border-box; vertical-align:top;}
	.profile p {margin-top:20px;}
	
.card {display:inline-block; position:relative; padding:15px; border-radius:0px; box-shadow:2px 2px 5px rgba(0,0,0,0.4); border:1px solid #ddd; text-transform:uppercase;}
	.card div {font-weight:600; font-size:1.1em;}
	.card .image {height:350px; width:250px; background-position:center center; background-repeat: no-repeat;}
	.card .text  {display:inline; position:absolute; bottom:25px; left:5px; padding:0 3px; display:inline-block; font-weight:700; font-size:1.7em; font-weight:900; color:#fff; text-align:left; padding:0 5px;}
		.card .text div div {position:relative; display:inline-block; background:rgba(175,0,0,0.8);}
		.card .position {font-style:italic;}

.mission {padding:100px 0; border:none;}
	.mission .content {position:relative; left:50%; margin-left:-412px; box-sizing:border-box; width:824px;}
	.mission .i1 img {float:left;}
	.mission .item div, .mission .item img {display:inline-block; box-shadow:0 10px 20px rgba(0,0,0,0.2); background:#fff; height:400px; width:400px; box-sizing:border-box; margin:5px;}
	.mission .item div {padding:25px; vertical-align:top;}
	.mission h1 {padding-right:10px;}
	.mission p {width:350px;}

.contact {background:#fff; font-size:0;}
	.contact div {display:inline-block; vertical-align:top; font-size:14px;}
	.contact .info {width:200px; padding:30px; padding-left:80px;}
	.contact h2 {margin-top:25px;}
	.contact .description {width:250px; padding:40px;}
	.contact iframe {width:300px; height:413px; border:none;}

.map {font-size:0;}
	
.subscription {padding:50px 0; background:rgb(175,0,0);}
	
form {position:relative; width:700px; margin-left:-345px; left:50%; color:#fff; font-weight:600; font-size:1.3em;}
	form h1 {padding-bottom:15px; font-size:2em; margin-top:0; color:#fff;}
	form div {display:inline-block; text-transform:uppercase; font-size:16px;}
	form a {text-decoration:underline; color:#fff;}
	form .birthday {margin-right:15px; width:145px; text-align:right;}
	form .name {width:200px;}
	form .names  {width:300px;}
	form .street {width:320px;}
	form .residence {width:165px;}
	form .sex {width:90px;}
	form .date {width:155px;}
	form .birthplace {width:290px;}
	form .postal {width:80px;}
	form .number {width:240px;}
	form .email {width:371px;}
	form .document, form .doc-nr, form .for, form .iban {width:319px;}
	form input[type=checkbox] {-ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); padding: 10px; width:20px; margin:25px 10px 20px 0;}
	form .agree {position:relative; width:645px; top:-1px;}
	form .message {width:570px; display:block; }
	form .submit, form .submit-feedback {font-size:16px; text-align:left; cursor:pointer; display:inline-block; margin-top:15px; color:#fff; border:1.5px solid #fff; text-transform:uppercase;}
	form .submit {width:105px; background:#222; font-weight:700;}
	form .submit-feedback {width:205px; background:#00B011; font-weight:400;}

.reference {bottom:0; right:0; display:inline-block; position:fixed; padding:4px 10px; background:rgba(0,0,0,0.7); color:#fff;}

.donation {text-align:center;}
	.donation iframe {display:inline-block; max-width:500px; min-width:310px; width:100%; height:685px; width:400px;}