html, body {
	margin: 4px 0 0 4px;
	padding: 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
}

/* @group bandeauDroite */

#bandeauDroite {
	width: 168px;
	height: 432px;
	margin: 0;
	padding: 0;
	position: fixed !important;
	position: absolute;
	left: 820px;
	background: url(../images/trame-fond.gif) repeat;
}

/* @group logoSaluces */

#bandeauDroite h1.logoSaluces {
	height: 22px;
	margin: 6px 0 0 8px;
	padding: 0;
	background: url(../images/logo-saluces.gif) no-repeat 4px 0px;
}

#bandeauDroite h1.logoSaluces span {
	position: absolute;
	left: -3000px;
}

/* @end */

/* @group menuPrincipal */

#bandeauDroite #menuPrincipal {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}

#bandeauDroite #menuPrincipal li {
	margin: 0;
	padding: 0;
}

#bandeauDroite #menuPrincipal h3 {
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

#bandeauDroite #menuPrincipal a {
	background: #FFF url(../images/menu-principal.gif) no-repeat 4px 0;
	height: 22px;
	margin: 0;
	padding: 0;
	display: block;
}

#bandeauDroite #menuPrincipal .realisations a {
	background-position: 4px -22px;
}

#bandeauDroite #menuPrincipal .contact a {
	background-position: 4px -44px;
}

#bandeauDroite #menuPrincipal a:hover {
	background-position: 4px -132px;
}

#bandeauDroite #menuPrincipal .realisations a:hover,
#bandeauDroite #menuPrincipal .realisations .actuel a {
	background-position: 4px -154px;
}

#bandeauDroite #menuPrincipal .contact a:hover,
#bandeauDroite #menuPrincipal .contact .actuel a {
	background-position: 4px -176px;
}

#bandeauDroite #menuPrincipal a span {
	position: absolute;
	left: -3000px;
}

/* @end */

/* @group sousMenuRealisations */

#bandeauDroite #sousMenuRealisations {
	list-style: none;
	margin: 0 0 0 4px;
	padding: 0;
	border-top: 8px solid #FFF;
	font-weight: bold;
}

#bandeauDroite #sousMenuRealisations a {
	background-color: #FFF;
	display: block;
	margin: 0;
	padding: 4px 0 8px;
	text-transform: uppercase;
	font: 10px/12px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #000;
	height: auto;
	background-image: none;
}

#bandeauDroite #sousMenuRealisations a span {
	left: 0;
	position: static;
}

#bandeauDroite #sousMenuRealisations .designProduit a {
	width: 120px;
}

#bandeauDroite #sousMenuRealisations .designGraphique a {
	width: 140px;
}

#bandeauDroite #sousMenuRealisations .identiteVisuelle a {
	width: 140px;
}

#bandeauDroite #sousMenuRealisations .edition a {
	width: 80px;
}

#bandeauDroite #sousMenuRealisations .multimedia a {
	width: 150px;
}

#bandeauDroite #sousMenuRealisations .signaletique a {
	width: 120px;
}

#bandeauDroite #sousMenuRealisations .consultation a {
	width: 150px;
}

#bandeauDroite #sousMenuRealisations .designProduit a:hover,
#bandeauDroite #sousMenuRealisations .designProduit a.actuel {
	color: #9E688E;
}

#bandeauDroite #sousMenuRealisations .designGraphique a:hover,
#bandeauDroite #sousMenuRealisations .designGraphique a.actuel {
	color: #8C8913;
}

#bandeauDroite #sousMenuRealisations .identiteVisuelle a:hover,
#bandeauDroite #sousMenuRealisations .identiteVisuelle a.actuel {
	color: #3B627F;
}

#bandeauDroite #sousMenuRealisations .edition a:hover,
#bandeauDroite #sousMenuRealisations .edition a.actuel {
	color: #F72A11;
}

#bandeauDroite #sousMenuRealisations .multimedia a:hover,
#bandeauDroite #sousMenuRealisations .multimedia a.actuel {
	color: #5790C2;
}

#bandeauDroite #sousMenuRealisations .signaletique a:hover,
#bandeauDroite #sousMenuRealisations .signaletique a.actuel {
	color: #D4290B;
}

#bandeauDroite #sousMenuRealisations .consiltations a:hover,
#bandeauDroite #sousMenuRealisations .consiltations a.actuel {
	color: #00FF0C;
}

/* @end */

/* @end */

/* @group contenu */

/* @group accueil */

body.accueil #contenu {
	width: 792px;
	height: 792px;
	background: url(../images/fond-accueil.jpg) no-repeat;
}

body.accueil #contenu #flashcontent {
	position: relative;
	z-index: 0;
	top: -2px;
	left: -2px;
}

#texteAccueil {
	position: absolute;
	z-index: 1000;
	left: 306px;
	top: 480px;
	width: 550px;
}

#texteAccueil .logoSaluces {
	background: url(../images/logo-saluces-accueil.jpg) no-repeat;
	width: 220px;
	height: 82px;
	margin: 0 0 0 280px;
	padding: 0;
}

#texteAccueil .baseLineSaluces {
	font-size: 11px;
	text-align: right;
	line-height: 12px;
	letter-spacing: 2px;
	color: #FF7F00;
	background-color: #FFF;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#texteAccueil .baseLineSaluces strong {
	font-weight: normal;
}

#texteAccueil .logoSaluces span {
	position: absolute;
	left: -3000px;
}



/* @end */

/* @group fiche */

#contenu .fiche {
	background: url(../images/fiche-trame-fond.gif) repeat-y;
	margin-bottom: 84px;
	padding-bottom: 24px;
}

#contenu .fiche .presentation {
	text-align: right;
	width: 300px;
	padding: 48px 36px 48px 0;
}

.realisations-edition #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-edition.gif) no-repeat 144px 0;
}

.realisations-design-produit #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-design-produi.gif) no-repeat 144px 0;
}

.realisations-design-graphique #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-design-graphi.gif) no-repeat 144px 0;
}

.realisations-identite-visuelle #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-identite-visu.gif) no-repeat 144px 0;
}

.realisations-multimedia #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-multimedia.gif) no-repeat 144px 0;
}

.realisations-signaletique #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-signaletique.gif) no-repeat 144px 0;
}

.realisations-consultations #contenu .fiche .presentation {
	background: url(../images/fiche-en-tete-consultations.gif) no-repeat 144px 0;
}

#contenu .fiche .presentation h2 {
	font-size: 16px;
	background-color: #FFF;
	margin: 0;
	padding: 0 6px 0 0;
	line-height: 18px;
	letter-spacing: 0.2em;
	font-weight: bold;
}

.realisations-design-produit #contenu .fiche .presentation h2 {
	color: #9E688E;
}

.realisations-design-graphique #contenu .fiche .presentation h2 {
	color: #8C8913;
}

.realisations-identite-visuelle #contenu .fiche .presentation h2 {
	color: #3B627F;
}

.realisations-edition #contenu .fiche .presentation h2 {
	color: #F72A11;
}

.realisations-multimedia #contenu .fiche .presentation h2 {
	color: #5790C2;
}

.realisations-signaletique #contenu .fiche .presentation h2 {
	color: #D4290B;
}

.realisations-consultations #contenu .fiche .presentation h2 {
	color: #00FF0C;
}

#contenu .fiche .presentation h3 {
	font-size: 14px;
	background-color: #FFF;
	margin: 0;
	padding: 0 6px 0 0;
	line-height: 18px;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#contenu .fiche .presentation p {
	font-size: 12px;
	background-color: #FFF;
	margin: 0;
	padding: 0 6px 8px 24px;
	line-height: 18px;
	letter-spacing: 0.2em;
	font-style: italic;
}

#contenu .fiche .illustration {
	margin: 0 0 0 24px;
}

#contenu .fiche .illustration img {
	border: 0;
}

#contenu .fiche .date {
	background-color: #FFF;
	margin: 20px 0 0 240px;
	padding: 4px 0 0 0;
	font-size: 9px;
	line-height: 12px;
	font-style: italic;
	letter-spacing: 0.2em;
}

/* @end */

/* @group contacts */

body.contacts #contenu {
	background: url(../images/fond-accueil.jpg) no-repeat;
	width: 792px;
	height: 792px;
	position: relative;
	margin: 0;
	padding: 12px 0 0 0;
}

body.contacts #contenu #parEmail {
	text-align: right;
	margin: 0 12px 0 400px;
}

body.contacts #contenu #parEmail h2 {
	color: #FF7F00;
	background-color: #FFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	width: 300px;
	margin: 0 0 0 auto;
	padding: 0 10px;
}

body.contacts #contenu #parEmail fieldset {
	border: 0;
	background-color: #FFF;
}

body.contacts #contenu #parEmail fieldset.nom {
	width: 180px;
	margin: 0 0 0 auto;
}

body.contacts #contenu #parEmail fieldset.email {
	width: 280px;
	margin: 0 0 0 auto;
}

body.contacts #contenu #parEmail fieldset.email input {
	width: 260px;
}

body.contacts #contenu #parEmail fieldset.objet input {
	width: 340px;
}

body.contacts #contenu #parEmail fieldset.message {
	width: 320px;
	margin: 0 0 0 auto;
}

body.contacts #contenu #parEmail fieldset.envoyer {
	width: 180px;
	margin: 0 0 0 auto;
}

body.contacts #contenu #parEmail fieldset.envoyer input {
	font: 10px Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	letter-spacing: 0.2em;
	width: 180px;
	padding: 3px 0;
}

body.contacts #contenu #parEmail fieldset.envoyer input:hover {
	color: #FF7F00;
}

body.contacts #contenu #parEmail label {
	font-size: 10px;
	line-height: 24px;
	letter-spacing: 0.2em;
	display: block;
}

body.contacts #contenu #parEmail p.attention {
	font-size: 10px;
	line-height: 24px;
	letter-spacing: 0.2em;
	display: block;
	margin: 0;
	padding: 0;
}

body.contacts #contenu #parEmail p.attention span {
	background-color: #FFF;
	margin: 0;
	padding: 0 10px;
	display: block;
}

body.contacts #contenu #parEmail input {
	background-color: #FFF;
	display: block;
	margin: 0 0 0 auto;
	border: 1px solid #DDD;
}

body.contacts #contenu #parEmail textarea {
	width: 300px;
	display: block;
	margin: 0 0 0 auto;
	border: 1px solid #DDD;
}


body.contacts #contenu #parCourrier {
	text-align: right;
	background-color: #FFF;
	position: absolute;
	margin: 0 0 0 230px;
}

body.contacts #contenu #parCourrier h2 {
	color: #FF7F00;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0;
	padding: 0 10px;
}

body.contacts #contenu #parCourrier p {
	font-size: 10px;
	line-height: 24px;
	letter-spacing: 0.2em;
	padding: 0 10px;
}

/* @end */

/* @end */