/*
	Styles génériques
*/

* {
	color: #000000;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.bullet {
	list-style-type: square;
	opacity: 0.75;
	margin-left: 8px;
	padding-left: 8px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0;
}

/*
	Trames en fond d'entête
*/

body#accueil {
	background: #566461 url(../images/fd_accueil.jpg) no-repeat center 0;
}

body#communication {
	background: #6e5b4b url(../images/fd_com.jpg) no-repeat center 0;
}

body#creation {
	background: #646356 url(../images/fd_crea.jpg) no-repeat center 0;
}

body#production {
	background: #4f5f6b url(../images/fd_prod.jpg) no-repeat center 0;
}

body#evenement {
	background: #706149 url(../images/fd_event.jpg) no-repeat center 0;
}

body#developpement {
	background: #625663 url(../images/fd_dev.jpg) no-repeat center 0;
}

body#realisations {
	background: #566461 url(../images/fd_accueil.jpg) no-repeat center 0;
}

/*
	Menu Réalisations
*/

li.sous-menu-off {
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 1px;
	color: #ffffff;
	background: url(../images/trame_real.png) no-repeat 0 0;
	padding-left: 30px;
}

li.sous-menu-off:hover {
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 1px;
	background-color: #ffffff;
	color: #566461;
	cursor: pointer;
	padding-left: 30px;
}

li.sous-menu-on {
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 1px;
	background-color: #ffffff;
	color: #566461;
	padding-left: 30px;
}

/*
	Pied de page
*/

#pied-de-page, #pied-de-page span, #pied-de-page a {
	color: #aab1b0;
	font-size: 9px;
}

/*
	À la une
*/

td.effet-a-la-une {
	padding-left: 4px;
}

td.effet-a-la-une:hover {
	background-image: url(../images/trame_on.png);
	cursor: pointer;
}

a.titre-a-la-une {
	display: block;
	font-weight: bold;
	margin: 0 0 1px;
	padding: 1px 0 0;
	clear: left;
	font-size: 11px;
}

td.effet-a-la-une:hover a.titre-a-la-une {
	display: block;
	font-weight: bold;
	margin: 0 0 1px;
	padding: 1px 0 0;
	text-decoration: none;
	color: #005284;
	font-size: 11px;
}

a.texte-a-la-une {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

td.effet-a-la-une:hover a.texte-a-la-une {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-decoration: none;
	color: #005284;
}

/*
	Trames des zones de contenu dans les pages métiers
*/

.trame-communication {
	background: url(../images/trame_com.gif) repeat-x 0 0;
}

.trame-creation {
	background: url(../images/trame_crea.gif) repeat-x 0 0;
}

.trame-production {
	background: url(../images/trame_prod.gif) repeat-x 0 0;
}

.trame-evenement {
	background: url(../images/trame_event.gif) repeat-x 0 0;
}

.trame-developpement {
	background: url(../images/trame_dev.gif) repeat-x 0 0;
}

.trame-realisations {
	background: url(../images/trame_neutre.gif) repeat-x 0 0;
}

/*
	Titre des pages métiers
*/

.titre-metier {
	color: #ffffff;
	font: 24px Impact, Arial, Helvetica, Geneva, sans-serif;
	position: absolute;
	display: block;
	margin-left: 20px;
	margin-top: -9px;
	letter-spacing: 1px;
}

/*
	Couleurs des métiers
*/

.accueil-color, .accueil-color a {
	color: #566461;
}
.accueil-color a:visited {
	color: #abb2b0;
}

.communication-color, .communication-color a {
	color: #97132a;
}
.communication-color a:visited {
	color: #cb8995;
}

.creation-color, .creation-color a {
	color: #579741;
}
.creation-color a:visited {
	color: #abcba0;
}

.production-color, .production-color a {
	color: #005284;
}
.production-color a:visited {
	color: #80a9c2;
}

.evenement-color, .evenement-color a {
	color: #c79421;
}
.evenement-color a:visited {
	color: #e3ca90;
}

.developpement-color, .developpement-color a {
	color: #6f0a61;
}
.developpement-color a:visited {
	color: #b785b0;
}

/*
	Styles des contenus des pages métiers
*/

.type-metier, .type-metier a {
	text-align: right;
	font-size: 12px;
	line-height: 16px;
}

.type-metier a:hover {
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
}
.type-metier a:visited {
	font-style: italic;
}

.sous-titre-metier {
	font: italic 16px/16px Verdana, Arial, sans-serif;
}

.contenu-metier {
	font-size: 12px;
	line-height: 16px;
}
.contenu-metier a {
	font-size: 12px;
	line-height: 16px;
	color: #005284;
}
.contenu-metier a:hover {
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
}

/*
	Styles des contenus des pages réalisations
*/

tr.effet-realisations:hover {
	background-color: #d5e3e8;
	cursor: pointer;
}

tr.effet-realisations:hover .fond-vignettes-realisations {
	background-color: #d5e3e8;
}

.titre-realisations {
	display: block;
	font-weight: bold;
	margin: 4px 0;
	font-size: 12px;
}

tr.effet-realisations:hover p.titre-realisations {
	display: block;
	font-weight: bold;
	margin: 4px 0;
	font-size: 12px;
	color: #566461;
}

.texte-realisations {
	display: block;
	font-size: 11px;
}
.texte-realisations a {
	font-size: 11px;
	line-height: 11px;
	color: #005284;
	text-decoration: underline;
}
.texte-realisation a:hover {
	font-size: 11px;
	line-height: 11px;
	text-decoration: underline;
}

tr.effet-realisations:hover p.texte-realisations {
	display: block;
	font-size: 11px;
	color: #566461;
}

.vignettes-realisations {
	margin-top: 4px;
	margin-left: 4px;
}

.fond-vignettes-realisations {
	background: url(../images/fd_vignettes.png) no-repeat 0 0;
}

.trame-images {
	background: url(../images/trame_images.gif) repeat 0 0;
}

img, .fond-vignettes-realisations, #pages-a-la-une, #pages-a-la-une-en, li.sous-menu-off {
	behavior: url(../css/iepngfix.htc);
}
.titreoptions {
}