body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url("images/motif4.jpg") repeat;
	margin: 0 0 0 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0 0 0 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFFFFF;
	line-height:20px;
}
a img
{
border: none;
}
img, div { behavior: url(iepngfix.htc) }
h1
{
background-color:#101010;
padding:10px;
font-size:18px;
font-variant:small-caps;
font-family:Georgia, Helvetica;
letter-spacing:3px;
}
h2
{
font-family: Arial;
font-size: 12px;
font-style:italic;
text-align:left;
font-variant:small-caps;
background-color:#6f3159;
padding:5px;
}
h3
{
font-family: Arial;
font-size: 12px;
font-style:normal;
text-align:left;
background-color:#504263;
padding:5px;
}
p
{
font-family:Georgia, Times;
color:#FFFFFF;
font-size:14px;
text-align:justify;
text-indent:10px;

}
ul
{
font-family:Georgia, Times;
color:#FFFFFF;
font-size:14px;
text-align:justify;
text-indent:10px;

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

}
li
{
list-style-position:inside;
}

#container {
	width: 100%;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	height:100px;
	margin: 0 ; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	padding : 0;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	
}
#logo
{
top:80px;
left:245px;
position:absolute;
}

#barre
{
width:auto;
height:210px;
background-color: #101010;
top:200px;
border-top: 4px ridge #000000;
border-bottom: 1px inset #FFFFFF;


}
#contact
{

z-index: 1;
top:0px;
left:950px;
position:absolute;

}
#apropos
{
z-index: 2;
top:0px;
position:absolute;
left:1050px;
}

#images
{
top:140px;
left:940px;
position:absolute;
}

#haut
{
top:300px;
left:100px;
width:820px;
height:40px;
position:absolute;
}

#haut p
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#haut ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#haut h1
{
background-color:#723159;
padding:10px;
font-size:20px;
font-variant:small-caps;
font-family:Georgia, Helvetica;
letter-spacing:3px;
}

#texte
{
top:300px;
left:100px;
position:absolute;
width:800px;
height:560px;
margin:0;
padding:0;


}
#texte h1
{
background-color:#000000;
padding:10px;
}



#texte p
{
background: url("images/fond.png") repeat ;
padding:20px;
}


#texte ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte2
{
top:460px;
left:100px;
position:absolute;
width:260px;
height:560px;
text-align : left;

}
#texte3
{
top:460px;
left:380px;
position:absolute;
width:260px;
height:560px;
text-align : left;

}
#texte4
{
top:460px;
left:660px;
position:absolute;
width:260px;
height:560px;
text-align : left;

}
#texte5
{
top:580px;
left:100px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}
#texte5 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte6
{
top:580px;
left:380px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}
#texte6 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}

#texte7
{
top:580px;
left:660px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}

#texte7 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte8
{
top:600px;
left:100px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}
#texte8 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
text-align:left;
}
#texte8 p
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte9
{
top:600px;
left:380px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}
#texte9 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}

#texte10
{
top:600px;
left:660px;
position:absolute;
width:260px;
height:560px;
text-align : left;
}
#texte9 p
{
background: url("images/fond.png") repeat ;
padding:20px;
}

#texte10 ul
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte10 p
{
background: url("images/fond.png") repeat ;
padding:20px;
}
#texte2 p
{
background: url("images/fond.png") repeat ;
padding:20px;
}


#texte2 ul
{
background: url("images/fond.png") repeat ;
padding:20px;

}
#metiers
{
padding:20px;
font-family:Arial, helvetica;
font-variant: small-caps;
}
#texte3 ul
{
background: url("images/fond.png") repeat ;
padding:20px;


}
#texte3 p
{
background: url("images/fond.png") repeat ;
padding:20px;


}
#texte4 ul
{
padding:20px;
background: url("images/fond.png") repeat ;
}



#texte2 li
{
text-align : left;

}
#texte3 li
{
text-align : left;


}



ul#navigation {	
margin-top:0;
margin-left:60px;
	width:740px;
	list-style:none;
	height:40px;
	
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:40px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	border:none;
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:108px;
	background:url("images/nav1.jpg") no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -40px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px -80px
}

ul#navigation li#navigation-2 a {
	width:115px;
	background:url("images/nav1.jpg") no-repeat -108px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-108px -40px
}
ul#navigation li#navigation-2 a.current {
	background-position:-108px -80px
}

ul#navigation li#navigation-3 a {
	width:122px;
	background:url("images/nav1.jpg") no-repeat -223px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-223px -40px
}
ul#navigation li#navigation-3 a.current {
	background-position:-223px -80px
}

ul#navigation li#navigation-4 a {
	width:137px;
	background:url("images/nav1.jpg") no-repeat -345px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-345px -40px
}
ul#navigation li#navigation-4 a.current {
	background-position:-345px -80px
}

ul#navigation li#navigation-5 a {
	width:123px;
	background:url("images/nav1.jpg") no-repeat -482px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-482px -40px
}
ul#navigation li#navigation-5 a.current {
	background-position:-482px -80px
}

ul#navigation li#navigation-6 a {
	width:135px;
	background:url("images/nav1.jpg") no-repeat -605px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-605px -40px
}
ul#navigation li#navigation-6 a.current {
	background-position:-605px -80px
}
#footer
{

height:100px;
width:100%;
top:1050px;
position:absolute;
background-color: #000000;

}
#footer2
{

height:100px;
width:100%;
top:2200px;
position:absolute;
background-color: #000000;

}

#footer3
{

height:100px;
width:100%;
top:1300px;
position:absolute;
background-color: #000000;

}
#footer4
{

height:100px;
width:100%;
top:2600px;
position:absolute;
background-color: #000000;

}
#footer5
{
height:100px;
width:100%;
top:6100px;
position:absolute;
background-color: #000000;

}
#footer6
{
height:100px;
width:100%;
top:1800px;
position:absolute;
background-color: #000000;

}
#footer7
{
height:100px;
width:100%;
top:1700px;
position:absolute;
background-color: #000000;

}
#footer8
{
height:100px;
width:100%;
top:800px;
position:absolute;
background-color: #000000;

}
ul#navigationbis
{
margin-left : 165px;
margin-top:10px;
list-style-type:none;
font-family:arial;
font-size:10px;
color:white;
text-decoration:none;
text-align:left;
z-index:1;

}

ul#navigationbis li
{
display:inline;
margin-left:40px;


}


#copyright
{
font-size:8px;
position:absolute;
z-index:2;
left:250px;
bottom:10px;
}
#nav2
{
top:620px;
left:930px;
position:absolute;
width:420px;
height:500px;
text-align : left;
list-style:none;
background: url("images/fond.png") repeat ;
padding : 20px;
list-style-position:inside;
font-family:Arial;
font-variant:small-caps;
font-size:12px;
text-indent:0;
line-height:25px;
border:2px dashed #FFFFFF;

}
#nav2 li
{
border-bottom:1px solid #723159;
}

#nav2 a:hover
{
color:#4f4264;
}
#nav2 a
{
text-decoration:none;
}