@charset "utf-8";
/* CSS Document */
body{ background:#DADADA; padding:0; margin:0; font-family: 'Source Sans Pro', sans-serif;}
header{ width:100%; margin:0 auto; text-align:center; background:#fff; display:block; padding:20px 0 20px 0;}
h1{ width:100%; margin:0 auto; text-align:center; display:block; font-weight:400; font-size:45px; text-transform:uppercase; letter-spacing:5px;}
h2{ width:100%; margin:0 auto; text-align:center; display:block;font-weight:200; font-size:18px; text-transform:uppercase; color:#999; letter-spacing:5px;}
section{ width:100%; margin:0 auto; text-align:center; display:block; padding:30px 0 30px 0;}
.details{ text-transform:uppercase; font-size:20px; color:#666;}
.details hr{ color: #999;background-color: #999;height: 1px;width:60%; margin:10px auto; border:none; }

.info_box{ width:43%; padding:20px; background:#ffffff; overflow:hidden; margin-bottom:30px;}
.info_box .logo{ float: left; width: 27%; margin-right: 3%;}
.info_box .logo img{ width:100%; height:auto;}


.info_box .text{ width:70%; float:left; }
.info_box .text .en{ width:47%; margin-right:3%; font-style:normal; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; text-align:justify;}
.info_box .text .fr{ width:50%;  font-style:italic; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; text-align:justify;}
.info_box .link{ width:100%; float:left; text-align:center;  margin-top:20px; }
.button {
	font-style:300;
display:block;
width:330px;
margin: 0 auto; 
padding:10px;
font-size:18px;
text-transform:uppercase;
color:#333333;
text-decoration:none;
border: 1px #ccc solid;
text-shadow:1px 1px 0px #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.button:hover{
color:#fff;
text-shadow:1px 1px 0px #1e5799;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	
	}


.button1 {	font-style:300;
display:block;
width:330px;
margin: 0 auto; 
padding:10px;
font-size:18px;
text-transform:uppercase;
color:#333333;
text-decoration:none;
border: 1px #ccc solid;
text-shadow:1px 1px 0px #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

@media only screen and (max-width: 1200px) {
.info_box{ width:80%; padding:20px; background:#ffffff; overflow:hidden; margin-bottom:30px;}
}

@media only screen and (max-width: 800px) {
.info_box .logo {float: none;width: 43%;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.info_box .text {width: 100%;float: left;}