html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* Normal link */
a {
	color: #ffffff;
  	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #999999;
  	text-decoration: none;
	font-weight: Bold;
	}

.fd {
	margin: 0;
	padding: 0;
	color: #333333;
	background: #d3dadc;
	font-family: Arial, Helvetica, sans-serif;
	Font-size: 1em;
}

.logo a {
	top: 540px;
	left: 562px;
	position: absolute;
	width: 251px;
	height: 127px;
	display: block;
	background: url(../asset/logo_prefal.jpg) no-repeat;
}

#logo {
	top: 540px;
	left: 562px;
	position: absolute;
	width: 251px;
	height: 127px;
	display: block;
}

h3.text {
	position: relative;
	display: block;
	margin : 0px;
	padding: 60px 0 15px 25px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 130%;
}

p {
	color: #666666;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 100%;
}

.label {
	padding: 0 30px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #ffffff;
}

/* you are here
-------------------------------------------------------- */
#yah {
	position: relative;
	display: inline;
	top: 5px;
	margin: 0;
	padding: 3px 0px 3px 10px;
	/padding: 0px 0px 0px 10px;
	color: #53baea;
	background: #eeeeee;
	font-size: 65%;
	line-height : 2em;
}

#yah .yah-ns, #yah .yah-t {
	background: url("../asset/yah-arrow.png") no-repeat 100% 50%;
	margin: 0;
	padding: 3px 5px 3px 6px;
	font-size: 95%;
	font-weight: bold;
	line-height : 2em;
}

#yah .yah-f a {
	background: transparent;
	text-decoration: none;
	padding: 0px 0px 0px 4px;
	color: #bbbbbb;
	font-size: 95%;
	font-weight: bold;
	line-height : 2em;
}

#yah .yah-f a:hover, #yah .yah-f a:focus {
	color: #ffffff;
	font-size: 95%;
	padding: 0px 0px 0px 4px;
	line-height : 2em;
}
#yah .yah-l {
	display: inline;
	background: url("../asset/yah-arrow-end.png") no-repeat 100% 50%;
	margin: 0;
	padding: 3px 5px 3px 0px;
	font-size: 95%;
	line-height : 2em;
}

#yah .yah-s {
	display: none;
}

/* Page Gamme Médiéval Cinéma */

h1.logo-text {
	position: relative;
	display: block;
	width: 800px;
	height: 50px;
	margin : 0;
	padding: 50px 0 0 15px;
	color: #53baea;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	line-height:1em;
	font-size: 2.1em;
}

#medieval_img {
	position: relative;
	display: block;
	margin : 0;
	padding: 15px 70px 0 35px;
	float: left;
}

#cinema_img {
	position: relative;
	display: block;
	margin : 0;
	padding: 15px 0 0 0;
}

#button_medieval {
	position: absolute;
	display: block;
	width: 165px;
	left: 25px;
	top: 365px;
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-align: center;
}

#button_cinema {
	position: absolute;
	display: block;
	width: 145px;
	left: 430px;
	top: 365px;
	margin : 0;
	padding: 0;
	text-align: center;
}

#button_model {
	position: absolute;
	display: block;
	left: 25px;
	width: 325px;
	top: 490px;
	margin : 0;
	padding: 0;
	text-align: center;
}

#medieval_comment {
	position: absolute;
  	display: block;
	left: 35px;
	top: 400px;
	width: 230px;
	padding: 0;
	margin : 0;
	font-size: 75%;
}

#cinema_comment {
	position: absolute;
  	display: block;
	left: 440px;
	top: 400px;
	width: 230px;
	padding: 0;
	margin : 0;
	font-size: 75%;
}

/* Page dimension Médiéval Cinéma*/

h3.dimension {
	position: relative;
	display: block;
	margin : 0px;
	padding: 90px 0 15px 25px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	line-height: 1em;
	text-align: left;
	font-size: 130%;
}

#dimension_comment {
	position: relative;
  	display: block;
	width: 530px;
	margin : 0;
	padding: 10px 0 0 35px;
	color: #666666;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	font-size: 75%;
}

#label-largeur {
	position: absolute;
	display: block;
	top: 275px;
	left: 65px;
	margin : 0;
	padding: 0;
	padding: 0;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #ffffff;
}

#label-hauteur {
	position: absolute;
	display: block;
	top: 275px;
	left: 350px;
	margin : 0;
	padding: 0;
	padding: 0;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #ffffff;
}

#largeur {
	position: absolute;
	display: block;
	top: 275px;
	left: 155px;
	margin : 0;
	padding: 0;
}

#hauteur {
	position: absolute;
	display: block;
	top: 275px;
	left: 450px;
	margin : 0;
	padding: 0;
}

#error_largeur {
	position: relative;
	display: block;
	margin : 0;
	padding: 1px 40px 0 65px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 75%;
	color: #ff5555;
	float: left;
}

#error_hauteur {
	position: relative;
	display: block;
	margin : 0;
	padding: 1px 40px 0 350px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 75%;
	color: #ff5555;
}

#button_validate {
	position: absolute;
	display: block;
	text-align: center;
	width: 90px;
	top: 340px;
	left: 425px;
	margin : 0;
	padding: 0;
}

/* Page ouverture Médiéval Cinéma*/

#battant {
	position: absolute;
	display: block;
	top: 135px;
	left: 45px;
	width: 235px;
	margin : 0;
	padding: 0;
	float: left;
}

#coulissant {
	position: absolute;
	display: block;
	top: 135px;
	left: 350px;
	width: 235px;
	margin : 0;
	padding: 0;
}

#transforme {
	position: relative;
	display: block;
	top: 220px;
	left: 195px;
	width: 235px;
	margin : 0;
	padding: 0;
}

#button_battant {
	position: absolute;
	display: block;
	top: 280px;
	left: 78px;
	text-align: center;
	width: 155px;
	margin : 0;
	padding:  0;
}

#button_coulissant {
	position: absolute;
	display: block;
	top: 280px;
	left: 365px;
	text-align: center;
	width: 185px;
	margin : 0;
	padding: 0;
}

#button_transforme {
	position: relative;
	display: block;
	text-align: center;
	top: 220px;
	left: 170px;
	width: 270px;
	margin : 0;
	padding: 0;
}

/* Page forme Médiéval Cinéma*/

h3.forme {
	position: relative;
	display: block;
	margin : 0px;
	padding: 30px 0 15px 25px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 130%;
}

#droit {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 110px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#gendarme {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 110px;
	left: 270px;
	margin : 0;
	padding: 0;
}

#biais-haut {
	position: absolute;
	display: none;
	width: 235px;
	height: 110px;
	top: 110px;
	left: 505px;
	margin : 0;
	padding: 0;
}

#arque {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 260px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#gendarme-inv {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 260px;
	left: 270px;
	margin : 0;
	padding: 0;
}

#biais-bas {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 260px;
	left: 505px;
	margin : 0;
	padding: 0;
}

#incurve {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 410px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#deco {
	position: absolute;
	display: none;
	width: 235px;
	height: 130px;
	top: 410px;
	left: 270px;
	margin : 0;
	padding: 0;
}

#button_droit {
	position: absolute;
	display: none;
	height: 20px;
	top: 235px;
	left: 115px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_gendarme {
	position: absolute;
	display: none;
	height: 20px;
	top: 235px;
	left: 285px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_biais-haut {
	position: absolute;
	display: none;
	top: 235px;
	left: 565px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_arque {
	position: absolute;
	display: none;
	top: 385px;
	left: 115px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_gendarme-inv {
	position: absolute;
	display: none;
	top: 385px;
	left: 257px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_biais-bas {
	position: absolute;
	display: none;
	top: 385px;
	left: 570px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_incurve {
	position: absolute;
	display: none;
	top: 540px;
	left: 110px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_deco {
	position: absolute;
	display: none;
	top: 540px;
	left: 350px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

/* Page deco Cinéma*/

h3.forme {
	position: relative;
	display: block;
	margin : 0px;
	padding: 30px 0 15px 25px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 130%;
}

#deco1 {
	position: absolute;
	display: block;
	width: 235px;
	height: 130px;
	top: 110px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#deco2 {
	position: absolute;
	display: block;
	width: 235px;
	height: 130px;
	top: 110px;
	left: 270px;
	margin : 0;
	padding: 0;
}

#deco3 {
	position: absolute;
	display: block;
	width: 235px;
	height: 110px;
	top: 110px;
	left: 505px;
	margin : 0;
	padding: 0;
}

#deco4 {
	position: absolute;
	display: block;
	width: 235px;
	height: 130px;
	top: 260px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#deco5 {
	position: absolute;
	display: block;
	width: 235px;
	height: 130px;
	top: 260px;
	left: 270px;
	margin : 0;
	padding: 0;
}

#button_deco1 {
	position: absolute;
	display: block;
	height: 20px;
	top: 235px;
	left: 115px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_deco2 {
	position: absolute;
	display: block;
	height: 20px;
	top: 235px;
	left: 345px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_deco3 {
	position: absolute;
	display: block;
	top: 235px;
	left: 585px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_deco4 {
	position: absolute;
	display: block;
	top: 385px;
	left: 115px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}

#button_deco5 {
	position: absolute;
	display: block;
	top: 385px;
	left: 345px;
	margin : 0;
	padding: 0 0 0 15px;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 5px;
}


/* Page remplissage Médiéval Cinéma*/

h3#remplissage {
	position: relative;
	display: block;
	margin : 0px;
	padding: 65px 0 15px 25px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 130%;
}

/*  Cinéma */

#mixte-droit {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 120px;
	left: 60px;
	margin : 0;
	padding: 0;
}

#plein-fougere {	
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 120px;
	left: 245px;
	margin : 0;
	padding: 0;
}

#plein-droit {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 120px;
	left: 430px;
	margin : 0;
	padding: 0;
}

#ajoure-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 120px;
	left: 615px;
	margin : 0;
	padding: 0;
}

#mixte-fougere {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 330px;
	left: 60px;
	margin : 0;
	padding: 0;
}

#plein-fougere-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 330px;
	left: 245px;
	margin : 0;
	padding: 0;
}

#plein-droit-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 330px;
	left: 430px;
	margin : 0;
	padding: 0;
}

#ajoure {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 330px;
	left: 615px;
	margin : 0;
	padding: 0;
}

#button_mixte-droit {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 235px;
	left: 45px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-fougere {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 235px;
	left: 230px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-droit {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 235px;
	left: 415px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_ajoure-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 235px;
	left: 600px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_mixte-fougere {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 445px;
	left: 45px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-fougere-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 445px;
 	left: 230px;
	margin : 0;
	padding:  0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-droit-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 445px;
	left: 415px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_ajoure {
	position: absolute;
	display: none;
	width: 125px;
	height: 55px;
	top: 445px;
	left: 600px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}


#mixte-horizontal {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 540px;
	left: 60px;
	margin : 0;
	padding: 0;
}

#plein-horizontal-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 540px;
	left: 245px;
	margin : 0;
	padding: 0;
}

#plein-horizontal {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 540px;
	left: 430px;
	margin : 0;
	padding: 0;
}

#button_mixte-horizontal {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 665px;
	left: 45px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-horizontal-trav {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 665px;
	left: 230px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_plein-horizontal {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 665px;
	left: 415px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}
/* medieval */

#simple-bar {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 200px;
	left: 60px;
	margin : 0;
	padding: 0;
}

#double-bar {	
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 200px;
	left: 245px;
	margin : 0;
	padding: 0;
}

#bas-plein {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 200px;
	left: 430px;
	margin : 0;
	padding: 0;
}

#bas-plein-fest {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 200px;
	left: 615px;
	margin : 0;
	padding: 0;
}

#button_simple-bar {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 315px;
	left: 45px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_double-bar {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 315px;
	left: 230px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_bas-plein {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 315px;
	left: 415px;
	margin : 0;
	padding: 0  0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#button_bas-plein-fest {
	position: absolute;
	display: none;
	width: 125px;
	height: 110px;
	top: 315px;
	left: 600px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	font-size:.85em;
	text-align: left;
  background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

/* Page teinte  Médiéval Cinéma */

h3#titre {
	position: relative;
	display: block;
	margin : 0px;
	padding: 15px 0 15px 15px;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 130%;
}

p#teinte {
	position: relative;
	display: block;
	margin : 0;
	padding: 0 0 5px 25px;
	color: #666666 ;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 90%;
}

p#teinte-brillante, p#teinte-satine, p#teinte-metal, p#teinte-bois {
	position: relative;
	display: block;
	margin : 0;
	padding: 0 0 5px 25px;
	color: #666666 ;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	font-size: 90%;
}

#ral-nomenclature {
	position: relative;
	display: block;
	width: 65px;
	margin: 0;
	padding: 0 0 0 15px;
	color: #333333 !important;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 75%;
}

span.nomenclature {
	position: relative;
	display: block;
	width: 65px;
	margin: 0;
	padding: 0 0 0 15px;
	color: #ffffff;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 75%;
  	background: transparent url(../asset/white-arrow-small.png) no-repeat  left 4px;
}
a.nomenclature {
	position: relative;
	display: block;
	width: 65px;
	margin: 0;
	padding: 0 0 0 15px;
	color: #ffffff;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 75%;
  	background: transparent url(../asset/white-arrow-small.png) no-repeat  left 4px;
}

a:hover.nomenclature, a:focus.nomenclature, a:active.nomenclature {
	position: relative;
	display: block;
	width: 65px;
	margin: 0;
	padding: 0 0 0 15px;
	color: #999999;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 75%;
  	background: transparent url(../asset/white-arrow-small.png) no-repeat  left 4px;
}

#color-contener {
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	left: 25px;
	margin : 0;
	padding: 0 25px 0 0;
	text-decoration: none;
	float: left;
}

#color-block {
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	margin : 0;
	padding: 0;
	border: 3px solid #ffffff;
	background: #e8e0c9;
	text-decoration: none;
}

#color-block img {
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	margin : 0;
	padding: 0;
	background: none;
	text-decoration: none;
}

#bicolor {
	position: absolute;
	display: none;
	top: 75px;
	left: 325px;
	}
	
#bicolor-bois {
	position: absolute;
	display: none;
	top: 75px;
	left: 480px;
	}
	
#bicolor-autre-teinte {
	position: absolute;
	display: none;
	top: 75px;
	left: 635px;
	}
	
#bicolor-legende {
	position: absolute;
	display: none;
	top: 170px;
	left: 325px;
	width: 425px;
	display: block;
	color: #FFFFFF;
	margin: 0 0px 0 0px;
	text-align: center;
	font-size: 60%;
	z-index: 100;
	}
	
#ral-K7 {
	position: absolute;
	display: none;
	top: 220px;
	left: 425px;
	}
	
#ral-jaune {
	position: absolute;
	display: none;
	top: 317px;
	left: 435px;
	}
	
#ral-orange {
	position: absolute;
	display: none;
	top: 317px;
	left: 500px;
	}
	
#ral-rouge {
	position: absolute;
	display: none;
	top: 317px;
	left: 565px;
	}
	
#ral-violet {
	position: absolute;
	display: none;
	top: 317px;
	left: 630px;
	}
	
#ral-bleu {
	position: absolute;
	display: none;
	top: 317px;
	left: 695px;
	}
	
#ral-vert {
	position: absolute;
	display: none;
	top: 385px;
	left: 435px;
	}
	
#ral-gris {
	position: absolute;
	display: none;
	top: 385px;
	left: 500px;
	}
	
#ral-brun {
	position: absolute;
	display: none;
	top: 385px;
	left: 565px;
	}
	
#ral-blanc {
	position: absolute;
	display: none;
	top: 385px;
	left: 630px;
	}
	
#ral-legende {
	position: absolute;
	display: none;
	top: 445px;
	left: 435px;
	display: block;
	color: #FFFFFF;
	margin: 0 0px 0 0px;
	text-align: center;
	width: 325px;
	font-size: 60%;
	z-index: 100;
	}
	
	.bi-color a{
	display: block;
	color: #FFFFFF;
	margin: 0 0px 0 0px;
/*	float: left; */
	text-align: center;
	width: 135px;
	font-size: 60%;
	z-index: 100;
}
.bi-color a:hover{
	display: block;
	color: #999999;
	margin: 0 0px 0 0px;
/*	float: left; */
	text-align: center;
	width: 135px;
	font-size: 60%;
	z-index: 100;
}

	.ral-color a{
	display: block;
	color: #FFFFFF;
	margin: 0 0px 0 0px;
/*	float: left; */
	text-align: center;
	width: 50px;
	font-size: 60%;
	z-index: 100;
}
   .ral-color a:hover{
	display: block;
	color: #999999;
	margin: 0 0px 0 0px;
/*	float: left; */
	text-align: center;
	width: 50px;
	font-size: 60%;
	z-index: 100;
}


/* Page Votre choix */

	h3#titre-visuel {
	position: relative;
	display: block;
	margin : 0;
	padding: 12px 0 10px 25px;
	color: #ffffff;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	text-align: left;
	line-height: 1em;
	font-size: 100%;
}

#iledefrance {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 25px;
	margin : 0;
	padding: 0;
}

#jersey {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 110px;
	margin : 0;
	padding: 0;
}

#artois {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 195px;
	margin : 0;
	padding: 0;
}

#tropezienne {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 280px;
	margin : 0;
	padding: 0;
}

#provencale {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 365px;
	margin : 0;
	padding: 0;
}

#contemporaine {
	position: absolute;
	display: block;
	width: 65px;
	height: 66px;
	top: 60px;
	left: 450px;
	margin : 0;
	padding: 0;
}

#label-iledefrance {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 15px;
	margin : 0;
	padding: 0 0 0 10px;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#label-jersey {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 100px;
	margin : 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	line-height: 1em;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#label-artois {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 185px;
	margin : 0;
	padding: 0 0 0 10px;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#label-tropezienne {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 270px;
	padding: 0 0 0 10px;
	margin : 0;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#label-provencale {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 355px;
	padding: 0 0 0 10px;
	margin : 0;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#label-contemporaine {
	position: absolute;
	display: block;
	width: 70px;
	top: 130px;
	left: 440px;
	padding: 0 0 0 10px;
	margin : 0;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 65%;
  background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 3px;
}

#lien-print {
	position: absolute;
	display: block;
	width: 40px;
	height: 35px;
	top: 55px;
	left: 570px;
	margin : 0;
	padding: 0;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 45%;
/*  	background: transparent url(../asset/white-arrow-smaller.png) no-repeat  left 4px;*/
}

#lien-maison {
	position: absolute;
	display: block;
	width: 105px;
	height: 66px;
	top: 105px;
	left: 555px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 85%;
  	background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

#lien-contact {
	position: absolute;
	display: block;
	width: 110px;
	height: 66px;
	top: 105px;
	left: 675px;
	margin : 0;
	padding: 0 0 0 15px;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 85%;
  	background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

/* gestion des prix pour portail medieval et cinema */

#fond-prix {
	position: absolute;
	display: block;
	width: 215px;
	height: 110px;
	top: 150px;
	left: 580px;
	margin : 0;
	padding: 7px 0 7px 7px;
  	background: #fffffe;
}

#surdemande {
	position: absolute;
	display: none;
	width: 205px;
	height: 110px;
	top: 190px;
	left: 580px;
	margin : 0;
	padding: 7px 0 7px 7px;
	font-family: Helvettica, Arial, sans-serif;
	text-align: center;
	line-height: 1em;
	font-weight: bolder;
	font-size: 130%;
   	color: #999999;
}

#prixdonne {
	position: absolute;
	display: block;
	width: 215px;
	top: 275px;
	left: 572px;
	margin : 0;
	padding: 7px 0 7px 7px;
	font-family: Helvettica, Arial, sans-serif;
	text-align: center;
	line-height: 1em;
	font-weight: normal;
	font-size: 65%;
   	color: #999999;
}

#premio-puce {
  	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
  	background: #ffa200;
  	float: left;
}

#premio-puce div {
	margin: 0;
	padding: 5px 0 0 25px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
 	color: #888888;
}

#premio-prix {
	display: block;
	margin: 0;
	padding: 5px 0 0 120px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
	color: #888888;
}

#label_premio-prix {
	margin: 0;
	padding: 5px 0 15px 0 ;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: .9em;
	font-weight: bolder;
	font-size: 65%;
	color: #888888;
}

#equilibre-puce {
  	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
  	background: #332bcc;
  	clear:left;
	float: left;
}

#equilibre-puce div {
	margin: 0;
	padding: 5px 0 0 25px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
 	color: #888888;
}

#equilibre-prix {
	display: block;
	margin: 0;
	padding: 5px 0 0 120px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
	color: #888888;
}

#label_equilibre-prix {
	margin: 0;
	padding: 5px 0 15px 0 ;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: .9em;
	font-weight: bolder;
	font-size: 65%;
	color: #888888;
}

#exigence-puce {
  	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
  	background: #666666;
  	clear:left;
	float: left;
}

#exigence-puce div {
	margin: 0;
	padding: 5px 0 0 25px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
 	color: #888888;
}

#exigence-prix {
	display: block;
	margin: 0;
	padding: 5px 0 0 120px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
	color: #888888;
}

#label_exigence-prix {
	margin: 0;
	padding: 3px 0 15px 0 ;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: .9em;
	font-weight: bolder;
	font-size: 65%;
	color: #888888;
}

#fusion-puce {
  	position: absolute;
  	top: 350px;
  	left: 587px;
  	display: none;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
  	background: #444444;
  	clear:left;
	float: left;
}

#fusion-puce div {
	margin: 0;
	padding: 5px 0 0 25px;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	text-align: left;
	line-height: 1em;
	font-weight: bolder;
	font-size: 100%;
 	color: #888888;
}

/* gestion des finitions pour portail medieval */

#finition {
	position: absolute;
	display: block;
	width: 215px;
	top: 285px;
	left: 585px;
	margin : 0;
	padding: 0;
}

#label-finition {
	position: relative;
	display: block;
	margin : 0;
	padding: 20px 0 0 0;
	color: #ffffff;
  	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 85%;
}

#button_finition-teinte {
	position: relative;
	display: inline;
	margin : 0;
	padding: 0;
}

#label_finition-teinte {
	position: relative;
	display: inline;
	margin : 0;
	padding: 0 0 5px 20px;
	color: #ffffff;
  line-height: 1em;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 85%;
}

#button_finition-dore {
	position: relative;
	display: inline;
	margin : 0;
	padding: 0;
}

#label_finition-dore {
	position: relative;
	display: inline;
	margin : 0 0;
	padding: 0 0 5px 20px;
	color: #ffffff;
  	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	font-size: 85%;
}

#img_finition {
	float: left;
}


/* gestion des  portail medieval et cinema */

#cadre-visuel {
	position: absolute;
	display: block;
	width: 552px;
	height: 276px;
	top: 150px;
	left: 25px;
	margin : 0;
	padding: 0;
  background: url(../asset/fond-visuel552x276.jpg);
}

#fondvisuel-iledefrance {
	position: absolute;
	display: none;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#fondvisuel-jersey {
	position: absolute;
	display: block;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#fondvisuel-artois {
	position: absolute;
	display: none;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#fondvisuel-tropezienne {
	position: absolute;
	display: none;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#fondvisuel-provencale {
	position: absolute;
	display: none;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#fondvisuel-contemporaine {
	position: absolute;
	display: none;
	width: 552px;
	height: 276px;
	top: 160px;
	left: 35px;
	margin : 0;
	padding: 0;
}

#clotureG {
	position: absolute;
	display: block;
	top: 262px;
	left: 178px;
/*  clip : rect(0px 190px 135px 0px);*/
	margin : 0;
	padding: 0;
  z-index: 100;
}

#pointeG {
	position: absolute;
	display: block;
	top: 262px;
	left: 178px;
/*  clip : rect(0px 190px 135px 0px); */
	margin : 0;
	padding: 0;
  z-index: 110;
}

#pointe-portail {
	position: absolute;
	display: block;
	width: 245px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 110;
}

#portail {
	position: absolute;
	display: block;
	width: 245px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#clotureD {
	position: absolute;
	display: block;
	top: 262px;
	left: 178px;
/*  clip: rect(0px 190px 135px 0px); */
	margin : 0;
	padding: 0;
  z-index: 100;
}

#pointeD {
	position: absolute;
	display: block;
	top: 262px;
	left: 178px;
/*  clip : rect(0px 190px 135px 0px);*/
	margin : 0;
	padding: 0;
  z-index: 110;
}

#bascule-portillon {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: 165px;
	left: 540px;
	margin : 0;
	padding: 0;
  	z-index: 120;
}

.tip-title {
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

#portillon-iledefrance {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#portillon-jersey {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#portillon-artois {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#portillon-tropezienne {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#portillon-provencale {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#portillon-contemporaine {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 100;
}

#pointe-portillon {
	position: absolute;
	display: block;
	width: 80px;
	height: 135px;
	top: 262px;
	left: 178px;
	margin : 0;
	padding: 0;
  z-index: 110;
}

#non-contractuel {
	position: absolute;
	display: block;
	width: 252px;
	height: 22px;
	top: 403px;
	left: 45px;
	margin : 0;
	padding: 0;
  line-height: 1em;
  color: #999999;
	font-size: 45%;
	font-family: Helvettica, Arial, sans-serif;
}

#label-visuel {
	position: absolute;
	display: inline;
	width: 552px;
	height: 22px;
	top: 425px;
	left: 45px;
	margin : 0;
	padding: 0;
  	color: #888888;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 70%;
	font-family: Helvettica, Arial, sans-serif;
}

#label-visuelportail {
	position: relative;
	display: inline;
	width: 552px;
	height: 22px;
/*	top: 425px;
	left: 45px;*/
	margin : 0;
	padding: 0;
  color: #666666;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 75%;
	font-family: Helvettica, Arial, sans-serif;
}

#label-visuelsuite {
	position: relative;
	display: inline;
	width: 552px;
	height: 22px;
/*	top: 425px;
	left: 45px;*/
	margin : 0;
	padding: 0;
  color: #888888;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 70%;
	font-family: Helvettica, Arial, sans-serif;
}

#comment-visuel {
	position: absolute;
	display: block;
	width: 552px;
	height: 22px;
	top: 438px;
	left: 45px;
	margin : 0;
	padding: 0;
  	color: #888888;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 70%;
	font-family: Helvettica, Arial, sans-serif;
}

#lien-option {
	position: absolute;
	display: block;
	width: 345px;
	height: 45px;
	top: 460px;
	left: 30px;
	margin : 0;
	padding: 0 0 0 15px;
  	color: #888888;
	line-height: 1em;
	font-weight: bold;
	font-size: 85%;
	font-family: Helvettica, Arial, sans-serif;
  	background: transparent url(../asset/white-arrow.png) no-repeat left 5px;
}

#lien-automatisme {
	position: absolute;
	display: block;
	width: 280px;
	height: 45px;
	top: 460px;
	left: 445px;
	margin : 0;
	padding: 0 0 0 15px;
  	color: #888888;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 85%;
	font-family: Helvettica, Arial, sans-serif;
  	background: transparent url(../asset/white-arrow.png) no-repeat left 5px;
}

#option_cinema {
	position: absolute;
	display: none;
	width: 552px;
	height: 22px;
	top: 520px;
	left: 46px;
	margin : 0;
	padding: 0;
}

#option_medievale {
	position: absolute;
	display: none;
	width: 552px;
	height: 22px;
	top: 520px;
	left: 46px;
	margin : 0;
	padding: 0;
}

#automatisme {
	position: absolute;
	display: block;
	margin: 0;
	top: 520px;
	left: 430px;
	margin : 0;
	padding: 0;
}


/* -------------------------  Page html forme ------------------*/
.titre-forme {
	position: relative;
	display: block;
	margin : 0px;
	padding: 15px 0 10px 25px;
	color: #53baea;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 150%;
	text-align: left;	
	}

#monportail {
	display: block;
	padding: 0px 50px 0 40px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #ffffff;		
}

#monportail2 {
	display: block;
	padding: 0px 50px 0 40px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #ffffff;		
}

#comment-forme {
	display: block;
	padding: 0 0 0 45px;
	width: 585px;
	color: #999999;
	line-height: 1.1em;
	font-family: Helvettica, Arial, sans-serif;
	font-size:75%;
}

.comment_file {
	display: block;
	padding: 0 0 0 45px;
	width: 585px;
	color: #999999;
	line-height: 1.1em;
	font-family: Helvettica, Arial, sans-serif;
	font-size:75%;
}

.label-form {
	display: block;
	width: 128px;
	padding: 0 0 0 30px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: .9em;
	font-size: 95%;
	color: #ffffff;
	float: left;	
}

.label-projet {
	display: block;
	position: absolute;
	top: 185px;
	left: 330px;
	width: 128px;
	padding: 0 0 0 0px;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: .9em;
	font-size: 95%;
	color: #ffffff;
}

#projet {
	position: absolute;
	display: block;
	text-align: left;
	width: 200px;
	height: 90px;
	top: 184px;
	left: 430px;
	margin : 0;
	padding: 0;
}


.textblock {
	position: absolute;
	left: 190px;
	margin: 0;
	padding: 0;
}

#parcourir {
	position: absolute;
	display: block;
	text-align: center;
	width: 110px;
	top: 435px;
	left: 395px;
	margin : 0;
	padding: 0;
}

#posvalid {
	position: relative;
	display: block;
	text-align: center;
	width: 90px;
	left: 395px;
	margin : 0;
	padding: 0;
}

#log {
	position: absolute;
	display: block;
	border: none;
	height: 100px;
	width: 390px;
	top: 330px;
	left: 370px;
	margin : 0;
	padding: 0;
	background: #d3dadc;
}

.ajax-loading {
	display: block;
	width: 348px;
	padding: 0;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1em;
	font-size: 100%;
	color: #53baea;
}

/* -------------------------  Page html option ------------------*/

.titre-option {
	position: relative;
	display: block;
	margin : 0px;
	padding: 15px 0 0px 25px;
	color: #53baea;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 130%;
	text-align: left;	
}

#ac1 {
	position: absolute;
	display: block;
	top: 75px;
	left: 80px;
	margin: 0;
	padding: 0;
}

#ac2 {
	position: absolute;
	display: block;
	top: 75px;
	left: 250px;
	margin: 0;
	padding: 0;
}

#ac3 {
	position: absolute;
	display: block;
	top: 75px;
	left: 418px;
	margin: 0;
	padding: 0;
}

#ac4 {
	position: absolute;
	display: block;
	top: 75px;
	left: 586px;
	margin: 0;
	padding: 0;
}

#ac5 {
	position: absolute;
	display: block;
	top: 250px;
	left: 80px;
	margin: 0;
	padding: 0;
}

#ac6 {
	position: absolute;
	display: block;
	top: 250px;
	left: 250px;
	margin: 0;
	padding: 0;
}

#ac7 {
	position: absolute;
	display: block;
	top: 250px;
	left: 418px;
	margin: 0;
	padding: 0;
}

#ac8 {
	position: absolute;
	display: block;
	top: 250px;
	left: 586px;
	margin: 0;
	padding: 0;
}

#ac9 {
	position: absolute;
	display: block;
	top: 425px;
	left: 80px;
	margin: 0;
	padding: 0;
}

#ac10 {
	position: absolute;
	display: block;
	top: 425px;
	left: 250px;
	margin: 0;
	padding: 0;
}

#ac11 {
	position: absolute;
	display: block;
	top: 425px;
	left: 418px;
	margin: 0;
	padding: 0;
}

#ac12 {
	position: absolute;
	display: block;
	top: 425px;
	left: 586px;
	margin: 0;
	padding: 0;
}

.ac_legend {
	cursor: default;
	display: block;
	width: 140px;
	font-size: 75%;
    padding: 0 0 0 15px;
    background: transparent url(../asset/white-arrow.png) no-repeat  left 4px;
}

/* -------------------------  Page html automatismes ------------------*/

#fusion {
	display: none;
}
	
.toggler {
	position: relative;
	display: block;
	cursor: pointer;
	margin : 0px;
	padding: 20px 0 10px 25px;
	color: #53baea;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 95%;
	text-align: left;	
    background: transparent url(../asset/white-arrow.png) no-repeat  10px 25px;
}

.toggler2 {
	position: relative;
	display: block;
	cursor: pointer;
	margin : 0px;
	padding: 20px 0 10px 25px;
	color: #ffffff;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 75%;
	text-align: left;	
    background: transparent url(../asset/white-arrow.png) no-repeat  10px 25px;
}

.aut_legend {
	font-size: 75%;
    margin: 0;
    padding: 0 0 0 15px;
    background: transparent url(../asset/white-arrow-small.png) no-repeat  left 4px;
}

.aut_soustitre {
	text-transform: uppercase;
	font-size: 75%;
	font-weight: bold;
    color: #999999;
    margin: 0;
    padding: 0;
}

.aut_cachetitre {
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 100%;
    color: #999999;
    margin: 0;
    padding: 0;
}

.aut_cachelegend {
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 65%;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

/* -------------------------  Page html all model ------------------*/


.bascule {
	position: relative;
	display: block;
	cursor: pointer;
	margin : 0px;
	padding: 6px 0 0px 25px;
	color: #53baea;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 95%;
	text-align: left;	
    background: transparent url(../asset/white-arrow.png) no-repeat  6px 13px;
}

.bascule2 {
	position: relative;
	display: block;
/*	cursor: pointer;*/
	margin : 0px;
	padding: 2px 0 0px 35px;
	color: #999999;
	line-height: 1em;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 65%;
	text-align: left;	
/*    background: transparent url(../asset/white-arrow-small.png) no-repeat  20px 12px;*/
}

#content {
	width: 780px;
}

#accordion {
	z-index:1000;
}

#container {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}

#container2 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container3 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container4 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container5 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container6 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container7 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container8 {
	width: 810px;
	height: 75px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container9 {
	width: 810px;
	height: 80px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container10 {
	width: 810px;
	height: 80px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container11 {
	width: 810px;
	height: 80px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
#container12 {
	width: 810px;
	height: 80px;
	padding: 0;
	margin: 2px  auto;
	overflow: hidden;
}
 
.main-content {
	width: 2560px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content2 {
	width: 3340px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content3 {
	width: 3480px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content4 {
	width: 2480px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content5 {
	width: 2900px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content6 {
	width: 1500px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content7 {
	width: 1300px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content8 {
	width: 2400px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content9 {
	width: 1500px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content10 {
	width: 1100px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content11 {
	width: 2300px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.main-content12 {
	width: 1100px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: #C7CFD6;
}

.qslide a{
	color: #333333;
	margin: 0 15px 0 15px;
	float: left;
	text-align: center;
	width: 110px;
	font-size: 60%;
	z-index: 100;
}
.qslide a:hover{
	color: #999999;
	margin: 0 15px 0 15px;
	float: left;
	text-align: center;
	width: 110px;
	font-size: 60%;
	z-index: 100;
}
.allmodelabel {
	text-align: center;
	width: 110px;
	font-size: 60%;
} 


/* -------------------------  Inset 3D Raised ------------------*/
.raised  {
	background: transparent;
	width: 100%;
	margin:0 auto;
}

.raised h1, .raised p {
  margin:0 10px;
}

.raised h1 {
  font-size:2em;
	color:#fff;
	letter-spacing:1px;
}

.raised a {
  	padding: 0;
	color: #ffffff;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 95%;
}

.raised a:hover, .raised a:active, .raised a:focus {
  padding: 0;
	color: #666666;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 95%;
}

.raised .top, .raised .bottom {
  display:block;
	background:transparent;
	font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block;
	overflow:hidden;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
}

.raised .b2 {
  background:#bec5c7;
	border-left:1px solid #fff;
	border-right:1px solid #eee;
}

.raised .b3 {
  background:#bec5c7;
	border-left:1px solid #fff;
	border-right:1px solid #ddd;
}

.raised .b4 {
  background:#bec5c7;
	border-left:1px solid #fff;
	border-right:1px solid #aaa;
}

.raised .b4b {
  background:#bec5c7;
	border-left:1px solid #eee;
	border-right:1px solid #999;
}

.raised .b3b {
  background:#bec5c7;
  border-left:1px solid #ddd;
	border-right:1px solid #999;
}

.raised .b2b {
  background:#bec5c7;
	border-left:1px solid #aaa;
	border-right:1px solid #999;
}

.raised .b1 {
  margin:0 5px;
	background:#fff;
}

.raised .b2, .raised .b2b {
  margin:0 3px;
	border-width:0 2px;
}

.raised .b3, .raised .b3b {
  margin:0 2px;
}

.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
}

.raised .b1b {
	margin:0 5px;
	background:#999;
}

.raised .boxcontent {
	display: block;
	background:#bec5c7;
	border-left:1px solid #fff;
	border-right:1px solid #999;
}


/* Inset 3D Curved */
.curved {
	float: left;
	background: transparent;
	width: auto;
	margin:0 auto;
}

.curved h1, .curved p {
  margin:0 5px;
}

.curved h1 {
  font-size:2em;
	color:#ffffff;
	letter-spacing:1px;
}

.curved a {
	padding: 0;
	color: #999999;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: normal;
	font-size: 90%;
  line-height: 90%;
}

.curved a:hover, .curved a:active, .curved a:focus {
  padding: 0;
	color: #ffffff;
	text-decoration: none;
	font-family: Helvettica, Arial, sans-serif;
	font-weight: normal;
	font-size: 90%;
  line-height: 90%;
}

.curved .top, .curved .bottom {
  display:block;
	background:transparent;
	font-size:1px;
}

.curved .b1, .curved .b2, .curved .b3, .curved .b4, .curved .b1b, .curved .b2b, .curved .b3b, .curved .b4b {
  display:block;
	overflow:hidden;
}

.curved .b1, .curved .b2, .curved .b3, .curved .b1b, .curved .b2b, .curved .b3b {
  height:1px;
}

.curved .b2 {
  background:#EEEEF0;
	border-left:1px solid #999999;
	border-right:1px solid #aaaaaa;
}

.curved .b3 {
  background:#EEEEF0;
	border-left:1px solid #999999;
	border-right:1px solid #dddddd;
}

.curved .b4 {
  background:#EEEEF0;
	border-left:1px solid #999999;
	border-right:1px solid #eeeeee;
}

.curved .b4b {
  background:#EEEEF0;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #ffffff;
}

.curved .b3b {
  background:#EEEEF0;
  border-left:1px solid #dddddd;
	border-right:1px solid #ffffff;
}

.curved .b2b {
  background:#EEEEF0;
	border-left:1px solid #eeeeee;
	border-right:1px solid #ffffff;
}

.curved .b1 {
  margin:0 5px;
	background:#999999;
}

.curved .b2, .curved .b2b {
  margin:0 3px;
	border-width:0 2px;
}

.curved .b3, .curved .b3b {
  margin:0 2px;
}

.curved .b4, .curved .b4b {
  height:2px;
	margin:0 1px;
}

.curved .b1b {
  margin:0 5px;
	background:#ffffff;
}

.curved .boxcontent {
  display:block;
	background:#EEEEF0;
	border-left:1px solid #999999;
	border-right:1px solid #ffffff;
  line-height: 100%;
}



.fond_titre {
}

.fond_portail {
}

.fond {
}