/*testab312*/
#index {
	background-color: #FF9900;
	text-align: center;
	vertical-align: top;
	align:center;
}

/*page accueil*/
#page_accueil {
	background-color: #E28E13;
	text-align: center;
	vertical-align: top;
}
/*conteneur principal*/
#wrapper {
	margin: auto;
	height: 100%;
	width: 800px;
}
/*début accueil*/
#haut_accueil {
	background-image: url(images/indexbis_01.jpg);
	margin: 0px;
	height: 205px;
	width: 800px;
}

#haut_accueil_2 {
    background-image: url(images/iii_01.jpg);
	margin: 0px;
	height: 175px;
	width: 800px;
}

#accueil_milieu {
	margin: 0px;
	height: 76px;
	width: 800px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#gauche_accueil {
	background-image: url(images/indexbis_02.jpg);
	margin: 0px;
	height: 76px;
	width: 631px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#gauche_accueil_2 {
	background-image: url(images/iii_02.jpg);
	margin: 0px;
	height: 30px;
	width: 625px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#bas_accueil {
	background-image: url(images/indexbis_06.jpg);
	height: 319px;
	width: 800px;
	float: right;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bas_accueil_2 {
	background-image: url(images/iii_05.jpg);
	height: 395px;
	width: 800px;
	float: right;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#bouton_html {
	height: 38px;
	width: 109px;
	float: left;
	clip: rect(auto,auto,auto,auto);
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow: hidden;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
#bouton_flash {
	height: 38px;
	width: 109px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	overflow: hidden;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#bouton_accueil {
	height: 30px;
	width: 122px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	overflow: hidden;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#droite_accueil {
	background-image: url(images/indexbis_04.jpg);
	height: 76px;
	width: 60px;
	float: right;
	margin-top: -38px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clip: rect(auto,60px,auto,auto);
}

#droite_accueil_2 {
	background-image: url(images/iii_04.jpg);
	height: 30px;
	width: 53px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clip: rect(auto,60px,auto,auto);
}

#bouton_html a, :visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
#bouton_html a:hover {
	background-image: url(images/indexbis_05.jpg);
}
/*fin accueil*/

/*page 1*/
#page1 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}
#bandeau1 {
	background-image: url(images/bandeau.jpg);
	margin: auto;
	height: 170px;
	width: 800px;
	overflow: hidden;
}
#gauche1 {
	margin: auto;
	height: 225px;
	width: 46px;
	float: left;
	background-color: #FFFFFF;
}
#zone_texte {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: justify;
	vertical-align: middle;
	float: left;
	height: 225px;
	width: 484px;
	font-weight: bold;
	text-indent: 20px;
	margin: auto;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#entre_bt1a {
	background-image: url(images/zone_texte-06.jpg);
	margin: auto;
	height: 5px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1b {
	background-image: url(images/zone_texte-08.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1c {
	background-image: url(images/zone_texte-10.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#bas_bouton1 {
	background-image: url(images/zone_texte-12.jpg);
	margin: auto;
	float: right;
	height: 124px;
	width: 127px;
	overflow: hidden;
}
#bas_gauche1 {
	background-image: url(images/accueilbis_13.jpg);
	margin: auto;
	float: Aucune;
	overflow: hidden;
	height: 205px;
	width: 55px;
}
#gramophone {
	background-image: url(images/gramophone.jpg);
	margin: auto;
	float: left;
	height: 225px;
	width: 143px;
	overflow: hidden;
}
#bouton_1 {
	margin: auto;
	height: 22px;
	width: 127px;
	overflow: hidden;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bas_page {
	margin: auto;
	float: left;
	height: 205px;
	width: 673px;
	overflow: hidden;
}
#engrenage_1 {
	background-image: url(images/page1_14.jpg);
	margin: auto;
	height: 67px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#bouton_liens {
	margin: auto;
	float: left;
	height: 29px;
	width: 35px;
	overflow: hidden;
}
#engrenage_2 {
	background-image: url(images/zone_texte-16.jpg);
	margin: auto;
	float: right;
	height: 29px;
	width: 92px;
	overflow: hidden;
}
#engrenage_3 {
	background-image: url(images/zone_texte-17.jpg);
	margin: auto;
	float: left;
	height: 109px;
	width: 35px;
	overflow: hidden;
}
#engrenage_4 {
	background-image: url(images/page1_18.jpg);
	margin: auto;
	float: right;
	height: 109px;
	width: 92px;
	overflow: hidden;
}
#bouton_1 a, :visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
#bouton_1 a:hover {
	background-image: url(images/indexbis_05.jpg);
}
/*contact*/
#contact {
	margin: auto;
	float: left;
	height: 430px;
	width: 530px;
	overflow: hidden;
}
#bas_contact {
	background-image: url(images/bas.jpg);
	margin: auto;
	float: left;
	height: 205px;
	width: 143px;
	overflow: hidden;
}
/*liens*/
#zone {
	background-image: url(images/aime.jpg);
	text-align: justify;
	margin: auto;
	float: left;
	height: 205px;
	width: 484px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #F69810;
	text-decoration: none;
	text-indent: 20px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#suspect {
	background-image: url(images/suspect.jpg);
	margin: auto;
	float: left;
	height: 205px;
	width: 673px;
	overflow: hidden;
}
#p a, :visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #FAA121;
}
/*print-------------------------------------------------------------------------------------------------------*/
#page_print {
	background-color: #000000;
	background-position: center;
	text-align: center;
}
#bandeaublak {
	background-image: url(images/bandeaublak.jpg);
	margin: auto;
	height: 170px;
	width: 800px;
	overflow: hidden;
}
#gaucheblack {
	margin: auto;
	height: 430px;
	width: 125px;
	float: left;
	background-image: url(images/gaucheblack.jpg);
}

#entre_bt1ablack {
	background-image: url(images/ent1.jpg);
	margin: auto;
	height: 5px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1bblack {
	background-image: url(images/ent2.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1cblack {
	background-image: url(images/ent3.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#bas_bouton1black {
	background-image: url(images/gregreblack2.jpg);
	margin: auto;
	float: right;
	height: 124px;
	width: 127px;
	overflow: hidden;
}
#gramophoneblack {
	background-image: url(images/gram%20black.jpg);
	margin: auto;
	float: left;
	height: 430px;
	width: 143px;
	overflow: hidden;
}
#engrenage_1black {
	background-image: url(images/gregreblack4.jpg);
	margin: auto;
	height: 67px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#engrenage_2black {
	background-image: url(images/gregreblack3.jpg);
	margin: auto;
	float: right;
	height: 29px;
	width: 92px;
	overflow: hidden;
}
#engrenage_3black {
	background-image: url(images/gregreblack5.jpg);
	margin: auto;
	float: left;
	height: 109px;
	width: 35px;
	overflow: hidden;
}
#engrenage_4black {
	background-image: url(images/gregreblack1.jpg);
	margin: auto;
	float: right;
	height: 109px;
	width: 92px;
	overflow: hidden;
}
#bouton_1 a, :visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
#bouton_1 a:hover {
	background-image: url(images/indexbis_05.jpg);
}#zone_vignettes {
	background-color: #000000;
	margin: auto;
	height: 372px;
	width: 362px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#cote_gauche {
	background-color: #000000;
	margin: auto;
	float: left;
	height: 58px;
	width: 21px;
	overflow: hidden;
}
#zone_milieu {
	margin: auto;
	overflow: hidden;
	text-align: left;
	height: 430px;
	width: 362px;
	float: left;
}
#bt_fleche_g {
	margin: auto;
	height: 58px;
	width: 141px;
	overflow: hidden;
	float: left;
}
#gregre {
	background-image: url(images/bas_page-65.jpg);
	float: left;
	height: 58px;
	width: 34px;
}
#bt_fleche_d {
	float: left;
	height: 58px;
	width: 145px;
	overflow: hidden;
}
#cote_droite {
	background-color: #000000;
	margin: auto;
	float: left;
	height: 430px;
	width: 43px;
}
/*web-----------------------------------------------------------------------------*/
/*print-------------------------------------------------------------------------------------------------------*/
#page_web {
	background-color: #F79C17;
	background-position: center;
	text-align: center;
}
#bandeauor {
	background-image: url(images/bandeauor.jpg);
	margin: auto;
	height: 170px;
	width: 800px;
	overflow: hidden;
}
#gaucheor {
	margin: auto;
	height: 430px;
	width: 125px;
	float: left;
	background-image: url(images/gaucheor.jpg);
}

#entre_bt1aor {
	background-image: url(images/entor1.jpg);
	margin: auto;
	height: 5px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1bor {
	background-image: url(images/entor2.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#entre_bt1cor {
	background-image: url(images/entor3.jpg);
	margin: auto;
	height: 4px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#bas_bouton1or {
	background-image: url(images/gregreor2.jpg);
	margin: auto;
	float: right;
	height: 124px;
	width: 127px;
	overflow: hidden;
}
#gramophoneor {
	background-image: url(images/web1_05.jpg);
	margin: auto;
	float: left;
	height: 430px;
	width: 143px;
	overflow: hidden;
}
#engrenage_1or {
	background-image: url(images/gregreor4.jpg);
	margin: auto;
	height: 67px;
	width: 127px;
	overflow: hidden;
	float: right;
}
#engrenage_2or {
	background-image: url(images/gregreor3.jpg);
	margin: auto;
	float: right;
	height: 29px;
	width: 92px;
	overflow: hidden;
}
#engrenage_3or {
	background-image: url(images/gregreor5.jpg);
	margin: auto;
	float: left;
	height: 109px;
	width: 35px;
	overflow: hidden;
}
#engrenage_4or {
	background-image: url(images/gregreor1.jpg);
	margin: auto;
	float: right;
	height: 109px;
	width: 92px;
	overflow: hidden;
}
#bouton_1 a, :visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
#bouton_1 a:hover {
	background-image: url(images/indexbis_05.jpg);
}
#zone_vignettesor {
	background-color: #F79C17;
	margin: auto;
	height: 372px;
	width: 362px;
	float: left;
	overflow: hidden;
}
#cote_gaucheor {
	background-color: #F79C17;
	margin: auto;
	float: left;
	height: 58px;
	width: 21px;
	overflow: hidden;
}
#gregreor {
	background-image: url(images/gregreor.jpg);
	float: left;
	height: 58px;
	width: 34px;
}
#cote_droiteor {
	background-color: #F79C17;
	margin: auto;
	float: left;
	height: 430px;
	width: 43px;
}
/*vignette -------------------------------------*/
#vig01 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 0px;
	top: 15px;
	position: relative;
	float: left;
}
#vig02 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 10px;
	top: 25px;
	position: relative;
	float: left;
}
#vig03 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: -5px;
	top: 25px;
	position: relative;
	float: right;
}
#vig04 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: -15px;
	top: 0px;
	position: relative;
	float: right;
	right: 0px;
	bottom: 0px;
}
#vig05 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 20px;
	top: 35px;
	position: relative;
	float: left;
	right: 0px;
	bottom: 0px;
}
#vig06 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 0px;
	top: 30px;
	position: relative;
	float: right;
}
#vig07 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: -9px;
	top: 15px;
	position: relative;
	float: right;
	right: 0px;
	bottom: 0px;
}
#vig08 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 0px;
	top: 30px;
	position: relative;
	float: left;
}
#vig09 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 10px;
	top: 36px;
	position: relative;
	float: left;
}
#vig10 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: -5px;
	top: 31px;
	position: relative;
	float: right;
}
#vig11 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: -6px;
	top: 25px;
	position: relative;
	float: right;
	right: 0px;
	bottom: 0px;
}
#vig12 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 8px;
	top: 31px;
	position: relative;
	float: left;
}
#vig13 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 20px;
	top: 41px;
	position: relative;
	float: left;
	right: 0px;
	bottom: 0px;
}
#vig14 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 22px;
	top: 30px;
	position: relative;
	float: left;
	right: 0px;
	bottom: 0px;
}
#vig15 {
	background-color: #FFFFFF;
	margin: auto;
	height: 83px;
	width: 83px;
	left: 30px;
	top: 35px;
	position: relative;
	float: left;
	right: 0px;
	bottom: 0px;
}