/* reglage general
----------------------------------------------------------
--------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	width: auto;
	height: auto;
	behavior: url("csshover.htc");
	font-family: Arial;
	background-image: url("images/header.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #202020;
}

img, div, a, input , body
{ 
	behavior: url("iepngfix.htc");
}

img
{
	border: none;
}

:focus
{
	-moz-outline-style: none;
}

a
{
	text-decoration: underline;
	outline: none;
	color: #03396c;
}

a:hover
{
	color: #24619b;
}

.cleared
{
	clear: both;
}

#conteneur
{
    width: 980px;
	margin: auto;
}

#header
{
	width: 980px;
	height: 129px;
}

#header h1
{
	text-indent: -9000px;
}

.lien-header
{
	display: block;
	width: 650px;
    height: 200px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 18px;
}

h4
{
	font-size: 16px;
}



/* home
----------------------------------------------------------
--------------------------------------------------------*/

#cadre-home
{
	width: 980px;
    height: 354px;
	margin: auto;
}

.carte-1
{
	width: 582px;
    height: 364px;
	float: left;
	background-image: url("images/carte-1.jpg");
	background-repeat: no-repeat;
}

.leipzig
{
	width: 67px;
    height: 18px;
	position: relative;
	left: 176px;
	top: 170px;
	overflow: hidden;
}

.leipzig img:hover
{
	margin-left:-67px;
}

.daugavpils
{
	width: 98px;
    height: 18px;
	position: relative;
	left: 363px;
	top: 65px;
	overflow: hidden;
}

.daugavpils img:hover
{
	margin-left:-98px;
}

.daugavpils-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 363px;
	top: 65px;
	background-image: url("images/daugavpils-off.png");
	background-repeat: no-repeat;
}

.sillamae
{
	width: 83px;
    height: 18px;
	position: relative;
	left: 350px;
	top: -10px;
	overflow: hidden;
}

.sillamae img:hover
{
	margin-left:-83px;
}

.sillamae-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 350px;
	top: -10px;
	background-image: url("images/sillamae-off.png");
	background-repeat: no-repeat;
}

.visaginas
{
	width: 83px;
    height: 18px;
	position: relative;
	left: 353px;
	top: 53px;
	overflow: hidden;
}

.visaginas img:hover
{
	margin-left:-83px;
}

.visaginas-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 353px;
	top: 53px;
	background-image: url("images/visaginas-off.png");
	background-repeat: no-repeat;
}

.wlodawa
{
	width: 83px;
    height: 18px;
	position: relative;
	left: 325px;
	top: 95px;
	overflow: hidden;
}

.wlodawa img:hover
{
	margin-left:-83px;
}

.wlodawa-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 325px;
	top: 95px;
	background-image: url("images/wlodawa-off.png");
	background-repeat: no-repeat;
}

.ostrava
{
	width: 75px;
    height: 18px;
	position: relative;
	left: 265px;
	top: 115px;
	overflow: hidden;
}

.ostrava img:hover
{
	margin-left:-75px;
}

.ostrava-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 265px;
	top: 115px;
	background-image: url("images/ostrava-off.png");
	background-repeat: no-repeat;
}

.kosice
{
	width: 67px;
    height: 18px;
	position: relative;
	left: 300px;
	top: 120px;
	overflow: hidden;
}

.kosice img:hover
{
	margin-left:-67px;
}

.kosice-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 300px;
	top: 120px;
	background-image: url("images/kosice-off.png");
	background-repeat: no-repeat;
}

.miskolc
{
	width: 75px;
    height: 18px;
	position: relative;
	left: 290px;
	top: 125px;
	overflow: hidden;
}

.miskolc img:hover
{
	margin-left:-75px;
}

.miskolc-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 290px;
	top: 125px;
	background-image: url("images/miskolc-off.png");
	background-repeat: no-repeat;
}

.campulung
{
	width: 96px;
    height: 18px;
	position: relative;
	left: 340px;
	top: 150px;
	overflow: hidden;
}

.campulung img:hover
{
	margin-left:-96px;
}

.campulung-off
{
	width: 19px;
    height: 18px;
	position: relative;
	left: 340px;
	top: 150px;
	background-image: url("images/campulung-off.png");
	background-repeat: no-repeat;
}

.pernik
{
	width: 65px;
    height: 18px;
	position: relative;
	left: 330px;
	top: 160px;
	overflow: hidden;
}

.pernik img:hover
{
	margin-left:-67px;
}

.pernik-off
{
	width: 17px;
    height: 18px;
	position: relative;
	left: 330px;
	top: 160px;
	background-image: url("images/pernik-off.png");
	background-repeat: no-repeat;
}

.post-it
{
	width: 398px;
    height: 364px;
	float: right;
	background-image: url("images/post-it.jpg");
	background-repeat: no-repeat;
}

.positionnement-texte-post-it
{
	width: 290px;
    height: 280px;
	margin-left: 50px;
	margin-top: 40px;
}

.positionnement-texte-post-it i
{
	font-size: 11px;
}

.etape-finale
{
	width: 120px;
    height: 200px;
	margin-top: 20px;
}

#bloc-du-bas
{
	width: 960px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.bloc-gauche
{
	width: 650px;
	height: 254px;
	float: left;
}

.lecteur-home
{
	width: 420px;
	height: 254px;
	margin-right: 10px;
	float: left;
}

.texte-lecteur-home
{	
	width: 150px;
	height: 254px;
	float: left;
}

.a-propos
{
	width: 300px;
	height: 254px;
	float: left;
}

.a-propos img
{
	float :left;
	margin-right: 10px;
}

.emmanuel
{
	width: 285px;
	height: 90px;
}

.jean-francois
{
	width: 285px;
	height: 90px;
}



/* article
----------------------------------------------------------
--------------------------------------------------------*/

#cadre-article
{
	width: 961px;
    height: 170px;
	background-image: url("images/cadre-article.jpg");
	background-repeat: no-repeat;
	padding-left: 19px;
	padding-top: 17px;
	margin: auto;
}

#cadre-article img
{
	margin-right: 4px;
}

#corps-article
{
	width: 960px;
	margin: auto;
}

#corps-article h2
{
	font-size: 24px;
	color: #4c0102;
	margin-bottom: 30px;
}

#corps-article h3
{
	font-size: 20px;
	color: black;
	margin-top: 30px;
	margin-bottom: 20px;
}

#colone-gauche
{
	width: 230px;
	margin-top: 8px;
	float: left;
}

#colone-droite
{
	width: 730px;
	float: right;
	text-align: justify;
}

.incrustation-image
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.incrustation-texte
{
	float: right;
}

.lecteur-haut-de-page
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.audio
{
	width: 730px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.audio p
{
	font-weight: bold;
}

.visionneuse
{
	margin-top: 30px;
	margin-bottom: 30px;
}

.navigation-bas-de-page
{
	width: 730px;
    height: 60px;
	padding-top: 70px;
	font-size: 22px;
}

.etape-precedente
{
	float: left;
}

.etape-suivante
{
	float: right;
}

.etape-suivante-off
{
	color: #b0b0b0;
	float: right;
}

.retour-du-bas
{
	width: 230px;
	position: relative;
	left: -230px;
	bottom: 50px;
}



/* projet
----------------------------------------------------------
--------------------------------------------------------*/

#cadre-projet
{
	width: 980px;
    height: 170px;
	margin: auto;
}

#cadre-projet-ie
{
	width: 980px;
    height: 120px;
	margin: auto;
}

#corps-projet
{
	width: 960px;
	margin: auto;
}

#corps-projet h2
{
	font-size: 24px;
	color: #4c0102;
	margin-bottom: 30px;
}

#corps-projet h3
{
	font-size: 20px;
	color: black;
	margin-top: 30px;
	margin-bottom: 20px;
}

#corps-projet p
{
	
	margin-bottom: 20px;
}




/* footer
----------------------------------------------------------
--------------------------------------------------------*/

#footer
{
	width: 960px;
	padding-top: 10px;
	padding-bottom: 40px;
	border-top: 1px solid #d6d6d6;
	text-align: center;
	font-size: 11px;
	margin: auto;
}