body{
	margin:0;
	font-family:'FuturaMedium',sans-serif;
}
header {
background:#000;
border-bottom:solid 3px #64e61e;
padding:20px 0px 25px 0;
}
header h1{
display:bloc;
width:951px;
text-align:right;
margin:0 auto;
color:#fff;
font-weight:normal;
}
header h1 img{
	float:left;
	margin-top:-20px;
}
#content {
width:951px;
margin:0 auto;
padding:30px 0;
}
#content .colGauche{
	float:left;
	width:340px;
	font-size:14px;
}
#content .colGauche span{
	font-size:12px;
}
#content .colGauche span a{
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
#content .colGauche span a:hover{
	color:#64e61e;
	transition: all 0.2s ease-in;
}
#content .colGauche h2{
	margin:0;
	font-size:16px;
	color:#333;
}
#content .colDroite{
	padding-top:5px;
	float:right;
}
footer {
    background: none repeat scroll 0 0 #000000;
    border-top: 3px solid #64e61e;
    bottom: 0;
    color: #FFFFFF;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: -50;
}
footer span{
	display:block;
	width:951px;
	margin:0 auto;
	text-align:left;
}
.clear{
	clear:both;
}
.mention {
	padding-top:0px;
	font-style:italic;
	font-size:11px;
}
.select-pays {
	box-shadow: 12px 4px 17px #CCCCCC;
	height: 141px;
	margin-bottom: 30px;
	background:#fff;
	padding-top: 30px;
}
.select-pays span{
	display:block;
	width:951px;
	margin:0 auto 50px;
	font-size:20px;
	color:#333;
}
h1 strong,
#content .colGauche h2 strong,
.select-pays span strong{
	color:#64e61e;
}
.select-pays ul{
	width:951px;
	padding:0;
	margin:0 auto;
	font-size:12px;
}
.select-pays ul li{
	display:block;
	float:left;
	width:110px;
	text-align:center;
	padding:20px 0;
	margin:0 4px;
	box-shadow:5px -8px 12px #e1e1e1;
}
.select-pays ul li img{
	margin-bottom:10px;
}
.select-pays ul li a{
	text-decoration:none;
	display:block;
	color:#000;
}
.select-pays ul li:hover a{
	color:#fff;
}
.select-pays ul li:hover img {
	box-shadow:0px 0px 5px #50630B;
}
.select-pays ul li:hover{
	background:#64e61e;
	margin-top:-20px;
	padding-bottom:40px;
	transition: all 0.2s ease-in;
}

#content .colDroite video {
	max-width: 100%;
	height: auto;
}


@media (max-width: 320px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	.select-pays {
		margin-bottom: 20px;
		height: 100px;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 25%;
		margin: 0;
	}

	.select-pays ul li a {
		display:inline-block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}


@media (max-width: 360px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	.select-pays {
		margin-bottom: 20px0;
		height: 100px;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 25%;
		margin: 0;
	}

	.select-pays ul li a {
		display:inline-block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}


@media (min-width: 361px) and (max-width: 767px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	#content .colDroite video {
		height: auto;
	    max-width: 100%;
	}

	.select-pays {
		margin-bottom: 20px;
		height: auto;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 20%;
		margin: 0;
	}

	.select-pays ul li a {
		display:block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}

@media (width: 768px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	#content .colDroite video {
		height: auto;
	    max-width: 100%;
	}

	.select-pays {
		margin-bottom: 20px;
		height: 110px;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 12.5%;
		margin: 0;
	}

	.select-pays ul li a {
		display:block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}

@media (min-width: 769px) and (max-width: 800px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	#content .colDroite video {
		height: auto;
	    max-width: 100%;
	}

	.select-pays {
		margin-bottom: 20px;
		height: auto;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 12.5%;
		margin: 0;
	}

	.select-pays ul li a {
		display:block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}

@media (width: 801px) and (max-width: 980px) {

	header {
		padding-top: 5px;
	}
	header h1 {
		width: 100%;
		text-align: center;
		font-size: 1.3em;
	}

	header h1 img {
		float:none;
		display: block;
		margin: auto;
	}

	#content {
		width: 100%;
	}

	#content .colGauche {
		float: none;
		width: 96%;
		padding: 2%;
	}

	#content .colDroite {
	    float: none;
	    width: 96%;
		padding: 2%;
	}

	#content .colDroite video {
		height: auto;
	    max-width: 100%;
	}

	.select-pays {
		margin-bottom: 20px;
		height: 110px;
	}

	.select-pays ul {
		width: 100%;
	}

	.select-pays ul li {
		width: 12.5%;
		margin: 0;
	}

	.select-pays ul li a {
		display:block;
		font-size: 0.8em;
	}

	.select-pays ul li a img, .select-pays ul li img {
		width:90%;
		margin: auto;
	}

	footer {
		position: static;
	}

	footer span {
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
	}
}