@charset "UTF-8";

body, div, h1, form, fieldset, input, textarea {margin: 0; padding: 0; border: 0; outline: none;}
img {border:none;}
h1, h2, h3, h4, h5, h6, ul, li, p {margin: 0;padding: 0;}
.clearMe {clear: both;}
body
{	background-color: #FFF;
	margin:0;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;}

#header {height: 300px;}

.grouph {max-width: 1200px;margin: 0px auto;}

#header .logo, #header .Head1, #header .drapeaux {position:absolute;}

#header .cadre-header
{ position:absolute;
	top:20px;
	left:360px;}

.france
{	position:absolute;
	top:20px;
	width:30px;
	height:20px;
	left:950px;}

.allemagne
{	position:absolute;
	top:20px;
	width:30px;
	height:20px;
	left:1000px;}

.navigation
{	list-style-type:none; 
	max-width: 1200px;
	text-align: center;
	margin: 0px auto;}

#navicss
{	background-color:#97b4ca ;
	padding: 10px 0 10px 0;}

.navigation li 
{ display :inline;
  padding : 0 2.8em; /* Pour espacer les boutons entre eux */}

.navigation a
{	color:#000 ;
	display: inline-block;
	font-size:20px;
    font-weight:bold;
    text-align:center;
	text-decoration:none; }

.navigation a:hover, .navigation a:focus 
{	text-decoration:none;
    color:#FFF;
	text-shadow: 1px 1px 1px black;}

.republique
{	width:90px;
	height:50px;
	margin-top: 30px;
  	margin-left: 10px;}

.logo-rep
{	max-width: 1200px;
  	margin: 0px auto;}

#bottom {background-color: #97b4ca;margin-top: 20px;padding: 10px;height: 40px;}
#bottom .footer {max-width: 1200px; margin: 0px auto;}
#bottom a.mentionslegales {color:#000;font-size:14px;text-decoration:none;width: 130px;float: right;text-align: right;}
#bottom p.copyright {color:#000;font-size:14px;text-decoration:none;width: 240px;float: left; }
#bottom a.mentionslegales:hover {color:#FFF;text-shadow: 1px 1px 1px black;}

.navigation .en-cours a {color:#FFF;text-shadow: 1px 1px 1px black;}