@media screen {

/* CSS Document */

.bandeauSupLangue {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:123px;
	z-index:1;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:0px none #FFFFFF;
	background-color:#FFFFFF;
	margin:0px;
}

img.accueilHaut {
	position:absolute;
	left:21px;
	top:19px;
	width:335px;
	height:103px;
}

img.accueilAlsace {
	position:absolute;
	top:0px;
	right:12px;
	width:135px;
	height:122px;
}
.unionEuropeenne {
	position:absolute;
	left:0px;
	top:123px;
	width:100%;
	height:35px;
	z-index:2;
	background-color:#005E78;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.unionEuropeenne img {
	position:absolute;
	top:0px;
	left:178px;
	width:314px;
	height:35px;	
}

/* Choix langues */
.unionEuropeenne div {
	position:absolute;
	top:10px;
	right:12px;
	font-family:Arial, Geneva, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.1em;
}


.unionEuropeenne div a {
	color:#FFFFFF;
	text-decoration:none;
}

.unionEuropeenne div a:hover {
	color:#CCCCCC;
}

/* Contenu accueil */
.contenuAccueil {
	position:absolute;
	left:0px;
	top:158px;
	width:100%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;	
	border-bottom:1px solid #000000;	
	background-color:#FFFFFF;
}

.basContenuAccueil {
	width:100%;
	height:17px;
	background-color:#005E78;
	clear:both;
}

.basContenuAccueilLangue {
	width:100%;
	height:2px;
	background-color:#005E78;
	clear:both;
}

/* Bas de page */
.pitch {
	position:relative;
	width:100%;
	height:75px;
}

img.logoAccueilBas {
	position:absolute;
	top:0px;
	left:305px;
	width:68px;;
	height:74px;
}

.textAccueilBas {
	position:absolute;
	top:20px;
	left:385px;
	width:385px;
	height:45px;
}

.libelleAccueilBas {
	position:absolute; left:0px; top:0px; width:328px; background-color:#FFFFFF; color:#5F5E5E; font-family:Tahoma, Verdana, sans-serif; font-size:11px; padding:0px; margin:0px; line-height:20px;
}

.textAccueilBas > .libelleAccueilBas {
	line-height:16px;
}

.souligneAccueilBas {
	position:absolute; left:0px; top:39px; width:57px; height:6px; background-color:#005E78;
}

.ligneDroiteAccueilBas {
	position:absolute; right:0px; top:28px; width:57px; height:6px; background-color:#005E78;
}
.firstLetterAccueilBas {
	font-size:25px;
	font-weight:500;
}

.barreBas {
	position:relative;
	background-color:#005E78;
	width:100%;
	height:7px;
}

/* Formulaire d'identification */

.unionEuropeenne fieldset {
	position:absolute;
	border-style:none;
	top:7px;
	right:8px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:5;
	text-align:right;
}

.unionEuropeenne fieldset input {
	font-family:Arial, Geneva, sans-serif;
	color:#7A7A7B;
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	margin-bottom:0px;
	clear:both;
}
#username {
	width:81px;
	font-size:1em;
}

#password {
	width:81px;
	font-size:1em;
}

#messagePassword {
	font-family:Arial, Geneva, sans-serif;
	font-size:1em;
	color:#7A7A7B;
	position:absolute;
	margin-left:4px;
	margin-top:4px;
	z-index:40;
}

fieldset > #messagePassword {
	margin-top:3px;
}


.unionEuropeenne fieldset input#connexion {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:500;
	font-size:1em;
	color:#000000;
	border-style:outset;
	border:1px outset #86A6B0;
	padding:1px;
}

.unionEuropeenne p {
	position:absolute;
	border-style:none;
	top:11px;
	right:8px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:5;
	text-align:right;
	font-weight:bold;
	color:#B2E0FF;
}


/* Menu de la page d'accueil */
.menuAccueil {
	width:205px;
	min-height:323px;
	background-color:#FFFFFF;
	border-right:1px solid #C5C5C6;
	margin:0px 0px 0px 0px;
	float:left;
}

.menuAccueil h2 {
	font-size:1.0em;
	margin-left:7px;
	margin-top:1.8em;
	margin-bottom:0;
	font-weight:bold;
	color:#FE9104;
	padding:0;
}

.menuAccueil h2 a {
	color:#005E78;
	text-decoration:none;
}

.menuAccueil h2 a:hover {
	color:#FE9104;
	text-decoration:underline;
	padding-bottom:0.2em;
}

.menuAccueil h2.presentation {
	margin-top:0px;
	padding-top:5px;
}

.menuAccueil h2.presentation a  {
	color:#FE9104;
}

.menuAccueil p {
	color:#7E7C7C;
	margin-left:7px;
	margin-right:7px;
	margin-top:0;
	margin-bottom:0;
	border-style:none;
	padding:0px;
}


.menuAccueil form {
	display:inline;
}

.menuAccueil input {
	border:1px solid #C5C5C6;
	margin-right:1px;
	margin-left:7px;
	margin-top:5em;
	margin-bottom:2px;
	clear:both;
}

.menuAccueil input#submit {
	margin-left:0px;
}


/* Contenu */
.contenuAccueil .contenu {
	float: left;
	width:377px;
	background-color:#FFFFFF;
}

.contenuAccueil .contenu p {
	margin-left:3em;
	margin-right:3em;
	padding-left:0px;
	padding-right:0px;

	text-align:justify;
	border-style:none;
}

/* Barre logos partenaires */
.partenaires {
	position:absolute;
	left:0px;
	top:8px;
	width:100%;
	z-index:10;
	background-color: #FFFFFF;
}

.partenaires img {
	float:left;
	margin-left:0px;
}

}