/* CSS Document */


/* --------------------PAGE---------------------*/
body {
	background-color: #FF9900;
	margin: 0px;
	padding: 0px;
}
.copyright {
	text-align: center;
	position: absolute;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CC0000;
	width: 99%;
}
#boite_page {
	height: 590px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/* -------------------BOUTONS-------------------*/
.txt_bouton {
	display: none;
}
A.bt-retour {
	/*background-image: url(../styles/bg_images/bt_retour.jpg);*/
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:20px;
	background-position: top;
}
/*A.bt-retour:hover,A.bt-retour:active {
	background-position: bottom;
}*/


.bt-boucher {
	position:absolute;
	left:0px;
	top:43px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_boucher_A.jpg);
}
/*A.bt-boucher {
	background-image: url(../styles/bg_images/bt_boucher.jpg);
	background-position: top;
}
A.bt-boucher:hover {
	background-image: url(../styles/bg_images/bt_boucher.jpg);
	background-position: bottom;
}*/

.bt-industrie {
	position:absolute;
	left:0px;
	top:66px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_industrie_A.jpg);
}
/*A.bt-industrie {
	background-image: url(../styles/bg_images/bt_industrie.jpg);
	background-position: top;
}
A.bt-industrie:hover {
	background-image: url(../styles/bg_images/bt_industrie.jpg);
	background-position: bottom;
}*/

.bt-verrerie {
	position:absolute;
	left:0px;
	top:89px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_verrerie_A.jpg);
}
/*A.bt-verrerie {
	background-image: url(../styles/bg_images/bt_verrerie.jpg);
	background-position: top;
}
A.bt-verrerie:hover {
	background-image: url(../styles/bg_images/bt_verrerie.jpg);
	background-position: bottom;
}*/

.bt-mecanisation {
	position:absolute;
	left:0px;
	top:112px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_mecanisation_A.jpg);
}
/*A.bt-mecanisation {
	background-image: url(../styles/bg_images/bt_mecanisation.jpg);
	background-position: top;
}
A.bt-mecanisation:hover {
	background-image: url(../styles/bg_images/bt_mecanisation.jpg);
	background-position: bottom;
}*/

.bt-machine {
	position:absolute;
	left:0px;
	top:135px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_machine_A.jpg);
}
/*A.bt-machine {
	background-image: url(../styles/bg_images/bt_machine.jpg);
	background-position: top;
}
A.bt-machine:hover {
	background-image: url(../styles/bg_images/bt_machine.jpg);
	background-position: bottom;
}*/

.bt-evolution {
	position:absolute;
	left:0px;
	top:158px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_evolution_A.jpg);
}
/*A.bt-evolution {
	background-image: url(../styles/bg_images/bt_evolution.jpg);
	background-position: top;
}
A.bt-evolution:hover {
	background-image: url(../styles/bg_images/bt_evolution.jpg);
	background-position: bottom;
}*/

.bt-stGobain {
	position:absolute;
	left:0px;
	top:181px;
	width:250px;
	height:23px;
	background-image: url(../styles/bg_images/bt_stGobain_A.jpg);
}
/*A.bt-stGobain {
	background-image: url(../styles/bg_images/bt_stGobain.jpg);
	background-position: top;
}
A.bt-stGobain:hover {
	background-image: url(../styles/bg_images/bt_stGobain.jpg);
	background-position: bottom;
}*/

.bt-statique {
	position:absolute;
	left:0px;
	top:480px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/bt_statique_A.jpg);
}
/*A.bt-statique {
	background-image: url(../styles/bg_images/bt_statique.jpg);
	background-position: top;
}
A.bt-statique:hover {
	background-image: url(../styles/bg_images/bt_statique.jpg);
	background-position: bottom;
}*/

.bt-animee {
	position:absolute;
	left:0px;
	top:502px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/bt_animee_A.jpg);
}
/*A.bt-animee {
	background-image: url(../styles/bg_images/bt_animee.jpg);
	background-position: top;
}
A.bt-animee:hover {
	background-image: url(../styles/bg_images/bt_animee.jpg);
	background-position: bottom;
}*/

.bt-biblio {
	position:absolute;
	left:0px;
	top:524px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/bt_biblio_A.jpg);
}
/*A.bt-biblio {
	background-image: url(../styles/bg_images/bt_biblio.jpg);
	background-position: top;
}
A.bt-biblio:hover {
	background-image: url(../styles/bg_images/bt_biblio.jpg);
	background-position: bottom;
}*/

.bt-generique {
	position:absolute;
	left:0px;
	top:546px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/bt_generique_A.jpg);
}
/*A.bt-generique {
	background-image: url(../styles/bg_images/bt_generique.jpg);
	background-position: top;
}
A.bt-generique:hover {
	background-image: url(../styles/bg_images/bt_generique.jpg);
	background-position: bottom;
}*/

A.bt-texte {
	/*background-image: url(../styles/bg_images/bt_texte.jpg);*/
	position:absolute;
	left:0px;
	top:568px;
	width:250px;
	height:22px;
	background-position: top;
}
/*A.bt-texte:hover {
	background-image: url(../styles/bg_images/bt_texte.jpg);
	background-position: bottom;
}*/

/* ---------------------COMMUN--------------------*/
#commun-02 {
	position:absolute;
	left:250px;
	top:0px;
	width:427px;
	height:590px;
}

#commun-04 {
	position:absolute;
	left:0px;
	top:20px;
	width:250px;
	height:23px;
}

.commun_bt-statique {
	position:absolute;
	left:0px;
	top:480px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/commun_bt_statique.jpg);
}

.commun_bt-animee {
	position:absolute;
	left:0px;
	top:502px;
	width:250px;
	height:22px;
	background-image: url(../styles/bg_images/commun_bt_animee.jpg);
}

#commun-12 {
	position:absolute;
	left:0px;
	top:204px;
	width:250px;
	height:276px;
}

/* -----------------------TEXTE--------------------*/
#fond-txt {
	position:absolute;
	left:677px;
	top:0px;
	width:278px;
	height:590px;
	background-image: url(bg_images/fond_txt.jpg);
	background-repeat: no-repeat;
}
a:link	{
	color:#CC0000;
	text-decoration: none;
}
a:hover	{
	color:#0000FF;
}
a:visited		{
	color:#990000;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bolder;
	color: #990000;
	text-align: left;
	vertical-align: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	font-style: italic;
	margin-top: 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: #990000;
	text-align: left;
	vertical-align: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	font-style: italic;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
}
.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #660000;
	text-align: left;
	text-indent: 15px;
	background-image: url(../images/leg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
li {
	font-size: small;
	font-style: oblique;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(../images/leg.gif);
	list-style-position: inside;
	margin-left: -20px;
	text-indent: -18px;
}
.fonction {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
	text-indent: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	font-style: oblique;
}


/* -----------------------INDEX--------------------*/
.index_bt-retour {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:20px;
	/*background-image: url(../images/index_bt_retour.jpg);*/
}
/*A.index_bt-retour:hover {
	background-image: url(../images/index_bt_retour_S.jpg);
}*/

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:590px;
}

#index-02 {
	position:absolute;
	left:250px;
	top:0px;
	width:508px;
	height:305px;
}

#index-03 {
	position:absolute;
	left:758px;
	top:0px;
	width:197px;
	height:590px;
}

#index-04 {
	position:absolute;
	left:250px;
	top:305px;
	width:90px;
	height:196px;
}

#index-05 {
	position:absolute;
	left:340px;
	top:305px;
	width:337px;
	height:28px;
}

#index-06 {
	position:absolute;
	left:677px;
	top:305px;
	width:81px;
	height:196px;
}

#index-07 {
	position:absolute;
	left:340px;
	top:333px;
	width:337px;
	height:28px;
}

#index-08 {
	position:absolute;
	left:340px;
	top:361px;
	width:337px;
	height:28px;
}

#index-09 {
	position:absolute;
	left:340px;
	top:389px;
	width:337px;
	height:28px;
}

#index-10 {
	position:absolute;
	left:340px;
	top:417px;
	width:337px;
	height:28px;
}

#index-11 {
	position:absolute;
	left:340px;
	top:445px;
	width:337px;
	height:28px;
}

#index-12 {
	position:absolute;
	left:340px;
	top:473px;
	width:337px;
	height:28px;
}

#index-13 {
	position:absolute;
	left:250px;
	top:501px;
	width:508px;
	height:89px;
}

/* ----------------------INTRO---------------------*/

#intro-04 {
	position:absolute;
	left:250px;
	top:305px;
	width:508px;
	height:111px;
}

A.intro-05 {
	position:absolute;
	left:250px;
	top:416px;
	width:271px;
	height:40px;
	/*background-image: url(../images/intro_05.jpg);*/
}
/*A.intro-05:hover {
	background-image: url(../images/intro_05_S.jpg);
}*/

A.intro-06 {
	position:absolute;
	left:521px;
	top:416px;
	width:237px;
	height:39px;
	/*background-image: url(../images/intro_06.jpg);*/
}
/*A.intro-06:hover {
	background-image: url(../images/intro_06_S.jpg);
}*/

#intro-07 {
	position:absolute;
	left:521px;
	top:455px;
	width:237px;
	height:46px;
}

#intro-08 {
	position:absolute;
	left:250px;
	top:456px;
	width:249px;
	height:45px;
}

/* --------------------INDUSTRIE-------------------*/
.industrie_bt-biblio {
	position:absolute;
	left:0px;
	top:524px;
	width:250px;
	height:22px;
	/*background-image: url(../styles/bg_images/industrie_bt_biblio_A.jpg);*/
}
/*A.industrie_bt-biblio {
	background-image: url(../styles/bg_images/industrie_bt_biblio.jpg);
}
A.industrie_bt-biblio:hover {
	background-image: url(../styles/bg_images/industrie_bt_biblio_S.jpg);
}*/

.industrie_bt-generique {
	position:absolute;
	left:0px;
	top:546px;
	width:250px;
	height:22px;
	/*background-image: url(../styles/bg_images/industrie_bt_generique_A.jpg);*/
}
/*A.industrie_bt-generique {
	background-image: url(../styles/bg_images/industrie_bt_generique.jpg);
}
A.industrie_bt-generique:hover {
	background-image: url(../styles/bg_images/industrie_bt_generique_S.jpg);
}*/

.industrie_bt-texte {
	position:absolute;
	left:0px;
	top:568px;
	width:250px;
	height:22px;
	/*background-image: url(../styles/bg_images/industrie_bt_texte_A.jpg);*/
}
/*A.industrie_bt-texte {
	background-image: url(../styles/bg_images/industrie_bt_texte.jpg);
}
A.industrie_bt-texte:hover {
	background-image: url(../styles/bg_images/industrie_bt_texte_S.jpg);
}*/

/* -------------------FONCTIONNEMENT------------------*/

#fonctionnement-b {
	position:absolute;
	left:250px;
	top:0px;
	width:231px;
	height:590px;
}

#fonctionnement-c {
	position:absolute;
	left:481px;
	top:0px;
	width:196px;
	height:590px;
}
.centre {
	text-align: center;
}

/* ----------------------ANNEXES----------------------*/

#annexe-01 {
	position:absolute;
	left:0px;
	top:20px;
	width:250px;
	height:184px;
}
#annexe-02 {
	position:absolute;
	left:250px;
	top:305px;
	width:508px;
	height:285px;
	background-image: url(../images/annexe_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#glossaire {
	position:absolute;
	left:0px;
	top:0px;
	width:508px;
	height:285px;
	background-image: url(../images/annexe_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* ------------------------FLASH------------------------*/

#flash-02 {
	position:absolute;
	left:250px;
	top:0px;
	width:705px;
	height:20px;
}

#flash-03 {
	position:absolute;
	left:0px;
	top:20px;
	width:250px;
	height:23px;
}

#flash-04 {
	position:absolute;
	left:250px;
	top:20px;
	width:600px;
	height:550px;
}

#flash-05 {
	position:absolute;
	left:850px;
	top:20px;
	width:105px;
	height:570px;
}

#flash-19 {
	position:absolute;
	left:250px;
	top:570px;
	width:600px;
	height:20px;
}

